@atscript/vue-table 0.1.147 → 0.1.149

package/dist/as-filter-input-ChJ8JE6-.cjs

@@ -0,0 +1,254 @@
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_use_cell_locale = require("./use-cell-locale-Dv514-Al.cjs");
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+//#region src/components/internal/as-filter-temporal-value.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"type",
+	"value",
+	"placeholder"
+];
+const _hoisted_2$1 = ["title"];
+//#endregion
+//#region src/components/internal/as-filter-temporal-value.vue
+var as_filter_temporal_value_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-filter-temporal-value",
+	props: {
+		column: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			required: true,
+			skipCheck: true
+		},
+		inputType: {
+			type: String,
+			required: true
+		},
+		placeholder: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { state } = require_use_table_state.useTableContext();
+		const { locale } = require_use_cell_locale.useCellLocale();
+		const text = (0, vue.computed)(() => props.value === void 0 ? "" : String(props.value));
+		/** Whether the native input can show the value as is: a day, or a minute while the time is on. */
+		const editable = (0, vue.computed)(() => {
+			if (text.value === "") return true;
+			const kind = typeof props.value === "string" ? (0, _atscript_ui_table.temporalKind)(props.value) : void 0;
+			return kind === "day" || kind === "minute" && props.inputType === "datetime-local";
+		});
+		const label = (0, vue.computed)(() => (0, _atscript_ui_table.formatColumnValue)(props.column, props.value, {
+			locale: locale.value,
+			timeZone: state.timeZone.value
+		}) ?? text.value);
+		const precision = (0, vue.computed)(() => props.inputType === "datetime-local" ? "minute" : "day");
+		function edit() {
+			const value = props.value;
+			emit("update:value", (typeof value === "string" || typeof value === "number" ? (0, _atscript_ui_table.temporalInputValue)(value, precision.value, { timeZone: state.timeZone.value }) : void 0) ?? "");
+		}
+		return (_ctx, _cache) => {
+			return editable.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+				key: 0,
+				class: "as-filter-input",
+				type: __props.inputType,
+				value: text.value,
+				placeholder: __props.placeholder,
+				onInput: _cache[0] || (_cache[0] = ($event) => emit("update:value", $event.target.value))
+			}, null, 40, _hoisted_1$1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 1,
+				class: "as-filter-input-token",
+				title: text.value
+			}, [(0, vue.createElementVNode)("button", {
+				type: "button",
+				class: "as-filter-input-token-label",
+				onClick: edit
+			}, (0, vue.toDisplayString)(label.value), 1), (0, vue.createElementVNode)("button", {
+				type: "button",
+				class: "as-filter-input-token-remove",
+				"aria-label": "Clear value",
+				onClick: _cache[1] || (_cache[1] = ($event) => emit("update:value", ""))
+			}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", {
+				class: "i-as-close",
+				"aria-hidden": "true"
+			}, null, -1)])])], 8, _hoisted_2$1));
+		};
+	}
+});
+//#endregion
+//#region src/components/defaults/as-filter-input.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-filter-input-disabled",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = ["value"];
+const _hoisted_3 = { class: "as-filter-input-temporal" };
+const _hoisted_4 = {
+	key: 0,
+	class: "as-filter-input-range"
+};
+const _hoisted_5 = ["aria-pressed"];
+const _hoisted_6 = { class: "as-filter-input-range" };
+const _hoisted_7 = ["value"];
+const _hoisted_8 = ["value"];
+const _hoisted_9 = ["value"];
+//#endregion
+//#region src/components/defaults/as-filter-input.vue
+var as_filter_input_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-filter-input",
+	props: {
+		column: {
+			type: Object,
+			required: true
+		},
+		condition: {
+			type: Object,
+			required: true
+		},
+		filterType: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["update:condition"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const needsInput = (0, vue.computed)(() => !_atscript_ui_table.NULL_OPS.has(props.condition.type));
+		const isBetween = (0, vue.computed)(() => (0, _atscript_ui_table.hasSecondValue)(props.condition.type));
+		const isTemporal = (0, vue.computed)(() => (0, _atscript_ui_table.isTemporalKind)(props.filterType));
+		const timeOn = (0, vue.ref)(props.filterType === "datetime" && props.condition.value.some((v) => (0, _atscript_ui_table.temporalKind)(v) === "minute"));
+		const temporalInputType = (0, vue.computed)(() => props.filterType === "datetime" && timeOn.value ? "datetime-local" : "date");
+		function toggleTime() {
+			timeOn.value = !timeOn.value;
+			const value = props.condition.value.map((v) => {
+				const kind = (0, _atscript_ui_table.temporalKind)(v);
+				if (timeOn.value && kind === "day") return `${String(v)}T00:00`;
+				if (!timeOn.value && kind === "minute") return String(v).slice(0, 10);
+				return v;
+			});
+			emit("update:condition", {
+				...props.condition,
+				value
+			});
+		}
+		function setValue(index, parsed) {
+			const value = [...props.condition.value];
+			value[index] = parsed;
+			emit("update:condition", {
+				...props.condition,
+				value
+			});
+		}
+		function updateValue(index, raw) {
+			setValue(index, props.filterType === "number" ? (0, _atscript_ui_table.columnFilter)(props.column).coerce(raw) ?? "" : raw);
+		}
+		function onBoolSelect(val) {
+			const boolVal = val === "true";
+			emit("update:condition", {
+				...props.condition,
+				value: [boolVal]
+			});
+		}
+		const inputAttrs = (0, vue.computed)(() => {
+			if (props.filterType !== "number") return { type: "text" };
+			const { valueKind } = props.column;
+			return {
+				type: "number",
+				step: valueKind === "integer" ? "1" : valueKind === "decimal" ? "any" : void 0
+			};
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)(" Null/notNull: render a plain layer-1 box the size of a filter input, no text. "), !needsInput.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1)) : __props.filterType === "boolean" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Boolean select "), (0, vue.createElementVNode)("select", {
+				class: "as-filter-input as-filter-select",
+				value: String(__props.condition.value[0] ?? ""),
+				onChange: _cache[0] || (_cache[0] = ($event) => onBoolSelect($event.target.value))
+			}, [..._cache[7] || (_cache[7] = [
+				(0, vue.createElementVNode)("option", {
+					value: "",
+					disabled: ""
+				}, "Select...", -1),
+				(0, vue.createElementVNode)("option", { value: "true" }, "true", -1),
+				(0, vue.createElementVNode)("option", { value: "false" }, "false", -1)
+			])], 40, _hoisted_2)], 2112)) : isTemporal.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" Date / date-time: native inputs, a pill for a relative or epoch value "), (0, vue.createElementVNode)("div", _hoisted_3, [isBetween.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [
+				(0, vue.createVNode)(as_filter_temporal_value_default, {
+					column: __props.column,
+					value: __props.condition.value[0],
+					"input-type": temporalInputType.value,
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => setValue(0, $event))
+				}, null, 8, [
+					"column",
+					"value",
+					"input-type"
+				]),
+				_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", { class: "as-filter-input-range-sep" }, "–", -1)),
+				(0, vue.createVNode)(as_filter_temporal_value_default, {
+					column: __props.column,
+					value: __props.condition.value[1],
+					"input-type": temporalInputType.value,
+					"onUpdate:value": _cache[2] || (_cache[2] = ($event) => setValue(1, $event))
+				}, null, 8, [
+					"column",
+					"value",
+					"input-type"
+				])
+			])) : ((0, vue.openBlock)(), (0, vue.createBlock)(as_filter_temporal_value_default, {
+				key: 1,
+				column: __props.column,
+				value: __props.condition.value[0],
+				"input-type": temporalInputType.value,
+				"onUpdate:value": _cache[3] || (_cache[3] = ($event) => setValue(0, $event))
+			}, null, 8, [
+				"column",
+				"value",
+				"input-type"
+			])), __props.filterType === "datetime" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				key: 2,
+				type: "button",
+				class: (0, vue.normalizeClass)(["as-filter-input-time-toggle", { "as-filter-input-time-toggle-on": timeOn.value }]),
+				"aria-pressed": timeOn.value,
+				"aria-label": "Pick a time",
+				title: "Pick a time",
+				onClick: toggleTime
+			}, [..._cache[9] || (_cache[9] = [(0, vue.createElementVNode)("span", {
+				class: "i-as-clock",
+				"aria-hidden": "true"
+			}, null, -1)])], 10, _hoisted_5)) : (0, vue.createCommentVNode)("v-if", true)])], 2112)) : isBetween.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createCommentVNode)(" Between: two inputs "), (0, vue.createElementVNode)("div", _hoisted_6, [
+				(0, vue.createElementVNode)("input", (0, vue.mergeProps)({ class: "as-filter-input" }, inputAttrs.value, {
+					value: __props.condition.value[0] ?? "",
+					placeholder: "From",
+					onInput: _cache[4] || (_cache[4] = ($event) => updateValue(0, $event.target.value))
+				}), null, 16, _hoisted_7),
+				_cache[10] || (_cache[10] = (0, vue.createElementVNode)("span", { class: "as-filter-input-range-sep" }, "–", -1)),
+				(0, vue.createElementVNode)("input", (0, vue.mergeProps)({ class: "as-filter-input" }, inputAttrs.value, {
+					value: __props.condition.value[1] ?? "",
+					placeholder: "To",
+					onInput: _cache[5] || (_cache[5] = ($event) => updateValue(1, $event.target.value))
+				}), null, 16, _hoisted_8)
+			])], 2112)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 4 }, [(0, vue.createCommentVNode)(" Default: single input "), (0, vue.createElementVNode)("input", (0, vue.mergeProps)({ class: "as-filter-input" }, inputAttrs.value, {
+				value: __props.condition.value[0] ?? "",
+				placeholder: "Value...",
+				onInput: _cache[6] || (_cache[6] = ($event) => updateValue(0, $event.target.value))
+			}), null, 16, _hoisted_9)], 2112))], 2112);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_filter_input_default", {
+	enumerable: true,
+	get: function() {
+		return as_filter_input_default;
+	}
+});

