@atscript/vue-table 0.1.147 → 0.1.149

package/dist/as-action-form-dialog.cjs

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_db_client = require("@atscript/db-client");

package/dist/as-action-form-dialog.mjs

@@ -1,4 +1,4 @@
-import { L as rowsLabel, a as useTableContext, j as intentToScope } from "./use-table-state-1OZfdhQi.mjs";
+import { L as rowsLabel, a as useTableContext, j as intentToScope } from "./use-table-state-CIoWhwTD.mjs";
 import { META_LABEL, UI_FORM_SUBMIT_TEXT, createFormData, createFormDef, getFieldMeta } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx } from "vue";
 import { formatIdentifier } from "@atscript/db-client";

package/dist/{as-action-menu-content-35yQWbLF.mjs → as-action-menu-content-BBwL1YZU.mjs}

@@ -1,4 +1,4 @@
-import { A as intentClass, F as isPlainLeftClick, M as isActionDisabled, N as isLinkTrigger, P as isModClick, T as ariaLabelFor, w as ariaDisabled } from "./use-table-state-1OZfdhQi.mjs";
+import { A as intentClass, F as isPlainLeftClick, M as isActionDisabled, N as isLinkTrigger, P as isModClick, T as ariaLabelFor, w as ariaDisabled } from "./use-table-state-CIoWhwTD.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "reka-ui";
 //#endregion

package/dist/{as-action-menu-content-BJ0tn6jq.cjs → as-action-menu-content-DAOjkslC.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#endregion

package/dist/{as-cell-array-CCZ0Ajj9.cjs → as-cell-array-CB4Nt6Fo.cjs}

@@ -1,5 +1,6 @@
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-vty5vMjW.cjs");
+let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
@@ -45,7 +46,7 @@ var as_cell_array_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 					key: i,
 					class: "as-cell-chip"
-				}, (0, vue.toDisplayString)(item), 1);
+				}, (0, vue.toDisplayString)((0, vue.unref)(_atscript_ui.optionLabel)(__props.column, item) ?? item), 1);
 			}), 128))])) : view.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_cell_json_popover.as_cell_json_popover_default, {
 				key: 1,
 				value: view.value.items

package/dist/{as-cell-array-Bgc4GYZf.mjs → as-cell-array-CnoVd9ps.mjs}

@@ -1,6 +1,7 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-CH5bAcLE.mjs";
+import { optionLabel } from "@atscript/ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/defaults/as-cell-array.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
 	key: 0,
@@ -45,7 +46,7 @@ var as_cell_array_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("span", {
 					key: i,
 					class: "as-cell-chip"
-				}, toDisplayString(item), 1);
+				}, toDisplayString(unref(optionLabel)(__props.column, item) ?? item), 1);
 			}), 128))])) : view.value ? (openBlock(), createBlock(as_cell_json_popover_default, {
 				key: 1,
 				value: view.value.items

package/dist/as-cell-array.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_array = require("./as-cell-array-CCZ0Ajj9.cjs");
+const require_as_cell_array = require("./as-cell-array-CB4Nt6Fo.cjs");
 module.exports = require_as_cell_array.as_cell_array_default;

package/dist/as-cell-array.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-array.vue-Dj3nZop3.mjs";
+import { t as _default } from "./as-cell-array.vue-D4vS7C_D.mjs";
 export { _default as default };

package/dist/as-cell-array.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_array_default } from "./as-cell-array-Bgc4GYZf.mjs";
+import { t as as_cell_array_default } from "./as-cell-array-CnoVd9ps.mjs";
 export { as_cell_array_default as default };

package/dist/{as-cell-date-RU5JPJhI.cjs → as-cell-date-DrnhvCr4.cjs}

@@ -1,19 +1,8 @@
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_use_cell_locale = require("./use-cell-locale-BGBRQB7s.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");
 let _vueuse_core = require("@vueuse/core");
-//#region src/utils/intl-cache.ts
-const dateTimeCache = /* @__PURE__ */ new Map();
-function getDateTimeFormat(locale, opts = {}) {
-	const key = `${locale}|${opts.timeZone ?? ""}|${opts.year ?? ""}|${opts.month ?? ""}|${opts.day ?? ""}|${opts.hour ?? ""}|${opts.minute ?? ""}`;
-	let f = dateTimeCache.get(key);
-	if (!f) {
-		f = new Intl.DateTimeFormat(locale, opts);
-		dateTimeCache.set(key, f);
-	}
-	return f;
-}
-//#endregion
 //#region src/components/defaults/as-cell-date.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["title"];
 //#endregion
@@ -66,7 +55,7 @@ var as_cell_date_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				...base,
 				timeZone: tz
 			} : base;
-			return getDateTimeFormat(locale.value, opts).format(d);
+			return (0, _atscript_ui_table.getDateTimeFormat)(locale.value, opts).format(d);
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { title: date.value?.toISOString() ?? "" }, (0, vue.toDisplayString)(formatted.value), 9, _hoisted_1);

