@astryx-vue/core 0.2.0 → 0.2.2

package/dist/PowerSearch-CjU8y4mi.js

@@ -0,0 +1,2386 @@
+import { t as _sfc_main$5 } from "./Button-DrqeomlE.js";
+import { t as useAnnounce } from "./announce-Cnio10Wk.js";
+import { t as createStaticSource } from "./useAsyncSource-Gk0VtE7_.js";
+import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
+import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
+import { a as useAstryxMessages, i as useAstryxLocale } from "./context-CiKncNSH.js";
+import { t as _sfc_main$6 } from "./Tooltip-mp0NMh_Y.js";
+import { t as _sfc_main$7 } from "./Icon-CJKjdJy-.js";
+import { t as _sfc_main$8 } from "./Field-8zRxzDHE.js";
+import { t as _sfc_main$9 } from "./DateInput-BLocxqC3.js";
+import { t as _sfc_main$10 } from "./DateRangeInput-DwDy3eRo.js";
+import { t as _sfc_main$11 } from "./DateTimeInput-BYiaC9bn.js";
+import { t as _sfc_main$12 } from "./Token-Chu_eCVs.js";
+import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-7W90Ny-9.js";
+import { t as _sfc_main$13 } from "./MultiSelector-C-ETfFy_.js";
+import { t as _sfc_main$14 } from "./NumberInput-DjetVB8O.js";
+import { t as _sfc_main$15 } from "./Selector-DE2IEFML.js";
+import { n as useTypeaheadMenu } from "./TypeaheadMenu-CGvo0Tud.js";
+import { t as _sfc_main$16 } from "./TextInput-BasnjVvy.js";
+import { t as _sfc_main$17 } from "./TimeInput-DJLV0_4z.js";
+import { t as _sfc_main$18 } from "./Tokenizer-DRDpvQ_l.js";
+import { t as _sfc_main$19 } from "./Typeahead-P7cCqtaQ.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import "../styles/visually-hidden-utility.css";
+import "../styles/typeahead.css";
+import "../styles/power-search.css";
+//#region src/PowerSearch/complete.ts
+function nestedChildren(partial) {
+	if (partial.children != null) return partial.children;
+	if (partial.value?.type === "nested") return partial.value.value;
+	return [];
+}
+function isFilled(value) {
+	switch (value.type) {
+		case "empty": return true;
+		case "string":
+		case "date_relative":
+		case "time":
+		case "enum":
+		case "custom": return value.value.trim() !== "";
+		case "string_list":
+		case "enum_list":
+		case "entity_list": return value.value.length > 0;
+		case "integer":
+		case "float": return Number.isFinite(value.value);
+		case "date_absolute": return Number.isFinite(value.unixSeconds);
+		case "date_range": return value.value.start != null && value.value.end != null;
+		case "nested": return value.value.length > 0;
+	}
+}
+/** 条件齐全才返回可保存的筛选。嵌套里有没填完的子条件时返回空。 */
+function completePowerSearchFilter(partial, lookup) {
+	if (partial.field === "" || partial.operator == null || partial.operator === "") return null;
+	const operator = lookup.getOperator(partial.field, partial.operator);
+	if (operator == null) return null;
+	if (operator.value.type === "empty") return {
+		field: partial.field,
+		operator: partial.operator,
+		value: { type: "empty" },
+		isReadOnly: partial.isReadOnly
+	};
+	if (operator.value.type === "nested") {
+		const children = nestedChildren(partial);
+		if (children.length === 0) return null;
+		const complete = children.map((child) => completePowerSearchFilter(child, lookup));
+		if (complete.some((child) => child == null)) return null;
+		return {
+			field: partial.field,
+			operator: partial.operator,
+			value: {
+				type: "nested",
+				value: complete.filter((child) => child != null)
+			},
+			isReadOnly: partial.isReadOnly
+		};
+	}
+	if (partial.value == null || partial.value.type !== operator.value.type || !isFilled(partial.value)) return null;
+	return {
+		field: partial.field,
+		operator: partial.operator,
+		value: partial.value,
+		isReadOnly: partial.isReadOnly
+	};
+}
+//#endregion
+//#region src/PowerSearch/config.ts
+function createPowerSearchLookup(config) {
+	const fieldMap = /* @__PURE__ */ new Map();
+	const operatorMap = /* @__PURE__ */ new Map();
+	for (const field of config.fields) {
+		fieldMap.set(field.key, field);
+		const operators = /* @__PURE__ */ new Map();
+		for (const operator of field.operators) operators.set(operator.key, operator);
+		operatorMap.set(field.key, operators);
+	}
+	return {
+		config,
+		getField(key) {
+			return fieldMap.get(key);
+		},
+		getOperator(fieldKey, operatorKey) {
+			return operatorMap.get(fieldKey)?.get(operatorKey);
+		},
+		getDefaultOperator(fieldKey) {
+			const field = fieldMap.get(fieldKey);
+			if (field == null) return void 0;
+			if (field.defaultOperator) return operatorMap.get(fieldKey)?.get(field.defaultOperator) ?? field.operators[0];
+			return field.operators[0];
+		},
+		getVisibleFields() {
+			return config.fields;
+		},
+		getVisibleOperators(fieldKey) {
+			return fieldMap.get(fieldKey)?.operators ?? [];
+		}
+	};
+}
+//#endregion
+//#region src/PowerSearch/format.ts
+function truncate(value, maxLength) {
+	const chars = Array.from(value);
+	if (chars.length <= maxLength) return value;
+	return `${chars.slice(0, Math.max(0, maxLength)).join("")}…`;
+}
+function enumLabel(value, values) {
+	return values.find((item) => item.value === value)?.label ?? value;
+}
+function formatNumber(value, locale, units) {
+	const formatted = new Intl.NumberFormat(locale).format(value);
+	return units ? `${formatted} ${units}` : formatted;
+}
+function formatDateAbsolute(unixSeconds, locale, timeZone) {
+	return new Intl.DateTimeFormat(locale, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "numeric",
+		minute: "2-digit",
+		...timeZone ? { timeZone } : {},
+		calendar: "gregory"
+	}).format(unixSeconds * 1e3);
+}
+function formatDateAbsoluteCompact(unixSeconds, locale, timeZone) {
+	return new Intl.DateTimeFormat(locale, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		...timeZone ? { timeZone } : {},
+		calendar: "gregory"
+	}).format(unixSeconds * 1e3);
+}
+function joinOrCount(labels, maxLength, countLabel) {
+	if (labels.length === 0) return "";
+	if (labels.length === 1) return truncate(labels[0] ?? "", maxLength);
+	const joined = labels.join(", ");
+	if (Array.from(joined).length <= maxLength) return joined;
+	return countLabel(labels.length);
+}
+function formatFilterValue(operatorValue, filterValue, maxLength, messages, locale, timeZone) {
+	switch (filterValue.type) {
+		case "empty": return "";
+		case "string": return truncate(filterValue.value, maxLength);
+		case "integer": return formatNumber(filterValue.value, locale, operatorValue.type === "integer" ? operatorValue.units : void 0);
+		case "float": return formatNumber(filterValue.value, locale, operatorValue.type === "float" ? operatorValue.units : void 0);
+		case "enum": return truncate(operatorValue.type === "enum" ? enumLabel(filterValue.value, operatorValue.values) : filterValue.value, maxLength);
+		case "string_list": return joinOrCount(filterValue.value, maxLength, messages.itemsCount);
+		case "enum_list": return joinOrCount(operatorValue.type === "enum_list" ? filterValue.value.map((value) => enumLabel(value, operatorValue.values)) : filterValue.value, maxLength, messages.itemsCount);
+		case "entity_list": return joinOrCount(filterValue.value.map((entity) => entity.label), maxLength, messages.entitiesCount);
+		case "time": return filterValue.value;
+		case "date_absolute": return truncate(operatorValue.type === "date_absolute" && operatorValue.isDateOnly ? formatDateAbsoluteCompact(filterValue.unixSeconds, locale, timeZone) : formatDateAbsolute(filterValue.unixSeconds, locale, timeZone), maxLength);
+		case "date_relative": return filterValue.value;
+		case "date_range": return messages.dateRange;
+		case "custom": return truncate(operatorValue.type === "custom" ? operatorValue.getString(filterValue.value) : filterValue.value, maxLength);
+		case "nested": return messages.filtersCount(filterValue.value.length);
+	}
+}
+//#endregion
+//#region src/PowerSearch/operators.ts
+const OPERATOR_MESSAGE_KEYS = {
+	contains: "contains",
+	notContains: "notContains",
+	not_contains: "notContains",
+	startsWith: "startsWith",
+	starts_with: "startsWith",
+	notStartsWith: "notStartsWith",
+	not_starts_with: "notStartsWith",
+	endsWith: "endsWith",
+	ends_with: "endsWith",
+	notEndsWith: "notEndsWith",
+	not_ends_with: "notEndsWith",
+	is: "is",
+	isNot: "isNot",
+	is_not: "isNot",
+	equals: "equals",
+	notEquals: "notEquals",
+	not_equals: "notEquals",
+	greaterThan: "greaterThan",
+	greater_than: "greaterThan",
+	lessThan: "lessThan",
+	less_than: "lessThan",
+	greaterThanOrEqual: "greaterThanOrEqual",
+	greater_than_or_equal: "greaterThanOrEqual",
+	lessThanOrEqual: "lessThanOrEqual",
+	less_than_or_equal: "lessThanOrEqual",
+	before: "before",
+	after: "after",
+	between: "between",
+	isTrue: "isTrue",
+	is_true: "isTrue",
+	isFalse: "isFalse",
+	is_false: "isFalse",
+	isAnyOf: "isAnyOf",
+	is_any_of: "isAnyOf",
+	isNoneOf: "isNoneOf",
+	is_none_of: "isNoneOf"
+};
+function resolveOperatorLabel(operator, messages) {
+	if ("label" in operator && operator.label != null) return operator.label;
+	const raw = operator.i18nKey ?? "";
+	const leaf = raw.split(".").pop() ?? raw;
+	const key = OPERATOR_MESSAGE_KEYS[leaf] ?? OPERATOR_MESSAGE_KEYS[raw];
+	return key ? messages.operators[key] : leaf;
+}
+/**
+* 编辑器宽度取外层宽度，再夹在 400 到 720 之间。
+* 视口放不下 400 时，下限让给视口。只有被 720 压窄时，才改贴打开控件更近的外缘。
+*/
+function resolveEditorPlacement(input) {
+	const inset = input.viewportInset ?? 8;
+	const available = Math.max(0, input.viewportWidth - inset * 2);
+	const floor = Math.min(400, available);
+	const ceiling = Math.min(720, available);
+	let width = input.outer.width;
+	if (width < floor) width = floor;
+	if (width > ceiling) width = ceiling;
+	const capped = width + .5 < input.outer.width;
+	let edge;
+	if (!capped) edge = input.direction === "rtl" ? "right" : "left";
+	else {
+		const gapLeft = input.control.left - input.outer.left;
+		const gapRight = input.outer.right - input.control.right;
+		if (gapLeft < gapRight) edge = "left";
+		else if (gapRight < gapLeft) edge = "right";
+		else edge = input.direction === "rtl" ? "right" : "left";
+	}
+	let left = edge === "left" ? input.outer.left : input.outer.right - width;
+	const maxLeft = input.viewportWidth - inset - width;
+	if (left < inset) left = inset;
+	if (left > maxLeft) left = Math.max(inset, maxLeft);
+	const gap = 4;
+	const estimatedHeight = 280;
+	let top = input.anchorBottom + gap;
+	if (top + estimatedHeight > input.viewportHeight - inset && input.anchorTop - gap - estimatedHeight > inset) top = input.anchorTop - gap - estimatedHeight;
+	return {
+		width,
+		capped,
+		edge,
+		top,
+		left
+	};
+}
+//#endregion
+//#region src/PowerSearch/range.ts
+const SECONDS_BY_UNIT = {
+	second: 1,
+	minute: 60,
+	hour: 3600,
+	day: 86400,
+	week: 604800,
+	month: 2592e3,
+	year: 31536e3
+};
+/** 把绝对、当前和相对的区间端点折成同一时刻上的 Unix 秒。 */
+function resolveDateTimeRangePart(part, nowSeconds = Date.now() / 1e3) {
+	switch (part.type) {
+		case "NOW": return Math.floor(nowSeconds);
+		case "ABSOLUTE": return part.unixSeconds;
+		case "RELATIVE": return Math.floor(nowSeconds - part.backValue * SECONDS_BY_UNIT[part.unit]);
+	}
+}
+//#endregion
+//#region src/PowerSearch/dates.ts
+function pad(value) {
+	return String(value).padStart(2, "0");
+}
+function unixToIsoDate(unixSeconds, timeZone) {
+	const date = /* @__PURE__ */ new Date(unixSeconds * 1e3);
+	if (!timeZone) return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+	const parts = new Intl.DateTimeFormat("en-US", {
+		timeZone,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit"
+	}).formatToParts(date);
+	return `${parts.find((part) => part.type === "year")?.value ?? "1970"}-${parts.find((part) => part.type === "month")?.value ?? "01"}-${parts.find((part) => part.type === "day")?.value ?? "01"}`;
+}
+function unixToDateTimeLocal(unixSeconds, timeZone) {
+	const date = /* @__PURE__ */ new Date(unixSeconds * 1e3);
+	if (!timeZone) return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+	const parts = new Intl.DateTimeFormat("en-US", {
+		timeZone,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		hourCycle: "h23"
+	}).formatToParts(date);
+	const read = (type) => parts.find((part) => part.type === type)?.value ?? "00";
+	return `${read("year")}-${read("month")}-${read("day")}T${read("hour")}:${read("minute")}`;
+}
+function isoDateToUnix(value) {
+	const [year, month, day] = value.split("-").map(Number);
+	return Math.floor(Date.UTC(year ?? 1970, (month ?? 1) - 1, day ?? 1) / 1e3);
+}
+function dateTimeLocalToUnix(value, timeZone) {
+	if (!timeZone) return Math.floor(new Date(value).getTime() / 1e3);
+	const [datePart, timePart] = value.split("T");
+	const [year, month, day] = (datePart ?? "").split("-").map(Number);
+	const [hour, minute] = (timePart ?? "00:00").split(":").map(Number);
+	const utcGuess = Date.UTC(year ?? 1970, (month ?? 1) - 1, day ?? 1, hour ?? 0, minute ?? 0);
+	const offset = timeZoneOffset(new Date(utcGuess), timeZone);
+	return Math.floor((utcGuess - offset) / 1e3);
+}
+function timeZoneOffset(date, timeZone) {
+	const parts = new Intl.DateTimeFormat("en-US", {
+		timeZone,
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit",
+		hourCycle: "h23"
+	}).formatToParts(date);
+	const read = (type) => Number(parts.find((part) => part.type === type)?.value ?? 0);
+	return Date.UTC(read("year"), read("month") - 1, read("day"), read("hour"), read("minute"), read("second")) - date.getTime();
+}
+function rangePartToIso(part, timeZone, nowSeconds = Date.now() / 1e3) {
+	return unixToIsoDate(resolveDateTimeRangePart(part, nowSeconds), timeZone);
+}
+function absoluteRange(start, end) {
+	return {
+		start: {
+			type: "ABSOLUTE",
+			unixSeconds: isoDateToUnix(start)
+		},
+		end: {
+			type: "ABSOLUTE",
+			unixSeconds: isoDateToUnix(end) + 86399
+		}
+	};
+}
+//#endregion
+//#region src/PowerSearch/PowerSearchValueField.vue
+const _hoisted_1$4 = {
+	key: 7,
+	class: "astryx-power-search-value__stack"
+};
+const _hoisted_2$3 = {
+	key: 8,
+	class: "astryx-power-search-value__stack"
+};
+const _hoisted_3$3 = ["aria-label"];
+const _hoisted_4$2 = ["disabled", "onClick"];
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	name: "AstryxPowerSearchValueField",
+	__name: "PowerSearchValueField",
+	props: {
+		operatorValue: {},
+		filterValue: {},
+		messages: {},
+		disabled: { type: Boolean },
+		timeZone: {},
+		maxMenuItems: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const text = computed(() => props.messages.value);
+		const stringValue = computed(() => props.filterValue?.type === "string" ? props.filterValue.value : "");
+		const numberValue = computed(() => props.filterValue?.type === "integer" || props.filterValue?.type === "float" ? props.filterValue.value : null);
+		const timeValue = computed(() => props.filterValue?.type === "time" ? props.filterValue.value : null);
+		const enumValue = computed(() => props.filterValue?.type === "enum" ? props.filterValue.value : null);
+		const enumList = computed(() => props.filterValue?.type === "enum_list" ? [...props.filterValue.value] : []);
+		const relativeValue = computed(() => props.filterValue?.type === "date_relative" ? props.filterValue.value : "");
+		const customValue = computed(() => props.filterValue?.type === "custom" ? props.filterValue.value : "");
+		const stringItems = computed(() => {
+			if (props.filterValue?.type !== "string_list") return [];
+			return props.filterValue.value.map((value) => ({
+				id: value,
+				label: value
+			}));
+		});
+		const entityItems = computed(() => {
+			if (props.filterValue?.type !== "entity_list") return [];
+			return props.filterValue.value.map((entity) => ({
+				id: entity.id,
+				label: entity.label,
+				auxiliaryData: entity
+			}));
+		});
+		const selectedStringItem = computed(() => stringValue.value ? {
+			id: stringValue.value,
+			label: stringValue.value
+		} : null);
+		const enumOptions = computed(() => {
+			const value = props.operatorValue;
+			if (value.type !== "enum" && value.type !== "enum_list") return [];
+			return value.values.map((item) => ({
+				value: item.value,
+				label: item.label,
+				icon: item.icon
+			}));
+		});
+		const relativeOptions = computed(() => props.operatorValue.type === "date_relative" ? [] : props.operatorValue.type === "date_range" ? (props.operatorValue.relativeDatePresets ?? []).map((preset) => ({
+			value: preset.value,
+			label: preset.label
+		})) : []);
+		const dateOnly = computed(() => props.operatorValue.type === "date_absolute" && props.operatorValue.isDateOnly === true);
+		const absoluteDate = computed(() => {
+			if (props.filterValue?.type !== "date_absolute") return null;
+			return /* @__PURE__ */ new Date(props.filterValue.unixSeconds * 1e3);
+		});
+		const absoluteLocal = computed(() => props.filterValue?.type === "date_absolute" ? unixToDateTimeLocal(props.filterValue.unixSeconds, props.timeZone) : null);
+		const rangeModel = computed(() => {
+			if (props.filterValue?.type !== "date_range") return null;
+			return {
+				start: rangePartToIso(props.filterValue.value.start, props.timeZone),
+				end: rangePartToIso(props.filterValue.value.end, props.timeZone)
+			};
+		});
+		const stringSource = computed(() => props.operatorValue.type === "string" || props.operatorValue.type === "string_list" ? props.operatorValue.searchSource ?? createStaticSource([]) : createStaticSource([]));
+		const entitySource = computed(() => props.operatorValue.type === "entity_list" ? props.operatorValue.searchSource ?? createStaticSource([]) : createStaticSource([]));
+		const stringCreatable = computed(() => {
+			const value = props.operatorValue;
+			if (value.type !== "string_list" && value.type !== "entity_list") return false;
+			return value.isArbitraryStringAllowed === true || value.searchSource == null;
+		});
+		function commitStringList(items) {
+			emit("change", {
+				type: "string_list",
+				value: items.map((item) => item.label)
+			});
+		}
+		function commitEntities(items) {
+			const entities = items.map((item) => ({
+				id: item.id,
+				label: item.label,
+				photo: typeof item.auxiliaryData === "object" && item.auxiliaryData && "photo" in item.auxiliaryData ? String(item.auxiliaryData.photo ?? "") : void 0
+			}));
+			emit("change", {
+				type: "entity_list",
+				value: entities
+			});
+		}
+		function onPaste(event) {
+			const value = props.operatorValue;
+			if (value.type !== "string_list" && value.type !== "entity_list") return;
+			const pattern = value.tokenization?.regex;
+			if (!pattern) return;
+			const pasted = event.clipboardData?.getData("text") ?? "";
+			if (!pasted) return;
+			let pieces = [];
+			try {
+				pieces = pasted.match(new RegExp(pattern, "g")) ?? [];
+			} catch {
+				return;
+			}
+			if (pieces.length === 0) return;
+			event.preventDefault();
+			if (value.tokenization?.sort) pieces.sort((left, right) => left.localeCompare(right));
+			if (value.type === "string_list") {
+				const current = stringItems.value.map((item) => item.label);
+				emit("change", {
+					type: "string_list",
+					value: [...current, ...pieces]
+				});
+				return;
+			}
+			const current = entityItems.value.map((item) => ({
+				id: item.id,
+				label: item.label
+			}));
+			emit("change", {
+				type: "entity_list",
+				value: [...current, ...pieces.map((piece) => ({
+					id: piece,
+					label: piece
+				}))]
+			});
+		}
+		function onRange(value) {
+			if (value == null || typeof value !== "object" || !("start" in value) || !("end" in value)) return;
+			const start = value.start;
+			const end = value.end;
+			if (typeof start !== "string" || typeof end !== "string") return;
+			emit("change", {
+				type: "date_range",
+				value: absoluteRange(start, end)
+			});
+		}
+		function onTime(value) {
+			if (typeof value === "string" && value !== "") emit("change", {
+				type: "time",
+				value
+			});
+		}
+		function onAbsoluteDate(value) {
+			if (!(value instanceof Date)) return;
+			emit("change", {
+				type: "date_absolute",
+				unixSeconds: isoDateToUnix(unixToIsoDate(Math.floor(value.getTime() / 1e3), props.timeZone))
+			});
+		}
+		function onAbsoluteDateTime(value) {
+			if (typeof value !== "string" || value === "") return;
+			emit("change", {
+				type: "date_absolute",
+				unixSeconds: dateTimeLocalToUnix(value, props.timeZone)
+			});
+		}
+		function onCustomValue(value) {
+			emit("change", {
+				type: "custom",
+				value: value == null ? "" : String(value)
+			});
+		}
+		function applyPreset(range) {
+			emit("change", {
+				type: "date_range",
+				value: range
+			}, true);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "astryx-power-search-value",
+				onPaste
+			}, [__props.operatorValue.type === "string" && __props.operatorValue.searchSource ? (openBlock(), createBlock(_sfc_main$19, {
+				key: 0,
+				label: text.value.value,
+				"label-hidden": "",
+				"search-source": stringSource.value,
+				"model-value": selectedStringItem.value,
+				placeholder: text.value.searchPlaceholder,
+				disabled: __props.disabled,
+				"max-menu-items": __props.maxMenuItems,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (item) => emit("change", {
+					type: "string",
+					value: item?.label ?? ""
+				}, Boolean(item)))
+			}, null, 8, [
+				"label",
+				"search-source",
+				"model-value",
+				"placeholder",
+				"disabled",
+				"max-menu-items"
+			])) : __props.operatorValue.type === "string" ? (openBlock(), createBlock(_sfc_main$16, {
+				key: 1,
+				label: text.value.value,
+				"is-label-hidden": "",
+				"model-value": stringValue.value,
+				placeholder: text.value.enterValuePlaceholder,
+				disabled: __props.disabled,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => emit("change", {
+					type: "string",
+					value: String(value ?? "")
+				}))
+			}, null, 8, [
+				"label",
+				"model-value",
+				"placeholder",
+				"disabled"
+			])) : __props.operatorValue.type === "string_list" ? (openBlock(), createBlock(_sfc_main$18, {
+				key: 2,
+				label: text.value.values,
+				"label-hidden": "",
+				"search-source": stringSource.value,
+				"model-value": stringItems.value,
+				placeholder: text.value.addValuesPlaceholder,
+				disabled: __props.disabled,
+				creatable: stringCreatable.value,
+				"max-menu-items": __props.maxMenuItems,
+				"onUpdate:modelValue": commitStringList
+			}, null, 8, [
+				"label",
+				"search-source",
+				"model-value",
+				"placeholder",
+				"disabled",
+				"creatable",
+				"max-menu-items"
+			])) : __props.operatorValue.type === "integer" || __props.operatorValue.type === "float" ? (openBlock(), createBlock(_sfc_main$14, {
+				key: 3,
+				label: text.value.value,
+				"is-label-hidden": "",
+				"model-value": numberValue.value,
+				placeholder: text.value.enterNumberPlaceholder,
+				disabled: __props.disabled,
+				min: __props.operatorValue.minValue,
+				max: __props.operatorValue.maxValue,
+				step: __props.operatorValue.type === "integer" ? 1 : void 0,
+				units: __props.operatorValue.units,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => value != null && emit("change", {
+					type: __props.operatorValue.type === "integer" ? "integer" : "float",
+					value
+				}))
+			}, null, 8, [
+				"label",
+				"model-value",
+				"placeholder",
+				"disabled",
+				"min",
+				"max",
+				"step",
+				"units"
+			])) : __props.operatorValue.type === "time" ? (openBlock(), createBlock(_sfc_main$17, {
+				key: 4,
+				label: text.value.time,
+				"is-label-hidden": "",
+				"model-value": timeValue.value,
+				min: __props.operatorValue.minValue,
+				max: __props.operatorValue.maxValue,
+				"is-disabled": __props.disabled,
+				"onUpdate:modelValue": onTime
+			}, null, 8, [
+				"label",
+				"model-value",
+				"min",
+				"max",
+				"is-disabled"
+			])) : __props.operatorValue.type === "date_absolute" && dateOnly.value ? (openBlock(), createBlock(_sfc_main$9, {
+				key: 5,
+				label: text.value.date,
+				"is-label-hidden": "",
+				"model-value": absoluteDate.value,
+				"is-disabled": __props.disabled,
+				"onUpdate:modelValue": onAbsoluteDate
+			}, null, 8, [
+				"label",
+				"model-value",
+				"is-disabled"
+			])) : __props.operatorValue.type === "date_absolute" ? (openBlock(), createBlock(_sfc_main$11, {
+				key: 6,
+				label: text.value.date,
+				"is-label-hidden": "",
+				"model-value": absoluteLocal.value,
+				"is-disabled": __props.disabled,
+				"onUpdate:modelValue": onAbsoluteDateTime
+			}, null, 8, [
+				"label",
+				"model-value",
+				"is-disabled"
+			])) : __props.operatorValue.type === "date_relative" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [relativeOptions.value.length > 0 ? (openBlock(), createBlock(_sfc_main$15, {
+				key: 0,
+				label: text.value.relativeDate,
+				"is-label-hidden": "",
+				options: relativeOptions.value,
+				"model-value": relativeValue.value,
+				placeholder: text.value.selectPlaceholder,
+				disabled: __props.disabled,
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = (value) => emit("change", {
+					type: "date_relative",
+					value: String(value ?? "")
+				}, true))
+			}, null, 8, [
+				"label",
+				"options",
+				"model-value",
+				"placeholder",
+				"disabled"
+			])) : createCommentVNode("v-if", true), createVNode(_sfc_main$16, {
+				label: text.value.relativeDate,
+				"is-label-hidden": "",
+				"model-value": relativeValue.value,
+				placeholder: text.value.enterValuePlaceholder,
+				disabled: __props.disabled,
+				"onUpdate:modelValue": _cache[4] || (_cache[4] = (value) => emit("change", {
+					type: "date_relative",
+					value: String(value ?? "")
+				}))
+			}, null, 8, [
+				"label",
+				"model-value",
+				"placeholder",
+				"disabled"
+			])])) : __props.operatorValue.type === "date_range" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [__props.operatorValue.intervalDatePresets?.length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "astryx-power-search-presets",
+				role: "group",
+				"aria-label": text.value.date
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.operatorValue.intervalDatePresets, (preset) => {
+				return openBlock(), createElementBlock("button", {
+					key: preset.label,
+					type: "button",
+					class: "astryx-power-search-preset",
+					disabled: __props.disabled,
+					onClick: ($event) => applyPreset(preset.value)
+				}, toDisplayString(preset.label), 9, _hoisted_4$2);
+			}), 128))], 8, _hoisted_3$3)) : createCommentVNode("v-if", true), createVNode(_sfc_main$10, {
+				label: text.value.date,
+				"is-label-hidden": "",
+				"model-value": rangeModel.value,
+				"is-disabled": __props.disabled,
+				"onUpdate:modelValue": onRange
+			}, null, 8, [
+				"label",
+				"model-value",
+				"is-disabled"
+			])])) : __props.operatorValue.type === "enum" ? (openBlock(), createBlock(_sfc_main$15, {
+				key: 9,
+				label: text.value.value,
+				"is-label-hidden": "",
+				options: enumOptions.value,
+				"model-value": enumValue.value,
+				placeholder: text.value.selectPlaceholder,
+				disabled: __props.disabled,
+				"onUpdate:modelValue": _cache[5] || (_cache[5] = (value) => emit("change", {
+					type: "enum",
+					value: String(value ?? "")
+				}, true))
+			}, null, 8, [
+				"label",
+				"options",
+				"model-value",
+				"placeholder",
+				"disabled"
+			])) : __props.operatorValue.type === "enum_list" ? (openBlock(), createBlock(_sfc_main$13, {
+				key: 10,
+				label: text.value.values,
+				"label-hidden": "",
+				options: enumOptions.value,
+				"model-value": enumList.value,
+				placeholder: text.value.selectValuesPlaceholder,
+				disabled: __props.disabled,
+				"onUpdate:modelValue": _cache[6] || (_cache[6] = (value) => emit("change", {
+					type: "enum_list",
+					value: value.map(String)
+				}))
+			}, null, 8, [
+				"label",
+				"options",
+				"model-value",
+				"placeholder",
+				"disabled"
+			])) : __props.operatorValue.type === "entity_list" ? (openBlock(), createBlock(_sfc_main$18, {
+				key: 11,
+				label: text.value.entities,
+				"label-hidden": "",
+				"search-source": entitySource.value,
+				"model-value": entityItems.value,
+				placeholder: text.value.searchPlaceholder,
+				disabled: __props.disabled,
+				creatable: stringCreatable.value,
+				"max-menu-items": __props.maxMenuItems,
+				"onUpdate:modelValue": commitEntities
+			}, null, 8, [
+				"label",
+				"search-source",
+				"model-value",
+				"placeholder",
+				"disabled",
+				"creatable",
+				"max-menu-items"
+			])) : __props.operatorValue.type === "custom" ? (openBlock(), createBlock(resolveDynamicComponent(__props.operatorValue.Editor), {
+				key: 12,
+				"model-value": customValue.value,
+				value: customValue.value,
+				placeholder: text.value.enterValuePlaceholder,
+				disabled: __props.disabled,
+				"is-disabled": __props.disabled,
+				"onUpdate:modelValue": onCustomValue,
+				onChange: onCustomValue
+			}, null, 40, [
+				"model-value",
+				"value",
+				"placeholder",
+				"disabled",
+				"is-disabled"
+			])) : createCommentVNode("v-if", true)], 32);
+		};
+	}
+});
+//#endregion
+//#region src/PowerSearch/PowerSearchNestedRows.vue
+const _hoisted_1$3 = { class: "astryx-power-search-nested" };
+const _hoisted_2$2 = { class: "astryx-power-search-editor-row" };
+const _hoisted_3$2 = ["aria-label", "onClick"];
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	name: "AstryxPowerSearchNestedRows",
+	__name: "PowerSearchNestedRows",
+	props: {
+		config: {},
+		modelValue: {},
+		disabled: { type: Boolean },
+		timeZone: {},
+		maxMenuItems: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const messages = useAstryxMessages();
+		const lookup = computed(() => createPowerSearchLookup(props.config));
+		const text = computed(() => messages.value.powerSearch);
+		const fieldOptions = computed(() => lookup.value.getVisibleFields().map((field) => ({
+			value: field.key,
+			label: field.label
+		})));
+		function operatorOptions(fieldKey) {
+			return lookup.value.getVisibleOperators(fieldKey).map((operator) => ({
+				value: operator.key,
+				label: resolveOperatorLabel(operator, messages.value.powerSearch)
+			}));
+		}
+		function operatorOf(row) {
+			if (row.operator == null) return void 0;
+			return lookup.value.getOperator(row.field, row.operator);
+		}
+		function replace(index, next) {
+			const rows = props.modelValue.map((row, rowIndex) => rowIndex === index ? next : row);
+			emit("update:modelValue", [...rows]);
+		}
+		function onField(index, fieldKey) {
+			const key = String(fieldKey ?? "");
+			if (key === "") return;
+			const operator = lookup.value.getDefaultOperator(key);
+			replace(index, {
+				field: key,
+				operator: operator?.key,
+				children: operator?.value.type === "nested" ? [] : void 0
+			});
+		}
+		function onOperator(index, row, operatorKey) {
+			const key = String(operatorKey ?? "");
+			const next = lookup.value.getOperator(row.field, key);
+			const previous = operatorOf(row);
+			const keep = next != null && previous != null && next.value.type === previous.value.type;
+			replace(index, {
+				field: row.field,
+				operator: key,
+				value: keep && next?.value.type !== "nested" ? row.value : void 0,
+				children: keep && next?.value.type === "nested" ? row.children ?? [] : next?.value.type === "nested" ? [] : void 0,
+				isReadOnly: row.isReadOnly
+			});
+		}
+		function onValue(index, row, value) {
+			replace(index, {
+				...row,
+				value
+			});
+		}
+		function nestedRows(row) {
+			return [...row.children ?? []];
+		}
+		function onNested(index, row, rows) {
+			replace(index, {
+				...row,
+				children: rows
+			});
+		}
+		function onNestedUpdate(index, row, rows) {
+			onNested(index, row, rows);
+		}
+		function add() {
+			const field = lookup.value.getVisibleFields()[0];
+			if (field == null) return;
+			const operator = lookup.value.getDefaultOperator(field.key);
+			emit("update:modelValue", [...props.modelValue, {
+				field: field.key,
+				operator: operator?.key,
+				children: operator?.value.type === "nested" ? [] : void 0
+			}]);
+		}
+		function remove(index) {
+			emit("update:modelValue", props.modelValue.filter((_, rowIndex) => rowIndex !== index));
+		}
+		return (_ctx, _cache) => {
+			const _component_PowerSearchNestedRows = resolveComponent("PowerSearchNestedRows", true);
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (row, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: `${row.field}-${index}`,
+					class: "astryx-power-search-nested-row"
+				}, [createElementVNode("div", _hoisted_2$2, [
+					createVNode(_sfc_main$15, {
+						label: text.value.editor.field,
+						"is-label-hidden": "",
+						options: fieldOptions.value,
+						"model-value": row.field,
+						disabled: __props.disabled,
+						"onUpdate:modelValue": (value) => onField(index, value)
+					}, null, 8, [
+						"label",
+						"options",
+						"model-value",
+						"disabled",
+						"onUpdate:modelValue"
+					]),
+					operatorOptions(row.field).length > 0 ? (openBlock(), createBlock(_sfc_main$15, {
+						key: 0,
+						label: text.value.editor.operator,
+						"is-label-hidden": "",
+						options: operatorOptions(row.field),
+						"model-value": row.operator ?? null,
+						disabled: __props.disabled,
+						"onUpdate:modelValue": (value) => onOperator(index, row, value)
+					}, null, 8, [
+						"label",
+						"options",
+						"model-value",
+						"disabled",
+						"onUpdate:modelValue"
+					])) : createCommentVNode("v-if", true),
+					operatorOf(row) && operatorOf(row)?.value.type !== "empty" && operatorOf(row)?.value.type !== "nested" ? (openBlock(), createBlock(_sfc_main$4, {
+						key: `${row.field}:${row.operator ?? ""}`,
+						"operator-value": operatorOf(row).value,
+						"filter-value": row.value,
+						messages: unref(messages).powerSearch,
+						disabled: __props.disabled,
+						"time-zone": __props.timeZone,
+						"max-menu-items": __props.maxMenuItems,
+						onChange: (filterValue) => onValue(index, row, filterValue)
+					}, null, 8, [
+						"operator-value",
+						"filter-value",
+						"messages",
+						"disabled",
+						"time-zone",
+						"max-menu-items",
+						"onChange"
+					])) : createCommentVNode("v-if", true),
+					!__props.disabled ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						type: "button",
+						class: "astryx-power-search-icon-button",
+						"aria-label": text.value.editor.removeFilter,
+						onClick: ($event) => remove(index)
+					}, [createVNode(_sfc_main$7, {
+						icon: "close",
+						size: "sm"
+					})], 8, _hoisted_3$2)) : createCommentVNode("v-if", true)
+				]), operatorOf(row)?.value.type === "nested" ? (openBlock(), createBlock(_component_PowerSearchNestedRows, {
+					key: 0,
+					config: __props.config,
+					"model-value": nestedRows(row),
+					disabled: __props.disabled,
+					"time-zone": __props.timeZone,
+					"max-menu-items": __props.maxMenuItems,
+					"onUpdate:modelValue": ($event) => onNestedUpdate(index, row, $event)
+				}, null, 8, [
+					"config",
+					"model-value",
+					"disabled",
+					"time-zone",
+					"max-menu-items",
+					"onUpdate:modelValue"
+				])) : createCommentVNode("v-if", true)]);
+			}), 128)), !__props.disabled ? (openBlock(), createBlock(_sfc_main$5, {
+				key: 0,
+				label: text.value.editor.addFilter,
+				variant: "ghost",
+				size: "sm",
+				onClick: add
+			}, null, 8, ["label"])) : createCommentVNode("v-if", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/PowerSearch/PowerSearchEditor.vue
+const _hoisted_1$2 = ["aria-label"];
+const _hoisted_2$1 = { class: "astryx-power-search-editor-row" };
+const _hoisted_3$1 = {
+	key: 0,
+	class: "astryx-power-search-editor-nested"
+};
+const _hoisted_4$1 = { class: "astryx-power-search-editor-group" };
+const _hoisted_5$1 = {
+	key: 1,
+	class: "astryx-power-search-editor-footer"
+};
+const _hoisted_6$1 = { key: 1 };
+const _hoisted_7$1 = { class: "astryx-power-search-editor-actions" };
+const focusable = "input:not([disabled]), button:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	name: "AstryxPowerSearchEditor",
+	__name: "PowerSearchEditor",
+	props: {
+		config: {},
+		filter: {},
+		mode: {},
+		saveLabel: {},
+		readOnly: { type: Boolean },
+		timeZone: {},
+		maxMenuItems: {},
+		onSave: { type: Function },
+		onCancel: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const messages = useAstryxMessages();
+		const lookup = computed(() => createPowerSearchLookup(props.config));
+		const text = computed(() => messages.value.powerSearch);
+		const root = useTemplateRef("root");
+		const valueRoot = useTemplateRef("valueRoot");
+		const fieldKey = ref(props.filter.field);
+		const operatorKey = ref(props.filter.operator ?? lookup.value.getDefaultOperator(props.filter.field)?.key ?? "");
+		const draft = ref(props.filter.value?.type === "nested" ? void 0 : props.filter.value);
+		const children = ref(props.filter.value?.type === "nested" ? [...props.filter.value.value] : []);
+		const fieldOptions = computed(() => lookup.value.getVisibleFields().map((field) => ({
+			value: field.key,
+			label: field.label
+		})));
+		const operatorOptions = computed(() => lookup.value.getVisibleOperators(fieldKey.value).map((operator) => ({
+			value: operator.key,
+			label: resolveOperatorLabel(operator, messages.value.powerSearch)
+		})));
+		const operatorValue = computed(() => lookup.value.getOperator(fieldKey.value, operatorKey.value)?.value);
+		const partial = computed(() => ({
+			field: fieldKey.value,
+			operator: operatorKey.value || void 0,
+			value: operatorValue.value?.type === "nested" ? void 0 : draft.value,
+			children: operatorValue.value?.type === "nested" ? children.value : void 0,
+			isReadOnly: props.filter.isReadOnly
+		}));
+		const completed = computed(() => completePowerSearchFilter(partial.value, lookup.value));
+		const showFooter = computed(() => operatorValue.value != null && operatorValue.value.type !== "empty");
+		function focusWithin(element) {
+			element?.querySelector(focusable)?.focus();
+		}
+		function saveIfEmpty(field, operatorKeyValue) {
+			const operator = operatorKeyValue ? lookup.value.getOperator(field, operatorKeyValue) : void 0;
+			if (operator?.value.type !== "empty") return;
+			queueMicrotask(() => {
+				props.onSave({
+					field,
+					operator: operator.key,
+					value: { type: "empty" },
+					isReadOnly: props.filter.isReadOnly
+				});
+			});
+		}
+		function onField(next) {
+			const key = String(next ?? "");
+			if (key === "" || key === fieldKey.value) return;
+			const operator = lookup.value.getDefaultOperator(key);
+			fieldKey.value = key;
+			operatorKey.value = operator?.key ?? "";
+			children.value = [];
+			draft.value = void 0;
+			saveIfEmpty(key, operator?.key);
+		}
+		function onOperator(next) {
+			const key = String(next ?? "");
+			if (key === "" || key === operatorKey.value) return;
+			const nextOperator = lookup.value.getOperator(fieldKey.value, key);
+			const previous = lookup.value.getOperator(fieldKey.value, operatorKey.value);
+			const keep = nextOperator != null && previous != null && nextOperator.value.type === previous.value.type;
+			operatorKey.value = key;
+			if (!keep) {
+				children.value = [];
+				draft.value = void 0;
+			}
+			saveIfEmpty(fieldKey.value, key);
+		}
+		function onValue(value, shouldSave) {
+			draft.value = value;
+			if (shouldSave) save();
+		}
+		function save() {
+			const filter = completePowerSearchFilter({
+				field: fieldKey.value,
+				operator: operatorKey.value,
+				value: draft.value,
+				isReadOnly: props.filter.isReadOnly
+			}, lookup.value);
+			if (filter) props.onSave(filter);
+		}
+		function onKeydown(event) {
+			if (event.isComposing || event.key === "Process") return;
+			if (event.key === "Escape" && !event.defaultPrevented) {
+				event.preventDefault();
+				props.onCancel();
+				return;
+			}
+			if (event.key === "Enter" && event.target instanceof HTMLButtonElement) return;
+			if (event.key === "Enter" && completed.value && !event.defaultPrevented) {
+				event.preventDefault();
+				save();
+			}
+		}
+		watch([fieldKey, operatorKey], () => {
+			nextTick(() => {
+				requestAnimationFrame(() => focusWithin(valueRoot.value));
+			});
+		});
+		onMounted(() => {
+			nextTick(() => {
+				requestAnimationFrame(() => focusWithin(valueRoot.value ?? root.value));
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 编辑器整组接收 Enter 和 Escape。 "), createElementVNode("div", {
+				ref_key: "root",
+				ref: root,
+				class: "astryx-power-search-editor-body",
+				role: "group",
+				"aria-label": text.value.editor.editing,
+				tabindex: "-1",
+				onKeydown
+			}, [
+				createElementVNode("div", _hoisted_2$1, [
+					createVNode(_sfc_main$15, {
+						label: text.value.editor.field,
+						"is-label-hidden": "",
+						options: fieldOptions.value,
+						"model-value": fieldKey.value,
+						disabled: __props.readOnly,
+						"onUpdate:modelValue": onField
+					}, null, 8, [
+						"label",
+						"options",
+						"model-value",
+						"disabled"
+					]),
+					operatorOptions.value.length > 1 || operatorValue.value?.type !== "empty" ? (openBlock(), createBlock(_sfc_main$15, {
+						key: 0,
+						label: text.value.editor.operator,
+						"is-label-hidden": "",
+						options: operatorOptions.value,
+						"model-value": operatorKey.value || null,
+						disabled: __props.readOnly,
+						"onUpdate:modelValue": onOperator
+					}, null, 8, [
+						"label",
+						"options",
+						"model-value",
+						"disabled"
+					])) : createCommentVNode("v-if", true),
+					operatorValue.value && operatorValue.value.type !== "empty" && operatorValue.value.type !== "nested" ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						ref_key: "valueRoot",
+						ref: valueRoot,
+						class: "astryx-power-search-editor-value"
+					}, [(openBlock(), createBlock(_sfc_main$4, {
+						key: `${fieldKey.value}:${operatorKey.value}`,
+						"operator-value": operatorValue.value,
+						"filter-value": draft.value,
+						messages: unref(messages).powerSearch,
+						disabled: __props.readOnly,
+						"time-zone": __props.timeZone,
+						"max-menu-items": __props.maxMenuItems,
+						onChange: onValue
+					}, null, 8, [
+						"operator-value",
+						"filter-value",
+						"messages",
+						"disabled",
+						"time-zone",
+						"max-menu-items"
+					]))], 512)) : createCommentVNode("v-if", true)
+				]),
+				operatorValue.value?.type === "nested" ? (openBlock(), createElementBlock("div", _hoisted_3$1, [createElementVNode("div", _hoisted_4$1, toDisplayString(text.value.editor.group), 1), createVNode(_sfc_main$3, {
+					config: __props.config,
+					"model-value": children.value,
+					disabled: __props.readOnly,
+					"time-zone": __props.timeZone,
+					"max-menu-items": __props.maxMenuItems,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (rows) => children.value = rows)
+				}, null, 8, [
+					"config",
+					"model-value",
+					"disabled",
+					"time-zone",
+					"max-menu-items"
+				])])) : createCommentVNode("v-if", true),
+				showFooter.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [__props.mode === "edit" && !__props.readOnly ? (openBlock(), createBlock(_sfc_main$5, {
+					key: 0,
+					label: text.value.editor.delete,
+					variant: "ghost",
+					size: "sm",
+					onClick: _cache[1] || (_cache[1] = ($event) => __props.onSave(null))
+				}, null, 8, ["label"])) : (openBlock(), createElementBlock("span", _hoisted_6$1)), createElementVNode("div", _hoisted_7$1, [createVNode(_sfc_main$5, {
+					label: text.value.editor.cancel,
+					variant: "ghost",
+					size: "sm",
+					onClick: __props.onCancel
+				}, null, 8, ["label", "onClick"]), createVNode(_sfc_main$5, {
+					label: __props.saveLabel || text.value.editor.apply,
+					variant: "primary",
+					size: "sm",
+					"is-disabled": completed.value == null,
+					onClick: save
+				}, null, 8, ["label", "is-disabled"])])])) : createCommentVNode("v-if", true)
+			], 40, _hoisted_1$2)], 2112);
+		};
+	}
+});
+//#endregion
+//#region src/PowerSearch/PowerSearchToken.vue
+const _hoisted_1$1 = { class: "astryx-power-search-token-value" };
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxPowerSearchToken",
+	__name: "PowerSearchToken",
+	props: {
+		fieldLabel: {},
+		operator: {},
+		filter: {},
+		maxLength: {},
+		messages: {},
+		locale: {},
+		timeZone: {},
+		size: {},
+		disabled: { type: Boolean },
+		removable: { type: Boolean }
+	},
+	emits: ["activate", "remove"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const operatorLabel = computed(() => resolveOperatorLabel(props.operator, props.messages));
+		const tokenLabel = computed(() => `${props.fieldLabel}: ${operatorLabel.value}`);
+		const valueText = computed(() => {
+			const room = Math.max(props.maxLength - props.fieldLabel.length - operatorLabel.value.length, 10);
+			return formatFilterValue(props.operator.value, props.filter.value, room, props.messages, props.locale, props.timeZone);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$12, {
+				label: tokenLabel.value,
+				size: __props.size,
+				disabled: __props.disabled,
+				removable: __props.removable,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("activate")),
+				onRemove: _cache[1] || (_cache[1] = ($event) => emit("remove"))
+			}, createSlots({ _: 2 }, [valueText.value ? {
+				name: "end",
+				fn: withCtx(() => [createElementVNode("span", _hoisted_1$1, toDisplayString(valueText.value), 1)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"label",
+				"size",
+				"disabled",
+				"removable"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/PowerSearch/source.ts
+const MAX_BROWSE_ITEMS = 1e3;
+function resolveValueMatches(operator, rawValue) {
+	const kind = operator.value.type;
+	if (kind === "string") return [{
+		displayValue: rawValue,
+		filterValue: {
+			type: "string",
+			value: rawValue
+		},
+		quoted: true
+	}];
+	if (kind === "string_list") return [{
+		displayValue: rawValue,
+		filterValue: {
+			type: "string_list",
+			value: [rawValue]
+		},
+		quoted: true
+	}];
+	if (kind === "enum" || kind === "enum_list") {
+		const lower = rawValue.toLowerCase();
+		return operator.value.values.filter((item) => item.label.toLowerCase().includes(lower)).map((item) => ({
+			displayValue: item.label,
+			filterValue: kind === "enum" ? {
+				type: "enum",
+				value: item.value
+			} : {
+				type: "enum_list",
+				value: [item.value]
+			},
+			quoted: false
+		}));
+	}
+	return [];
+}
+function browseItems(lookup) {
+	const grouped = /* @__PURE__ */ new Map();
+	const ungrouped = [];
+	for (const field of lookup.getVisibleFields()) {
+		const operator = lookup.getDefaultOperator(field.key);
+		const item = {
+			id: field.key,
+			label: field.label,
+			description: field.description,
+			auxiliaryData: {
+				fieldKey: field.key,
+				operatorKey: operator?.key,
+				group: field.group
+			}
+		};
+		if (field.group) {
+			const bucket = grouped.get(field.group) ?? [];
+			bucket.push(item);
+			grouped.set(field.group, bucket);
+		} else ungrouped.push(item);
+	}
+	const ordered = [...ungrouped];
+	for (const items of grouped.values()) ordered.push(...items);
+	return ordered.slice(0, MAX_BROWSE_ITEMS);
+}
+function searchPowerSearchFields(lookup, query, messages, maxTypedResults) {
+	const trimmed = query.trim();
+	if (trimmed === "") return browseItems(lookup);
+	const lower = trimmed.toLowerCase();
+	const results = [];
+	const seen = /* @__PURE__ */ new Set();
+	const labelOf = (operator) => resolveOperatorLabel(operator, messages);
+	for (const field of lookup.getVisibleFields()) {
+		if (field.typeaheadMinQueryLength != null && lower.length < field.typeaheadMinQueryLength) continue;
+		if ((field.label.toLowerCase().includes(lower) || field.typeaheadAliases?.some((alias) => alias.toLowerCase().includes(lower)) === true) && !seen.has(field.key)) {
+			seen.add(field.key);
+			const operator = lookup.getDefaultOperator(field.key);
+			results.push({
+				id: field.key,
+				label: field.label,
+				description: field.description,
+				auxiliaryData: {
+					fieldKey: field.key,
+					operatorKey: operator?.key,
+					group: field.group
+				}
+			});
+		}
+		for (const operator of field.operators) {
+			const combined = `${field.label} ${labelOf(operator)}`.toLowerCase();
+			const id = `${field.key}:${operator.key}`;
+			if (combined.includes(lower) && !seen.has(id)) {
+				seen.add(id);
+				results.push({
+					id,
+					label: `${field.label} ${labelOf(operator)}`,
+					description: field.description,
+					auxiliaryData: {
+						fieldKey: field.key,
+						operatorKey: operator.key,
+						group: field.group
+					}
+				});
+			}
+		}
+	}
+	for (const field of lookup.getVisibleFields()) {
+		if (field.isValueMatchAllowed === false) continue;
+		const fieldLabel = field.label.toLowerCase();
+		let exactOperator = false;
+		for (const operator of field.operators) {
+			const prefix = `${fieldLabel} ${labelOf(operator).toLowerCase()} `;
+			if (!lower.startsWith(prefix) || lower.length <= prefix.length) continue;
+			const matches = resolveValueMatches(operator, trimmed.slice(prefix.length));
+			if (matches.length > 0) exactOperator = true;
+			for (const match of matches) {
+				const id = `${field.key}:${operator.key}:value:${match.displayValue}`;
+				if (seen.has(id)) continue;
+				seen.add(id);
+				const shown = match.quoted ? `"${match.displayValue}"` : match.displayValue;
+				results.push({
+					id,
+					label: `${field.label} ${labelOf(operator)} ${shown}`,
+					auxiliaryData: {
+						fieldKey: field.key,
+						operatorKey: operator.key,
+						filterValue: match.filterValue
+					}
+				});
+			}
+		}
+		const fieldPrefix = `${fieldLabel} `;
+		if (!exactOperator && lower.startsWith(fieldPrefix) && lower.length > fieldPrefix.length) {
+			const remainder = lower.slice(fieldPrefix.length);
+			if (!field.operators.some((operator) => labelOf(operator).toLowerCase().startsWith(remainder))) {
+				const rawValue = trimmed.slice(fieldPrefix.length);
+				for (const operator of field.operators) for (const match of resolveValueMatches(operator, rawValue)) {
+					const id = `${field.key}:${operator.key}:value:${match.displayValue}`;
+					if (seen.has(id)) continue;
+					seen.add(id);
+					const shown = match.quoted ? `"${match.displayValue}"` : match.displayValue;
+					results.push({
+						id,
+						label: `${field.label} ${labelOf(operator)} ${shown}`,
+						auxiliaryData: {
+							fieldKey: field.key,
+							operatorKey: operator.key,
+							filterValue: match.filterValue
+						}
+					});
+				}
+			}
+		}
+	}
+	const contentKey = lookup.config.contentSearchFieldKey;
+	const exact = lookup.getVisibleFields().some((field) => field.label.toLowerCase() === lower || field.operators.some((operator) => `${field.label} ${labelOf(operator)}`.toLowerCase() === lower));
+	if (contentKey && !exact) {
+		const field = lookup.getField(contentKey);
+		const operator = lookup.getDefaultOperator(contentKey);
+		if (field && operator) results.unshift({
+			id: `__content_search__:${trimmed}`,
+			label: `"${trimmed}"`,
+			auxiliaryData: {
+				fieldKey: contentKey,
+				operatorKey: operator.key,
+				filterValue: {
+					type: "string",
+					value: trimmed
+				}
+			}
+		});
+	}
+	return results.slice(0, maxTypedResults);
+}
+//#endregion
+//#region src/PowerSearch/PowerSearch.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "astryx-power-search-icon",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = ["onKeydown"];
+const _hoisted_3 = {
+	key: 0,
+	class: "astryx-power-search-more"
+};
+const _hoisted_4 = {
+	"data-overflow-indicator": "",
+	class: "astryx-power-search-more"
+};
+const _hoisted_5 = [
+	"placeholder",
+	"value",
+	"disabled",
+	"readonly",
+	"aria-disabled",
+	"aria-expanded",
+	"aria-activedescendant",
+	"aria-describedby"
+];
+const _hoisted_6 = {
+	key: 1,
+	class: "astryx-power-search-count"
+};
+const _hoisted_7 = ["aria-label"];
+const _hoisted_8 = {
+	class: "astryx-visually-hidden",
+	"aria-live": "polite"
+};
+const _hoisted_9 = ["aria-label", "data-placement"];
+const _hoisted_10 = {
+	class: "astryx-typeahead-menu",
+	role: "presentation"
+};
+const _hoisted_11 = {
+	key: 0,
+	class: "astryx-typeahead-state"
+};
+const _hoisted_12 = {
+	key: 1,
+	class: "astryx-typeahead-options",
+	role: "presentation"
+};
+const _hoisted_13 = {
+	key: 0,
+	class: "astryx-power-search-menu-group"
+};
+const _hoisted_14 = [
+	"id",
+	"aria-selected",
+	"data-option-id",
+	"onMouseenter",
+	"onClick"
+];
+const _hoisted_15 = { class: "astryx-typeahead-option-copy" };
+const _hoisted_16 = { class: "astryx-typeahead-option-label" };
+const _hoisted_17 = {
+	key: 0,
+	class: "astryx-typeahead-option-description"
+};
+const _hoisted_18 = ["data-ready"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxPowerSearch",
+	inheritAttrs: false,
+	__name: "PowerSearch",
+	props: {
+		config: {},
+		filters: {},
+		label: {},
+		labelHidden: {
+			type: Boolean,
+			default: true
+		},
+		placeholder: {},
+		autofocus: { type: Boolean },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		readOnly: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		disabledReason: {},
+		status: { default: "default" },
+		statusMessage: {},
+		statusVariant: { default: "attached" },
+		maxTokenLength: { default: 40 },
+		maxOperatorMenuItems: {},
+		maxSearchResults: { default: 10 },
+		menuWidth: {},
+		saveLabel: {},
+		timeZone: {},
+		overflow: { default: "none" },
+		resultCount: {},
+		size: { default: "md" },
+		components: {}
+	},
+	emits: [
+		"update:filters",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const messages = useAstryxMessages();
+		const locale = useAstryxLocale();
+		const announce = useAnnounce();
+		const inputId = `astryx-power-search-${useId()}`;
+		const listboxId = `${inputId}-listbox`;
+		const disabledId = `${inputId}-disabled`;
+		const internal = ref([]);
+		const filters = computed(() => props.filters ?? internal.value);
+		const focused = ref(false);
+		const placeholderHeight = ref(0);
+		const queryMirror = ref("");
+		const anchorRef = useTemplateRef("anchorRef");
+		const listboxRef = useTemplateRef("listboxRef");
+		const inputRef = useTemplateRef("inputRef");
+		const editorRef = useTemplateRef("editorRef");
+		const tokenEls = /* @__PURE__ */ new Map();
+		const session = ref(null);
+		const openingControl = ref(null);
+		const editorOpen = computed(() => session.value != null);
+		const sawCount = ref(false);
+		const liveText = ref("");
+		const text = computed(() => messages.value.powerSearch);
+		const label = computed(() => props.label ?? text.value.label);
+		const placeholder = computed(() => props.placeholder ?? text.value.placeholder);
+		const focusableDisabled = computed(() => props.disabled && Boolean(props.disabledReason?.trim()));
+		const collapsed = computed(() => props.overflow !== "none" && !focused.value);
+		const floating = computed(() => props.overflow === "unfocused-layer" && focused.value);
+		const lookup = computed(() => createPowerSearchLookup(props.config));
+		const fieldStatus = computed(() => {
+			if (!props.statusMessage || props.status === "default") return void 0;
+			return {
+				type: props.status,
+				message: props.statusMessage
+			};
+		});
+		const describedBy = computed(() => {
+			return [focusableDisabled.value ? disabledId : void 0, props.statusMessage ? `${inputId}-status` : void 0].filter(Boolean).join(" ") || void 0;
+		});
+		const source = computed(() => ({ search(query) {
+			const limit = query.trim() === "" ? 1e3 : props.maxSearchResults;
+			return searchPowerSearchFields(lookup.value, query, text.value, limit);
+		} }));
+		const menu = useTypeaheadMenu({
+			source: () => source.value,
+			debounceMs: 0,
+			showOnFocus: () => !props.readOnly,
+			maxItems: () => queryMirror.value.trim() === "" ? 1e3 : props.maxSearchResults,
+			disabled: () => props.disabled || props.readOnly || session.value != null,
+			onSelect: (entry) => pick(entry.item),
+			onQueryChange: (query) => {
+				queryMirror.value = query;
+			}
+		});
+		const anchored = useAnchoredListbox({
+			anchor: anchorRef,
+			layer: listboxRef,
+			isOpen: menu.combobox.isOpen,
+			onDismiss: () => menu.close()
+		});
+		useDismiss({
+			container: editorRef,
+			trigger: openingControl,
+			isEnabled: editorOpen,
+			enableEscape: ref(false),
+			onDismiss: () => closeEditor(true)
+		});
+		const tokenCount = computed(() => filters.value.length);
+		const overflowState = useOverflow(tokenCount, { gap: 4 });
+		const visibleCount = computed(() => collapsed.value ? overflowState.visibleCount.value : tokenCount.value);
+		const hiddenCount = computed(() => Math.max(0, tokenCount.value - visibleCount.value));
+		const visibleFilters = computed(() => filters.value.slice(0, visibleCount.value));
+		const displayCount = computed(() => {
+			if (props.resultCount == null) return "";
+			return typeof props.resultCount === "number" ? text.value.resultCount(props.resultCount) : props.resultCount;
+		});
+		const menuStyle = computed(() => {
+			const base = anchored.style.value;
+			if (props.menuWidth == null) return base;
+			const width = `${props.menuWidth}px`;
+			return {
+				...base,
+				width,
+				minWidth: width,
+				maxWidth: width
+			};
+		});
+		const editorStyle = computed(() => {
+			const place = session.value?.placement;
+			if (place == null) return void 0;
+			return {
+				top: `${place.top}px`,
+				left: `${place.left}px`,
+				width: `${place.width}px`
+			};
+		});
+		const editorComponent = computed(() => {
+			const filter = session.value?.filter;
+			if (filter?.operator == null) return _sfc_main$2;
+			const type = lookup.value.getOperator(filter.field, filter.operator)?.value.type;
+			return (type ? props.components?.[type]?.editor : void 0) ?? _sfc_main$2;
+		});
+		watch(collapsed, () => {
+			nextTick(() => overflowState.remeasure());
+		});
+		watch(() => menu.combobox.activeIndex.value, (index) => {
+			if (!menu.combobox.isOpen.value || index < 0) return;
+			nextTick(() => scrollOptionIntoView(listboxRef.value, menu.entries.value[index]?.id));
+		});
+		watch(() => props.resultCount, (value) => {
+			if (!sawCount.value) {
+				sawCount.value = true;
+				return;
+			}
+			if (typeof value === "number") liveText.value = text.value.resultCount(value);
+			else if (typeof value === "string") liveText.value = value;
+		}, { immediate: true });
+		function commit(next, changeType, index) {
+			internal.value = next;
+			emit("update:filters", next);
+			emit("change", next, changeType, index);
+		}
+		function operatorFor(filter) {
+			return lookup.value.getOperator(filter.field, filter.operator);
+		}
+		function fieldFor(filter) {
+			return lookup.value.getField(filter.field);
+		}
+		function canEdit(filter) {
+			if (props.disabled || props.readOnly || filter.isReadOnly) return false;
+			const operator = operatorFor(filter);
+			if (operator == null) return false;
+			if (operator.value.type !== "empty") return true;
+			return Boolean(props.components?.empty?.editor || slots.editor);
+		}
+		function canRemove(filter) {
+			return !props.disabled && !props.readOnly && filter.isReadOnly !== true;
+		}
+		function tokenComponent(filter) {
+			const type = operatorFor(filter)?.value.type;
+			return type ? props.components?.[type]?.token : void 0;
+		}
+		function measure(control) {
+			const outer = anchorRef.value;
+			if (outer == null) return null;
+			const target = control ?? outer;
+			const outerRect = outer.getBoundingClientRect();
+			const controlRect = target.getBoundingClientRect();
+			return resolveEditorPlacement({
+				outer: {
+					left: outerRect.left,
+					right: outerRect.right,
+					width: outerRect.width
+				},
+				control: {
+					left: controlRect.left,
+					right: controlRect.right,
+					width: controlRect.width
+				},
+				viewportWidth: window.innerWidth,
+				viewportHeight: window.innerHeight,
+				direction: getComputedStyle(outer).direction === "rtl" ? "rtl" : "ltr",
+				anchorTop: controlRect.top,
+				anchorBottom: controlRect.bottom
+			});
+		}
+		function openEditor(mode, filter, index, control) {
+			const placement = measure(control);
+			if (placement == null) return;
+			menu.close();
+			openingControl.value = control;
+			session.value = {
+				mode,
+				index,
+				filter,
+				placement,
+				ready: false,
+				control
+			};
+			nextTick(() => {
+				requestAnimationFrame(() => {
+					if (session.value) session.value = {
+						...session.value,
+						ready: true
+					};
+				});
+			});
+		}
+		function closeEditor(restore) {
+			const control = session.value?.control;
+			session.value = null;
+			openingControl.value = null;
+			if (!restore) return;
+			nextTick(() => {
+				if (control instanceof HTMLElement) control.focus();
+				else inputRef.value?.focus();
+			});
+		}
+		function pick(item) {
+			const data = item.auxiliaryData;
+			if (data == null) return;
+			const field = lookup.value.getField(data.fieldKey);
+			const operator = (data.operatorKey ? lookup.value.getOperator(data.fieldKey, data.operatorKey) : void 0) ?? lookup.value.getDefaultOperator(data.fieldKey);
+			if (field == null || operator == null) return;
+			menu.query.value = "";
+			menu.close();
+			if (data.filterValue != null || operator.value.type === "empty") {
+				const value = data.filterValue ?? { type: "empty" };
+				const next = [...filters.value, {
+					field: field.key,
+					operator: operator.key,
+					value
+				}];
+				commit(next, "add", next.length - 1);
+				announce(`${field.label}: ${operator.key}`);
+				nextTick(() => inputRef.value?.focus());
+				return;
+			}
+			openEditor("create", {
+				field: field.key,
+				operator: operator.key
+			}, filters.value.length, inputRef.value);
+		}
+		function onEditorSave(filter) {
+			const current = session.value;
+			if (current == null) return;
+			if (filter == null) {
+				if (current.mode === "edit") {
+					const removed = filters.value[current.index];
+					commit(filters.value.filter((_, index) => index !== current.index), "remove", current.index);
+					announce(text.value.removeFilter(removed ? fieldFor(removed)?.label ?? removed.field : ""));
+				}
+				closeEditor(false);
+				nextTick(() => inputRef.value?.focus());
+				return;
+			}
+			if (current.mode === "edit") commit(filters.value.map((item, index) => index === current.index ? filter : item), "edit", current.index);
+			else {
+				const next = [...filters.value, filter];
+				commit(next, "add", next.length - 1);
+			}
+			const field = lookup.value.getField(filter.field);
+			announce(field?.label ?? filter.field);
+			closeEditor(false);
+			nextTick(() => inputRef.value?.focus());
+		}
+		function removeAt(index) {
+			const filter = filters.value[index];
+			if (filter == null || !canRemove(filter)) return;
+			commit(filters.value.filter((_, itemIndex) => itemIndex !== index), "remove", index);
+			announce(text.value.removeFilter(fieldFor(filter)?.label ?? filter.field));
+			nextTick(() => inputRef.value?.focus());
+		}
+		function clearAll(event) {
+			event?.stopPropagation();
+			if (props.disabled || filters.value.length === 0) return;
+			commit([], "remove", 0);
+			announce(text.value.clear);
+			menu.close();
+			inputRef.value?.focus();
+		}
+		function activate(index) {
+			const filter = filters.value[index];
+			if (filter == null || !canEdit(filter)) return;
+			openEditor("edit", filter, index, tokenEls.get(index) ?? null);
+		}
+		function setTokenEl(index, element) {
+			if (element instanceof HTMLElement) tokenEls.set(index, element);
+			else tokenEls.delete(index);
+		}
+		function focusToken(index) {
+			nextTick(() => tokenEls.get(index)?.focus());
+		}
+		function onInput(event) {
+			if (props.disabled || props.readOnly) return;
+			menu.setQuery(event.target.value);
+		}
+		function onInputFocus(event) {
+			emit("focus", event);
+			if (!props.disabled && !props.readOnly && session.value == null) menu.open();
+		}
+		function onFocusIn() {
+			if (!focused.value && props.overflow === "unfocused-layer") placeholderHeight.value = anchorRef.value?.offsetHeight ?? 0;
+			focused.value = true;
+		}
+		function onFocusOut(event) {
+			const next = event.relatedTarget;
+			if (next instanceof Node && (anchorRef.value?.contains(next) || listboxRef.value?.contains(next) || editorRef.value?.contains(next))) return;
+			focused.value = false;
+			if (session.value == null) menu.close();
+		}
+		function onInputKeyDown(event) {
+			if (session.value != null) return;
+			const input = inputRef.value;
+			if (event.key === "Backspace" && menu.query.value === "" && filters.value.length > 0 && canRemove(filters.value[filters.value.length - 1])) {
+				event.preventDefault();
+				removeAt(filters.value.length - 1);
+				return;
+			}
+			if (event.key === "ArrowLeft" && input && input.selectionStart === 0 && input.selectionEnd === 0 && filters.value.length > 0) {
+				event.preventDefault();
+				focusToken(Math.min(visibleCount.value, filters.value.length) - 1);
+				return;
+			}
+			if (event.key === "ArrowRight" && input && menu.query.value === "" && input.selectionStart === 0) return;
+			menu.onKeyDown(event);
+		}
+		function onTokenKeyDown(event, index) {
+			if (event.key === "ArrowLeft" && index > 0) {
+				event.preventDefault();
+				focusToken(index - 1);
+			} else if (event.key === "ArrowRight") {
+				event.preventDefault();
+				if (index < visibleCount.value - 1) focusToken(index + 1);
+				else inputRef.value?.focus();
+			} else if (event.key === "Escape") inputRef.value?.focus();
+			else if ((event.key === "Backspace" || event.key === "Delete") && canRemove(filters.value[index])) {
+				event.preventDefault();
+				removeAt(index);
+				if (index > 0) focusToken(index - 1);
+			} else if (event.key === "Enter") {
+				event.preventDefault();
+				activate(index);
+			}
+		}
+		function onFieldClick(event) {
+			if (props.disabled && !focusableDisabled.value) return;
+			const target = event.target;
+			if (target instanceof Element && target.closest("button, a")) return;
+			inputRef.value?.focus();
+		}
+		function highlight(index) {
+			const entry = menu.entries.value[index];
+			if (entry && !entry.disabled) menu.combobox.activeIndex.value = index;
+		}
+		function groupLabel(index) {
+			const group = menu.entries.value[index]?.item.auxiliaryData?.group;
+			if (group == null || group === "") return void 0;
+			return group !== (index > 0 ? menu.entries.value[index - 1]?.item.auxiliaryData?.group : void 0) ? group : void 0;
+		}
+		function itemIcon(item) {
+			const data = item.auxiliaryData;
+			const type = (data?.operatorKey ? lookup.value.getOperator(data.fieldKey, data.operatorKey) : void 0)?.value.type;
+			if (type === "date_absolute" || type === "date_range" || type === "date_relative") return "calendar";
+			if (type === "time") return "clock";
+			if (type === "enum" || type === "enum_list") return "funnel";
+			return "search";
+		}
+		function optionId(index) {
+			return `${listboxId}-option-${index}`;
+		}
+		onMounted(() => {
+			if (props.autofocus) inputRef.value?.focus();
+		});
+		__expose({
+			focusTypeahead: () => inputRef.value?.focus(),
+			blurTypeahead: () => inputRef.value?.blur()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_sfc_main$8, {
+				class: normalizeClass(["astryx-power-search", [`size-${__props.size}`, { "is-floating": floating.value }]]),
+				label: label.value,
+				"input-id": inputId,
+				"is-label-hidden": __props.labelHidden,
+				"is-disabled": __props.disabled && !focusableDisabled.value,
+				status: fieldStatus.value,
+				"status-variant": __props.statusVariant
+			}, {
+				default: withCtx(() => [
+					floating.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "astryx-power-search-placeholder",
+						style: normalizeStyle({ height: `${placeholderHeight.value}px` })
+					}, null, 4)) : createCommentVNode("v-if", true),
+					createVNode(_sfc_main$6, {
+						content: __props.disabledReason,
+						"is-enabled": focusableDisabled.value
+					}, {
+						default: withCtx(() => [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处把焦点交给输入框。 "), createElementVNode("div", {
+							ref_key: "anchorRef",
+							ref: anchorRef,
+							class: normalizeClass(["astryx-power-search-control", [`status-${__props.status}`, {
+								"is-open": unref(menu).combobox.isOpen.value,
+								"is-disabled": __props.disabled,
+								"is-floating": floating.value
+							}]]),
+							onClick: onFieldClick,
+							onFocusin: onFocusIn,
+							onFocusout: onFocusOut
+						}, [
+							slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
+							createElementVNode("span", {
+								ref: unref(overflowState).containerRef,
+								class: normalizeClass(["astryx-power-search-tokens", { "is-collapsed": collapsed.value }])
+							}, [
+								createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 方向键在条件之间移动焦点。 "),
+								(openBlock(true), createElementBlock(Fragment, null, renderList(visibleFilters.value, (filter, index) => {
+									return openBlock(), createElementBlock("span", {
+										key: `${filter.field}-${filter.operator}-${index}`,
+										ref_for: true,
+										ref: (element) => setTokenEl(index, element),
+										class: "astryx-power-search-token",
+										tabindex: "-1",
+										onKeydown: ($event) => onTokenKeyDown($event, index)
+									}, [renderSlot(_ctx.$slots, "token", {
+										config: __props.config,
+										filter,
+										field: fieldFor(filter),
+										operator: operatorFor(filter),
+										maxLength: __props.maxTokenLength,
+										disabled: __props.disabled,
+										onClick: () => activate(index),
+										onRemove: () => removeAt(index)
+									}, () => [tokenComponent(filter) ? (openBlock(), createBlock(resolveDynamicComponent(tokenComponent(filter)), {
+										key: 0,
+										config: __props.config,
+										filter,
+										field: fieldFor(filter),
+										operator: operatorFor(filter),
+										"max-length": __props.maxTokenLength,
+										disabled: __props.disabled,
+										"on-click": () => activate(index),
+										"on-remove": () => removeAt(index)
+									}, null, 40, [
+										"config",
+										"filter",
+										"field",
+										"operator",
+										"max-length",
+										"disabled",
+										"on-click",
+										"on-remove"
+									])) : fieldFor(filter) && operatorFor(filter) ? (openBlock(), createBlock(_sfc_main$1, {
+										key: 1,
+										"field-label": fieldFor(filter).label,
+										operator: operatorFor(filter),
+										filter,
+										"max-length": __props.maxTokenLength,
+										messages: text.value,
+										locale: unref(locale),
+										"time-zone": __props.timeZone,
+										size: __props.size,
+										disabled: __props.disabled,
+										removable: canRemove(filter),
+										onActivate: ($event) => activate(index),
+										onRemove: ($event) => removeAt(index)
+									}, null, 8, [
+										"field-label",
+										"operator",
+										"filter",
+										"max-length",
+										"messages",
+										"locale",
+										"time-zone",
+										"size",
+										"disabled",
+										"removable",
+										"onActivate",
+										"onRemove"
+									])) : createCommentVNode("v-if", true)])], 40, _hoisted_2);
+								}), 128)),
+								collapsed.value && hiddenCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(text.value.more(hiddenCount.value)), 1)) : createCommentVNode("v-if", true)
+							], 2),
+							createElementVNode("span", {
+								ref: unref(overflowState).measureRef,
+								class: "astryx-power-search-measure",
+								"aria-hidden": "true"
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(filters.value, (filter, index) => {
+								return openBlock(), createElementBlock("span", {
+									key: `${filter.field}-${index}`,
+									class: "astryx-power-search-token"
+								}, [fieldFor(filter) && operatorFor(filter) ? (openBlock(), createBlock(_sfc_main$1, {
+									key: 0,
+									"field-label": fieldFor(filter).label,
+									operator: operatorFor(filter),
+									filter,
+									"max-length": __props.maxTokenLength,
+									messages: text.value,
+									locale: unref(locale),
+									size: __props.size,
+									removable: ""
+								}, null, 8, [
+									"field-label",
+									"operator",
+									"filter",
+									"max-length",
+									"messages",
+									"locale",
+									"size"
+								])) : createCommentVNode("v-if", true)]);
+							}), 128)), createElementVNode("span", _hoisted_4, toDisplayString(text.value.more(Math.max(hiddenCount.value, 1))), 1)], 512),
+							createElementVNode("input", {
+								id: inputId,
+								ref_key: "inputRef",
+								ref: inputRef,
+								class: "astryx-power-search-input",
+								type: "text",
+								role: "combobox",
+								autocomplete: "off",
+								autocapitalize: "off",
+								placeholder: filters.value.length === 0 ? placeholder.value : void 0,
+								value: unref(menu).query.value,
+								disabled: __props.disabled && !focusableDisabled.value,
+								readonly: __props.readOnly || focusableDisabled.value || void 0,
+								"aria-disabled": __props.disabled ? "true" : void 0,
+								"aria-expanded": unref(menu).combobox.isOpen.value,
+								"aria-controls": listboxId,
+								"aria-autocomplete": "list",
+								"aria-activedescendant": unref(menu).activeId.value ? optionId(unref(menu).combobox.activeIndex.value) : void 0,
+								"aria-describedby": describedBy.value,
+								onInput,
+								onKeydown: onInputKeyDown,
+								onFocus: onInputFocus,
+								onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event))
+							}, null, 40, _hoisted_5),
+							renderSlot(_ctx.$slots, "end"),
+							displayCount.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(displayCount.value), 1)) : createCommentVNode("v-if", true),
+							__props.clearable && filters.value.length > 0 && !__props.disabled && !__props.readOnly ? (openBlock(), createElementBlock("button", {
+								key: 2,
+								type: "button",
+								class: "astryx-power-search-clear",
+								"aria-label": text.value.clear,
+								onClick: clearAll
+							}, [createVNode(_sfc_main$7, {
+								icon: "close",
+								size: "sm"
+							})], 8, _hoisted_7)) : createCommentVNode("v-if", true),
+							focusableDisabled.value ? (openBlock(), createElementBlock("span", {
+								key: 3,
+								id: disabledId,
+								class: "astryx-visually-hidden"
+							}, toDisplayString(__props.disabledReason), 1)) : createCommentVNode("v-if", true)
+						], 34)]),
+						_: 3
+					}, 8, ["content", "is-enabled"]),
+					createElementVNode("span", _hoisted_8, toDisplayString(liveText.value), 1)
+				]),
+				_: 3
+			}, 8, [
+				"class",
+				"label",
+				"is-label-hidden",
+				"is-disabled",
+				"status",
+				"status-variant"
+			]), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
+				id: listboxId,
+				ref_key: "listboxRef",
+				ref: listboxRef,
+				class: "astryx-typeahead-listbox",
+				role: "listbox",
+				"aria-label": text.value.results,
+				"data-placement": unref(anchored).position.value.placement,
+				style: normalizeStyle(menuStyle.value),
+				tabindex: "-1"
+			}, [createElementVNode("div", _hoisted_10, [unref(menu).entries.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString(text.value.empty), 1)) : (openBlock(), createElementBlock("div", _hoisted_12, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(menu).entries.value, (entry, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: entry.id }, [
+					groupLabel(index) ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(groupLabel(index)), 1)) : createCommentVNode("v-if", true),
+					createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/mouse-events-have-key-events -- 选项不进 Tab 序。 "),
+					createElementVNode("div", {
+						id: optionId(index),
+						class: normalizeClass(["astryx-typeahead-option", {
+							"is-active": index === unref(menu).combobox.activeIndex.value,
+							"is-disabled": entry.disabled
+						}]),
+						role: "option",
+						"aria-selected": index === unref(menu).combobox.activeIndex.value ? "true" : "false",
+						"data-option-id": entry.id,
+						tabindex: "-1",
+						onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+						onMouseenter: ($event) => highlight(index),
+						onClick: ($event) => pick(entry.item)
+					}, [createVNode(_sfc_main$7, {
+						icon: itemIcon(entry.item),
+						size: "sm"
+					}, null, 8, ["icon"]), createElementVNode("span", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(entry.label), 1), entry.description ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString(entry.description), 1)) : createCommentVNode("v-if", true)])], 42, _hoisted_14)
+				], 64);
+			}), 128))]))])], 12, _hoisted_9), [[vShow, unref(menu).combobox.isOpen.value]]), session.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "editorRef",
+				ref: editorRef,
+				class: "astryx-power-search-editor",
+				"data-ready": session.value.ready ? "true" : "false",
+				style: normalizeStyle(editorStyle.value)
+			}, [renderSlot(_ctx.$slots, "editor", {
+				config: __props.config,
+				filter: session.value.filter,
+				mode: session.value.mode,
+				saveLabel: __props.saveLabel,
+				readOnly: __props.readOnly,
+				timeZone: __props.timeZone,
+				maxMenuItems: __props.maxOperatorMenuItems,
+				onSave: onEditorSave,
+				onCancel: () => closeEditor(true)
+			}, () => [(openBlock(), createBlock(resolveDynamicComponent(editorComponent.value), {
+				config: __props.config,
+				filter: session.value.filter,
+				mode: session.value.mode,
+				"save-label": __props.saveLabel,
+				"read-only": __props.readOnly,
+				"time-zone": __props.timeZone,
+				"max-menu-items": __props.maxOperatorMenuItems,
+				"on-save": onEditorSave,
+				"on-cancel": () => closeEditor(true)
+			}, null, 40, [
+				"config",
+				"filter",
+				"mode",
+				"save-label",
+				"read-only",
+				"time-zone",
+				"max-menu-items",
+				"on-cancel"
+			]))])], 12, _hoisted_18)) : createCommentVNode("v-if", true)]))], 64);
+		};
+	}
+});
+//#endregion
+//#region src/PowerSearch/fieldBuilders.ts
+function i18n(key, message, value) {
+	return {
+		key,
+		i18nKey: `@astryx.powersearch.operator.${message}`,
+		value
+	};
+}
+function stringField(key, label) {
+	return {
+		key,
+		label,
+		defaultOperator: "contains",
+		operators: [
+			i18n("contains", "contains", { type: "string" }),
+			i18n("not_contains", "notContains", { type: "string" }),
+			i18n("starts_with", "startsWith", { type: "string" }),
+			i18n("not_starts_with", "notStartsWith", { type: "string" }),
+			i18n("ends_with", "endsWith", { type: "string" }),
+			i18n("not_ends_with", "notEndsWith", { type: "string" }),
+			i18n("is", "is", { type: "string" }),
+			i18n("is_not", "isNot", { type: "string" })
+		]
+	};
+}
+function numberField(key, label) {
+	const value = { type: "float" };
+	return {
+		key,
+		label,
+		defaultOperator: "equals",
+		operators: [
+			i18n("equals", "equals", value),
+			i18n("not_equals", "notEquals", value),
+			i18n("greater_than", "greaterThan", value),
+			i18n("less_than", "lessThan", value),
+			i18n("greater_than_or_equal", "greaterThanOrEqual", value),
+			i18n("less_than_or_equal", "lessThanOrEqual", value)
+		]
+	};
+}
+function dateField(key, label) {
+	return {
+		key,
+		label,
+		defaultOperator: "after",
+		operators: [
+			i18n("before", "before", { type: "date_absolute" }),
+			i18n("after", "after", { type: "date_absolute" }),
+			i18n("between", "between", { type: "date_range" })
+		]
+	};
+}
+function booleanField(key, label) {
+	return {
+		key,
+		label,
+		defaultOperator: "is_true",
+		operators: [i18n("is_true", "isTrue", { type: "empty" }), i18n("is_false", "isFalse", { type: "empty" })]
+	};
+}
+function enumField(key, label, values) {
+	return {
+		key,
+		label,
+		defaultOperator: "is",
+		operators: [
+			i18n("is", "is", {
+				type: "enum",
+				values
+			}),
+			i18n("is_not", "isNot", {
+				type: "enum",
+				values
+			}),
+			i18n("is_any_of", "isAnyOf", {
+				type: "enum_list",
+				values
+			}),
+			i18n("is_none_of", "isNoneOf", {
+				type: "enum_list",
+				values
+			})
+		]
+	};
+}
+function enumListField(key, label, values) {
+	return {
+		key,
+		label,
+		defaultOperator: "is_any_of",
+		operators: [i18n("is_any_of", "isAnyOf", {
+			type: "enum_list",
+			values
+		}), i18n("is_none_of", "isNoneOf", {
+			type: "enum_list",
+			values
+		})]
+	};
+}
+function stringListField(key, label) {
+	return {
+		key,
+		label,
+		defaultOperator: "is_any_of",
+		operators: [i18n("is_any_of", "isAnyOf", { type: "string_list" }), i18n("is_none_of", "isNoneOf", { type: "string_list" })]
+	};
+}
+function buildPowerSearchField(definition) {
+	const label = definition.label ?? definition.key;
+	switch (definition.type) {
+		case "string": return stringField(definition.key, label);
+		case "number": return numberField(definition.key, label);
+		case "date": return dateField(definition.key, label);
+		case "boolean": return booleanField(definition.key, label);
+		case "enum": return enumField(definition.key, label, definition.enumValues ?? []);
+		case "enum_list": return enumListField(definition.key, label, definition.enumValues ?? []);
+		case "string_list": return stringListField(definition.key, label);
+	}
+}
+//#endregion
+//#region src/PowerSearch/query.ts
+const stringHandlers = {
+	contains: (value, target) => value.includes(target),
+	not_contains: (value, target) => !value.includes(target),
+	starts_with: (value, target) => value.startsWith(target),
+	not_starts_with: (value, target) => !value.startsWith(target),
+	ends_with: (value, target) => value.endsWith(target),
+	not_ends_with: (value, target) => !value.endsWith(target),
+	is: (value, target) => value === target,
+	is_not: (value, target) => value !== target
+};
+const numberHandlers = {
+	equals: (value, target) => value === target,
+	not_equals: (value, target) => value !== target,
+	greater_than: (value, target) => value > target,
+	less_than: (value, target) => value < target,
+	greater_than_or_equal: (value, target) => value >= target,
+	less_than_or_equal: (value, target) => value <= target
+};
+function toUnixSeconds(value) {
+	return value instanceof Date ? Math.floor(value.getTime() / 1e3) : value;
+}
+function toStringValues(value) {
+	if (typeof value === "string") return [value];
+	if (Array.isArray(value) && value.every((item) => typeof item === "string")) return value;
+	return null;
+}
+function isAnyOperator(operator) {
+	return operator === "or" || operator === "any" || operator === "any_of" || operator.includes("any");
+}
+function matchesNested(row, value, operator) {
+	if (value.type !== "nested") return true;
+	const checks = value.value.map((filter) => matchesPowerSearchFilter(row, filter));
+	if (checks.length === 0) return true;
+	return isAnyOperator(operator) ? checks.some(Boolean) : checks.every(Boolean);
+}
+function matchesPowerSearchFilter(row, filter) {
+	const fieldValue = row[filter.field];
+	const { operator, value } = filter;
+	switch (value.type) {
+		case "empty":
+			if (operator === "is_true") return Boolean(fieldValue) === true;
+			if (operator === "is_false") return Boolean(fieldValue) === false;
+			return true;
+		case "string": {
+			if (typeof fieldValue !== "string") return false;
+			const handler = stringHandlers[operator];
+			return handler ? handler(fieldValue.toLowerCase(), value.value.toLowerCase()) : true;
+		}
+		case "integer":
+		case "float": {
+			if (typeof fieldValue !== "number") return false;
+			const handler = numberHandlers[operator];
+			return handler ? handler(fieldValue, value.value) : true;
+		}
+		case "date_absolute": {
+			if (!(fieldValue instanceof Date) && typeof fieldValue !== "number") return false;
+			const stamp = toUnixSeconds(fieldValue);
+			if (operator === "before") return stamp < value.unixSeconds;
+			if (operator === "after") return stamp > value.unixSeconds;
+			return true;
+		}
+		case "date_range": {
+			if (!(fieldValue instanceof Date) && typeof fieldValue !== "number") return false;
+			if (operator !== "between") return true;
+			const now = Date.now() / 1e3;
+			const stamp = toUnixSeconds(fieldValue);
+			const start = resolveDateTimeRangePart(value.value.start, now);
+			const end = resolveDateTimeRangePart(value.value.end, now);
+			return stamp >= start && stamp <= end;
+		}
+		case "enum":
+			if (typeof fieldValue !== "string") return false;
+			if (operator === "is") return fieldValue === value.value;
+			if (operator === "is_not") return fieldValue !== value.value;
+			return true;
+		case "enum_list":
+		case "string_list": {
+			const values = toStringValues(fieldValue);
+			if (values == null) return false;
+			if (operator === "is_any_of") return values.some((item) => value.value.includes(item));
+			if (operator === "is_none_of") return values.every((item) => !value.value.includes(item));
+			return true;
+		}
+		case "nested": return matchesNested(row, value, operator);
+		case "time":
+		case "date_relative":
+		case "entity_list":
+		case "custom": return true;
+	}
+}
+function applyPowerSearchFilters(filters, data) {
+	if (filters.length === 0) return [...data];
+	return data.filter((row) => filters.every((filter) => matchesPowerSearchFilter(row, filter)));
+}
+function createPowerSearchConfig(definitions, configName) {
+	return {
+		config: {
+			name: configName ?? "PowerSearchConfig",
+			fields: definitions.map((definition) => buildPowerSearchField(definition))
+		},
+		applyFilters(filters, data) {
+			return applyPowerSearchFilters(filters, data);
+		}
+	};
+}
+function usePowerSearchConfig(definitions, configName) {
+	return createPowerSearchConfig(definitions, configName);
+}
+//#endregion
+export { searchPowerSearchFields as a, formatDateAbsolute as c, createPowerSearchLookup as d, completePowerSearchFilter as f, _sfc_main as i, formatDateAbsoluteCompact as l, createPowerSearchConfig as n, resolveEditorPlacement as o, usePowerSearchConfig as r, resolveOperatorLabel as s, applyPowerSearchFilters as t, formatFilterValue as u };