package/dist/as-filter-input-DmOW_jzK.mjs

@@ -0,0 +1,249 @@
+import { a as useTableContext } from "./use-table-state-CIoWhwTD.mjs";
+import { n as useCellLocale } from "./use-cell-locale-BTJZ6UcP.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, toDisplayString } from "vue";
+import { NULL_OPS, columnFilter, formatColumnValue, hasSecondValue, isTemporalKind, temporalInputValue, temporalKind } from "@atscript/ui-table";
+//#region src/components/internal/as-filter-temporal-value.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"type",
+	"value",
+	"placeholder"
+];
+const _hoisted_2$1 = ["title"];
+//#endregion
+//#region src/components/internal/as-filter-temporal-value.vue
+var as_filter_temporal_value_default = /* @__PURE__ */ defineComponent({
+	__name: "as-filter-temporal-value",
+	props: {
+		column: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			required: true,
+			skipCheck: true
+		},
+		inputType: {
+			type: String,
+			required: true
+		},
+		placeholder: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { state } = useTableContext();
+		const { locale } = useCellLocale();
+		const text = computed(() => props.value === void 0 ? "" : String(props.value));
+		/** Whether the native input can show the value as is: a day, or a minute while the time is on. */
+		const editable = computed(() => {
+			if (text.value === "") return true;
+			const kind = typeof props.value === "string" ? temporalKind(props.value) : void 0;
+			return kind === "day" || kind === "minute" && props.inputType === "datetime-local";
+		});
+		const label = computed(() => formatColumnValue(props.column, props.value, {
+			locale: locale.value,
+			timeZone: state.timeZone.value
+		}) ?? text.value);
+		const precision = computed(() => props.inputType === "datetime-local" ? "minute" : "day");
+		function edit() {
+			const value = props.value;
+			emit("update:value", (typeof value === "string" || typeof value === "number" ? temporalInputValue(value, precision.value, { timeZone: state.timeZone.value }) : void 0) ?? "");
+		}
+		return (_ctx, _cache) => {
+			return editable.value ? (openBlock(), createElementBlock("input", {
+				key: 0,
+				class: "as-filter-input",
+				type: __props.inputType,
+				value: text.value,
+				placeholder: __props.placeholder,
+				onInput: _cache[0] || (_cache[0] = ($event) => emit("update:value", $event.target.value))
+			}, null, 40, _hoisted_1$1)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: "as-filter-input-token",
+				title: text.value
+			}, [createElementVNode("button", {
+				type: "button",
+				class: "as-filter-input-token-label",
+				onClick: edit
+			}, toDisplayString(label.value), 1), createElementVNode("button", {
+				type: "button",
+				class: "as-filter-input-token-remove",
+				"aria-label": "Clear value",
+				onClick: _cache[1] || (_cache[1] = ($event) => emit("update:value", ""))
+			}, [..._cache[2] || (_cache[2] = [createElementVNode("span", {
+				class: "i-as-close",
+				"aria-hidden": "true"
+			}, null, -1)])])], 8, _hoisted_2$1));
+		};
+	}
+});
+//#endregion
+//#region src/components/defaults/as-filter-input.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-filter-input-disabled",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = ["value"];
+const _hoisted_3 = { class: "as-filter-input-temporal" };
+const _hoisted_4 = {
+	key: 0,
+	class: "as-filter-input-range"
+};
+const _hoisted_5 = ["aria-pressed"];
+const _hoisted_6 = { class: "as-filter-input-range" };
+const _hoisted_7 = ["value"];
+const _hoisted_8 = ["value"];
+const _hoisted_9 = ["value"];
+//#endregion
+//#region src/components/defaults/as-filter-input.vue
+var as_filter_input_default = /* @__PURE__ */ defineComponent({
+	__name: "as-filter-input",
+	props: {
+		column: {
+			type: Object,
+			required: true
+		},
+		condition: {
+			type: Object,
+			required: true
+		},
+		filterType: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["update:condition"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const needsInput = computed(() => !NULL_OPS.has(props.condition.type));
+		const isBetween = computed(() => hasSecondValue(props.condition.type));
+		const isTemporal = computed(() => isTemporalKind(props.filterType));
+		const timeOn = ref(props.filterType === "datetime" && props.condition.value.some((v) => temporalKind(v) === "minute"));
+		const temporalInputType = computed(() => props.filterType === "datetime" && timeOn.value ? "datetime-local" : "date");
+		function toggleTime() {
+			timeOn.value = !timeOn.value;
+			const value = props.condition.value.map((v) => {
+				const kind = temporalKind(v);
+				if (timeOn.value && kind === "day") return `${String(v)}T00:00`;
+				if (!timeOn.value && kind === "minute") return String(v).slice(0, 10);
+				return v;
+			});
+			emit("update:condition", {
+				...props.condition,
+				value
+			});
+		}
+		function setValue(index, parsed) {
+			const value = [...props.condition.value];
+			value[index] = parsed;
+			emit("update:condition", {
+				...props.condition,
+				value
+			});
+		}
+		function updateValue(index, raw) {
+			setValue(index, props.filterType === "number" ? columnFilter(props.column).coerce(raw) ?? "" : raw);
+		}
+		function onBoolSelect(val) {
+			const boolVal = val === "true";
+			emit("update:condition", {
+				...props.condition,
+				value: [boolVal]
+			});
+		}
+		const inputAttrs = computed(() => {
+			if (props.filterType !== "number") return { type: "text" };
+			const { valueKind } = props.column;
+			return {
+				type: "number",
+				step: valueKind === "integer" ? "1" : valueKind === "decimal" ? "any" : void 0
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" Null/notNull: render a plain layer-1 box the size of a filter input, no text. "), !needsInput.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : __props.filterType === "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Boolean select "), createElementVNode("select", {
+				class: "as-filter-input as-filter-select",
+				value: String(__props.condition.value[0] ?? ""),
+				onChange: _cache[0] || (_cache[0] = ($event) => onBoolSelect($event.target.value))
+			}, [..._cache[7] || (_cache[7] = [
+				createElementVNode("option", {
+					value: "",
+					disabled: ""
+				}, "Select...", -1),
+				createElementVNode("option", { value: "true" }, "true", -1),
+				createElementVNode("option", { value: "false" }, "false", -1)
+			])], 40, _hoisted_2)], 2112)) : isTemporal.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Date / date-time: native inputs, a pill for a relative or epoch value "), createElementVNode("div", _hoisted_3, [isBetween.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+				createVNode(as_filter_temporal_value_default, {
+					column: __props.column,
+					value: __props.condition.value[0],
+					"input-type": temporalInputType.value,
+					"onUpdate:value": _cache[1] || (_cache[1] = ($event) => setValue(0, $event))
+				}, null, 8, [
+					"column",
+					"value",
+					"input-type"
+				]),
+				_cache[8] || (_cache[8] = createElementVNode("span", { class: "as-filter-input-range-sep" }, "–", -1)),
+				createVNode(as_filter_temporal_value_default, {
+					column: __props.column,
+					value: __props.condition.value[1],
+					"input-type": temporalInputType.value,
+					"onUpdate:value": _cache[2] || (_cache[2] = ($event) => setValue(1, $event))
+				}, null, 8, [
+					"column",
+					"value",
+					"input-type"
+				])
+			])) : (openBlock(), createBlock(as_filter_temporal_value_default, {
+				key: 1,
+				column: __props.column,
+				value: __props.condition.value[0],
+				"input-type": temporalInputType.value,
+				"onUpdate:value": _cache[3] || (_cache[3] = ($event) => setValue(0, $event))
+			}, null, 8, [
+				"column",
+				"value",
+				"input-type"
+			])), __props.filterType === "datetime" ? (openBlock(), createElementBlock("button", {
+				key: 2,
+				type: "button",
+				class: normalizeClass(["as-filter-input-time-toggle", { "as-filter-input-time-toggle-on": timeOn.value }]),
+				"aria-pressed": timeOn.value,
+				"aria-label": "Pick a time",
+				title: "Pick a time",
+				onClick: toggleTime
+			}, [..._cache[9] || (_cache[9] = [createElementVNode("span", {
+				class: "i-as-clock",
+				"aria-hidden": "true"
+			}, null, -1)])], 10, _hoisted_5)) : createCommentVNode("v-if", true)])], 2112)) : isBetween.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" Between: two inputs "), createElementVNode("div", _hoisted_6, [
+				createElementVNode("input", mergeProps({ class: "as-filter-input" }, inputAttrs.value, {
+					value: __props.condition.value[0] ?? "",
+					placeholder: "From",
+					onInput: _cache[4] || (_cache[4] = ($event) => updateValue(0, $event.target.value))
+				}), null, 16, _hoisted_7),
+				_cache[10] || (_cache[10] = createElementVNode("span", { class: "as-filter-input-range-sep" }, "–", -1)),
+				createElementVNode("input", mergeProps({ class: "as-filter-input" }, inputAttrs.value, {
+					value: __props.condition.value[1] ?? "",
+					placeholder: "To",
+					onInput: _cache[5] || (_cache[5] = ($event) => updateValue(1, $event.target.value))
+				}), null, 16, _hoisted_8)
+			])], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [createCommentVNode(" Default: single input "), createElementVNode("input", mergeProps({ class: "as-filter-input" }, inputAttrs.value, {
+				value: __props.condition.value[0] ?? "",
+				placeholder: "Value...",
+				onInput: _cache[6] || (_cache[6] = ($event) => updateValue(0, $event.target.value))
+			}), null, 16, _hoisted_9)], 2112))], 2112);
+		};
+	}
+});
+//#endregion
+export { as_filter_input_default as t };

