@atscript/vue-table 0.1.58

package/dist/as-filter-dialog-C0HMpUPT.mjs

@@ -0,0 +1,610 @@
+import { a as useTableContext, o as useTableContextOptional, r as provideTableContext, t as createStaticTableState } from "./use-table-state-C4JbonEZ.mjs";
+import { r as useTable } from "./as-filter-field-Bqvu2ASN.mjs";
+import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-vRklaKbi.mjs";
+import { t as as_filter_input_default } from "./as-filter-input-P1i0CW2-.mjs";
+import { t as as_window_table_default } from "./as-window-table-CKIfo3M_.mjs";
+import { t as as_filters_default } from "./as-filters-Bxa9ZEMm.mjs";
+import { resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, 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";
+//#region src/composables/use-table-nav-bridge.ts
+function isPassthroughKey(event) {
+	const key = event.key;
+	const meta = event.metaKey;
+	const ctrl = event.ctrlKey;
+	const alt = event.altKey;
+	if (key === " ") return true;
+	if (key.length === 1 && !meta && !ctrl && !alt) return true;
+	if ((key === "Home" || key === "End") && !meta && !ctrl && !alt) return true;
+	return false;
+}
+/**
+* Construct a keyboard-bridge for an external `<input>` to drive table nav
+* without losing focus. Without args, injects the nearest `<as-table-root>`
+* context's state. With an explicit `state`, binds to that state. With
+* `opts.enterAction`, the returned bridge's `onKeydown` defaults to that
+* enter-action (per-call options still win).
+*
+* Each call returns a fresh bridge object — callers that need stable
+* identity should bind once at setup and reuse the binding.
+*/
+function useTableNavBridge(state, opts) {
+	let target = state;
+	if (!target) {
+		const ctx = useTableContextOptional();
+		if (!ctx) throw new Error("[vue-table] useTableNavBridge() called outside of <as-table-root>.");
+		target = ctx.state;
+	}
+	const bound = target;
+	const defaultEnterAction = opts?.enterAction;
+	const modeOpt = opts?.mode;
+	const readMode = () => {
+		if (typeof modeOpt === "function") return modeOpt();
+		return modeOpt ?? "none";
+	};
+	function onKeydown(event, callOpts) {
+		if (isPassthroughKey(event)) return;
+		bound.handleNavKey(event, {
+			enterAction: callOpts?.enterAction ?? defaultEnterAction,
+			mode: callOpts?.mode ?? readMode()
+		});
+	}
+	return {
+		onKeydown,
+		activeIndex: bound.activeIndex,
+		setActive: bound.setActive,
+		clearActive: bound.clearActive
+	};
+}
+//#endregion
+//#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"];
+const _hoisted_3$2 = ["disabled", "onClick"];
+const _hoisted_4$2 = {
+	key: 0,
+	class: "as-filter-shortcuts"
+};
+const _hoisted_5$2 = ["onClick"];
+//#endregion
+//#region src/components/internal/as-filter-conditions.vue
+var as_filter_conditions_default = /* @__PURE__ */ defineComponent({
+	__name: "as-filter-conditions",
+	props: /* @__PURE__ */ mergeModels({ column: {
+		type: Object,
+		required: true
+	} }, {
+		"modelValue": {
+			type: Array,
+			required: true
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const filterType = computed(() => columnFilterType(props.column.type));
+		const availableConditions = computed(() => conditionsForType(filterType.value, props.column.nullable));
+		const defCondition = computed(() => defaultCondition(filterType.value));
+		const isDateType = computed(() => filterType.value === "date");
+		const shortcuts = computed(() => isDateType.value ? dateShortcuts() : []);
+		function updateCondition(index, update) {
+			model.value = model.value.map((c, i) => i === index ? {
+				...c,
+				...update
+			} : c);
+		}
+		function addCondition() {
+			model.value = [...model.value, {
+				type: defCondition.value,
+				value: []
+			}];
+		}
+		function removeCondition(index) {
+			const next = model.value.filter((_, i) => i !== index);
+			model.value = next.length > 0 ? next : [{
+				type: defCondition.value,
+				value: []
+			}];
+		}
+		function applyShortcut(dates) {
+			model.value = [{
+				type: "bw",
+				value: [dates[0], dates[1]]
+			}];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (cond, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "as-filter-condition-row"
+					}, [
+						createElementVNode("select", {
+							class: "as-filter-condition-select",
+							value: cond.type,
+							onChange: ($event) => updateCondition(index, {
+								type: $event.target.value,
+								value: []
+							})
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(availableConditions.value, (ct) => {
+							return openBlock(), createElementBlock("option", {
+								key: ct,
+								value: ct
+							}, toDisplayString(unref(conditionLabel)(ct)), 9, _hoisted_2$2);
+						}), 128))], 40, _hoisted_1$2),
+						createVNode(as_filter_input_default, {
+							column: __props.column,
+							condition: cond,
+							"filter-type": filterType.value,
+							"onUpdate:condition": (c) => updateCondition(index, c)
+						}, null, 8, [
+							"column",
+							"condition",
+							"filter-type",
+							"onUpdate:condition"
+						]),
+						createElementVNode("button", {
+							type: "button",
+							class: "as-filter-condition-remove",
+							disabled: model.value.length <= 1,
+							style: normalizeStyle(model.value.length <= 1 ? "visibility:hidden" : ""),
+							"aria-label": "Remove condition",
+							onClick: ($event) => removeCondition(index)
+						}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
+							class: "i-as-close",
+							"aria-hidden": "true"
+						}, null, -1)])], 12, _hoisted_3$2)
+					]);
+				}), 128)),
+				createElementVNode("button", {
+					type: "button",
+					class: "as-filter-add-condition",
+					onClick: addCondition
+				}, " + Add condition "),
+				isDateType.value && shortcuts.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$2, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "as-filter-shortcuts-label" }, "Quick:", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, (sc) => {
+					return openBlock(), createElementBlock("button", {
+						key: sc.label,
+						type: "button",
+						class: "as-filter-shortcut-btn",
+						onClick: ($event) => applyShortcut(sc.dates)
+					}, toDisplayString(sc.label), 9, _hoisted_5$2);
+				}), 128))])) : createCommentVNode("v-if", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-filter-value-help.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = { class: "as-filter-value-help" };
+const _hoisted_2$1 = { class: "as-filter-value-help-toolbar" };
+const _hoisted_3$1 = {
+	key: 0,
+	class: "as-filter-value-help-search-wrap"
+};
+const _hoisted_4$1 = ["value"];
+const _hoisted_5$1 = { class: "as-filter-value-help-count" };
+const _hoisted_6$1 = ["title"];
+const _hoisted_7$1 = {
+	key: 0,
+	class: "as-filter-value-help-filters"
+};
+//#endregion
+//#region src/components/internal/as-filter-value-help.vue
+var as_filter_value_help_default = /* @__PURE__ */ defineComponent({
+	__name: "as-filter-value-help",
+	props: /* @__PURE__ */ mergeModels({ column: {
+		type: Object,
+		required: true
+	} }, {
+		"modelValue": {
+			type: Array,
+			default: () => []
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const info = props.column.valueHelpInfo;
+		const options = props.column.options;
+		function modelToValues(conds) {
+			const values = [];
+			for (const c of conds) if (isSimpleEq(c)) values.push(c.value[0]);
+			return values;
+		}
+		function valuesToModel(values) {
+			const next = [];
+			for (const v of values) next.push({
+				type: "eq",
+				value: [v]
+			});
+			return next;
+		}
+		const selectionRef = ref(modelToValues(model.value));
+		const resolved = shallowRef(null);
+		let innerState;
+		if (info) innerState = useTable(info.url, {
+			limit: 100,
+			queryOnMount: false,
+			provideContext: true,
+			rowValueFn: (row) => row[info.targetField],
+			selectionPersistence: "persist",
+			selectedRows: selectionRef
+		});
+		else if (options) {
+			const { state } = createStaticTableState({
+				rows: options.map((o) => ({
+					__value: o.key,
+					__label: o.label
+				})),
+				columns: [{
+					path: "__label",
+					label: "Value",
+					type: "text",
+					sortable: true,
+					filterable: false,
+					visible: true,
+					order: 0
+				}],
+				searchPaths: ["__label"],
+				selection: {
+					rowValueFn: (row) => row.__value,
+					selectedRows: selectionRef
+				}
+			});
+			innerState = state;
+			provideTableContext({
+				state,
+				client: {},
+				controls: {}
+			});
+		}
+		if (info) onMounted(() => {
+			resolveValueHelp(info.url).then((r) => {
+				resolved.value = r;
+			}).catch(() => {});
+		});
+		if (info && innerState) {
+			const fkState = innerState;
+			let initialized = false;
+			const stop = watch([() => fkState.tableDef.value, resolved], ([def, r]) => {
+				if (!def || !r || initialized) return;
+				initialized = true;
+				stop();
+				const dictPaths = valueHelpDictPaths(r);
+				const dictCols = fkState.allColumns.value.filter((c) => dictPaths.has(c.path));
+				fkState.columnNames.value = dictCols.map((c) => c.path);
+				if (fkState.filterFields.value.length === 0) fkState.filterFields.value = dictCols.filter((c) => c.filterable).map((c) => c.path);
+				fkState.query();
+			}, { immediate: true });
+		}
+		const navBridge = innerState ? useTableNavBridge(innerState) : void 0;
+		if (innerState) watch(selectionRef, (v) => {
+			if (sameColumnSet(modelToValues(model.value), v)) return;
+			model.value = valuesToModel(v);
+		});
+		const searchable = computed(() => {
+			if (!innerState) return false;
+			return !!innerState.tableDef.value?.searchable;
+		});
+		const showFilters = ref(false);
+		watch(searchable, (v) => {
+			showFilters.value = !v;
+		}, { immediate: true });
+		const hasFilterableFields = computed(() => !!innerState && innerState.filterFields.value.length > 0);
+		const totalCount = computed(() => innerState?.totalCount.value ?? 0);
+		const hasActiveFilters = computed(() => innerState ? filledFilterCount(innerState.filters.value) > 0 : false);
+		function clearAllFilters() {
+			innerState?.resetFilters();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createElementVNode("div", _hoisted_2$1, [searchable.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [_cache[3] || (_cache[3] = createElementVNode("span", {
+					class: "as-filter-value-help-search-icon i-as-search",
+					"aria-hidden": "true"
+				}, null, -1)), createElementVNode("input", {
+					value: unref(innerState)?.searchTerm.value ?? "",
+					type: "text",
+					class: "as-filter-value-help-search",
+					placeholder: "Search...",
+					autocomplete: "off",
+					onInput: _cache[0] || (_cache[0] = (e) => {
+						if (unref(innerState)) unref(innerState).searchTerm.value = e.target.value;
+					}),
+					onKeydown: _cache[1] || (_cache[1] = (e) => unref(navBridge)?.onKeydown(e))
+				}, null, 40, _hoisted_4$1)])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_5$1, [unref(info) && searchable.value && hasFilterableFields.value ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: normalizeClass(["as-filter-value-help-filters-toggle", { "as-filter-value-help-filters-toggle-active": showFilters.value }]),
+					title: showFilters.value ? "Hide filters" : "Show filters",
+					onClick: _cache[2] || (_cache[2] = ($event) => showFilters.value = !showFilters.value)
+				}, [..._cache[4] || (_cache[4] = [createElementVNode("span", {
+					class: "i-as-filter",
+					"aria-hidden": "true"
+				}, null, -1)])], 10, _hoisted_6$1)) : createCommentVNode("v-if", true), createTextVNode(" " + toDisplayString(totalCount.value) + " records ", 1)])]),
+				unref(info) && showFilters.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+					createVNode(as_filters_default),
+					_cache[5] || (_cache[5] = createElementVNode("div", { class: "as-spacer" }, null, -1)),
+					hasActiveFilters.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "as-filter-dialog-clear-all",
+						onClick: clearAllFilters
+					}, " Clear all ")) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true),
+				createCommentVNode(" Same window-table chrome for both branches. The enum branch's\n         in-memory state was provided into context above via\n         `provideTableContext`, so `<AsWindowTable>`'s `useTableContext()`\n         resolves identically to the FK branch's `useTable(...)`-provided\n         state. `select=\"multi\"` is the rendering-side source of truth (the\n         `select` knob moved off the orchestrator/state during the actions\n         refactor), so the checkbox column renders for value picking. "),
+				unref(innerState) ? (openBlock(), createBlock(as_window_table_default, {
+					key: 1,
+					select: "multi",
+					"column-menu": {
+						sort: true,
+						filters: !!unref(info),
+						hide: false
+					}
+				}, null, 8, ["column-menu"])) : createCommentVNode("v-if", true),
+				createCommentVNode(" FK only: nested filter / config dialogs for the inner table's\n         column menu. Enum's column menu has filters/hide disabled, so\n         the dialogs would never open. "),
+				unref(info) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createVNode(as_filter_dialog_default), createVNode(as_config_dialog_default)], 64)) : createCommentVNode("v-if", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/defaults/as-filter-dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-filter-dialog-header" };
+const _hoisted_2 = { class: "as-filter-dialog-title-value" };
+const _hoisted_3 = {
+	key: 1,
+	class: "as-filter-dialog-body"
+};
+const _hoisted_4 = {
+	key: 2,
+	class: "as-filter-dialog-chips-bar"
+};
+const _hoisted_5 = { class: "as-filter-dialog-chips-header" };
+const _hoisted_6 = { class: "as-filter-dialog-chips-count" };
+const _hoisted_7 = { class: "as-filter-dialog-chips" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = {
+	key: 0,
+	class: "as-filter-dialog-chips-more"
+};
+const CHIP_PREVIEW_LIMIT = 10;
+//#endregion
+//#region src/components/defaults/as-filter-dialog.vue
+var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
+	__name: "as-filter-dialog",
+	setup(__props) {
+		const { state } = useTableContext();
+		const isOpen = computed({
+			get: () => state.filterDialogColumn.value !== null,
+			set: (val) => {
+				if (!val) state.closeFilterDialog();
+			}
+		});
+		const column = computed(() => state.filterDialogColumn.value);
+		const hasValueHelp = computed(() => !!column.value && (!!column.value.valueHelpInfo || column.value.options != null && column.value.options.length > 0));
+		const defCondition = computed(() => column.value ? defaultCondition(columnFilterType(column.value.type)) : "eq");
+		const valueHelpConditions = ref([]);
+		const freeConditions = ref([]);
+		const activeTab = ref("value-help");
+		watch(column, (col) => {
+			if (!col) return;
+			const existing = state.filters.value[col.path] ?? [];
+			if (hasValueHelp.value) {
+				valueHelpConditions.value = existing.filter(isSimpleEq);
+				freeConditions.value = existing.filter((c) => !isSimpleEq(c));
+			} else {
+				valueHelpConditions.value = [];
+				freeConditions.value = existing.length > 0 ? [...existing] : [];
+			}
+			if (freeConditions.value.length === 0) freeConditions.value = [{
+				type: defCondition.value,
+				value: []
+			}];
+			activeTab.value = hasValueHelp.value ? "value-help" : "conditions";
+		});
+		const chips = computed(() => {
+			const result = [];
+			valueHelpConditions.value.forEach((c, i) => {
+				if (isFilled(c)) result.push({
+					key: `vh:${i}:${String(c.value[0] ?? "")}`,
+					label: formatFilterCondition(c),
+					bucket: "value-help",
+					index: i
+				});
+			});
+			freeConditions.value.forEach((c, i) => {
+				if (isFilled(c)) result.push({
+					key: `fc:${i}:${c.type}:${String(c.value[0] ?? "")}`,
+					label: formatFilterCondition(c),
+					bucket: "free",
+					index: i
+				});
+			});
+			return result;
+		});
+		const visibleChips = computed(() => chips.value.slice(0, CHIP_PREVIEW_LIMIT));
+		const hiddenChipCount = computed(() => Math.max(0, chips.value.length - CHIP_PREVIEW_LIMIT));
+		const filledFreeCount = computed(() => {
+			let n = 0;
+			for (const c of freeConditions.value) if (isFilled(c)) n++;
+			return n;
+		});
+		function removeChip(chip) {
+			if (chip.bucket === "value-help") valueHelpConditions.value = valueHelpConditions.value.filter((_, i) => i !== chip.index);
+			else {
+				const next = freeConditions.value.filter((_, i) => i !== chip.index);
+				freeConditions.value = next.length > 0 ? next : [{
+					type: defCondition.value,
+					value: []
+				}];
+			}
+		}
+		function clearAll() {
+			valueHelpConditions.value = [];
+			freeConditions.value = [{
+				type: defCondition.value,
+				value: []
+			}];
+		}
+		function onApply() {
+			if (!column.value) return;
+			const merged = [...valueHelpConditions.value, ...freeConditions.value.filter(isFilled)];
+			if (merged.length > 0) state.setFieldFilter(column.value.path, merged);
+			else state.removeFieldFilter(column.value.path);
+			state.closeFilterDialog();
+		}
+		function onCancel() {
+			state.closeFilterDialog();
+		}
+		function focusActiveTabContent() {
+			const scope = document.querySelector(".as-filter-dialog-content [role='tabpanel'][data-state='active']") ?? document.querySelector(".as-filter-dialog-content");
+			if (!scope) return;
+			const search = scope.querySelector(".as-filter-value-help-search");
+			if (search) {
+				search.focus();
+				return;
+			}
+			const tbody = scope.querySelector("tbody[tabindex='0']");
+			if (tbody) {
+				tbody.focus();
+				return;
+			}
+			scope.querySelector("input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();
+		}
+		const { onDialogKeydown, focusActiveTabAfterMount } = useDialogTabKeyboard({
+			activeTab,
+			tabOrder: ["value-help", "conditions"],
+			isAvailable: (t) => t === "value-help" ? hasValueHelp.value : true,
+			focusActiveTab: focusActiveTabContent
+		});
+		function onOpenAutoFocus(event) {
+			event.preventDefault();
+			focusActiveTabAfterMount();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), {
+				open: isOpen.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => isOpen.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(DialogPortal), null, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "as-filter-dialog-overlay" }), createVNode(unref(DialogContent), {
+						class: normalizeClass(["as-filter-dialog-content", { "as-filter-dialog-has-value-help": hasValueHelp.value }]),
+						onOpenAutoFocus,
+						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
+							})]),
+							column.value && hasValueHelp.value ? (openBlock(), createBlock(unref(TabsRoot), {
+								key: 0,
+								modelValue: activeTab.value,
+								"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => activeTab.value = $event),
+								class: "as-filter-dialog-tabs"
+							}, {
+								default: withCtx(() => [
+									createVNode(unref(TabsList), { class: "as-config-tabs-list" }, {
+										default: withCtx(() => [createVNode(unref(TabsTrigger), {
+											value: "value-help",
+											class: "as-config-tab-trigger"
+										}, {
+											default: withCtx(() => [_cache[7] || (_cache[7] = 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)]),
+											_: 1
+										}), createVNode(unref(TabsTrigger), {
+											value: "conditions",
+											class: "as-config-tab-trigger"
+										}, {
+											default: withCtx(() => [_cache[8] || (_cache[8] = 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)]),
+											_: 1
+										})]),
+										_: 1
+									}),
+									createVNode(unref(TabsContent), {
+										value: "value-help",
+										class: "as-filter-dialog-tab-content"
+									}, {
+										default: withCtx(() => [createVNode(as_filter_value_help_default, {
+											column: column.value,
+											modelValue: valueHelpConditions.value,
+											"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueHelpConditions.value = $event)
+										}, null, 8, ["column", "modelValue"])]),
+										_: 1
+									}),
+									createVNode(unref(TabsContent), {
+										value: "conditions",
+										class: "as-filter-dialog-tab-content as-filter-dialog-tab-conditions"
+									}, {
+										default: withCtx(() => [createVNode(as_filter_conditions_default, {
+											column: column.value,
+											modelValue: freeConditions.value,
+											"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => freeConditions.value = $event)
+										}, null, 8, ["column", "modelValue"])]),
+										_: 1
+									})
+								]),
+								_: 1
+							}, 8, ["modelValue"])) : column.value ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(as_filter_conditions_default, {
+								column: column.value,
+								modelValue: freeConditions.value,
+								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => freeConditions.value = $event)
+							}, null, 8, ["column", "modelValue"])])) : createCommentVNode("v-if", true),
+							chips.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("span", null, [createElementVNode("span", _hoisted_6, toDisplayString(chips.value.length), 1), createTextVNode(" " + toDisplayString(chips.value.length === 1 ? "condition" : "conditions") + " applied ", 1)]), createElementVNode("button", {
+								type: "button",
+								class: "as-filter-dialog-clear-all",
+								onClick: clearAll
+							}, " Clear all ")]), createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleChips.value, (chip) => {
+								return openBlock(), createElementBlock("span", {
+									key: chip.key,
+									class: "as-filter-dialog-chip"
+								}, [createTextVNode(toDisplayString(chip.label) + " ", 1), createElementVNode("button", {
+									type: "button",
+									class: "as-filter-dialog-chip-remove",
+									"aria-label": "Remove",
+									onClick: ($event) => removeChip(chip)
+								}, [..._cache[9] || (_cache[9] = [createElementVNode("span", {
+									class: "i-as-close",
+									"aria-hidden": "true"
+								}, null, -1)])], 8, _hoisted_8)]);
+							}), 128)), hiddenChipCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_9, " +" + toDisplayString(hiddenChipCount.value) + " more ", 1)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
+							createElementVNode("div", { class: "as-filter-dialog-footer" }, [createElementVNode("div", { class: "as-filter-dialog-footer-right" }, [createElementVNode("button", {
+								type: "button",
+								class: "as-filter-btn",
+								onClick: onCancel
+							}, "Cancel"), createElementVNode("button", {
+								type: "button",
+								class: "as-filter-btn-apply",
+								onClick: onApply
+							}, "Apply")])])
+						]),
+						_: 1
+					}, 8, ["class", "onKeydown"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { useTableNavBridge as n, as_filter_dialog_default as t };