@atscript/vue-table 0.1.141 → 0.1.142

package/dist/as-action-form-dialog.cjs

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_db_client = require("@atscript/db-client");

package/dist/as-action-form-dialog.mjs

@@ -1,4 +1,4 @@
-import { a as useTableContext, w as intentToScope } from "./use-table-state-BgLIOO31.mjs";
+import { E as intentToScope, a as useTableContext } from "./use-table-state-Cq-3tbVr.mjs";
 import { META_LABEL, UI_FORM_SUBMIT_TEXT, createFormData, createFormDef, getFieldMeta } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx } from "vue";
 import { formatIdentifier } from "@atscript/db-client";

package/dist/{as-action-menu-content-AKbIp4Ni.cjs → as-action-menu-content-BaNFBYn3.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#endregion

package/dist/{as-action-menu-content-6dR5q8bs.mjs → as-action-menu-content-miQYVP7x.mjs}

@@ -1,4 +1,4 @@
-import { C as intentClass, E as isPlainLeftClick, T as isModClick, y as ariaLabelFor } from "./use-table-state-BgLIOO31.mjs";
+import { D as isModClick, O as isPlainLeftClick, T as intentClass, x as ariaLabelFor } from "./use-table-state-Cq-3tbVr.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "reka-ui";
 //#endregion

package/dist/as-column-menu.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-DapdB_qF.cjs";
+import { t as _default } from "./as-column-menu.vue-Co7FtiEM.cjs";
 export = _default;

package/dist/as-column-menu.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-Ys_sx0VE.mjs";
+import { t as _default } from "./as-column-menu.vue-Ca3wSDxw.mjs";
 export { _default as default };

package/dist/{as-column-menu.vue-DapdB_qF.d.cts → as-column-menu.vue-Ca3wSDxw.d.mts}

@@ -1,6 +1,6 @@
-import { r as ColumnMenuConfig } from "./types-Cdk5OH1-.cjs";
-import * as vue from "vue";
+import { r as ColumnMenuConfig } from "./types-BU7J-a1r.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-column-menu.vue-Ys_sx0VE.d.mts → as-column-menu.vue-Co7FtiEM.d.cts}

@@ -1,6 +1,6 @@
-import { r as ColumnMenuConfig } from "./types-Ev-A5h_D.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { r as ColumnMenuConfig } from "./types-D4dK49sA.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-config-dialog-Chpw_2tu.cjs → as-config-dialog-CVSOrS9O.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
-const require_use_table_component = require("./use-table-component-Tc_ZvZua.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_use_table_component = require("./use-table-component-IziAm0vk.cjs");
 const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-config-dialog-UeMU7jTP.mjs → as-config-dialog-Di02V3bs.mjs}

@@ -1,5 +1,5 @@
-import { a as useTableContext } from "./use-table-state-BgLIOO31.mjs";
-import { t as useTableComponent } from "./use-table-component-OTdgA202.mjs";
+import { a as useTableContext } from "./use-table-state-Cq-3tbVr.mjs";
+import { t as useTableComponent } from "./use-table-component-TLwFq4rx.mjs";
 import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.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, isColumnFilterable, sortersEqual } from "@atscript/ui-table";

