@atscript/vue-table 0.1.138 → 0.1.140

package/dist/as-filter-input.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_input_default } from "./as-filter-input-C8KmOus8.mjs";
+import { t as as_filter_input_default } from "./as-filter-input-BM23TNeh.mjs";
 export { as_filter_input_default as default };

package/dist/{as-filters-CxVy00LQ.mjs → as-filters-BDzQ2SM_.mjs}

@@ -1,7 +1,9 @@
-import { a as useTableContext } from "./use-table-state-CqU1N4Q9.mjs";
-import { t as useTableComponent } from "./use-table-component-VUFlxIk-.mjs";
-import { t as as_filter_field_default } from "./as-filter-field-BKoxTudl.mjs";
+import { a as useTableContext } from "./use-table-state-BzjbnpBA.mjs";
+import { t as useTableComponent } from "./use-table-component-BYO0zMQj.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-D_6DlFcp.mjs";
+import { t as as_residual_filter_default } from "./as-residual-filter-C65QsWxr.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, 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 = {
@@ -25,12 +27,18 @@ var as_filters_default = /* @__PURE__ */ defineComponent({
 		overflow: {
 			type: String,
 			required: false
+		},
+		residual: {
+			type: Boolean,
+			required: false,
+			default: true
 		}
 	},
 	setup(__props) {
 		const props = __props;
 		const { state } = useTableContext();
 		const FilterField = useTableComponent("filterField", as_filter_field_default);
+		const ResidualFilter = useTableComponent("residualFilter", as_residual_filter_default);
 		const columnMap = computed(() => {
 			const tableDef = state.tableDef.value;
 			if (!tableDef) return /* @__PURE__ */ new Map();
@@ -81,7 +89,14 @@ var as_filters_default = /* @__PURE__ */ defineComponent({
 						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 }, {
+				props.residual ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(state).residualFilters.value, (expr, i) => {
+					return openBlock(), createBlock(resolveDynamicComponent(unref(ResidualFilter)), {
+						key: unref(filterExprKey)(expr),
+						expr,
+						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"

package/dist/{as-filters-Dx8WkGiA.cjs → as-filters-BIoEsPD0.cjs}

@@ -1,7 +1,9 @@
-const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
-const require_use_table_component = require("./use-table-component-DIWiP_Vs.cjs");
-const require_as_filter_field = require("./as-filter-field-bVIXoH3j.cjs");
+const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
+const require_use_table_component = require("./use-table-component-XQ-Qt_sp.cjs");
+const require_as_filter_field = require("./as-filter-field-pygBjA-K.cjs");
+const require_as_residual_filter = require("./as-residual-filter-ihvXCtpH.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 = {
@@ -25,12 +27,18 @@ var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		overflow: {
 			type: String,
 			required: false
+		},
+		residual: {
+			type: Boolean,
+			required: false,
+			default: true
 		}
 	},
 	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 ResidualFilter = require_use_table_component.useTableComponent("residualFilter", require_as_residual_filter.as_residual_filter_default);
 		const columnMap = (0, vue.computed)(() => {
 			const tableDef = state.tableDef.value;
 			if (!tableDef) return /* @__PURE__ */ new Map();
@@ -81,7 +89,14 @@ var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						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 }, {
+				props.residual ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)((0, vue.unref)(state).residualFilters.value, (expr, i) => {
+					return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(ResidualFilter)), {
+						key: (0, vue.unref)(_atscript_ui_table.filterExprKey)(expr),
+						expr,
+						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"

package/dist/as-filters.cjs

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

package/dist/as-filters.d.mts

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

package/dist/as-filters.mjs

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

package/dist/{as-filters.vue-DcxDnWAU.d.cts → as-filters.vue-BSgUEh4D.d.mts}

@@ -31,6 +31,16 @@ declare const __VLS_export: vue.DefineComponent<{
    * @since 0.1.133
    */
   overflow?: "popover" | "none";
+  /**
+   * Render the table's residual filter conditions (`state.residualFilters`)
+   * as "custom filter" chips after the fields. Default `true`. They always
+   * render inline — never moved into the overflow popover — because a hidden
+   * condition that narrows the table is exactly what they exist to show.
+   * Pass `false` to place them yourself (e.g. with `<AsResidualFilter>`).
+   *
+   * @since 0.1.140
+   */
+  residual?: boolean;
 }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
   filterFields?: string[];
   /**
@@ -60,6 +70,18 @@ declare const __VLS_export: vue.DefineComponent<{
    * @since 0.1.133
    */
   overflow?: "popover" | "none";
-}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  /**
+   * Render the table's residual filter conditions (`state.residualFilters`)
+   * as "custom filter" chips after the fields. Default `true`. They always
+   * render inline — never moved into the overflow popover — because a hidden
+   * condition that narrows the table is exactly what they exist to show.
+   * Pass `false` to place them yourself (e.g. with `<AsResidualFilter>`).
+   *
+   * @since 0.1.140
+   */
+  residual?: boolean;
+}> & Readonly<{}>, {
+  residual: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 //#endregion
 export { _default as t };

package/dist/{as-filters.vue-BG_ysCkC.d.mts → as-filters.vue-DMXZhQW3.d.cts}

@@ -31,6 +31,16 @@ declare const __VLS_export: vue.DefineComponent<{
    * @since 0.1.133
    */
   overflow?: "popover" | "none";
+  /**
+   * Render the table's residual filter conditions (`state.residualFilters`)
+   * as "custom filter" chips after the fields. Default `true`. They always
+   * render inline — never moved into the overflow popover — because a hidden
+   * condition that narrows the table is exactly what they exist to show.
+   * Pass `false` to place them yourself (e.g. with `<AsResidualFilter>`).
+   *
+   * @since 0.1.140
+   */
+  residual?: boolean;
 }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{
   filterFields?: string[];
   /**
@@ -60,6 +70,18 @@ declare const __VLS_export: vue.DefineComponent<{
    * @since 0.1.133
    */
   overflow?: "popover" | "none";
-}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  /**
+   * Render the table's residual filter conditions (`state.residualFilters`)
+   * as "custom filter" chips after the fields. Default `true`. They always
+   * render inline — never moved into the overflow popover — because a hidden
+   * condition that narrows the table is exactly what they exist to show.
+   * Pass `false` to place them yourself (e.g. with `<AsResidualFilter>`).
+   *
+   * @since 0.1.140
+   */
+  residual?: boolean;
+}> & Readonly<{}>, {
+  residual: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 //#endregion
 export { _default as t };

package/dist/{as-preset-dialog-D8o2ChtM.cjs → as-preset-dialog-BgZB8xyk.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
-const require_use_seed_on_open = require("./use-seed-on-open-9TSm1Vbv.cjs");
+const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
+const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 const require_error_message = require("./error-message-CfKpn_5w.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-preset-dialog-C0f_6VxJ.mjs → as-preset-dialog-D_w4cxKS.mjs}

@@ -1,5 +1,5 @@
-import { a as useTableContext, c as ASPECT_ICONS, d as readPresetLabel, l as ASPECT_LABELS, u as ownerNameOf } from "./use-table-state-CqU1N4Q9.mjs";
-import { t as useSeedOnOpen } from "./use-seed-on-open-DSh4XFyp.mjs";
+import { a as useTableContext, d as ownerNameOf, f as readPresetLabel, l as ASPECT_ICONS, u as ASPECT_LABELS } from "./use-table-state-BzjbnpBA.mjs";
+import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
 import { t as errorMessage } from "./error-message-gNEXnnbb.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId, setsEqual } from "@atscript/ui-table";

package/dist/as-preset-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_preset_dialog = require("./as-preset-dialog-D8o2ChtM.cjs");
+const require_as_preset_dialog = require("./as-preset-dialog-BgZB8xyk.cjs");
 module.exports = require_as_preset_dialog.as_preset_dialog_default;

package/dist/as-preset-dialog.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-preset-dialog.vue-BRjjfPty.mjs";
+import { t as _default } from "./as-preset-dialog.vue-ChM7H7B4.mjs";
 export { _default as default };

package/dist/as-preset-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_preset_dialog_default } from "./as-preset-dialog-C0f_6VxJ.mjs";
+import { t as as_preset_dialog_default } from "./as-preset-dialog-D_w4cxKS.mjs";
 export { as_preset_dialog_default as default };

package/dist/{as-preset-picker-CDItDinB.mjs → as-preset-picker-B8d6l3U1.mjs}

@@ -1,4 +1,4 @@
-import { a as useTableContext, c as ASPECT_ICONS, d as readPresetLabel, l as ASPECT_LABELS, u as ownerNameOf } from "./use-table-state-CqU1N4Q9.mjs";
+import { a as useTableContext, d as ownerNameOf, f as readPresetLabel, l as ASPECT_ICONS, u as ASPECT_LABELS } from "./use-table-state-BzjbnpBA.mjs";
 import { t as errorMessage } from "./error-message-gNEXnnbb.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, nextTick, normalizeClass, onScopeDispose, openBlock, ref, renderList, shallowRef, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId } from "@atscript/ui-table";
@@ -33,9 +33,13 @@ const _hoisted_11 = { class: "as-preset-picker-popover-field" };
 const _hoisted_12 = ["onKeydown"];
 const _hoisted_13 = { class: "as-preset-picker-popover-aspects" };
 const _hoisted_14 = ["checked", "onChange"];
-const _hoisted_15 = { class: "as-preset-picker-popover-public" };
-const _hoisted_16 = { class: "as-preset-picker-popover-footer" };
-const _hoisted_17 = ["disabled"];
+const _hoisted_15 = {
+	key: 0,
+	class: "as-preset-picker-popover-note"
+};
+const _hoisted_16 = { class: "as-preset-picker-popover-public" };
+const _hoisted_17 = { class: "as-preset-picker-popover-footer" };
+const _hoisted_18 = ["disabled"];
 //#endregion
 //#region src/components/as-preset-picker.vue
 var as_preset_picker_default = /* @__PURE__ */ defineComponent({
@@ -418,7 +422,8 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 										createTextVNode(" " + toDisplayString(unref(ASPECT_LABELS)[a]), 1)
 									]);
 								}), 128))]),
-								unref(state).preset.capabilities.value === null || unref(state).preset.capabilities.value.canPublish ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[15] || (_cache[15] = createElementVNode("div", { class: "as-preset-picker-popover-separator" }, null, -1)), createElementVNode("label", _hoisted_15, [
+								unref(state).residualFilters.value.length > 0 ? (openBlock(), createElementBlock("p", _hoisted_15, " Custom filter conditions are not saved with presets. ")) : createCommentVNode("v-if", true),
+								unref(state).preset.capabilities.value === null || unref(state).preset.capabilities.value.canPublish ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[15] || (_cache[15] = createElementVNode("div", { class: "as-preset-picker-popover-separator" }, null, -1)), createElementVNode("label", _hoisted_16, [
 									withDirectives(createElementVNode("input", {
 										"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => saveAsPublic.value = $event),
 										type: "checkbox"
@@ -431,7 +436,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 								])], 64)) : createCommentVNode("v-if", true)
 							]),
 							createVNode(ErrorNote),
-							createElementVNode("div", _hoisted_16, [createElementVNode("button", {
+							createElementVNode("div", _hoisted_17, [createElementVNode("button", {
 								type: "button",
 								class: "as-preset-picker-popover-cancel",
 								onClick: cancelSaveAs
@@ -440,7 +445,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 								class: "as-preset-picker-popover-save",
 								disabled: !saveAsLabel.value.trim(),
 								onClick: commitSaveAs
-							}, " Save ", 8, _hoisted_17)])
+							}, " Save ", 8, _hoisted_18)])
 						], 32)]),
 						_: 1
 					})], 2112))]),