package/dist/{as-cell-date-B9mu0OOD.mjs → as-cell-date-dhIM7hWA.mjs}

@@ -1,19 +1,8 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { n as useCellLocale } from "./use-cell-locale-MQXoONh5.mjs";
+import { n as useCellLocale } from "./use-cell-locale-BTJZ6UcP.mjs";
 import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+import { getDateTimeFormat } from "@atscript/ui-table";
 import { formatTimeAgoIntl } from "@vueuse/core";
-//#region src/utils/intl-cache.ts
-const dateTimeCache = /* @__PURE__ */ new Map();
-function getDateTimeFormat(locale, opts = {}) {
-	const key = `${locale}|${opts.timeZone ?? ""}|${opts.year ?? ""}|${opts.month ?? ""}|${opts.day ?? ""}|${opts.hour ?? ""}|${opts.minute ?? ""}`;
-	let f = dateTimeCache.get(key);
-	if (!f) {
-		f = new Intl.DateTimeFormat(locale, opts);
-		dateTimeCache.set(key, f);
-	}
-	return f;
-}
-//#endregion
 //#region src/components/defaults/as-cell-date.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["title"];
 //#endregion

package/dist/as-cell-date.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_date = require("./as-cell-date-RU5JPJhI.cjs");
+const require_as_cell_date = require("./as-cell-date-DrnhvCr4.cjs");
 module.exports = require_as_cell_date.as_cell_date_default;

package/dist/as-cell-date.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-date.vue-BPuyH7q3.mjs";
+import { t as _default } from "./as-cell-date.vue-Chs7WTZ9.mjs";
 export { _default as default };

package/dist/as-cell-date.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_date_default } from "./as-cell-date-B9mu0OOD.mjs";
+import { t as as_cell_date_default } from "./as-cell-date-dhIM7hWA.mjs";
 export { as_cell_date_default as default };

package/dist/{as-cell-json-ByEGYRST.mjs → as-cell-json-ChN_NDhO.mjs}

@@ -1,5 +1,5 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-CH5bAcLE.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, withCtx } from "vue";
 //#endregion
 //#region src/components/defaults/as-cell-json.vue

package/dist/{as-cell-json-w5YJxNuF.cjs → as-cell-json-CzHTpkjS.cjs}

@@ -1,5 +1,5 @@
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-vty5vMjW.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/defaults/as-cell-json.vue

package/dist/as-cell-json.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_json = require("./as-cell-json-w5YJxNuF.cjs");
+const require_as_cell_json = require("./as-cell-json-CzHTpkjS.cjs");
 module.exports = require_as_cell_json.as_cell_json_default;

package/dist/as-cell-json.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-json.vue-D8J7YwVV.mjs";
+import { t as _default } from "./as-cell-json.vue-C0_LDvQw.mjs";
 export { _default as default };

package/dist/as-cell-json.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_json_default } from "./as-cell-json-ByEGYRST.mjs";
+import { t as as_cell_json_default } from "./as-cell-json-ChN_NDhO.mjs";
 export { as_cell_json_default as default };

package/dist/{as-cell-number-DGJCTXDf.cjs → as-cell-number-C4JMqvqa.cjs}

@@ -1,5 +1,5 @@
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_use_cell_locale = require("./use-cell-locale-BGBRQB7s.cjs");
+const require_use_cell_locale = require("./use-cell-locale-Dv514-Al.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-cell-number-CNDT6gfw.mjs → as-cell-number-D-mSaE_G.mjs}

@@ -1,5 +1,5 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { n as useCellLocale } from "./use-cell-locale-MQXoONh5.mjs";
+import { n as useCellLocale } from "./use-cell-locale-BTJZ6UcP.mjs";
 import { formatDecimalForDisplay } from "@atscript/ui";
 import { computed, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
 //#region src/components/defaults/as-cell-number.vue?vue&type=script&setup=true&lang.ts

package/dist/as-cell-number.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_number = require("./as-cell-number-DGJCTXDf.cjs");
+const require_as_cell_number = require("./as-cell-number-C4JMqvqa.cjs");
 module.exports = require_as_cell_number.as_cell_number_default;

package/dist/as-cell-number.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-number.vue-sUoZvuat.mjs";
+import { t as _default } from "./as-cell-number.vue-BBF0OuU8.mjs";
 export { _default as default };

package/dist/as-cell-number.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_number_default } from "./as-cell-number-CNDT6gfw.mjs";
+import { t as as_cell_number_default } from "./as-cell-number-D-mSaE_G.mjs";
 export { as_cell_number_default as default };

package/dist/{as-cell-union-DMnoa7RM.mjs → as-cell-union-C9Bbnkrg.mjs}

@@ -1,5 +1,5 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { t as as_cell_json_popover_default } from "./as-cell-json-popover-Dkdv5Y9E.mjs";
+import { t as as_cell_json_popover_default } from "./as-cell-json-popover-CH5bAcLE.mjs";
 import { t as formatCellValue } from "./format-cell-D1Ziv96Q.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/defaults/as-cell-union.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-cell-union-LOGvhPeK.cjs → as-cell-union-DpCEHLzN.cjs}

@@ -1,5 +1,5 @@
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_as_cell_json_popover = require("./as-cell-json-popover-BM2QLgfk.cjs");
+const require_as_cell_json_popover = require("./as-cell-json-popover-vty5vMjW.cjs");
 const require_format_cell = require("./format-cell-vCNTh4WZ.cjs");
 let vue = require("vue");
 //#region src/components/defaults/as-cell-union.vue?vue&type=script&setup=true&lang.ts

package/dist/as-cell-union.cjs

@@ -1,2 +1,2 @@
-const require_as_cell_union = require("./as-cell-union-LOGvhPeK.cjs");
+const require_as_cell_union = require("./as-cell-union-DpCEHLzN.cjs");
 module.exports = require_as_cell_union.as_cell_union_default;

package/dist/as-cell-union.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-cell-union.vue-DZBejMxR.mjs";
+import { t as _default } from "./as-cell-union.vue-CL-Lf-Rm.mjs";
 export { _default as default };

package/dist/as-cell-union.mjs

@@ -1,2 +1,2 @@
-import { t as as_cell_union_default } from "./as-cell-union-DMnoa7RM.mjs";
+import { t as as_cell_union_default } from "./as-cell-union-C9Bbnkrg.mjs";
 export { as_cell_union_default as default };

package/dist/as-column-menu.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-B6iuKmIj.cjs";
+import { t as _default } from "./as-column-menu.vue-CS_8jHG3.cjs";
 export = _default;

package/dist/as-column-menu.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-wxb2f92k.mjs";
+import { t as _default } from "./as-column-menu.vue-4zJmC_M6.mjs";
 export { _default as default };

package/dist/{as-column-menu.vue-B6iuKmIj.d.cts → as-column-menu.vue-4zJmC_M6.d.mts}

@@ -1,6 +1,6 @@
-import { u as ColumnMenuConfig } from "./intent-scope-BXPEN5kJ.cjs";
-import * as vue from "vue";
+import { u as ColumnMenuConfig } from "./intent-scope-CvD4YOvf.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-column-menu.vue-wxb2f92k.d.mts → as-column-menu.vue-CS_8jHG3.d.cts}

@@ -1,6 +1,6 @@
-import { u as ColumnMenuConfig } from "./intent-scope-Ck7RZ0dK.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { u as ColumnMenuConfig } from "./intent-scope-CGch9yhy.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-config-dialog-BJkBzaku.cjs → as-config-dialog-CnIvMsK0.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
-const require_use_table_component = require("./use-table-component-aqfGzECx.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_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -391,7 +391,7 @@ var as_sorters_config_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const props = __props;
 		const externalModel = (0, vue.useModel)(__props, "modelValue");
 		const forceSortersList = (0, vue.computed)(() => props.forceSorters?.map((s) => s.field) ?? void 0);
-		const selected = (0, vue.ref)([...forceSortersList.value ?? [], ...externalModel.value.map((s) => s.field)]);
+		const selected = (0, vue.ref)([...new Set([...forceSortersList.value ?? [], ...externalModel.value.map((s) => s.field)])]);
 		const directionMap = (0, vue.reactive)(/* @__PURE__ */ new Map());
 		for (const s of externalModel.value) directionMap.set(s.field, s.direction);
 		for (const s of props.forceSorters ?? []) directionMap.set(s.field, s.direction);
@@ -407,7 +407,7 @@ var as_sorters_config_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			updateExternalModel();
 		}
 		function updateExternalModel() {
-			externalModel.value = selected.value.map((field) => ({
+			externalModel.value = selected.value.filter((field) => !forceMap.has(field)).map((field) => ({
 				field,
 				direction: directionMap.get(field) ?? "asc"
 			}));
@@ -677,9 +677,14 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									}, {
 										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(SortersConfig)), {
 											columns: sortableColumns.value,
+											"force-sorters": (0, vue.unref)(state).forceSorters.value,
 											modelValue: sortersModel.value,
 											"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sortersModel.value = $event)
-										}, null, 8, ["columns", "modelValue"]))]),
+										}, null, 8, [
+											"columns",
+											"force-sorters",
+											"modelValue"
+										]))]),
 										_: 1
 									})
 								]),

package/dist/{as-config-dialog-D503Ek_m.mjs → as-config-dialog-ZKMnfirD.mjs}

@@ -1,5 +1,5 @@
-import { a as useTableContext } from "./use-table-state-1OZfdhQi.mjs";
-import { t as useTableComponent } from "./use-table-component-DNGUvhf7.mjs";
+import { a as useTableContext } from "./use-table-state-CIoWhwTD.mjs";
+import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
 import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { arraysEqual, isColumnFilterable, sortersEqual } from "@atscript/ui-table";
@@ -391,7 +391,7 @@ var as_sorters_config_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const externalModel = useModel(__props, "modelValue");
 		const forceSortersList = computed(() => props.forceSorters?.map((s) => s.field) ?? void 0);
-		const selected = ref([...forceSortersList.value ?? [], ...externalModel.value.map((s) => s.field)]);
+		const selected = ref([...new Set([...forceSortersList.value ?? [], ...externalModel.value.map((s) => s.field)])]);
 		const directionMap = reactive(/* @__PURE__ */ new Map());
 		for (const s of externalModel.value) directionMap.set(s.field, s.direction);
 		for (const s of props.forceSorters ?? []) directionMap.set(s.field, s.direction);
@@ -407,7 +407,7 @@ var as_sorters_config_default = /* @__PURE__ */ defineComponent({
 			updateExternalModel();
 		}
 		function updateExternalModel() {
-			externalModel.value = selected.value.map((field) => ({
+			externalModel.value = selected.value.filter((field) => !forceMap.has(field)).map((field) => ({
 				field,
 				direction: directionMap.get(field) ?? "asc"
 			}));
@@ -677,9 +677,14 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 									}, {
 										default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(SortersConfig)), {
 											columns: sortableColumns.value,
+											"force-sorters": unref(state).forceSorters.value,
 											modelValue: sortersModel.value,
 											"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sortersModel.value = $event)
-										}, null, 8, ["columns", "modelValue"]))]),
+										}, null, 8, [
+											"columns",
+											"force-sorters",
+											"modelValue"
+										]))]),
 										_: 1
 									})
 								]),

package/dist/as-config-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_config_dialog = require("./as-config-dialog-BJkBzaku.cjs");
+const require_as_config_dialog = require("./as-config-dialog-CnIvMsK0.cjs");
 module.exports = require_as_config_dialog.as_config_dialog_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-config-dialog.vue-D2AVR1a5.mjs";
+import { t as _default } from "./as-config-dialog.vue-BvFZZRuY.mjs";
 export { _default as default };

package/dist/as-config-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_config_dialog_default } from "./as-config-dialog-D503Ek_m.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-ZKMnfirD.mjs";
 export { as_config_dialog_default as default };

package/dist/{as-confirm-dialog-CJfDnaiU.mjs → as-confirm-dialog-DMiGquH1.mjs}

@@ -1,4 +1,4 @@
-import { a as useTableContext } from "./use-table-state-1OZfdhQi.mjs";
+import { a as useTableContext } from "./use-table-state-CIoWhwTD.mjs";
 import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle } from "reka-ui";
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-confirm-dialog-C5xPbkox.cjs → as-confirm-dialog-cSEHVFBq.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts

package/dist/as-confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_confirm_dialog = require("./as-confirm-dialog-C5xPbkox.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-cSEHVFBq.cjs");
 module.exports = require_as_confirm_dialog.as_confirm_dialog_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-confirm-dialog.vue-BxAaCuYf.mjs";
+import { t as _default } from "./as-confirm-dialog.vue-Cz52-v6c.mjs";
 export { _default as default };

package/dist/as-confirm-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-CJfDnaiU.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-DMiGquH1.mjs";
 export { as_confirm_dialog_default as default };

package/dist/{as-filter-dialog-CxjO-Ge5.mjs → as-filter-dialog-DNFR30fV.mjs}

@@ -1,15 +1,17 @@
-import { a as useTableContext, r as provideTableContext, t as createStaticTableState } from "./use-table-state-1OZfdhQi.mjs";
-import { r as useTable } from "./use-table-DP6Y0kbl.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-BhOPIT2R.mjs";
-import { t as useTableComponent } from "./use-table-component-DNGUvhf7.mjs";
-import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-D503Ek_m.mjs";
+import { a as useTableContext, o as useTableContextOptional, r as provideTableContext, t as createStaticTableState } from "./use-table-state-CIoWhwTD.mjs";
+import { r as useTable } from "./use-table-BYNBpLJt.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-CJBERyPB.mjs";
+import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
+import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-ZKMnfirD.mjs";
 import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
-import { t as as_filter_input_default } from "./as-filter-input-BM23TNeh.mjs";
-import { t as as_window_table_default } from "./as-window-table-CygDqZMU.mjs";
-import { t as as_filters_default } from "./as-filters-CJZJiOXb.mjs";
+import { t as useConditionFormat } from "./use-condition-format-5LcuInDy.mjs";
+import { a as valueColumn, i as hasValuePicker, n as createDistinctPager, r as declineIfRejected } from "./as-filter-field-DE6MJMx7.mjs";
+import { t as as_filter_input_default } from "./as-filter-input-DmOW_jzK.mjs";
+import { t as as_window_table_default } from "./as-window-table-DjplqWzr.mjs";
+import { t as as_filters_default } from "./as-filters-DErM2bFq.mjs";
 import { resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, watch, withCtx } from "vue";