package/dist/as-filter-input.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_input = require("./as-filter-input-DJu2k9gO.cjs");
+const require_as_filter_input = require("./as-filter-input-ChJ8JE6-.cjs");
 module.exports = require_as_filter_input.as_filter_input_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-filter-input.vue-CksJOtqw.cjs";
+import { t as _default } from "./as-filter-input.vue-BLTzA2Iy.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-filter-input.vue-DMwr0ArL.mjs";
+import { t as _default } from "./as-filter-input.vue-CmWQGQCv.mjs";
 export { _default as default };

package/dist/as-filter-input.mjs

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

package/dist/{as-filter-input.vue-CksJOtqw.d.cts → as-filter-input.vue-BLTzA2Iy.d.cts}

@@ -3,6 +3,15 @@ import { ColumnDef } from "@atscript/ui";
 import { ColumnFilterType, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-filter-input.vue.d.ts
+/**
+ * Default value input of a filter condition (`controls.filterInput`).
+ *
+ * `filterType` is the column's filter kind: `text`, `number`, `boolean`,
+ * `enum` / `ref`, `date`, or `datetime` (since 0.1.148 — a column that stores
+ * instants). A date column takes a native date input; a date-time column the
+ * same plus a toggle that adds the time. A value that is a relative token
+ * (`today-6`) or an epoch number shows as a pill instead of an input.
+ */
 type __VLS_Props = {
   column: ColumnDef;
   condition: FilterCondition;

package/dist/{as-filter-input.vue-DMwr0ArL.d.mts → as-filter-input.vue-CmWQGQCv.d.mts}

@@ -3,6 +3,15 @@ import * as vue from "vue";
 import { ColumnFilterType, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-filter-input.vue.d.ts
+/**
+ * Default value input of a filter condition (`controls.filterInput`).
+ *
+ * `filterType` is the column's filter kind: `text`, `number`, `boolean`,
+ * `enum` / `ref`, `date`, or `datetime` (since 0.1.148 — a column that stores
+ * instants). A date column takes a native date input; a date-time column the
+ * same plus a toggle that adds the time. A value that is a relative token
+ * (`today-6`) or an epoch number shows as a pill instead of an input.
+ */
 type __VLS_Props = {
   column: ColumnDef;
   condition: FilterCondition;

package/dist/{as-filters-W3iMELuL.cjs → as-filters-CYC_SXaA.cjs}

@@ -1,7 +1,7 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
-const require_use_table_component = require("./use-table-component-aqfGzECx.cjs");
-const require_as_filter_field = require("./as-filter-field-FTrxFkTw.cjs");
-const require_as_residual_filter = require("./as-residual-filter-sZlsFPDS.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_use_table_component = require("./use-table-component-CsdvdGJT.cjs");
+const require_as_filter_field = require("./as-filter-field-BsucQwbm.cjs");
+const require_as_residual_filter = require("./as-residual-filter-XkXnMQNu.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");

package/dist/{as-filters-CJZJiOXb.mjs → as-filters-DErM2bFq.mjs}

@@ -1,7 +1,7 @@
-import { a as useTableContext } from "./use-table-state-1OZfdhQi.mjs";
-import { t as useTableComponent } from "./use-table-component-DNGUvhf7.mjs";
-import { t as as_filter_field_default } from "./as-filter-field-ByPlGyWz.mjs";
-import { t as as_residual_filter_default } from "./as-residual-filter-BRsEs8oe.mjs";
+import { a as useTableContext } from "./use-table-state-CIoWhwTD.mjs";
+import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-DE6MJMx7.mjs";
+import { t as as_residual_filter_default } from "./as-residual-filter-DHfbtTQj.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, watch, withCtx } from "vue";
 import { filterExprKey } from "@atscript/ui-table";
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "reka-ui";

package/dist/as-filters.cjs

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

package/dist/as-filters.d.mts

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

package/dist/as-filters.mjs

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

package/dist/{as-preset-dialog-CLOVEpWZ.mjs → as-preset-dialog-CY5dPfZa.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext, d as ASPECT_LABELS, f as ownerNameOf, p as readPresetLabel, u as ASPECT_ICONS } from "./use-table-state-1OZfdhQi.mjs";
+import { a as useTableContext, d as ASPECT_LABELS, f as ownerNameOf, p as readPresetLabel, u as ASPECT_ICONS } from "./use-table-state-CIoWhwTD.mjs";
 import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
-import { t as errorMessage } from "./error-message-gNEXnnbb.mjs";
+import { t as errorMessage } from "./error-message-rziSiSjs.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId, setsEqual } from "@atscript/ui-table";
 import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "reka-ui";

package/dist/{as-preset-dialog-Dvvx0jmU.cjs → as-preset-dialog-tM-jrQgs.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
 const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
-const require_error_message = require("./error-message-CfKpn_5w.cjs");
+const require_error_message = require("./error-message-CoUcpWal.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");

package/dist/as-preset-dialog.cjs

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

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

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

package/dist/as-preset-dialog.mjs

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

package/dist/{as-preset-picker-DFLhbm59.cjs → as-preset-picker-CjSXtx83.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
-const require_error_message = require("./error-message-CfKpn_5w.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_error_message = require("./error-message-CoUcpWal.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");

package/dist/{as-preset-picker-CwFObhME.mjs → as-preset-picker-DkZ7sinz.mjs}

@@ -1,5 +1,5 @@
-import { a as useTableContext, d as ASPECT_LABELS, f as ownerNameOf, p as readPresetLabel, u as ASPECT_ICONS } from "./use-table-state-1OZfdhQi.mjs";
-import { t as errorMessage } from "./error-message-gNEXnnbb.mjs";
+import { a as useTableContext, d as ASPECT_LABELS, f as ownerNameOf, p as readPresetLabel, u as ASPECT_ICONS } from "./use-table-state-CIoWhwTD.mjs";
+import { t as errorMessage } from "./error-message-rziSiSjs.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, nextTick, normalizeClass, onScopeDispose, openBlock, ref, renderList, shallowRef, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId } from "@atscript/ui-table";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from "reka-ui";

package/dist/as-preset-picker.cjs

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