package/dist/{as-preset-picker-DonMQ8Ia.cjs → as-preset-picker-XnGrqHyF.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
+const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
 const require_error_message = require("./error-message-CfKpn_5w.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -33,9 +33,13 @@ const _hoisted_11 = { class: "as-preset-picker-popover-field" };
 const _hoisted_12 = ["onKeydown"];
 const _hoisted_13 = { class: "as-preset-picker-popover-aspects" };
 const _hoisted_14 = ["checked", "onChange"];
-const _hoisted_15 = { class: "as-preset-picker-popover-public" };
-const _hoisted_16 = { class: "as-preset-picker-popover-footer" };
-const _hoisted_17 = ["disabled"];
+const _hoisted_15 = {
+	key: 0,
+	class: "as-preset-picker-popover-note"
+};
+const _hoisted_16 = { class: "as-preset-picker-popover-public" };
+const _hoisted_17 = { class: "as-preset-picker-popover-footer" };
+const _hoisted_18 = ["disabled"];
 //#endregion
 //#region src/components/as-preset-picker.vue
 var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -418,7 +422,8 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(require_use_table_state.ASPECT_LABELS)[a]), 1)
 									]);
 								}), 128))]),
-								(0, vue.unref)(state).preset.capabilities.value === null || (0, vue.unref)(state).preset.capabilities.value.canPublish ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [_cache[15] || (_cache[15] = (0, vue.createElementVNode)("div", { class: "as-preset-picker-popover-separator" }, null, -1)), (0, vue.createElementVNode)("label", _hoisted_15, [
+								(0, vue.unref)(state).residualFilters.value.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_15, " Custom filter conditions are not saved with presets. ")) : (0, vue.createCommentVNode)("v-if", true),
+								(0, vue.unref)(state).preset.capabilities.value === null || (0, vue.unref)(state).preset.capabilities.value.canPublish ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [_cache[15] || (_cache[15] = (0, vue.createElementVNode)("div", { class: "as-preset-picker-popover-separator" }, null, -1)), (0, vue.createElementVNode)("label", _hoisted_16, [
 									(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
 										"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => saveAsPublic.value = $event),
 										type: "checkbox"
@@ -431,7 +436,7 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								])], 64)) : (0, vue.createCommentVNode)("v-if", true)
 							]),
 							(0, vue.createVNode)(ErrorNote),
