@atscript/vue-table 0.1.132 → 0.1.134

package/dist/{as-config-dialog-BehfqIGd.mjs → as-config-dialog-BUBHiVlf.mjs}

@@ -1,9 +1,9 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
-import { t as useTableComponent } from "./use-table-component-K6xj1obF.mjs";
-import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
+import { a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DSh4XFyp.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { arraysEqual, sortersEqual } from "@atscript/ui-table";
-import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, ListboxContent, ListboxFilter, ListboxItem, ListboxItemIndicator, ListboxRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
+import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, ListboxContent, ListboxFilter, ListboxItem, ListboxItemIndicator, ListboxRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
 //#region src/composables/use-dialog-tab-keyboard.ts
 /**
 * Cmd/Ctrl+digit tab switching for dialogs. Owns the keyboard-handler logic
@@ -476,16 +476,22 @@ const _hoisted_1 = { class: "as-config-dialog-header" };
 const _hoisted_2 = { class: "as-config-field-label-wrap" };
 const _hoisted_3 = { class: "as-config-field-label-text" };
 const _hoisted_4 = {
+	key: 0,
+	class: "as-config-field-hint"
+};
+const _hoisted_5 = { class: "as-config-field-label-wrap" };
+const _hoisted_6 = { class: "as-config-field-label-text" };
+const _hoisted_7 = {
 	key: 0,
 	class: "as-config-field-count"
 };
-const _hoisted_5 = { class: "as-config-tab-summary" };
-const _hoisted_6 = { class: "as-config-tab-summary-count" };
-const _hoisted_7 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_8 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_9 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_10 = { class: "as-config-tab-summary-hint" };
-const _hoisted_11 = { class: "as-config-dialog-footer" };
+const _hoisted_8 = { class: "as-config-tab-summary" };
+const _hoisted_9 = { class: "as-config-tab-summary-count" };
+const _hoisted_10 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_11 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_12 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_13 = { class: "as-config-tab-summary-hint" };
+const _hoisted_14 = { class: "as-config-dialog-footer" };
 //#endregion
 //#region src/components/defaults/as-config-dialog.vue
 var as_config_dialog_default = /* @__PURE__ */ defineComponent({
@@ -515,7 +521,7 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 			sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
 		});
 		const filterableColumns = computed(() => state.allColumns.value.filter((c) => c.filterable));
-		const sortableColumns = computed(() => state.allColumns.value.filter((c) => c.sortable));
+		const sortableColumns = computed(() => state.allColumns.value.filter((c) => c.sortable && !(c.local && state.navMode.value === "window")));
 		function filterCount(path) {
 			return state.filters.value[path]?.length ?? 0;
 		}
@@ -556,19 +562,27 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 						onKeydown: unref(onDialogKeydown)
 					}, {
 						default: withCtx(() => [
-							createElementVNode("div", _hoisted_1, [createVNode(unref(DialogTitle), { class: "as-config-dialog-title" }, {
-								default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Table Settings", -1)])]),
-								_: 1
-							}), createVNode(unref(DialogClose), {
-								class: "as-config-dialog-close",
-								"aria-label": "Close"
-							}, {
-								default: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("span", {
-									class: "i-as-close",
-									"aria-hidden": "true"
-								}, null, -1)])]),
-								_: 1
-							})]),
+							createElementVNode("div", _hoisted_1, [
+								createVNode(unref(DialogTitle), { class: "as-config-dialog-title" }, {
+									default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Table Settings", -1)])]),
+									_: 1
+								}),
+								createCommentVNode(" Reka requires a description on every DialogContent — without it\n               it logs a warning and leaves `aria-describedby=\"undefined\"` on\n               the surface. The dialog has no visible sub-heading, so the copy\n               is screen-reader-only. "),
+								createVNode(unref(DialogDescription), { class: "sr-only" }, {
+									default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" Choose which columns are visible, which fields appear in the filter bar, and the sort order of the table. ", -1)])]),
+									_: 1
+								}),
+								createVNode(unref(DialogClose), {
+									class: "as-config-dialog-close",
+									"aria-label": "Close"
+								}, {
+									default: withCtx(() => [..._cache[8] || (_cache[8] = [createElementVNode("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
 							createVNode(unref(TabsRoot), {
 								modelValue: activeTab.value,
 								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeTab.value = $event),
@@ -582,11 +596,11 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 												class: "as-config-tab-trigger"
 											}, {
 												default: withCtx(() => [
-													_cache[8] || (_cache[8] = createElementVNode("span", {
+													_cache[9] || (_cache[9] = createElementVNode("span", {
 														class: "as-config-tab-icon i-as-columns",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[9] || (_cache[9] = createTextVNode(" Columns ", -1)),
+													_cache[10] || (_cache[10] = createTextVNode(" Columns ", -1)),
 													createElementVNode("span", { class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "columns" }]) }, toDisplayString(columnsModel.value.length), 3)
 												]),
 												_: 1
@@ -596,11 +610,11 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 												class: "as-config-tab-trigger"
 											}, {
 												default: withCtx(() => [
-													_cache[10] || (_cache[10] = createElementVNode("span", {
+													_cache[11] || (_cache[11] = createElementVNode("span", {
 														class: "as-config-tab-icon i-as-filter",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[11] || (_cache[11] = createTextVNode(" Filters ", -1)),
+													_cache[12] || (_cache[12] = createTextVNode(" Filters ", -1)),
 													createElementVNode("span", { class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "filters" }]) }, toDisplayString(filtersModel.value.length), 3)
 												]),
 												_: 1
@@ -610,11 +624,11 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 												class: "as-config-tab-trigger"
 											}, {
 												default: withCtx(() => [
-													_cache[12] || (_cache[12] = createElementVNode("span", {
+													_cache[13] || (_cache[13] = createElementVNode("span", {
 														class: "as-config-tab-icon i-as-sorters",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[13] || (_cache[13] = createTextVNode(" Sorters ", -1)),
+													_cache[14] || (_cache[14] = createTextVNode(" Sorters ", -1)),
 													createElementVNode("span", { class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "sorters" }]) }, toDisplayString(sortersModel.value.length), 3)
 												]),
 												_: 1
@@ -630,7 +644,14 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 											columns: unref(state).allColumns.value,
 											modelValue: columnsModel.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnsModel.value = $event)
-										}, null, 8, ["columns", "modelValue"]))]),
+										}, {
+											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_2, [
+												createElementVNode("span", _hoisted_3, toDisplayString(label), 1),
+												createCommentVNode(" Client-owned (`:display-columns`) columns are rendered by\n                       the app, not fetched — say so, so nobody hunts for a\n                       missing field on the server. "),
+												unref(state).localColumnPaths.value.has(value) ? (openBlock(), createElementBlock("span", _hoisted_4, "client")) : createCommentVNode("v-if", true)
+											])]),
+											_: 1
+										}, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									createVNode(unref(TabsContent), {
@@ -642,7 +663,7 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 											modelValue: filtersModel.value,
 											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filtersModel.value = $event)
 										}, {
-											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(label), 1), filterCount(value) > 0 ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(filterCount(value)), 1)) : createCommentVNode("v-if", true)])]),
+											label: withCtx(({ label, value }) => [createElementVNode("span", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(label), 1), filterCount(value) > 0 ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(filterCount(value)), 1)) : createCommentVNode("v-if", true)])]),
 											_: 1
 										}, 8, ["columns", "modelValue"]))]),
 										_: 1