package/dist/as-config-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_config_dialog = require("./as-config-dialog-Chpw_2tu.cjs");
+const require_as_config_dialog = require("./as-config-dialog-CVSOrS9O.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-UeMU7jTP.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-Di02V3bs.mjs";
 export { as_config_dialog_default as default };

package/dist/{as-confirm-dialog-SIqCOw2p.mjs → as-confirm-dialog-C9Qat2rG.mjs}

@@ -1,4 +1,4 @@
-import { a as useTableContext } from "./use-table-state-BgLIOO31.mjs";
+import { a as useTableContext } from "./use-table-state-Cq-3tbVr.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

package/dist/{as-confirm-dialog-hHYVEX9E.cjs → as-confirm-dialog-fCwo1ty9.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.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

package/dist/as-confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_confirm_dialog = require("./as-confirm-dialog-hHYVEX9E.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-fCwo1ty9.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-SIqCOw2p.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-C9Qat2rG.mjs";
 export { as_confirm_dialog_default as default };

package/dist/{as-filter-dialog-Xvj5q09A.cjs → as-filter-dialog-DYpbsNDx.cjs}

@@ -1,12 +1,12 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
-const require_use_table = require("./use-table-rc6_sYU6.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-ByQo00IH.cjs");
-const require_use_table_component = require("./use-table-component-Tc_ZvZua.cjs");
-const require_as_config_dialog = require("./as-config-dialog-Chpw_2tu.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_use_table = require("./use-table-yZNJTfRq.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-QU4jKhqx.cjs");
+const require_use_table_component = require("./use-table-component-IziAm0vk.cjs");
+const require_as_config_dialog = require("./as-config-dialog-CVSOrS9O.cjs");
 const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 const require_as_filter_input = require("./as-filter-input-DJu2k9gO.cjs");
-const require_as_window_table = require("./as-window-table-Dpbezh9D.cjs");
-const require_as_filters = require("./as-filters-CWQgQBCH.cjs");
+const require_as_window_table = require("./as-window-table-hOYLNhX3.cjs");
+const require_as_filters = require("./as-filters-C6ZkLrf4.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-filter-dialog-DVRhCx6O.mjs → as-filter-dialog-DdtrTT5w.mjs}

@@ -1,12 +1,12 @@
-import { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-BgLIOO31.mjs";
-import { r as useTable } from "./use-table-BG3IZyCO.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-BNjwR3qy.mjs";
-import { t as useTableComponent } from "./use-table-component-OTdgA202.mjs";
-import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-UeMU7jTP.mjs";
+import { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-Cq-3tbVr.mjs";
+import { r as useTable } from "./use-table-DlqGHjPh.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-CkQqimdS.mjs";
+import { t as useTableComponent } from "./use-table-component-TLwFq4rx.mjs";
+import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-Di02V3bs.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-CkTJOvu9.mjs";
-import { t as as_filters_default } from "./as-filters-CudeInPr.mjs";
+import { t as as_window_table_default } from "./as-window-table-C312T_bc.mjs";
+import { t as as_filters_default } from "./as-filters-Dd_j6_6G.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 { columnDefaultCondition, columnFilterConditions, columnFilterType, conditionLabel, dateShortcuts, filledFilterCount, formatFilterCondition, isColumnFilterable, isFilled, isSimpleEq, sameColumnSet } from "@atscript/ui-table";

package/dist/as-filter-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_dialog = require("./as-filter-dialog-Xvj5q09A.cjs");
+const require_as_filter_dialog = require("./as-filter-dialog-DYpbsNDx.cjs");
 module.exports = require_as_filter_dialog.as_filter_dialog_default;

package/dist/as-filter-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_dialog_default } from "./as-filter-dialog-DVRhCx6O.mjs";
+import { t as as_filter_dialog_default } from "./as-filter-dialog-DdtrTT5w.mjs";
 export { as_filter_dialog_default as default };

package/dist/{as-filter-field-B7b2sEG0.cjs → as-filter-field-4-qFRsJx.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
-const require_use_table = require("./use-table-rc6_sYU6.cjs");
-const require_as_table_base = require("./as-table-base--MfU8LVN.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_use_table = require("./use-table-yZNJTfRq.cjs");
+const require_as_table_base = require("./as-table-base-umzg4PBR.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -214,12 +214,11 @@ var as_filter_field_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			(0, vue.watch)(selectedValues, (values) => {
 				if ((0, _atscript_ui_table.arraysEqual)(values, extractEqValues(state.filters.value[props.column.path]))) return;
 				const nonEq = (state.filters.value[props.column.path] ?? []).filter((c) => c.type !== "eq");
-				const merged = [...values.map((v) => ({
+				const eqConditions = values.map((v) => ({
 					type: "eq",
 					value: [v]
-				})), ...nonEq];
-				if (merged.some(_atscript_ui_table.isFilled)) state.setFieldFilter(props.column.path, merged);
-				else state.removeFieldFilter(props.column.path);
+				}));
+				state.setFieldFilter(props.column.path, [...eqConditions, ...nonEq]);
 			});
 			(0, vue.watch)(() => state.filters.value[props.column.path], (conditions) => {
 				const newValues = extractEqValues(conditions);
@@ -307,9 +306,8 @@ var as_filter_field_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return filterFunction(enumRows.value).length === 0;
 		});
 		function removeChip(chip) {
-			const remaining = (state.filters.value[props.column.path] ?? []).filter((c) => c !== chip.condition);
-			if (remaining.some(_atscript_ui_table.isFilled)) state.setFieldFilter(props.column.path, remaining);
-			else state.removeFieldFilter(props.column.path);
+			const existing = state.filters.value[props.column.path] ?? [];
+			state.setFieldFilter(props.column.path, existing.filter((c) => c !== chip.condition));
 		}
 		function clearAll() {
 			state.removeFieldFilter(props.column.path);

package/dist/{as-filter-field-D4vQCOEU.mjs → as-filter-field-DEQVodKG.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-BgLIOO31.mjs";
-import { r as useTable } from "./use-table-BG3IZyCO.mjs";
-import { t as as_table_base_default } from "./as-table-base-Cl1XJu4H.mjs";
+import { a as useTableContext } from "./use-table-state-Cq-3tbVr.mjs";
+import { r as useTable } from "./use-table-DlqGHjPh.mjs";
+import { t as as_table_base_default } from "./as-table-base-89DkDZ-1.mjs";
 import { ValueHelpClient, getMetaEntry, resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useId, watch, withCtx, withKeys, withModifiers } from "vue";
 import { arraysEqual, debounce, formatFilterCondition, isFilled, isSimpleEq, parseColumnFilterInput } from "@atscript/ui-table";
@@ -214,12 +214,11 @@ var as_filter_field_default = /* @__PURE__ */ defineComponent({
 			watch(selectedValues, (values) => {
 				if (arraysEqual(values, extractEqValues(state.filters.value[props.column.path]))) return;
 				const nonEq = (state.filters.value[props.column.path] ?? []).filter((c) => c.type !== "eq");
-				const merged = [...values.map((v) => ({
+				const eqConditions = values.map((v) => ({
 					type: "eq",
 					value: [v]
-				})), ...nonEq];
-				if (merged.some(isFilled)) state.setFieldFilter(props.column.path, merged);
-				else state.removeFieldFilter(props.column.path);
+				}));
+				state.setFieldFilter(props.column.path, [...eqConditions, ...nonEq]);
 			});
 			watch(() => state.filters.value[props.column.path], (conditions) => {
 				const newValues = extractEqValues(conditions);
@@ -307,9 +306,8 @@ var as_filter_field_default = /* @__PURE__ */ defineComponent({
 			return filterFunction(enumRows.value).length === 0;
 		});
 		function removeChip(chip) {
-			const remaining = (state.filters.value[props.column.path] ?? []).filter((c) => c !== chip.condition);
-			if (remaining.some(isFilled)) state.setFieldFilter(props.column.path, remaining);
-			else state.removeFieldFilter(props.column.path);
+			const existing = state.filters.value[props.column.path] ?? [];
+			state.setFieldFilter(props.column.path, existing.filter((c) => c !== chip.condition));
 		}
 		function clearAll() {
 			state.removeFieldFilter(props.column.path);

package/dist/as-filter-field.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_field = require("./as-filter-field-B7b2sEG0.cjs");
+const require_as_filter_field = require("./as-filter-field-4-qFRsJx.cjs");
 module.exports = require_as_filter_field.as_filter_field_default;

package/dist/as-filter-field.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_field_default } from "./as-filter-field-D4vQCOEU.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-DEQVodKG.mjs";
 export { as_filter_field_default as default };

package/dist/{as-filters-CWQgQBCH.cjs → as-filters-C6ZkLrf4.cjs}

@@ -1,12 +1,17 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
-const require_use_table_component = require("./use-table-component-Tc_ZvZua.cjs");
-const require_as_filter_field = require("./as-filter-field-B7b2sEG0.cjs");
-const require_as_residual_filter = require("./as-residual-filter-BJ4cwFP4.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_use_table_component = require("./use-table-component-IziAm0vk.cjs");
+const require_as_filter_field = require("./as-filter-field-4-qFRsJx.cjs");
+const require_as_residual_filter = require("./as-residual-filter-CZ-Bytdj.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
 //#region src/components/as-filters.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
+	type: "button",
+	class: "as-filters-overflow-trigger",
+	"aria-label": "More filters"
+};
+const _hoisted_2 = {
 	key: 0,
 	class: "as-filters-overflow-badge"
 };
@@ -15,7 +20,7 @@ const _hoisted_1 = {
 var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	inheritAttrs: false,
 	__name: "as-filters",
-	props: {
+	props: /* @__PURE__ */ (0, vue.mergeModels)({
 		filterFields: {
 			type: Array,
 			required: false
@@ -33,9 +38,34 @@ var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			required: false,
 			default: true
 		}
-	},
-	setup(__props) {
+	}, {
+		"overflowOpen": {
+			type: Boolean,
+			default: false
+		},
+		"overflowOpenModifiers": {}
+	}),
+	emits: /* @__PURE__ */ (0, vue.mergeModels)(["overflow-open-auto-focus", "overflow-close-auto-focus"], ["update:overflowOpen"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		/**
+		* Open state of the overflow popover — `v-model:overflow-open` to drive or
+		* observe it (e.g. close it before the host opens its own dialog). Unbound →
+		* the popover keeps its own state.
+		*
+		* @since 0.1.142
+		*/
+		const overflowOpen = (0, vue.useModel)(__props, "overflowOpen");
+		const emit = __emit;
+		let lastClose = null;
+		function onCloseAutoFocus(event) {
+			if (event === lastClose) return;
+			lastClose = event;
+			emit("overflow-close-auto-focus", event);
+		}
+		function closeOverflow() {
+			overflowOpen.value = false;
+		}
 		const { state } = require_use_table_state.useTableContext();
 		const FilterField = require_use_table_component.useTableComponent("filterField", require_as_filter_field.as_filter_field_default);
 		const ResidualFilter = require_use_table_component.useTableComponent("residualFilter", require_as_residual_filter.as_residual_filter_default);
@@ -74,6 +104,10 @@ var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				overflow: all.slice(limit)
 			};
 		});
+		const hasOverflowPopover = (0, vue.computed)(() => (props.overflow ?? "popover") === "popover" && split.value.overflow.length > 0);
+		(0, vue.watch)(hasOverflowPopover, (has) => {
+			if (!has) closeOverflow();
+		});
 		const activeOverflowCount = (0, vue.computed)(() => {
 			const filters = state.filters.value;
 			let n = 0;
@@ -96,42 +130,51 @@ var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						index: i
 					}, null, 8, ["expr", "index"]);
 				}), 128)) : (0, vue.createCommentVNode)("v-if", true),
-				(props.overflow ?? "popover") === "popover" && split.value.overflow.length > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverRoot), { key: 1 }, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverTrigger), {
-						class: "as-filters-overflow-trigger",
-						"aria-label": "More filters"
-					}, {
-						default: (0, vue.withCtx)(() => [
-							_cache[0] || (_cache[0] = (0, vue.createElementVNode)("span", {
+				hasOverflowPopover.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverRoot), {
+					key: 1,
+					open: overflowOpen.value,
+					"onUpdate:open": _cache[1] || (_cache[1] = ($event) => overflowOpen.value = $event)
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverTrigger), { "as-child": "" }, {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "overflow-trigger", {
+							activeCount: activeOverflowCount.value,
+							open: overflowOpen.value
+						}, () => [(0, vue.createElementVNode)("button", _hoisted_1, [
+							_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
 								class: "i-as-filter as-filters-overflow-trigger-icon",
 								"aria-hidden": "true"
 							}, null, -1)),
-							activeOverflowCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, (0, vue.toDisplayString)(activeOverflowCount.value), 1)) : (0, vue.createCommentVNode)("v-if", true),
-							_cache[1] || (_cache[1] = (0, vue.createElementVNode)("span", {
+							activeOverflowCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(activeOverflowCount.value), 1)) : (0, vue.createCommentVNode)("v-if", true),
+							_cache[3] || (_cache[3] = (0, vue.createElementVNode)("span", {
 								class: "i-as-chevron-down as-filters-overflow-chevron",
 								"aria-hidden": "true"
 							}, null, -1))
-						]),
-						_: 1
+						])])]),
+						_: 3
 					}), (0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverPortal), null, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.PopoverContent), {
 							class: "as-filters-overflow",
 							align: "end",
 							"side-offset": 4,
-							"collision-padding": 8
+							"collision-padding": 8,
+							onOpenAutoFocus: _cache[0] || (_cache[0] = ($event) => emit("overflow-open-auto-focus", $event)),
+							onCloseAutoFocus
 						}, {
-							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(split.value.overflow, (col) => {
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "overflow", {
+								columns: split.value.overflow,
+								close: closeOverflow
+							}, () => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(split.value.overflow, (col) => {
 								return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(FilterField)), (0, vue.mergeProps)({
 									key: col.path,
 									column: col
 								}, { ref_for: true }, _ctx.$attrs), null, 16, ["column"]);
-							}), 128))]),
-							_: 1
+							}), 128))])]),
+							_: 3
 						})]),
