@atscript/vue-table 0.1.58

package/dist/as-filter-field.cjs

@@ -0,0 +1,9 @@
+require("./use-table-state-MU-vuzui.cjs");
+require("./as-table-status-DWYoJIMC.cjs");
+const require_as_filter_field = require("./as-filter-field-B_tYzvvl.cjs");
+require("./format-cell-D4mqaN0E.cjs");
+require("./as-column-menu-CH9Htz0Q.cjs");
+require("./as-table-cell-value-CuxRtFn9.cjs");
+require("./as-table-header-cell-C3zeZUZo.cjs");
+require("./as-table-base-VIz-B_6_.cjs");
+module.exports = require_as_filter_field.as_filter_field_default;

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

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

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

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

package/dist/as-filter-field.mjs

@@ -0,0 +1,9 @@
+import "./use-table-state-C4JbonEZ.mjs";
+import "./as-table-status-BjRGGuhC.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-Bqvu2ASN.mjs";
+import "./format-cell-B2xMDYO9.mjs";
+import "./as-column-menu-DCfhorMP.mjs";
+import "./as-table-cell-value-B1CiJYFn.mjs";
+import "./as-table-header-cell-CBn_ioCe.mjs";
+import "./as-table-base-D0k4k7k_.mjs";
+export { as_filter_field_default as default };

package/dist/as-filter-field.vue-ByQ8xIGq.d.cts

@@ -0,0 +1,11 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+
+//#region src/components/defaults/as-filter-field.vue.d.ts
+type __VLS_Props = {
+  column: ColumnDef;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-filter-field.vue-QY8wi5S5.d.mts

@@ -0,0 +1,11 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-filter-field.vue.d.ts
+type __VLS_Props = {
+  column: ColumnDef;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

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

@@ -0,0 +1,106 @@
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+//#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-range" };
+const _hoisted_4 = ["type", "value"];
+const _hoisted_5 = ["type", "value"];
+const _hoisted_6 = [
+	"type",
+	"value",
+	"placeholder"
+];
+//#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));
+		function updateValue(index, raw) {
+			const value = [...props.condition.value];
+			value[index] = props.filterType === "number" ? Number(raw) : raw;
+			emit("update:condition", {
+				...props.condition,
+				value
+			});
+		}
+		function onBoolSelect(val) {
+			const boolVal = val === "true";
+			emit("update:condition", {
+				...props.condition,
+				value: [boolVal]
+			});
+		}
+		const inputType = (0, vue.computed)(() => {
+			if (props.filterType === "number") return "number";
+			if (props.filterType === "date") return "date";
+			return "text";
+		});
+		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[4] || (_cache[4] = [
+				(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)) : isBetween.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" Between: two inputs "), (0, vue.createElementVNode)("div", _hoisted_3, [
+				(0, vue.createElementVNode)("input", {
+					class: "as-filter-input",
+					type: inputType.value,
+					value: __props.condition.value[0] ?? "",
+					placeholder: "From",
+					onInput: _cache[1] || (_cache[1] = ($event) => updateValue(0, $event.target.value))
+				}, null, 40, _hoisted_4),
+				_cache[5] || (_cache[5] = (0, vue.createElementVNode)("span", { class: "as-filter-input-range-sep" }, "–", -1)),
+				(0, vue.createElementVNode)("input", {
+					class: "as-filter-input",
+					type: inputType.value,
+					value: __props.condition.value[1] ?? "",
+					placeholder: "To",
+					onInput: _cache[2] || (_cache[2] = ($event) => updateValue(1, $event.target.value))
+				}, null, 40, _hoisted_5)
+			])], 2112)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createCommentVNode)(" Default: single input "), (0, vue.createElementVNode)("input", {
+				class: "as-filter-input",
+				type: inputType.value,
+				value: __props.condition.value[0] ?? "",
+				placeholder: __props.filterType === "date" ? "" : "Value...",
+				onInput: _cache[3] || (_cache[3] = ($event) => updateValue(0, $event.target.value))
+			}, null, 40, _hoisted_6)], 2112))], 2112);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_filter_input_default", {
+	enumerable: true,
+	get: function() {
+		return as_filter_input_default;
+	}
+});

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