@@ -661,8 +682,8 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 								]),
 								_: 1
 							}, 8, ["modelValue"]),
-							createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_7, toDisplayString(columnsModel.value.length), 1), createTextVNode(" of " + toDisplayString(unref(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_8, toDisplayString(filtersModel.value.length), 1), createTextVNode(" of " + toDisplayString(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_9, toDisplayString(sortersModel.value.length), 1), createTextVNode(" of " + toDisplayString(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), createElementVNode("span", _hoisted_10, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
-							createElementVNode("div", _hoisted_11, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? (openBlock(), createElementBlock("button", {
+							createElementVNode("div", _hoisted_8, [createElementVNode("span", _hoisted_9, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_10, toDisplayString(columnsModel.value.length), 1), createTextVNode(" of " + toDisplayString(unref(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_11, toDisplayString(filtersModel.value.length), 1), createTextVNode(" of " + toDisplayString(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("span", _hoisted_12, toDisplayString(sortersModel.value.length), 1), createTextVNode(" of " + toDisplayString(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), createElementVNode("span", _hoisted_13, [activeTab.value === "columns" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
+							createElementVNode("div", _hoisted_14, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? (openBlock(), createElementBlock("button", {
 								key: 0,
 								type: "button",
 								class: "as-filter-btn-ghost",

package/dist/{as-config-dialog-BOYWPYYH.cjs → as-config-dialog-DvBptYMS.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_use_table_component = require("./use-table-component-DO_kvKSf.cjs");
-const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table_component = require("./use-table-component-DS5NJPzs.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-9TSm1Vbv.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
@@ -476,16 +476,22 @@ const _hoisted_1 = { class: "as-config-dialog-header" };
 const _hoisted_2 = { class: "as-config-field-label-wrap" };
 const _hoisted_3 = { class: "as-config-field-label-text" };
 const _hoisted_4 = {
+	key: 0,
+	class: "as-config-field-hint"
+};
+const _hoisted_5 = { class: "as-config-field-label-wrap" };
+const _hoisted_6 = { class: "as-config-field-label-text" };
+const _hoisted_7 = {
 	key: 0,
 	class: "as-config-field-count"
 };
-const _hoisted_5 = { class: "as-config-tab-summary" };
-const _hoisted_6 = { class: "as-config-tab-summary-count" };
-const _hoisted_7 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_8 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_9 = { class: "as-config-tab-summary-count-num" };
-const _hoisted_10 = { class: "as-config-tab-summary-hint" };
-const _hoisted_11 = { class: "as-config-dialog-footer" };
+const _hoisted_8 = { class: "as-config-tab-summary" };
+const _hoisted_9 = { class: "as-config-tab-summary-count" };
+const _hoisted_10 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_11 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_12 = { class: "as-config-tab-summary-count-num" };
+const _hoisted_13 = { class: "as-config-tab-summary-hint" };
+const _hoisted_14 = { class: "as-config-dialog-footer" };
 //#endregion
 //#region src/components/defaults/as-config-dialog.vue
 var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -515,7 +521,7 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			sortersModel.value = state.sorters.value.map((s) => ({ ...s }));
 		});
 		const filterableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.filterable));
-		const sortableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.sortable));
+		const sortableColumns = (0, vue.computed)(() => state.allColumns.value.filter((c) => c.sortable && !(c.local && state.navMode.value === "window")));
 		function filterCount(path) {
 			return state.filters.value[path]?.length ?? 0;
 		}
@@ -556,19 +562,27 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onKeydown: (0, vue.unref)(onDialogKeydown)
 					}, {
 						default: (0, vue.withCtx)(() => [
-							(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogTitle), { class: "as-config-dialog-title" }, {
-								default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)("Table Settings", -1)])]),
-								_: 1
-							}), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
-								class: "as-config-dialog-close",
-								"aria-label": "Close"
-							}, {
-								default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("span", {
-									class: "i-as-close",
-									"aria-hidden": "true"
-								}, null, -1)])]),
-								_: 1
-							})]),
+							(0, vue.createElementVNode)("div", _hoisted_1, [
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogTitle), { class: "as-config-dialog-title" }, {
+									default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)("Table Settings", -1)])]),
+									_: 1
+								}),
+								(0, vue.createCommentVNode)(" Reka requires a description on every DialogContent — without it\n               it logs a warning and leaves `aria-describedby=\"undefined\"` on\n               the surface. The dialog has no visible sub-heading, so the copy\n               is screen-reader-only. "),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogDescription), { class: "sr-only" }, {
+									default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createTextVNode)(" Choose which columns are visible, which fields appear in the filter bar, and the sort order of the table. ", -1)])]),
+									_: 1
+								}),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
+									class: "as-config-dialog-close",
+									"aria-label": "Close"
+								}, {
+									default: (0, vue.withCtx)(() => [..._cache[8] || (_cache[8] = [(0, vue.createElementVNode)("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
 							(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsRoot), {
 								modelValue: activeTab.value,
 								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeTab.value = $event),
@@ -582,11 +596,11 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												class: "as-config-tab-trigger"
 											}, {
 												default: (0, vue.withCtx)(() => [
-													_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", {
+													_cache[9] || (_cache[9] = (0, vue.createElementVNode)("span", {
 														class: "as-config-tab-icon i-as-columns",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[9] || (_cache[9] = (0, vue.createTextVNode)(" Columns ", -1)),
+													_cache[10] || (_cache[10] = (0, vue.createTextVNode)(" Columns ", -1)),
 													(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "columns" }]) }, (0, vue.toDisplayString)(columnsModel.value.length), 3)
 												]),
 												_: 1
@@ -596,11 +610,11 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												class: "as-config-tab-trigger"
 											}, {
 												default: (0, vue.withCtx)(() => [
-													_cache[10] || (_cache[10] = (0, vue.createElementVNode)("span", {
+													_cache[11] || (_cache[11] = (0, vue.createElementVNode)("span", {
 														class: "as-config-tab-icon i-as-filter",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[11] || (_cache[11] = (0, vue.createTextVNode)(" Filters ", -1)),
+													_cache[12] || (_cache[12] = (0, vue.createTextVNode)(" Filters ", -1)),
 													(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "filters" }]) }, (0, vue.toDisplayString)(filtersModel.value.length), 3)
 												]),
 												_: 1
@@ -610,11 +624,11 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												class: "as-config-tab-trigger"
 											}, {
 												default: (0, vue.withCtx)(() => [
-													_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", {
+													_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", {
 														class: "as-config-tab-icon i-as-sorters",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[13] || (_cache[13] = (0, vue.createTextVNode)(" Sorters ", -1)),
+													_cache[14] || (_cache[14] = (0, vue.createTextVNode)(" Sorters ", -1)),
 													(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "sorters" }]) }, (0, vue.toDisplayString)(sortersModel.value.length), 3)
 												]),
 												_: 1
@@ -630,7 +644,14 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											columns: (0, vue.unref)(state).allColumns.value,
 											modelValue: columnsModel.value,
 											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => columnsModel.value = $event)
-										}, null, 8, ["columns", "modelValue"]))]),
+										}, {
+											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_2, [
+												(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(label), 1),
+												(0, vue.createCommentVNode)(" Client-owned (`:display-columns`) columns are rendered by\n                       the app, not fetched — say so, so nobody hunts for a\n                       missing field on the server. "),
+												(0, vue.unref)(state).localColumnPaths.value.has(value) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, "client")) : (0, vue.createCommentVNode)("v-if", true)
+											])]),
+											_: 1
+										}, 8, ["columns", "modelValue"]))]),
 										_: 1
 									}),
 									(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsContent), {
@@ -642,7 +663,7 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											modelValue: filtersModel.value,
 											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filtersModel.value = $event)
 										}, {
-											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_2, [(0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(label), 1), filterCount(value) > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(filterCount(value)), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
+											label: (0, vue.withCtx)(({ label, value }) => [(0, vue.createElementVNode)("span", _hoisted_5, [(0, vue.createElementVNode)("span", _hoisted_6, (0, vue.toDisplayString)(label), 1), filterCount(value) > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, (0, vue.toDisplayString)(filterCount(value)), 1)) : (0, vue.createCommentVNode)("v-if", true)])]),
 											_: 1
 										}, 8, ["columns", "modelValue"]))]),
 										_: 1