-						_: 1
+						_: 3
 					})]),
-					_: 1
-				})) : (0, vue.createCommentVNode)("v-if", true)
+					_: 3
+				}, 8, ["open"])) : (0, vue.createCommentVNode)("v-if", true)
 			], 64);
 		};
 	}

package/dist/{as-filters-CudeInPr.mjs → as-filters-Dd_j6_6G.mjs}

@@ -1,12 +1,17 @@
-import { a as useTableContext } from "./use-table-state-BgLIOO31.mjs";
-import { t as useTableComponent } from "./use-table-component-OTdgA202.mjs";
-import { t as as_filter_field_default } from "./as-filter-field-D4vQCOEU.mjs";
-import { t as as_residual_filter_default } from "./as-residual-filter-D1SGFQ1p.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { a as useTableContext } from "./use-table-state-Cq-3tbVr.mjs";
+import { t as useTableComponent } from "./use-table-component-TLwFq4rx.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-DEQVodKG.mjs";
+import { t as as_residual_filter_default } from "./as-residual-filter-BFnbI3h3.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 import { filterExprKey } from "@atscript/ui-table";
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui";
 //#region src/components/as-filters.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
+	type: "button",
+	class: "as-filters-overflow-trigger",
+	"aria-label": "More filters"
+};
+const _hoisted_2 = {
 	key: 0,
 	class: "as-filters-overflow-badge"
 };