@@ -0,0 +1,101 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+import { NULL_OPS, hasSecondValue } from "@atscript/ui-table";
+//#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-range" };
+const _hoisted_4 = ["type", "value"];
+const _hoisted_5 = ["type", "value"];
+const _hoisted_6 = [
+	"type",
+	"value",
+	"placeholder"
+];
+//#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));
+		function updateValue(index, raw) {
+			const value = [...props.condition.value];
+			value[index] = props.filterType === "number" ? Number(raw) : raw;
+			emit("update:condition", {
+				...props.condition,
+				value
+			});
+		}
+		function onBoolSelect(val) {
+			const boolVal = val === "true";
+			emit("update:condition", {
+				...props.condition,
+				value: [boolVal]
+			});
+		}
+		const inputType = computed(() => {
+			if (props.filterType === "number") return "number";
+			if (props.filterType === "date") return "date";
+			return "text";
+		});
+		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[4] || (_cache[4] = [
+				createElementVNode("option", {
+					value: "",
+					disabled: ""
+				}, "Select...", -1),
+				createElementVNode("option", { value: "true" }, "true", -1),
+				createElementVNode("option", { value: "false" }, "false", -1)
+			])], 40, _hoisted_2)], 2112)) : isBetween.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Between: two inputs "), createElementVNode("div", _hoisted_3, [
+				createElementVNode("input", {
+					class: "as-filter-input",
+					type: inputType.value,
+					value: __props.condition.value[0] ?? "",
+					placeholder: "From",
+					onInput: _cache[1] || (_cache[1] = ($event) => updateValue(0, $event.target.value))
+				}, null, 40, _hoisted_4),
+				_cache[5] || (_cache[5] = createElementVNode("span", { class: "as-filter-input-range-sep" }, "–", -1)),
+				createElementVNode("input", {
+					class: "as-filter-input",
+					type: inputType.value,
+					value: __props.condition.value[1] ?? "",
+					placeholder: "To",
+					onInput: _cache[2] || (_cache[2] = ($event) => updateValue(1, $event.target.value))
+				}, null, 40, _hoisted_5)
+			])], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createCommentVNode(" Default: single input "), createElementVNode("input", {
+				class: "as-filter-input",
+				type: inputType.value,
+				value: __props.condition.value[0] ?? "",
+				placeholder: __props.filterType === "date" ? "" : "Value...",
+				onInput: _cache[3] || (_cache[3] = ($event) => updateValue(0, $event.target.value))
+			}, null, 40, _hoisted_6)], 2112))], 2112);
+		};
+	}
+});
+//#endregion
+export { as_filter_input_default as t };

package/dist/as-filter-input.cjs

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

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

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

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

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

package/dist/as-filter-input.mjs

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

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