@@ -661,8 +682,8 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								]),
 								_: 1
 							}, 8, ["modelValue"]),
-							(0, vue.createElementVNode)("div", _hoisted_5, [(0, vue.createElementVNode)("span", _hoisted_6, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_7, (0, vue.toDisplayString)(columnsModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)((0, vue.unref)(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createElementVNode)("span", _hoisted_8, (0, vue.toDisplayString)(filtersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("span", _hoisted_9, (0, vue.toDisplayString)(sortersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), (0, vue.createElementVNode)("span", _hoisted_10, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createTextVNode)(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
-							(0, vue.createElementVNode)("div", _hoisted_11, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+							(0, vue.createElementVNode)("div", _hoisted_8, [(0, vue.createElementVNode)("span", _hoisted_9, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", _hoisted_10, (0, vue.toDisplayString)(columnsModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)((0, vue.unref)(state).allColumns.value.length) + " columns visible ", 1)], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createElementVNode)("span", _hoisted_11, (0, vue.toDisplayString)(filtersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(filterableColumns.value.length) + " filterable columns shown as filter pills ", 1)], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createElementVNode)("span", _hoisted_12, (0, vue.toDisplayString)(sortersModel.value.length), 1), (0, vue.createTextVNode)(" of " + (0, vue.toDisplayString)(sortableColumns.value.length) + " sortable columns in effect ", 1)], 64))]), (0, vue.createElementVNode)("span", _hoisted_13, [activeTab.value === "columns" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createTextVNode)(" Checked columns are rendered in the table. Drag rows to reorder. ")], 64)) : activeTab.value === "filters" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)(" Checked columns appear in the filter bar for quick filtering. ")], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createTextVNode)(" Rows are ordered by these fields, top-to-bottom. ")], 64))])]),
+							(0, vue.createElementVNode)("div", _hoisted_14, [activeTab.value === "sorters" && sortersModel.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 								key: 0,
 								type: "button",
 								class: "as-filter-btn-ghost",

package/dist/as-config-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_config_dialog = require("./as-config-dialog-BOYWPYYH.cjs");
+const require_as_config_dialog = require("./as-config-dialog-DvBptYMS.cjs");
 module.exports = require_as_config_dialog.as_config_dialog_default;

package/dist/as-config-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_config_dialog_default } from "./as-config-dialog-BehfqIGd.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-BUBHiVlf.mjs";
 export { as_config_dialog_default as default };

package/dist/{as-confirm-dialog-UwhDHysk.cjs → as-confirm-dialog-ByMfIG0A.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts
@@ -16,29 +16,32 @@ var as_confirm_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				if (!val) state.dismissPrompt();
 			}
 		});
-		const req = (0, vue.computed)(() => state.confirmRequest.value);
+		const req = state.confirmDisplay;
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.AlertDialogRoot), {
 				open: isOpen.value,
-				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isOpen.value = $event)
+				"onUpdate:open": _cache[3] || (_cache[3] = ($event) => isOpen.value = $event)
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogPortal), null, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogContent), { class: "as-confirm-dialog-content" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogContent), {
+						class: "as-confirm-dialog-content",
+						onAfterLeave: _cache[2] || (_cache[2] = ($event) => (0, vue.unref)(state).releaseConfirm())
+					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogTitle), { class: "as-confirm-dialog-title" }, {
-							default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createTextVNode)("Confirmation", -1)])]),
+							default: (0, vue.withCtx)(() => [..._cache[4] || (_cache[4] = [(0, vue.createTextVNode)("Confirmation", -1)])]),
 							_: 1
 						}), (0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogDescription), { class: "as-confirm-dialog-body" }, {
-							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(req.value?.message), 1)]),
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(req)?.message), 1)]),
 							_: 1
 						})]), (0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "as-confirm-dialog-cancel",
 							onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(state).dismissPrompt())