-import { columnDefaultCondition, columnFilterConditions, columnFilterType, conditionLabel, dateShortcuts, filledFilterCount, formatFilterCondition, isColumnFilterable, isFilled, isSimpleEq, sameColumnSet } from "@atscript/ui-table";
+import { columnDefaultCondition, columnFilter, conditionLabel, filledFilterCount, isColumnFilterable, isFilled, isSimpleEq, isTemporalKind, sameColumnSet, temporalShortcuts } from "@atscript/ui-table";
 import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
 //#region src/components/internal/as-filter-conditions.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$2 = ["value", "onChange"];
@@ -39,11 +41,12 @@ var as_filter_conditions_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const FilterInput = useTableComponent("filterInput", as_filter_input_default);
 		const model = useModel(__props, "modelValue");
-		const filterType = computed(() => columnFilterType(props.column.type));
-		const availableConditions = computed(() => columnFilterConditions(props.column));
-		const defCondition = computed(() => columnDefaultCondition(props.column));
-		const isDateType = computed(() => filterType.value === "date");
-		const shortcuts = computed(() => isDateType.value ? dateShortcuts() : []);
+		const spec = computed(() => columnFilter(props.column));
+		const filterType = computed(() => spec.value.kind);
+		const availableConditions = computed(() => spec.value.conditions);
+		const defCondition = computed(() => spec.value.defaultCondition);
+		const allShortcuts = temporalShortcuts();
+		const shortcuts = computed(() => isTemporalKind(filterType.value) ? allShortcuts : []);
 		function updateCondition(index, update) {
 			model.value = model.value.map((c, i) => i === index ? {
 				...c,
@@ -63,11 +66,11 @@ var as_filter_conditions_default = /* @__PURE__ */ defineComponent({
 				value: []
 			}];
 		}
-		function applyShortcut(dates) {
-			model.value = [{
-				type: "bw",
-				value: [dates[0], dates[1]]
-			}];
+		function applyShortcut(sc) {
+			model.value = sc.conditions.map((c) => ({
+				type: c.type,
+				value: [...c.value]
+			}));
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
@@ -87,7 +90,7 @@ var as_filter_conditions_default = /* @__PURE__ */ defineComponent({
 							return openBlock(), createElementBlock("option", {
 								key: ct,
 								value: ct
-							}, toDisplayString(unref(conditionLabel)(ct)), 9, _hoisted_2$2);
+							}, toDisplayString(unref(conditionLabel)(ct, filterType.value)), 9, _hoisted_2$2);
 						}), 128))], 40, _hoisted_1$2),
 						(openBlock(), createBlock(resolveDynamicComponent(unref(FilterInput)), {
 							column: __props.column,
@@ -118,12 +121,12 @@ var as_filter_conditions_default = /* @__PURE__ */ defineComponent({
 					class: "as-filter-add-condition",
 					onClick: addCondition
 				}, " + Add condition "),
-				isDateType.value && shortcuts.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$2, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "as-filter-shortcuts-label" }, "Quick:", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, (sc) => {
+				shortcuts.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$2, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "as-filter-shortcuts-label" }, "Quick:", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(shortcuts.value, (sc) => {
 					return openBlock(), createElementBlock("button", {
-						key: sc.label,
+						key: sc.id,
 						type: "button",
 						class: "as-filter-shortcut-btn",
-						onClick: ($event) => applyShortcut(sc.dates)
+						onClick: ($event) => applyShortcut(sc)
 					}, toDisplayString(sc.label), 9, _hoisted_5$2);
 				}), 128))])) : createCommentVNode("v-if", true)
 			], 64);
@@ -163,7 +166,9 @@ var as_filter_value_help_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const model = useModel(__props, "modelValue");
+		const outer = useTableContextOptional();
 		const info = props.column.valueHelpInfo;