-							(0, vue.createElementVNode)("div", _hoisted_16, [(0, vue.createElementVNode)("button", {
+							(0, vue.createElementVNode)("div", _hoisted_17, [(0, vue.createElementVNode)("button", {
 								type: "button",
 								class: "as-preset-picker-popover-cancel",
 								onClick: cancelSaveAs
@@ -440,7 +445,7 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								class: "as-preset-picker-popover-save",
 								disabled: !saveAsLabel.value.trim(),
 								onClick: commitSaveAs
-							}, " Save ", 8, _hoisted_17)])
+							}, " Save ", 8, _hoisted_18)])
 						], 32)]),
 						_: 1
 					})], 2112))]),

package/dist/as-preset-picker.cjs

@@ -1,2 +1,2 @@
-const require_as_preset_picker = require("./as-preset-picker-DonMQ8Ia.cjs");
+const require_as_preset_picker = require("./as-preset-picker-XnGrqHyF.cjs");
 module.exports = require_as_preset_picker.as_preset_picker_default;

package/dist/as-preset-picker.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-preset-picker.vue-BPjsiaVt.mjs";
+import { t as _default } from "./as-preset-picker.vue-OaAV2v9z.mjs";
 export { _default as default };

package/dist/as-preset-picker.mjs

@@ -1,2 +1,2 @@
-import { t as as_preset_picker_default } from "./as-preset-picker-CDItDinB.mjs";
+import { t as as_preset_picker_default } from "./as-preset-picker-B8d6l3U1.mjs";
 export { as_preset_picker_default as default };