-						}, (0, vue.toDisplayString)(req.value?.cancelButton ?? "Cancel"), 1), (0, vue.createElementVNode)("button", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(req)?.cancelButton ?? "Cancel"), 1), (0, vue.createElementVNode)("button", {
 							type: "button",
-							class: (0, vue.normalizeClass)(["as-confirm-dialog-confirm", req.value?.scope ? `as-confirm-dialog-confirm-${req.value.scope}` : void 0]),
+							class: (0, vue.normalizeClass)(["as-confirm-dialog-confirm", (0, vue.unref)(req)?.scope ? `as-confirm-dialog-confirm-${(0, vue.unref)(req).scope}` : void 0]),
 							onClick: _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(state).acceptPrompt())
-						}, (0, vue.toDisplayString)(req.value?.confirmButton ?? "Confirm"), 3)])]),
+						}, (0, vue.toDisplayString)((0, vue.unref)(req)?.confirmButton ?? "Confirm"), 3)])]),
 						_: 1
 					})]),
 					_: 1

package/dist/{as-confirm-dialog-bpN4A-KN.mjs → as-confirm-dialog-G4ZoL_Xo.mjs}

@@ -1,4 +1,4 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
+import { a as useTableContext } from "./use-table-state-mBXx11aH.mjs";
 import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle } from "reka-ui";
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts
@@ -16,29 +16,32 @@ var as_confirm_dialog_default = /* @__PURE__ */ defineComponent({
 				if (!val) state.dismissPrompt();
 			}
 		});