@@ -0,0 +1,18 @@
+import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
+import { ColumnFilterType, FilterCondition } from "@atscript/ui-table";
+
+//#region src/components/defaults/as-filter-input.vue.d.ts
+type __VLS_Props = {
+  column: ColumnDef;
+  condition: FilterCondition;
+  filterType: ColumnFilterType;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  "update:condition": (condition: FilterCondition) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onUpdate:condition"?: ((condition: FilterCondition) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

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

@@ -0,0 +1,18 @@
+import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
+import { ColumnFilterType, FilterCondition } from "@atscript/ui-table";
+
+//#region src/components/defaults/as-filter-input.vue.d.ts
+type __VLS_Props = {
+  column: ColumnDef;
+  condition: FilterCondition;
+  filterType: ColumnFilterType;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  "update:condition": (condition: FilterCondition) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onUpdate:condition"?: ((condition: FilterCondition) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-filters-Bxa9ZEMm.mjs

@@ -0,0 +1,44 @@
+import { a as useTableContext } from "./use-table-state-C4JbonEZ.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-Bqvu2ASN.mjs";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList } from "vue";
+//#endregion
+//#region src/components/as-filters.vue
+var as_filters_default = /* @__PURE__ */ defineComponent({
+	__name: "as-filters",
+	props: { filterFields: {
+		type: Array,
+		required: false
+	} },
+	setup(__props) {
+		const props = __props;
+		const { state } = useTableContext();
+		const columnMap = computed(() => {
+			const tableDef = state.tableDef.value;
+			if (!tableDef) return /* @__PURE__ */ new Map();
+			const map = /* @__PURE__ */ new Map();
+			for (const col of tableDef.columns) map.set(col.path, col);
+			return map;
+		});
+		const activeColumns = computed(() => {
+			const fields = props.filterFields ?? state.filterFields.value;
+			const map = columnMap.value;
+			if (map.size === 0) return [];
+			const result = [];
+			for (const path of fields) {
+				const col = map.get(path);
+				if (col) result.push(col);
+			}
+			return result;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(activeColumns.value, (col) => {
+				return openBlock(), createBlock(as_filter_field_default, mergeProps({
+					key: col.path,
+					column: col
+				}, { ref_for: true }, _ctx.$attrs), null, 16, ["column"]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { as_filters_default as t };

package/dist/as-filters-xRT2qv56.cjs

@@ -0,0 +1,49 @@
+const require_use_table_state = require("./use-table-state-MU-vuzui.cjs");
+const require_as_filter_field = require("./as-filter-field-B_tYzvvl.cjs");
+let vue = require("vue");
+//#endregion
+//#region src/components/as-filters.vue
+var as_filters_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-filters",
+	props: { filterFields: {
+		type: Array,
+		required: false
+	} },
+	setup(__props) {
+		const props = __props;
+		const { state } = require_use_table_state.useTableContext();
+		const columnMap = (0, vue.computed)(() => {
+			const tableDef = state.tableDef.value;
+			if (!tableDef) return /* @__PURE__ */ new Map();
+			const map = /* @__PURE__ */ new Map();
+			for (const col of tableDef.columns) map.set(col.path, col);
+			return map;
+		});
+		const activeColumns = (0, vue.computed)(() => {
+			const fields = props.filterFields ?? state.filterFields.value;
+			const map = columnMap.value;
+			if (map.size === 0) return [];
+			const result = [];
+			for (const path of fields) {
+				const col = map.get(path);
+				if (col) result.push(col);
+			}
+			return result;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(activeColumns.value, (col) => {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(require_as_filter_field.as_filter_field_default, (0, vue.mergeProps)({
+					key: col.path,
+					column: col
+				}, { ref_for: true }, _ctx.$attrs), null, 16, ["column"]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_filters_default", {
+	enumerable: true,
+	get: function() {
+		return as_filters_default;
+	}
+});

package/dist/as-filters.cjs

@@ -0,0 +1,10 @@
+require("./use-table-state-MU-vuzui.cjs");
+require("./as-table-status-DWYoJIMC.cjs");
+require("./as-filter-field-B_tYzvvl.cjs");
+require("./format-cell-D4mqaN0E.cjs");
+require("./as-column-menu-CH9Htz0Q.cjs");
+require("./as-table-cell-value-CuxRtFn9.cjs");
+require("./as-table-header-cell-C3zeZUZo.cjs");
+require("./as-table-base-VIz-B_6_.cjs");
+const require_as_filters = require("./as-filters-xRT2qv56.cjs");
+module.exports = require_as_filters.as_filters_default;

package/dist/as-filters.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-filters.vue-fv-tRL2H.cjs";
+export = _default;

package/dist/as-filters.d.mts

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

package/dist/as-filters.mjs

@@ -0,0 +1,10 @@
+import "./use-table-state-C4JbonEZ.mjs";
+import "./as-table-status-BjRGGuhC.mjs";
+import "./as-filter-field-Bqvu2ASN.mjs";
+import "./format-cell-B2xMDYO9.mjs";
+import "./as-column-menu-DCfhorMP.mjs";
+import "./as-table-cell-value-B1CiJYFn.mjs";
+import "./as-table-header-cell-CBn_ioCe.mjs";
+import "./as-table-base-D0k4k7k_.mjs";
+import { t as as_filters_default } from "./as-filters-Bxa9ZEMm.mjs";
+export { as_filters_default as default };

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

@@ -0,0 +1,10 @@
+import * as vue from "vue";
+
+//#region src/components/as-filters.vue.d.ts
+type __VLS_Props = {
+  filterFields?: string[];
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-filters.vue-fv-tRL2H.d.cts

@@ -0,0 +1,10 @@
+import * as vue from "vue";
+
+//#region src/components/as-filters.vue.d.ts
+type __VLS_Props = {
+  filterFields?: string[];
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };