@atscript/vue-table 0.1.132 → 0.1.133

package/dist/{as-filter-dialog-Dh2Ylthb.cjs → as-filter-dialog-Bxii-mYH.cjs}

@@ -1,12 +1,12 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_use_table = require("./use-table-nvBq1dZ4.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-uOQUDooh.cjs");
-const require_use_table_component = require("./use-table-component-DO_kvKSf.cjs");
-const require_as_config_dialog = require("./as-config-dialog-BOYWPYYH.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table = require("./use-table-CdFFqaEx.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-CVUmTjDr.cjs");
+const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
+const require_as_config_dialog = require("./as-config-dialog-Bt8oP8qg.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-jD_y9yet.cjs");
-const require_as_filters = require("./as-filters-DCZTHjf5.cjs");
+const require_as_window_table = require("./as-window-table-CXq6UuUx.cjs");
+const require_as_filters = require("./as-filters-DuCk8nkk.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -452,19 +452,27 @@ var as_filter_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-filter-dialog-title" }, {
-								default: (0, vue.withCtx)(() => [_cache[5] || (_cache[5] = (0, vue.createElementVNode)("span", { class: "as-filter-dialog-title-label" }, "Filter", -1)), (0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(column.value?.label), 1)]),
-								_: 1
-							}), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
-								class: "as-filter-dialog-close",
-								"aria-label": "Close"
-							}, {
-								default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(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-filter-dialog-title" }, {
+									default: (0, vue.withCtx)(() => [_cache[5] || (_cache[5] = (0, vue.createElementVNode)("span", { class: "as-filter-dialog-title-label" }, "Filter", -1)), (0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(column.value?.label), 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 column name is already in the title, so the\n               copy is screen-reader-only. "),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogDescription), { class: "sr-only" }, {
+									default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)(" Build the filter conditions applied to this column. ", -1)])]),
+									_: 1
+								}),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
+									class: "as-filter-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
+								})
+							]),
 							column.value && hasValueHelp.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.TabsRoot), {
 								key: 0,
 								modelValue: activeTab.value,
@@ -477,7 +485,7 @@ var as_filter_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											value: "value-help",
 											class: "as-config-tab-trigger"
 										}, {
-											default: (0, vue.withCtx)(() => [_cache[7] || (_cache[7] = (0, vue.createTextVNode)(" Values ", -1)), valueHelpConditions.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+											default: (0, vue.withCtx)(() => [_cache[8] || (_cache[8] = (0, vue.createTextVNode)(" Values ", -1)), valueHelpConditions.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 												key: 0,
 												class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "value-help" }])
 											}, (0, vue.toDisplayString)(valueHelpConditions.value.length), 3)) : (0, vue.createCommentVNode)("v-if", true)]),
@@ -486,7 +494,7 @@ var as_filter_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 											value: "conditions",
 											class: "as-config-tab-trigger"
 										}, {
-											default: (0, vue.withCtx)(() => [_cache[8] || (_cache[8] = (0, vue.createTextVNode)(" Conditions ", -1)), filledFreeCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+											default: (0, vue.withCtx)(() => [_cache[9] || (_cache[9] = (0, vue.createTextVNode)(" Conditions ", -1)), filledFreeCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 												key: 0,
 												class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "conditions" }])
 											}, (0, vue.toDisplayString)(filledFreeCount.value), 3)) : (0, vue.createCommentVNode)("v-if", true)]),
@@ -536,7 +544,7 @@ var as_filter_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									class: "as-filter-dialog-chip-remove",
 									"aria-label": "Remove",
 									onClick: ($event) => removeChip(chip)
-								}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", {
+								}, [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", {
 									class: "i-as-close",
 									"aria-hidden": "true"
 								}, null, -1)])], 8, _hoisted_8)]);