-		const req = computed(() => state.confirmRequest.value);
+		const req = state.confirmDisplay;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogRoot), {
 				open: isOpen.value,
-				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isOpen.value = $event)
+				"onUpdate:open": _cache[3] || (_cache[3] = ($event) => isOpen.value = $event)
 			}, {
 				default: withCtx(() => [createVNode(unref(AlertDialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), createVNode(unref(AlertDialogContent), { class: "as-confirm-dialog-content" }, {
+					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), createVNode(unref(AlertDialogContent), {
+						class: "as-confirm-dialog-content",
+						onAfterLeave: _cache[2] || (_cache[2] = ($event) => unref(state).releaseConfirm())
+					}, {
 						default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(AlertDialogTitle), { class: "as-confirm-dialog-title" }, {
-							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Confirmation", -1)])]),
+							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Confirmation", -1)])]),
 							_: 1
 						}), createVNode(unref(AlertDialogDescription), { class: "as-confirm-dialog-body" }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(req.value?.message), 1)]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(req)?.message), 1)]),
 							_: 1
 						})]), createElementVNode("div", _hoisted_2, [createElementVNode("button", {
 							type: "button",
 							class: "as-confirm-dialog-cancel",
 							onClick: _cache[0] || (_cache[0] = ($event) => unref(state).dismissPrompt())
-						}, toDisplayString(req.value?.cancelButton ?? "Cancel"), 1), createElementVNode("button", {
+						}, toDisplayString(unref(req)?.cancelButton ?? "Cancel"), 1), createElementVNode("button", {
 							type: "button",
-							class: normalizeClass(["as-confirm-dialog-confirm", req.value?.scope ? `as-confirm-dialog-confirm-${req.value.scope}` : void 0]),
+							class: normalizeClass(["as-confirm-dialog-confirm", unref(req)?.scope ? `as-confirm-dialog-confirm-${unref(req).scope}` : void 0]),
 							onClick: _cache[1] || (_cache[1] = ($event) => unref(state).acceptPrompt())
-						}, toDisplayString(req.value?.confirmButton ?? "Confirm"), 3)])]),
+						}, toDisplayString(unref(req)?.confirmButton ?? "Confirm"), 3)])]),
 						_: 1
 					})]),
 					_: 1

package/dist/as-confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_confirm_dialog = require("./as-confirm-dialog-UwhDHysk.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-ByMfIG0A.cjs");
 module.exports = require_as_confirm_dialog.as_confirm_dialog_default;

package/dist/as-confirm-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-bpN4A-KN.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-G4ZoL_Xo.mjs";
 export { as_confirm_dialog_default as default };

package/dist/{as-filter-dialog-D1qzq-8b.mjs → as-filter-dialog-BJWH8cvc.mjs}

@@ -1,16 +1,16 @@
-import { a as useTableContext, r as provideTableContext, t as createStaticTableState } 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 useTableComponent } from "./use-table-component-K6xj1obF.mjs";
-import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-BehfqIGd.mjs";
-import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
-import { t as as_filter_input_default } from "./as-filter-input-BM23TNeh.mjs";
-import { t as as_window_table_default } from "./as-window-table-DWujiUQy.mjs";
-import { t as as_filters_default } from "./as-filters-beIud9sF.mjs";
+import { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-mBXx11aH.mjs";
+import { r as useTable } from "./use-table-BFhbfWgY.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-DzJN5v9a.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-BUBHiVlf.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DSh4XFyp.mjs";
+import { t as as_filter_input_default } from "./as-filter-input-C8KmOus8.mjs";
+import { t as as_window_table_default } from "./as-window-table-BH0tDDnr.mjs";
+import { t as as_filters_default } from "./as-filters-DogNVlqr.mjs";
 import { resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 import { columnFilterType, conditionLabel, conditionsForType, dateShortcuts, defaultCondition, filledFilterCount, formatFilterCondition, isFilled, isSimpleEq, sameColumnSet } from "@atscript/ui-table";
-import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
+import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
 //#region src/components/internal/as-filter-conditions.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$2 = ["value", "onChange"];
 const _hoisted_2$2 = ["value"];
@@ -452,19 +452,27 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 						onKeydown: unref(onDialogKeydown)
 					}, {
 						default: withCtx(() => [
-							createElementVNode("div", _hoisted_1, [createVNode(unref(DialogTitle), { class: "as-filter-dialog-title" }, {
-								default: withCtx(() => [_cache[5] || (_cache[5] = createElementVNode("span", { class: "as-filter-dialog-title-label" }, "Filter", -1)), createElementVNode("span", _hoisted_2, toDisplayString(column.value?.label), 1)]),
-								_: 1
-							}), createVNode(unref(DialogClose), {
-								class: "as-filter-dialog-close",
-								"aria-label": "Close"
-							}, {
-								default: withCtx(() => [..._cache[6] || (_cache[6] = [createElementVNode("span", {
-									class: "i-as-close",
-									"aria-hidden": "true"
-								}, null, -1)])]),
-								_: 1
-							})]),
+							createElementVNode("div", _hoisted_1, [
+								createVNode(unref(DialogTitle), { class: "as-filter-dialog-title" }, {
+									default: withCtx(() => [_cache[5] || (_cache[5] = createElementVNode("span", { class: "as-filter-dialog-title-label" }, "Filter", -1)), createElementVNode("span", _hoisted_2, toDisplayString(column.value?.label), 1)]),
+									_: 1
+								}),
+								createCommentVNode(" Reka requires a description on every DialogContent — without it\n               it logs a warning and leaves `aria-describedby=\"undefined\"` on\n               the surface. The column name is already in the title, so the\n               copy is screen-reader-only. "),
+								createVNode(unref(DialogDescription), { class: "sr-only" }, {
+									default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Build the filter conditions applied to this column. ", -1)])]),
+									_: 1
+								}),
+								createVNode(unref(DialogClose), {
+									class: "as-filter-dialog-close",
+									"aria-label": "Close"
+								}, {
+									default: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
 							column.value && hasValueHelp.value ? (openBlock(), createBlock(unref(TabsRoot), {
 								key: 0,
 								modelValue: activeTab.value,
@@ -477,7 +485,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 											value: "value-help",
 											class: "as-config-tab-trigger"
 										}, {
-											default: withCtx(() => [_cache[7] || (_cache[7] = createTextVNode(" Values ", -1)), valueHelpConditions.value.length > 0 ? (openBlock(), createElementBlock("span", {
+											default: withCtx(() => [_cache[8] || (_cache[8] = createTextVNode(" Values ", -1)), valueHelpConditions.value.length > 0 ? (openBlock(), createElementBlock("span", {
 												key: 0,
 												class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "value-help" }])
 											}, toDisplayString(valueHelpConditions.value.length), 3)) : createCommentVNode("v-if", true)]),
@@ -486,7 +494,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 											value: "conditions",
 											class: "as-config-tab-trigger"
 										}, {
-											default: withCtx(() => [_cache[8] || (_cache[8] = createTextVNode(" Conditions ", -1)), filledFreeCount.value > 0 ? (openBlock(), createElementBlock("span", {
+											default: withCtx(() => [_cache[9] || (_cache[9] = createTextVNode(" Conditions ", -1)), filledFreeCount.value > 0 ? (openBlock(), createElementBlock("span", {
 												key: 0,
 												class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "conditions" }])
 											}, toDisplayString(filledFreeCount.value), 3)) : createCommentVNode("v-if", true)]),
@@ -536,7 +544,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 									class: "as-filter-dialog-chip-remove",
 									"aria-label": "Remove",
 									onClick: ($event) => removeChip(chip)
-								}, [..._cache[9] || (_cache[9] = [createElementVNode("span", {
+								}, [..._cache[10] || (_cache[10] = [createElementVNode("span", {
 									class: "i-as-close",
 									"aria-hidden": "true"
 								}, null, -1)])], 8, _hoisted_8)]);