@@ -15,7 +20,7 @@ const _hoisted_1 = {
 var as_filters_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "as-filters",
-	props: {
+	props: /* @__PURE__ */ mergeModels({
 		filterFields: {
 			type: Array,
 			required: false
@@ -33,9 +38,34 @@ var as_filters_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: true
 		}
-	},
-	setup(__props) {
+	}, {
+		"overflowOpen": {
+			type: Boolean,
+			default: false
+		},
+		"overflowOpenModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["overflow-open-auto-focus", "overflow-close-auto-focus"], ["update:overflowOpen"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		/**
+		* Open state of the overflow popover — `v-model:overflow-open` to drive or
+		* observe it (e.g. close it before the host opens its own dialog). Unbound →
+		* the popover keeps its own state.
+		*
+		* @since 0.1.142
+		*/
+		const overflowOpen = useModel(__props, "overflowOpen");
+		const emit = __emit;
+		let lastClose = null;
+		function onCloseAutoFocus(event) {
+			if (event === lastClose) return;
+			lastClose = event;
+			emit("overflow-close-auto-focus", event);
+		}
+		function closeOverflow() {
+			overflowOpen.value = false;
+		}
 		const { state } = useTableContext();
 		const FilterField = useTableComponent("filterField", as_filter_field_default);
 		const ResidualFilter = useTableComponent("residualFilter", as_residual_filter_default);
@@ -74,6 +104,10 @@ var as_filters_default = /* @__PURE__ */ defineComponent({
 				overflow: all.slice(limit)
 			};
 		});
+		const hasOverflowPopover = computed(() => (props.overflow ?? "popover") === "popover" && split.value.overflow.length > 0);
+		watch(hasOverflowPopover, (has) => {
+			if (!has) closeOverflow();
+		});
 		const activeOverflowCount = computed(() => {
 			const filters = state.filters.value;
 			let n = 0;
@@ -96,42 +130,51 @@ var as_filters_default = /* @__PURE__ */ defineComponent({
 						index: i
 					}, null, 8, ["expr", "index"]);
 				}), 128)) : createCommentVNode("v-if", true),
-				(props.overflow ?? "popover") === "popover" && split.value.overflow.length > 0 ? (openBlock(), createBlock(unref(PopoverRoot), { key: 1 }, {
-					default: withCtx(() => [createVNode(unref(PopoverTrigger), {
-						class: "as-filters-overflow-trigger",
-						"aria-label": "More filters"
-					}, {
-						default: withCtx(() => [
-							_cache[0] || (_cache[0] = createElementVNode("span", {
+				hasOverflowPopover.value ? (openBlock(), createBlock(unref(PopoverRoot), {
+					key: 1,
+					open: overflowOpen.value,
+					"onUpdate:open": _cache[1] || (_cache[1] = ($event) => overflowOpen.value = $event)
+				}, {
+					default: withCtx(() => [createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "overflow-trigger", {
+							activeCount: activeOverflowCount.value,
+							open: overflowOpen.value
+						}, () => [createElementVNode("button", _hoisted_1, [
+							_cache[2] || (_cache[2] = createElementVNode("span", {
 								class: "i-as-filter as-filters-overflow-trigger-icon",
 								"aria-hidden": "true"
 							}, null, -1)),
-							activeOverflowCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(activeOverflowCount.value), 1)) : createCommentVNode("v-if", true),
-							_cache[1] || (_cache[1] = createElementVNode("span", {
+							activeOverflowCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(activeOverflowCount.value), 1)) : createCommentVNode("v-if", true),
+							_cache[3] || (_cache[3] = createElementVNode("span", {
 								class: "i-as-chevron-down as-filters-overflow-chevron",
 								"aria-hidden": "true"
 							}, null, -1))
-						]),
-						_: 1
+						])])]),
+						_: 3
 					}), createVNode(unref(PopoverPortal), null, {
 						default: withCtx(() => [createVNode(unref(PopoverContent), {
 							class: "as-filters-overflow",
 							align: "end",
 							"side-offset": 4,
-							"collision-padding": 8
+							"collision-padding": 8,
+							onOpenAutoFocus: _cache[0] || (_cache[0] = ($event) => emit("overflow-open-auto-focus", $event)),
+							onCloseAutoFocus
 						}, {
-							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(split.value.overflow, (col) => {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "overflow", {
+								columns: split.value.overflow,
+								close: closeOverflow
+							}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(split.value.overflow, (col) => {
 								return openBlock(), createBlock(resolveDynamicComponent(unref(FilterField)), mergeProps({
 									key: col.path,
 									column: col
 								}, { ref_for: true }, _ctx.$attrs), null, 16, ["column"]);
-							}), 128))]),
-							_: 1
+							}), 128))])]),
+							_: 3
 						})]),
-						_: 1
+						_: 3
 					})]),
-					_: 1
-				})) : createCommentVNode("v-if", true)
+					_: 3
+				}, 8, ["open"])) : createCommentVNode("v-if", true)
 			], 64);
 		};
 	}

package/dist/as-filters.cjs

@@ -1,2 +1,2 @@
-const require_as_filters = require("./as-filters-CWQgQBCH.cjs");
+const require_as_filters = require("./as-filters-C6ZkLrf4.cjs");
 module.exports = require_as_filters.as_filters_default;

package/dist/as-filters.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-filters.vue-DMXZhQW3.cjs";
+import { t as _default } from "./as-filters.vue-vH1FHn9L.cjs";
 export = _default;

package/dist/as-filters.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-filters.vue-BSgUEh4D.mjs";
+import { t as _default } from "./as-filters.vue-dHbGmcbr.mjs";
 export { _default as default };

package/dist/as-filters.mjs

@@ -1,2 +1,2 @@
-import { t as as_filters_default } from "./as-filters-CudeInPr.mjs";
+import { t as as_filters_default } from "./as-filters-Dd_j6_6G.mjs";
 export { as_filters_default as default };