package/dist/{as-filter-dialog-D1qzq-8b.mjs → as-filter-dialog-Ckrl79kU.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 { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-DLJbW753.mjs";
+import { n as useTable } from "./use-table-Bk-jSxOM.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-B9SSEajW.mjs";
+import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
+import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-BKsm8OHR.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 { t as as_window_table_default } from "./as-window-table-S1XWpDHQ.mjs";
+import { t as as_filters_default } from "./as-filters-DJEQj7_p.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)]);

package/dist/as-filter-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_dialog = require("./as-filter-dialog-Dh2Ylthb.cjs");
+const require_as_filter_dialog = require("./as-filter-dialog-Bxii-mYH.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-D1qzq-8b.mjs";
+import { t as as_filter_dialog_default } from "./as-filter-dialog-Ckrl79kU.mjs";
 export { as_filter_dialog_default as default };

package/dist/{as-filter-field-DirBmnbb.mjs → as-filter-field-C-IFnj8K.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
-import { n as useTable } from "./use-table-CyFcVtUN.mjs";
-import { t as as_table_base_default } from "./as-table-base-BaTE3VSN.mjs";
+import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
+import { n as useTable } from "./use-table-Bk-jSxOM.mjs";
+import { t as as_table_base_default } from "./as-table-base-B0arhJI8.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, columnFilterType, debounce, formatFilterCondition, isFilled, isSimpleEq, parseFilterInput } from "@atscript/ui-table";
@@ -39,7 +39,7 @@ function useDragScroll(el) {
 	function onDown(e) {
 		const target = e.target;
 		if (!el.value || !target) return;
-		if (target.closest("input, textarea, button, [role=button], a")) return;
+		if (target.closest("button, a[href], input, select, textarea, summary, [role=button], [role=link], [role=checkbox], [role=menuitem], [role=switch], [role=tab], [role=option]")) return;
 		if (e.button !== 0) return;
 		startX = e.clientX;
 		startScroll = el.value.scrollLeft;

package/dist/{as-filter-field-DRsDJdpx.cjs → as-filter-field-xBr6TtKo.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_use_table = require("./use-table-nvBq1dZ4.cjs");
-const require_as_table_base = require("./as-table-base-RG2TEIgV.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table = require("./use-table-CdFFqaEx.cjs");
+const require_as_table_base = require("./as-table-base-Dfw012G5.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -39,7 +39,7 @@ function useDragScroll(el) {
 	function onDown(e) {
 		const target = e.target;
 		if (!el.value || !target) return;
-		if (target.closest("input, textarea, button, [role=button], a")) return;
+		if (target.closest("button, a[href], input, select, textarea, summary, [role=button], [role=link], [role=checkbox], [role=menuitem], [role=switch], [role=tab], [role=option]")) return;
 		if (e.button !== 0) return;
 		startX = e.clientX;
 		startScroll = el.value.scrollLeft;

package/dist/as-filter-field.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_field = require("./as-filter-field-DRsDJdpx.cjs");
+const require_as_filter_field = require("./as-filter-field-xBr6TtKo.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-DirBmnbb.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-C-IFnj8K.mjs";
 export { as_filter_field_default as default };

package/dist/as-filters-DJEQj7_p.mjs

@@ -0,0 +1,125 @@
+import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
+import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-C-IFnj8K.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui";
+//#region src/components/as-filters.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-filters-overflow-badge"
+};
+//#endregion
+//#region src/components/as-filters.vue
+var as_filters_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "as-filters",
+	props: {
+		filterFields: {
+			type: Array,
+			required: false
+		},
+		maxVisible: {
+			type: Number,
+			required: false
+		},
+		overflow: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { state } = useTableContext();
+		const FilterField = useTableComponent("filterField", as_filter_field_default);
+		const columnMap = computed(() => {
+			const tableDef = state.tableDef.value;
+			if (!tableDef) return /* @__PURE__ */ new Map();
+			const map = /* @__PURE__ */ new Map();
+			for (const col of tableDef.columns) map.set(col.path, col);
+			return map;
+		});
+		const activeColumns = computed(() => {
+			const fields = props.filterFields ?? state.filterFields.value;
+			const map = columnMap.value;
+			if (map.size === 0) return [];
+			const result = [];
+			for (const path of fields) {
+				const col = map.get(path);
+				if (col) result.push(col);
+			}
+			return result;
+		});
+		/**
+		* The inline / overflow split, in one pass. `maxVisible` unset → no split at
+		* all (and `overflow` is moot), which is why `overflow` is empty rather than
+		* hidden-behind-a-trigger in that case.
+		*/
+		const split = computed(() => {
+			const all = activeColumns.value;
+			if (props.maxVisible === void 0) return {
+				visible: all,
+				overflow: []
+			};
+			const limit = Math.max(0, props.maxVisible);
+			return {
+				visible: all.slice(0, limit),
+				overflow: all.slice(limit)
+			};
+		});
+		const activeOverflowCount = computed(() => {
+			const filters = state.filters.value;
+			let n = 0;
+			for (const col of split.value.overflow) if ((filters[col.path]?.length ?? 0) > 0) n++;
+			return n;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" Multi-root fragment on purpose: the fields (and the overflow trigger)\n       are direct children of whatever toolbar row the host wraps this in,\n       so this component adds no box and no layout of its own. "),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(split.value.visible, (col) => {
+					return openBlock(), createBlock(resolveDynamicComponent(unref(FilterField)), mergeProps({
+						key: col.path,
+						column: col
+					}, { ref_for: true }, _ctx.$attrs), null, 16, ["column"]);
+				}), 128)),
+				(props.overflow ?? "popover") === "popover" && split.value.overflow.length > 0 ? (openBlock(), createBlock(unref(PopoverRoot), { key: 0 }, {
+					default: withCtx(() => [createVNode(unref(PopoverTrigger), {
+						class: "as-filters-overflow-trigger",
+						"aria-label": "More filters"
+					}, {
+						default: withCtx(() => [
+							_cache[0] || (_cache[0] = 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", {
+								class: "i-as-chevron-down as-filters-overflow-chevron",
+								"aria-hidden": "true"
+							}, null, -1))
+						]),
+						_: 1
+					}), createVNode(unref(PopoverPortal), null, {
+						default: withCtx(() => [createVNode(unref(PopoverContent), {
+							class: "as-filters-overflow",
+							align: "end",
+							"side-offset": 4,
+							"collision-padding": 8
+						}, {
+							default: withCtx(() => [(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
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})) : createCommentVNode("v-if", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { as_filters_default as t };

package/dist/as-filters-DuCk8nkk.cjs

@@ -0,0 +1,130 @@
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
+const require_as_filter_field = require("./as-filter-field-xBr6TtKo.cjs");
+let vue = require("vue");
+let reka_ui = require("reka-ui");
+//#region src/components/as-filters.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-filters-overflow-badge"
+};
+//#endregion
+//#region src/components/as-filters.vue
+var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "as-filters",
+	props: {
+		filterFields: {
+			type: Array,
+			required: false
+		},
+		maxVisible: {
+			type: Number,
+			required: false
+		},
+		overflow: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { state } = require_use_table_state.useTableContext();
+		const FilterField = require_use_table_component.useTableComponent("filterField", require_as_filter_field.as_filter_field_default);
+		const columnMap = (0, vue.computed)(() => {
+			const tableDef = state.tableDef.value;
+			if (!tableDef) return /* @__PURE__ */ new Map();
+			const map = /* @__PURE__ */ new Map();
+			for (const col of tableDef.columns) map.set(col.path, col);
+			return map;
+		});
+		const activeColumns = (0, vue.computed)(() => {
+			const fields = props.filterFields ?? state.filterFields.value;
+			const map = columnMap.value;
+			if (map.size === 0) return [];
+			const result = [];
+			for (const path of fields) {
+				const col = map.get(path);
+				if (col) result.push(col);
+			}
+			return result;
+		});
+		/**
+		* The inline / overflow split, in one pass. `maxVisible` unset → no split at
+		* all (and `overflow` is moot), which is why `overflow` is empty rather than
+		* hidden-behind-a-trigger in that case.
+		*/
+		const split = (0, vue.computed)(() => {
+			const all = activeColumns.value;
+			if (props.maxVisible === void 0) return {
+				visible: all,
+				overflow: []
+			};
+			const limit = Math.max(0, props.maxVisible);
+			return {
+				visible: all.slice(0, limit),
+				overflow: all.slice(limit)
+			};
+		});
+		const activeOverflowCount = (0, vue.computed)(() => {
+			const filters = state.filters.value;
+			let n = 0;
+			for (const col of split.value.overflow) if ((filters[col.path]?.length ?? 0) > 0) n++;
+			return n;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
+				(0, vue.createCommentVNode)(" Multi-root fragment on purpose: the fields (and the overflow trigger)\n       are direct children of whatever toolbar row the host wraps this in,\n       so this component adds no box and no layout of its own. "),
+				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(split.value.visible, (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)),
+				(props.overflow ?? "popover") === "popover" && split.value.overflow.length > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.PopoverRoot), { key: 0 }, {
+					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", {
+								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", {
+								class: "i-as-chevron-down as-filters-overflow-chevron",
+								"aria-hidden": "true"
+							}, null, -1))
+						]),
+						_: 1
+					}), (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
+						}, {
+							default: (0, vue.withCtx)(() => [((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
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})) : (0, vue.createCommentVNode)("v-if", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_filters_default", {
+	enumerable: true,
+	get: function() {
+		return as_filters_default;
+	}
+});

package/dist/as-filters.cjs

@@ -1,2 +1,2 @@
-const require_as_filters = require("./as-filters-DCZTHjf5.cjs");
+const require_as_filters = require("./as-filters-DuCk8nkk.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-fv-tRL2H.cjs";
+import { t as _default } from "./as-filters.vue-DcxDnWAU.cjs";
 export = _default;

package/dist/as-filters.d.mts

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

package/dist/as-filters.mjs

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

package/dist/as-filters.vue-BG_ysCkC.d.mts

@@ -0,0 +1,65 @@
+import * as vue from "vue";
+
+//#region src/components/as-filters.vue.d.ts
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: vue.DefineComponent<{
+  filterFields?: string[];
+  /**
+   * Hard cap on how many filter fields render inline. Deterministic and
+   * count-based — this component never measures the toolbar. Width-driven
+   * responsiveness stays with the host, which already knows its own
+   * breakpoints and can feed a shorter `filterFields` list (or a smaller
+   * `maxVisible`).
+   *
+   * Omitted (the default) → every field renders inline, exactly as before.
+   *
+   * @since 0.1.133
+   */
+  maxVisible?: number;
+  /**
+   * What happens to the fields past `maxVisible`:
+   * - `'popover'` (the default whenever `maxVisible` is set) — they move into
+   *   a popover behind a "More filters" trigger, which badges the number of
+   *   ACTIVE hidden filters so nothing silently narrows the table from
+   *   off-screen.
+   * - `'none'` — they are not rendered at all. Pick this only when the host
+   *   surfaces them elsewhere (e.g. its own filter dialog); an active filter
+   *   on a dropped field still applies to the query.
+   *
+   * Ignored when `maxVisible` is omitted.
+   *
+   * @since 0.1.133
+   */
+  overflow?: "popover" | "none";
+}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
+  filterFields?: string[];
+  /**
+   * Hard cap on how many filter fields render inline. Deterministic and
+   * count-based — this component never measures the toolbar. Width-driven
+   * responsiveness stays with the host, which already knows its own
+   * breakpoints and can feed a shorter `filterFields` list (or a smaller
+   * `maxVisible`).
+   *
+   * Omitted (the default) → every field renders inline, exactly as before.
+   *
+   * @since 0.1.133
+   */
+  maxVisible?: number;
+  /**
+   * What happens to the fields past `maxVisible`:
+   * - `'popover'` (the default whenever `maxVisible` is set) — they move into
+   *   a popover behind a "More filters" trigger, which badges the number of
+   *   ACTIVE hidden filters so nothing silently narrows the table from
+   *   off-screen.
+   * - `'none'` — they are not rendered at all. Pick this only when the host
+   *   surfaces them elsewhere (e.g. its own filter dialog); an active filter
+   *   on a dropped field still applies to the query.
+   *
+   * Ignored when `maxVisible` is omitted.
+   *
+   * @since 0.1.133
+   */
+  overflow?: "popover" | "none";
+}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+//#endregion
+export { _default as t };