package/dist/as-residual-filter-C65QsWxr.mjs

@@ -0,0 +1,49 @@
+import { a as useTableContext } from "./use-table-state-BzjbnpBA.mjs";
+import { computed, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { formatFilterExpr } from "@atscript/ui-table";
+//#region src/components/defaults/as-residual-filter.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+const _hoisted_2 = { class: "as-residual-filter-text" };
+//#endregion
+//#region src/components/defaults/as-residual-filter.vue
+var as_residual_filter_default = /* @__PURE__ */ defineComponent({
+	__name: "as-residual-filter",
+	props: {
+		expr: {
+			type: null,
+			required: true
+		},
+		index: {
+			type: Number,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { state } = useTableContext();
+		const text = computed(() => {
+			const labels = new Map(state.allColumns.value.map((c) => [c.path, c.label]));
+			return formatFilterExpr(props.expr, (path) => labels.get(path));
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "as-residual-filter",
+				title: text.value
+			}, [
+				_cache[2] || (_cache[2] = createElementVNode("span", { class: "as-residual-filter-label" }, "Custom filter", -1)),
+				createElementVNode("span", _hoisted_2, toDisplayString(text.value), 1),
+				createElementVNode("button", {
+					type: "button",
+					class: "as-residual-filter-remove",
+					"aria-label": "Remove custom filter",
+					onClick: _cache[0] || (_cache[0] = ($event) => unref(state).removeResidualFilter(props.index))
+				}, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
+					class: "i-as-close",
+					"aria-hidden": "true"
+				}, null, -1)])])
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { as_residual_filter_default as t };

package/dist/as-residual-filter-ihvXCtpH.cjs

@@ -0,0 +1,54 @@
+const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+//#region src/components/defaults/as-residual-filter.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+const _hoisted_2 = { class: "as-residual-filter-text" };
+//#endregion
+//#region src/components/defaults/as-residual-filter.vue
+var as_residual_filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-residual-filter",
+	props: {
+		expr: {
+			type: null,
+			required: true
+		},
+		index: {
+			type: Number,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { state } = require_use_table_state.useTableContext();
+		const text = (0, vue.computed)(() => {
+			const labels = new Map(state.allColumns.value.map((c) => [c.path, c.label]));
+			return (0, _atscript_ui_table.formatFilterExpr)(props.expr, (path) => labels.get(path));
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: "as-residual-filter",
+				title: text.value
+			}, [
+				_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", { class: "as-residual-filter-label" }, "Custom filter", -1)),
+				(0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(text.value), 1),
+				(0, vue.createElementVNode)("button", {
+					type: "button",
+					class: "as-residual-filter-remove",
+					"aria-label": "Remove custom filter",
+					onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(state).removeResidualFilter(props.index))
+				}, [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("span", {
+					class: "i-as-close",
+					"aria-hidden": "true"
+				}, null, -1)])])
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_residual_filter_default", {
+	enumerable: true,
+	get: function() {
+		return as_residual_filter_default;
+	}
+});

package/dist/as-residual-filter.cjs

@@ -0,0 +1,2 @@
+const require_as_residual_filter = require("./as-residual-filter-ihvXCtpH.cjs");
+module.exports = require_as_residual_filter.as_residual_filter_default;

package/dist/as-residual-filter.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-residual-filter.vue-Dfw1l2wS.cjs";
+export = _default;

package/dist/as-residual-filter.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-residual-filter.vue-N89YqlCz.mjs";
+export { _default as default };

package/dist/as-residual-filter.mjs

@@ -0,0 +1,2 @@
+import { t as as_residual_filter_default } from "./as-residual-filter-C65QsWxr.mjs";
+export { as_residual_filter_default as default };

package/dist/as-residual-filter.vue-Dfw1l2wS.d.cts

@@ -0,0 +1,21 @@
+import * as vue from "vue";
+import { FilterExpr } from "@uniqu/core";
+
+//#region src/components/defaults/as-residual-filter.vue.d.ts
+/**
+ * One residual filter condition (`state.residualFilters[index]`) as a chip:
+ * a condition the per-field filters cannot hold — typically restored from a
+ * link — shown in words so the user can see what narrows the table, with a
+ * button that removes it. Rendered by `<AsFilters>`; swap it via the
+ * `residualFilter` control.
+ *
+ * @since 0.1.140
+ */
+type __VLS_Props = {
+  expr: FilterExpr;
+  index: number;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-residual-filter.vue-N89YqlCz.d.mts

@@ -0,0 +1,21 @@
+import * as vue from "vue";
+import { FilterExpr } from "@uniqu/core";
+
+//#region src/components/defaults/as-residual-filter.vue.d.ts
+/**
+ * One residual filter condition (`state.residualFilters[index]`) as a chip:
+ * a condition the per-field filters cannot hold — typically restored from a
+ * link — shown in words so the user can see what narrows the table, with a
+ * button that removes it. Rendered by `<AsFilters>`; swap it via the
+ * `residualFilter` control.
+ *
+ * @since 0.1.140
+ */
+type __VLS_Props = {
+  expr: FilterExpr;
+  index: number;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/{as-row-actions-CAiCfw8d.cjs → as-row-actions-C6N0lcZb.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-D8f60mY-.cjs");
+const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-B5RFt7Hc.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-row-actions-B8YANdb4.mjs → as-row-actions-xQ9M1PrO.mjs}

@@ -1,5 +1,5 @@
-import { T as triggerAction, _ as ariaLabelFor, a as useTableContext, b as extractIdentifier, h as applyRowGate, m as rowActionHref, x as intentClass, y as createNavigateGestures } from "./use-table-state-CqU1N4Q9.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-CVlExEpl.mjs";
+import { E as triggerAction, S as intentClass, a as useTableContext, b as createNavigateGestures, g as applyRowGate, h as rowActionHref, v as ariaLabelFor, x as extractIdentifier } from "./use-table-state-BzjbnpBA.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-KNJr1EkO.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/as-row-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_row_actions = require("./as-row-actions-CAiCfw8d.cjs");
+const require_as_row_actions = require("./as-row-actions-C6N0lcZb.cjs");
 module.exports = require_as_row_actions.as_row_actions_default;

package/dist/as-row-actions.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-row-actions.vue-C49h8PpE.cjs";
+import { t as _default } from "./as-row-actions.vue-B3XAxDAL.cjs";
 export = _default;

package/dist/as-row-actions.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-row-actions.vue-BCgHsU18.mjs";
+import { t as _default } from "./as-row-actions.vue-C8vslg0n.mjs";
 export { _default as default };

package/dist/as-row-actions.mjs

@@ -1,2 +1,2 @@
-import { t as as_row_actions_default } from "./as-row-actions-B8YANdb4.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-xQ9M1PrO.mjs";
 export { as_row_actions_default as default };

package/dist/{as-row-actions.vue-BCgHsU18.d.mts → as-row-actions.vue-B3XAxDAL.d.cts}

@@ -1,4 +1,4 @@
-import { w as TVueTableActionInfo } from "./types-CsgAGRfG.mjs";
+import { w as TVueTableActionInfo } from "./types-BCixOa8x.cjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-row-actions.vue.d.ts

package/dist/{as-row-actions.vue-C49h8PpE.d.cts → as-row-actions.vue-C8vslg0n.d.mts}

@@ -1,4 +1,4 @@
-import { w as TVueTableActionInfo } from "./types-DvWLY5zQ.cjs";
+import { w as TVueTableActionInfo } from "./types-D7qVxU_y.mjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-row-actions.vue.d.ts

package/dist/{as-table-BAoJ60tx.mjs → as-table-B49x0hDM.mjs}

@@ -1,8 +1,8 @@
-import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-CqU1N4Q9.mjs";
+import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-BzjbnpBA.mjs";
 import { t as useSelectModeReset } from "./use-table-selection-ULbKT2xW.mjs";
 import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-DGn4ZW9j.mjs";
-import { t as as_table_base_default } from "./as-table-base-DA5T7x_K.mjs";
+import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-p_xK-l0e.mjs";
+import { t as as_table_base_default } from "./as-table-base-DErJfFYz.mjs";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, unref, watch, withCtx } from "vue";
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "as-table-outer-wrap" };

package/dist/{as-table-actions-8yf2QIER.cjs → as-table-actions-B-jY3s6f.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-CoVe_8NI.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-D8f60mY-.cjs");
+const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-B5RFt7Hc.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-table-actions-z5xUWtvK.mjs → as-table-actions-B2Hy3h7v.mjs}

@@ -1,5 +1,5 @@
-import { T as triggerAction, _ as ariaLabelFor, a as useTableContext, g as applyRowsGate, h as applyRowGate, m as rowActionHref, v as collectIdentifiers, x as intentClass, y as createNavigateGestures } from "./use-table-state-CqU1N4Q9.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-CVlExEpl.mjs";
+import { E as triggerAction, S as intentClass, _ as applyRowsGate, a as useTableContext, b as createNavigateGestures, g as applyRowGate, h as rowActionHref, v as ariaLabelFor, y as collectIdentifiers } from "./use-table-state-BzjbnpBA.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-KNJr1EkO.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/as-table-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_table_actions = require("./as-table-actions-8yf2QIER.cjs");
+const require_as_table_actions = require("./as-table-actions-B-jY3s6f.cjs");
 module.exports = require_as_table_actions.as_table_actions_default;

package/dist/as-table-actions.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-oxyikRAt.cjs";
+import { t as _default } from "./as-table-actions.vue-BgTJuXEH.cjs";
 export = _default;