+		const distinct = props.column.distinct;
 		const options = props.column.options;
 		function modelToValues(conds) {
 			const values = [];
@@ -187,22 +192,36 @@ var as_filter_value_help_default = /* @__PURE__ */ defineComponent({
 			provideContext: true,
 			rowValueFn: (row) => row[info.targetField],
 			selectionPersistence: "persist",
-			selectedRows: selectionRef
+			selectedRows: selectionRef,
+			forceFilters: info.filter,
+			alwaysSelected: [info.targetField]
 		});
-		else if (options) {
+		else if (distinct) {
+			const fetchPage = createDistinctPager(outer?.state, props.column);
+			const { state } = createStaticTableState({
+				rows: [],
+				columns: [valueColumn(false)],
+				searchPaths: ["__label"],
+				limit: 100,
+				selection: {
+					rowValueFn: (row) => row.__value,
+					selectedRows: selectionRef
+				},
+				remote: ({ searchTerm }, page, size) => fetchPage(searchTerm.trim(), page, size)
+			});
+			innerState = state;
+			provideTableContext({
+				state,
+				client: {},
+				controls: {}
+			});
+		} else if (options) {
 			const { state } = createStaticTableState({
 				rows: options.map((o) => ({
 					__value: o.key,
 					__label: o.label
 				})),
-				columns: [{
-					path: "__label",
-					label: "Value",
-					type: "text",
-					sortable: true,
-					filterable: false,
-					order: 0
-				}],
+				columns: [valueColumn(true)],
 				searchPaths: ["__label"],
 				selection: {
 					rowValueFn: (row) => row.__value,
@@ -219,7 +238,9 @@ var as_filter_value_help_default = /* @__PURE__ */ defineComponent({
 		if (info) onMounted(() => {
 			resolveValueHelp(info.url).then((r) => {
 				resolved.value = r;
-			}).catch(() => {});
+			}).catch((err) => {
+				declineIfRejected(outer?.state, info, err);
+			});
 		});
 		if (info && innerState) {
 			const fkState = innerState;
@@ -229,7 +250,8 @@ var as_filter_value_help_default = /* @__PURE__ */ defineComponent({
 				initialized = true;
 				stop();
 				const dictPaths = valueHelpDictPaths(r);
-				const dictCols = fkState.allColumns.value.filter((c) => dictPaths.has(c.path));
+				const pinned = new Set(info.pinned);
+				const dictCols = fkState.allColumns.value.filter((c) => dictPaths.has(c.path) && !pinned.has(c.path));
 				fkState.columnNames.value = dictCols.map((c) => c.path);
 				if (fkState.filterFields.value.length === 0) fkState.filterFields.value = dictCols.filter(isColumnFilterable).map((c) => c.path);
 				fkState.query();
@@ -332,6 +354,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 	__name: "as-filter-dialog",
 	setup(__props) {
 		const { state } = useTableContext();
+		const { formatCondition } = useConditionFormat(state);
 		const FilterValueHelp = useTableComponent("filterValueHelp", as_filter_value_help_default);
 		const isOpen = computed({
 			get: () => state.filterDialogColumn.value !== null,
@@ -340,7 +363,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		const column = computed(() => state.filterDialogColumn.value);
-		const hasValueHelp = computed(() => !!column.value && column.value.filterable && (!!column.value.valueHelpInfo || column.value.options != null && column.value.options.length > 0));
+		const hasValueHelp = computed(() => !!column.value && column.value.filterable && hasValuePicker(state, column.value));
 		const defCondition = computed(() => column.value ? columnDefaultCondition(column.value) : "eq");
 		const valueHelpConditions = ref([]);
 		const freeConditions = ref([]);
@@ -366,7 +389,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 			valueHelpConditions.value.forEach((c, i) => {
 				if (isFilled(c)) result.push({
 					key: `vh:${i}:${String(c.value[0] ?? "")}`,
-					label: formatFilterCondition(c),
+					label: formatCondition(column.value, c),
 					bucket: "value-help",
 					index: i
 				});
@@ -374,7 +397,7 @@ var as_filter_dialog_default = /* @__PURE__ */ defineComponent({
 			freeConditions.value.forEach((c, i) => {
 				if (isFilled(c)) result.push({
 					key: `fc:${i}:${c.type}:${String(c.value[0] ?? "")}`,
-					label: formatFilterCondition(c),
+					label: formatCondition(column.value, c),
 					bucket: "free",
 					index: i
 				});