@atscript/vue-table 0.1.147 → 0.1.148

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-preset-picker.vue-OaAV2v9z.mjs";
+import { t as _default } from "./as-preset-picker.vue-DAUZOlOD.mjs";
 export { _default as default };

package/dist/as-preset-picker.mjs

@@ -1,2 +1,2 @@
-import { t as as_preset_picker_default } from "./as-preset-picker-CwFObhME.mjs";
+import { t as as_preset_picker_default } from "./as-preset-picker-DkZ7sinz.mjs";
 export { as_preset_picker_default as default };

package/dist/{as-residual-filter-BRsEs8oe.mjs → as-residual-filter-DHfbtTQj.mjs}

@@ -1,4 +1,5 @@
-import { a as useTableContext } from "./use-table-state-1OZfdhQi.mjs";
+import { a as useTableContext } from "./use-table-state-CIoWhwTD.mjs";
+import { t as useConditionFormat } from "./use-condition-format-5LcuInDy.mjs";
 import { computed, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
 import { formatFilterExpr } from "@atscript/ui-table";
 //#region src/components/defaults/as-residual-filter.vue?vue&type=script&setup=true&lang.ts
@@ -21,10 +22,8 @@ var as_residual_filter_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const { state } = useTableContext();
-		const text = computed(() => {
-			const labels = new Map(state.allColumns.value.map((c) => [c.path, c.label]));
-			return formatFilterExpr(props.expr, (path) => labels.get(path));
-		});
+		const { formatValue, labelOf } = useConditionFormat(state);
+		const text = computed(() => formatFilterExpr(props.expr, labelOf, formatValue));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: "as-residual-filter",

package/dist/{as-residual-filter-sZlsFPDS.cjs → as-residual-filter-XkXnMQNu.cjs}

@@ -1,4 +1,5 @@
-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_condition_format = require("./use-condition-format-DrgfX6xL.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#region src/components/defaults/as-residual-filter.vue?vue&type=script&setup=true&lang.ts
@@ -21,10 +22,8 @@ var as_residual_filter_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const props = __props;
 		const { state } = require_use_table_state.useTableContext();
-		const text = (0, vue.computed)(() => {
-			const labels = new Map(state.allColumns.value.map((c) => [c.path, c.label]));
-			return (0, _atscript_ui_table.formatFilterExpr)(props.expr, (path) => labels.get(path));
-		});
+		const { formatValue, labelOf } = require_use_condition_format.useConditionFormat(state);
+		const text = (0, vue.computed)(() => (0, _atscript_ui_table.formatFilterExpr)(props.expr, labelOf, formatValue));
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				class: "as-residual-filter",

package/dist/as-residual-filter.cjs

@@ -1,2 +1,2 @@
-const require_as_residual_filter = require("./as-residual-filter-sZlsFPDS.cjs");
+const require_as_residual_filter = require("./as-residual-filter-XkXnMQNu.cjs");
 module.exports = require_as_residual_filter.as_residual_filter_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-residual-filter.vue-Cev_8Wy7.mjs";
+import { t as _default } from "./as-residual-filter.vue-DbeOOtR7.mjs";
 export { _default as default };

package/dist/as-residual-filter.mjs

@@ -1,2 +1,2 @@
-import { t as as_residual_filter_default } from "./as-residual-filter-BRsEs8oe.mjs";
+import { t as as_residual_filter_default } from "./as-residual-filter-DHfbtTQj.mjs";
 export { as_residual_filter_default as default };

package/dist/{as-row-actions-DyjIXePd.mjs → as-row-actions-BNQ7jrie.mjs}

@@ -1,5 +1,5 @@
-import { A as intentClass, D as createNavigateGestures, O as extractIdentifier, R as triggerAction, a as useTableContext, k as identifierFieldsOf, v as resolveRowActions, y as rowActionHref, z as triggerBindings } from "./use-table-state-1OZfdhQi.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-35yQWbLF.mjs";
+import { A as intentClass, D as createNavigateGestures, O as extractIdentifier, R as triggerAction, a as useTableContext, k as identifierFieldsOf, v as resolveRowActions, y as rowActionHref, z as triggerBindings } from "./use-table-state-CIoWhwTD.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-BBwL1YZU.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-row-actions-DFv2cSrP.cjs → as-row-actions-q_oMmUz1.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-BJ0tn6jq.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-DAOjkslC.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/as-row-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_row_actions = require("./as-row-actions-DFv2cSrP.cjs");
+const require_as_row_actions = require("./as-row-actions-q_oMmUz1.cjs");
 module.exports = require_as_row_actions.as_row_actions_default;

package/dist/as-row-actions.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-row-actions.vue-BHrZBXVU.cjs";
+import { t as _default } from "./as-row-actions.vue-CnjcRD0P.cjs";
 export = _default;

package/dist/as-row-actions.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-row-actions.vue-D4MylwCW.mjs";
+import { t as _default } from "./as-row-actions.vue-BB8ATWBY.mjs";
 export { _default as default };

package/dist/as-row-actions.mjs

@@ -1,2 +1,2 @@
-import { t as as_row_actions_default } from "./as-row-actions-DyjIXePd.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-BNQ7jrie.mjs";
 export { as_row_actions_default as default };

package/dist/{as-row-actions.vue-BHrZBXVU.d.cts → as-row-actions.vue-BB8ATWBY.d.mts}

@@ -1,4 +1,4 @@
-import { L as TVueTableActionInfo } from "./intent-scope-BXPEN5kJ.cjs";
+import { L as TVueTableActionInfo } from "./intent-scope-CvD4YOvf.mjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-row-actions.vue.d.ts

package/dist/{as-row-actions.vue-D4MylwCW.d.mts → as-row-actions.vue-CnjcRD0P.d.cts}

@@ -1,4 +1,4 @@
-import { L as TVueTableActionInfo } from "./intent-scope-Ck7RZ0dK.mjs";
+import { L as TVueTableActionInfo } from "./intent-scope-CGch9yhy.cjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-row-actions.vue.d.ts

package/dist/{as-select-cell-CoQJjhnq.cjs → as-select-cell-Dc3lArvR.cjs}

@@ -1,8 +1,8 @@
-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_table_header_cell = require("./as-table-header-cell-gHhCdxJX.cjs");
-const require_as_row_actions = require("./as-row-actions-DFv2cSrP.cjs");
-const require_as_table_cell_value = require("./as-table-cell-value-COyZnwUj.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_table_header_cell = require("./as-table-header-cell-DB7Cdskr.cjs");
+const require_as_row_actions = require("./as-row-actions-q_oMmUz1.cjs");
+const require_as_table_cell_value = require("./as-table-cell-value-VWlXc5dA.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 //#region src/composables/use-cell-resolver.ts

package/dist/{as-select-cell-Dl8fohIj.mjs → as-select-cell-DjcPorVb.mjs}

@@ -1,8 +1,8 @@
-import { g as toggleRowAt, h as onSelectControlKeydown, o as useTableContextOptional } from "./use-table-state-1OZfdhQi.mjs";
-import { t as useTableComponent } from "./use-table-component-DNGUvhf7.mjs";
-import { t as as_table_header_cell_default } from "./as-table-header-cell-DrVzYaof.mjs";
-import { t as as_row_actions_default } from "./as-row-actions-DyjIXePd.mjs";
-import { t as as_table_cell_value_default } from "./as-table-cell-value-DoH8Mieo.mjs";
+import { g as toggleRowAt, h as onSelectControlKeydown, o as useTableContextOptional } from "./use-table-state-CIoWhwTD.mjs";
+import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-ahzAeHXj.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-BNQ7jrie.mjs";
+import { t as as_table_cell_value_default } from "./as-table-cell-value-D-S127gr.mjs";
 import { UI_TABLE_ATTR, UI_TABLE_CLASSES, UI_TABLE_FN_ATTR, UI_TABLE_FN_CLASSES, UI_TABLE_FN_STYLES, UI_TABLE_STYLES, getFieldMeta, parseStaticAttrs, resolveAttrs, resolveFieldProp } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withModifiers } from "vue";
 //#region src/composables/use-cell-resolver.ts

package/dist/{as-selection-banner-DBtLjulh.mjs → as-selection-banner-Ca9DWVdW.mjs}

@@ -1,4 +1,4 @@
-import { B as ROW_ACTIONS_PATH, V as ROW_ACTIONS_TYPE, a as useTableContext, v as resolveRowActions } from "./use-table-state-1OZfdhQi.mjs";
+import { B as ROW_ACTIONS_PATH, V as ROW_ACTIONS_TYPE, a as useTableContext, v as resolveRowActions } from "./use-table-state-CIoWhwTD.mjs";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, watch } from "vue";
 import { reorderColumnNames } from "@atscript/ui-table";
 //#region src/composables/use-row-actions-column.ts

package/dist/{as-selection-banner-BI5gKHqW.cjs → as-selection-banner-CxPXBztW.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 _atscript_ui_table = require("@atscript/ui-table");
 //#region src/composables/use-row-actions-column.ts

package/dist/{as-table-B1FowaPF.cjs → as-table-BIAkCI4g.cjs}

@@ -1,8 +1,8 @@
-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_table_selection = require("./use-table-selection-Cs7-gjHg.cjs");
-const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
-const require_as_selection_banner = require("./as-selection-banner-BI5gKHqW.cjs");
-const require_as_table_base = require("./as-table-base-LZ26YlWp.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-gD1aWp6N.cjs");
+const require_as_selection_banner = require("./as-selection-banner-CxPXBztW.cjs");
+const require_as_table_base = require("./as-table-base-Dvey_Gie.cjs");
 let vue = require("vue");
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "as-table-outer-wrap" };

package/dist/{as-table-Cpvfv9zA.mjs → as-table-Bcz-WOTS.mjs}

@@ -1,8 +1,8 @@
-import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-1OZfdhQi.mjs";
+import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-CIoWhwTD.mjs";
 import { t as useSelectModeReset } from "./use-table-selection-CdaOPo1d.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { n as useTableColumnHandlers, r as useRowActionsColumn, t as as_selection_banner_default } from "./as-selection-banner-DBtLjulh.mjs";
-import { t as as_table_base_default } from "./as-table-base-EzKaChOp.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-CsF2w9iT.mjs";
+import { n as useTableColumnHandlers, r as useRowActionsColumn, t as as_selection_banner_default } from "./as-selection-banner-Ca9DWVdW.mjs";
+import { t as as_table_base_default } from "./as-table-base-CsK79vYe.mjs";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, unref, watch, withCtx } from "vue";
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "as-table-outer-wrap" };

package/dist/{as-table-actions-BlbAps1h.mjs → as-table-actions-DPq5SrGa.mjs}

@@ -1,5 +1,5 @@
-import { A as intentClass, C as applyRowsGate, D as createNavigateGestures, E as collectIdentifiers, I as queryTargetGate, R as triggerAction, S as applyGate, T as ariaLabelFor, a as useTableContext, k as identifierFieldsOf, v as resolveRowActions, y as rowActionHref, z as triggerBindings } from "./use-table-state-1OZfdhQi.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-35yQWbLF.mjs";
+import { A as intentClass, C as applyRowsGate, D as createNavigateGestures, E as collectIdentifiers, I as queryTargetGate, R as triggerAction, S as applyGate, T as ariaLabelFor, a as useTableContext, k as identifierFieldsOf, v as resolveRowActions, y as rowActionHref, z as triggerBindings } from "./use-table-state-CIoWhwTD.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-BBwL1YZU.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-table-actions-B0xaicfv.cjs → as-table-actions-TaI-NeVv.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-BJ0tn6jq.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-DAOjkslC.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/as-table-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_table_actions = require("./as-table-actions-B0xaicfv.cjs");
+const require_as_table_actions = require("./as-table-actions-TaI-NeVv.cjs");
 module.exports = require_as_table_actions.as_table_actions_default;

package/dist/as-table-actions.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-BKRqHprR.cjs";
+import { t as _default } from "./as-table-actions.vue-CBD_tEpe.cjs";
 export = _default;

package/dist/as-table-actions.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-7ml3JiOO.mjs";
+import { t as _default } from "./as-table-actions.vue-C2szPEXd.mjs";
 export { _default as default };

package/dist/as-table-actions.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_actions_default } from "./as-table-actions-BlbAps1h.mjs";
+import { t as as_table_actions_default } from "./as-table-actions-DPq5SrGa.mjs";
 export { as_table_actions_default as default };

package/dist/{as-table-actions.vue-7ml3JiOO.d.mts → as-table-actions.vue-C2szPEXd.d.mts}

@@ -1,4 +1,4 @@
-import { L as TVueTableActionInfo, t as PromptTarget } from "./intent-scope-Ck7RZ0dK.mjs";
+import { L as TVueTableActionInfo, t as PromptTarget } from "./intent-scope-CvD4YOvf.mjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -23,7 +23,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "row" | "table" | "rows";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     target: PromptTarget | undefined;
     count: number;

package/dist/{as-table-actions.vue-BKRqHprR.d.cts → as-table-actions.vue-CBD_tEpe.d.cts}

@@ -1,4 +1,4 @@
-import { L as TVueTableActionInfo, t as PromptTarget } from "./intent-scope-BXPEN5kJ.cjs";
+import { L as TVueTableActionInfo, t as PromptTarget } from "./intent-scope-CGch9yhy.cjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -23,7 +23,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "row" | "table" | "rows";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     target: PromptTarget | undefined;
     count: number;

package/dist/{as-table-base-EzKaChOp.mjs → as-table-base-CsK79vYe.mjs}

@@ -1,6 +1,6 @@
-import { _ as toSelectAllState, o as useTableContextOptional } from "./use-table-state-1OZfdhQi.mjs";
+import { _ as toSelectAllState, o as useTableContextOptional } from "./use-table-state-CIoWhwTD.mjs";
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { i as as_table_colgroup_default, n as as_table_status_default, o as useCellComponents, r as as_table_header_default, s as useCellResolver, t as as_select_cell_default } from "./as-select-cell-Dl8fohIj.mjs";
+import { i as as_table_colgroup_default, n as as_table_status_default, o as useCellComponents, r as as_table_header_default, s as useCellResolver, t as as_select_cell_default } from "./as-select-cell-DjcPorVb.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, filledFilterCount } from "@atscript/ui-table";
 import { useParentElement, useResizeObserver } from "@vueuse/core";

package/dist/{as-table-base-LZ26YlWp.cjs → as-table-base-Dvey_Gie.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_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_as_select_cell = require("./as-select-cell-CoQJjhnq.cjs");
+const require_as_select_cell = require("./as-select-cell-Dc3lArvR.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");

package/dist/{as-table-cell-value-DoH8Mieo.mjs → as-table-cell-value-D-S127gr.mjs}

@@ -1,6 +1,6 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
 import { t as formatCellValue } from "./format-cell-D1Ziv96Q.mjs";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
 //#endregion
 //#region src/components/defaults/as-table-cell-value.vue
 var as_table_cell_value_default = /* @__PURE__ */ defineComponent({
@@ -17,8 +17,19 @@ var as_table_cell_value_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
+		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
+		function display() {
+			const value = getCellValue(props.row, props.column.path);
+			const options = props.column.options;
+			if (options?.length && value !== null && typeof value !== "object") {
+				const key = String(value);
+				const hit = options.find((o) => o.key === key);
+				if (hit) return hit.label;
+			}
+			return formatCellValue(value, props.column.type);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("td", { class: normalizeClass({ "as-cell-number": props.column.type === "number" }) }, toDisplayString(unref(formatCellValue)(unref(getCellValue)(props.row, props.column.path), props.column.type)), 3);
+			return openBlock(), createElementBlock("td", { class: normalizeClass({ "as-cell-number": props.column.type === "number" }) }, toDisplayString(display()), 3);
 		};
 	}
 });

package/dist/{as-table-cell-value-COyZnwUj.cjs → as-table-cell-value-VWlXc5dA.cjs}

@@ -17,8 +17,19 @@ var as_table_cell_value_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
+		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
+		function display() {
+			const value = require_get_cell_value.getCellValue(props.row, props.column.path);
+			const options = props.column.options;
+			if (options?.length && value !== null && typeof value !== "object") {
+				const key = String(value);
+				const hit = options.find((o) => o.key === key);
+				if (hit) return hit.label;
+			}
+			return require_format_cell.formatCellValue(value, props.column.type);
+		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { class: (0, vue.normalizeClass)({ "as-cell-number": props.column.type === "number" }) }, (0, vue.toDisplayString)((0, vue.unref)(require_format_cell.formatCellValue)((0, vue.unref)(require_get_cell_value.getCellValue)(props.row, props.column.path), props.column.type)), 3);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { class: (0, vue.normalizeClass)({ "as-cell-number": props.column.type === "number" }) }, (0, vue.toDisplayString)(display()), 3);
 		};
 	}
 });

package/dist/as-table-cell-value.cjs

@@ -1,2 +1,2 @@
-const require_as_table_cell_value = require("./as-table-cell-value-COyZnwUj.cjs");
+const require_as_table_cell_value = require("./as-table-cell-value-VWlXc5dA.cjs");
 module.exports = require_as_table_cell_value.as_table_cell_value_default;

package/dist/as-table-cell-value.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-cell-value.vue-kfNgVhzn.mjs";
+import { t as _default } from "./as-table-cell-value.vue-BXIH_yfq.mjs";
 export { _default as default };

package/dist/as-table-cell-value.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_cell_value_default } from "./as-table-cell-value-DoH8Mieo.mjs";
+import { t as as_table_cell_value_default } from "./as-table-cell-value-D-S127gr.mjs";
 export { as_table_cell_value_default as default };

package/dist/{as-table-header-cell-gHhCdxJX.cjs → as-table-header-cell-DB7Cdskr.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_component = require("./use-table-component-aqfGzECx.cjs");
+const require_use_table_component = require("./use-table-component-CsdvdGJT.cjs");
 const require_as_column_menu = require("./as-column-menu-ChB7hzmr.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-table-header-cell-DrVzYaof.mjs → as-table-header-cell-ahzAeHXj.mjs}

@@ -1,4 +1,4 @@
-import { t as useTableComponent } from "./use-table-component-DNGUvhf7.mjs";
+import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
 import { t as as_column_menu_default } from "./as-column-menu-CBtUfYEE.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { isFilled } from "@atscript/ui-table";

package/dist/as-table-header-cell.cjs

@@ -1,2 +1,2 @@
-const require_as_table_header_cell = require("./as-table-header-cell-gHhCdxJX.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-DB7Cdskr.cjs");
 module.exports = require_as_table_header_cell.as_table_header_cell_default;

package/dist/as-table-header-cell.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-header-cell.vue-BCk4NPYT.cjs";
+import { t as _default } from "./as-table-header-cell.vue-D2s9YLSJ.cjs";
 export = _default;

package/dist/as-table-header-cell.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-header-cell.vue-BZU8s9CT.mjs";
+import { t as _default } from "./as-table-header-cell.vue-DfDNma_Z.mjs";
 export { _default as default };

package/dist/as-table-header-cell.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_header_cell_default } from "./as-table-header-cell-DrVzYaof.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-ahzAeHXj.mjs";
 export { as_table_header_cell_default as default };

package/dist/{as-table-header-cell.vue-BCk4NPYT.d.cts → as-table-header-cell.vue-D2s9YLSJ.d.cts}

@@ -1,4 +1,4 @@
-import { u as ColumnMenuConfig } from "./intent-scope-BXPEN5kJ.cjs";
+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";

package/dist/{as-table-header-cell.vue-BZU8s9CT.d.mts → as-table-header-cell.vue-DfDNma_Z.d.mts}

@@ -1,4 +1,4 @@
-import { u as ColumnMenuConfig } from "./intent-scope-Ck7RZ0dK.mjs";
+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";

package/dist/{as-table-root-BYHXuNPI.mjs → as-table-root-BnkF5-rh.mjs}

@@ -1,10 +1,11 @@
-import { c as warnUnsupportedFilter, i as useRegisterMainActionListener, s as warnFieldsDropped, t as createStaticTableState } from "./use-table-state-1OZfdhQi.mjs";
-import { n as finalizeTableState, r as useTable } from "./use-table-DP6Y0kbl.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-BhOPIT2R.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-CJfDnaiU.mjs";
+import { c as warnUnsupportedFilter, i as useRegisterMainActionListener, s as warnFieldsDropped, t as createStaticTableState } from "./use-table-state-CIoWhwTD.mjs";
+import { n as finalizeTableState, r as useTable } from "./use-table-BYNBpLJt.mjs";
+import { n as useCellLocale, t as provideCellLocale } from "./use-cell-locale-BTJZ6UcP.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-CJBERyPB.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-CsF2w9iT.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-DMiGquH1.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineAsyncComponent, defineComponent, mergeModels, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useModel, watch } from "vue";
-import { DEV } from "@atscript/ui-table";
+import { DEV, stableValueKey } from "@atscript/ui-table";
 //#endregion
 //#region src/components/as-table-root.vue
 var as_table_root_default = /* @__PURE__ */ defineComponent({
@@ -67,6 +68,10 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			type: Number,
 			required: false
 		},
+		timeZone: {
+			type: String,
+			required: false
+		},
 		forceFilters: {
 			type: null,
 			required: false
@@ -276,15 +281,21 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			watch(() => props.rows, () => localState.query({ silent: true }));
 			return localState;
 		}
+		const parentLocale = useCellLocale();
+		provideCellLocale(() => ({
+			language: parentLocale.locale.value,
+			timezone: props.timeZone ?? parentLocale.timezone.value
+		}));
 		const hasUnsupportedFilterListener = useHasEmitListener("onUnsupportedFilter");
 		const hasFieldsDroppedListener = useHasEmitListener("onFieldsDropped");
 		const state = localMode ? createLocalState() : useTable(props.url, {
 			limit: props.limit,
 			rowValueFn: props.rowValueFn,
 			selectionPersistence: props.selectionPersistence,
-			forceFilters: props.forceFilters,
-			forceSorters: props.forceSorters,
-			alwaysSelected: props.alwaysSelected,
+			forceFilters: () => props.forceFilters,
+			forceSorters: () => props.forceSorters,
+			alwaysSelected: () => props.alwaysSelected,
+			timeZone: () => props.timeZone,
 			queryFn: props.queryFn,
 			queryOnMount: props.queryOnMount,
 			blockQuery: () => props.blockQuery === true,
@@ -317,6 +328,35 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			preset: props.preset,
 			displayColumns: props.displayColumns
 		});
+		/** A column's key in a `displayColumns` / `columns` list. */
+		const listKey = (c) => c.key ?? c.path;
+		if (DEV) {
+			const setupOnly = [
+				"url",
+				"queryFn",
+				"preset",
+				"urlQuerySync",
+				"displayColumns",
+				"limit",
+				"clientFactory",
+				...localMode ? ["columns"] : []
+			];
+			const sameValue = (a, b) => {
+				if (typeof a === "function" || typeof b === "function") return typeof a === typeof b;
+				if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((c, i) => listKey(c) === listKey(b[i]));
+				try {
+					return stableValueKey(a ?? null) === stableValueKey(b ?? null);
+				} catch {
+					return false;
+				}
+			};
+			const warned = /* @__PURE__ */ new Set();
+			for (const name of setupOnly) watch(() => props[name], (next, prev) => {
+				if (next === prev || warned.has(name) || sameValue(next, prev)) return;
+				warned.add(name);
+				console.warn(`[vue-table] <AsTableRoot>: :${name} ${typeof next === "function" || typeof prev === "function" ? "provided/removed" : "changed"} after mount; it is read once — key the component (:key) to switch it.`);
+			});
+		}
 		watch(() => props.rowActions, (value) => {
 			state.rowActions.value = value;
 		}, { immediate: true });

package/dist/{as-table-root-K6fWKHtF.cjs → as-table-root-Nsk-9XaH.cjs}

@@ -1,8 +1,9 @@
-const require_use_table_state = require("./use-table-state-sDnqOi3b.cjs");
-const require_use_table = require("./use-table-CydIJZbx.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-B7A30yja.cjs");
-const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
-const require_as_confirm_dialog = require("./as-confirm-dialog-C5xPbkox.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_use_table = require("./use-table-C9qI-TL6.cjs");
+const require_use_cell_locale = require("./use-cell-locale-Dv514-Al.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-Gm4ZfOjJ.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-gD1aWp6N.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-cSEHVFBq.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#endregion
@@ -67,6 +68,10 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Number,
 			required: false
 		},
+		timeZone: {
+			type: String,
+			required: false
+		},
 		forceFilters: {
 			type: null,
 			required: false
@@ -276,15 +281,21 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			(0, vue.watch)(() => props.rows, () => localState.query({ silent: true }));
 			return localState;
 		}
+		const parentLocale = require_use_cell_locale.useCellLocale();
+		require_use_cell_locale.provideCellLocale(() => ({
+			language: parentLocale.locale.value,
+			timezone: props.timeZone ?? parentLocale.timezone.value
+		}));
 		const hasUnsupportedFilterListener = require_use_has_emit_listener.useHasEmitListener("onUnsupportedFilter");
 		const hasFieldsDroppedListener = require_use_has_emit_listener.useHasEmitListener("onFieldsDropped");
 		const state = localMode ? createLocalState() : require_use_table.useTable(props.url, {
 			limit: props.limit,
 			rowValueFn: props.rowValueFn,
 			selectionPersistence: props.selectionPersistence,
-			forceFilters: props.forceFilters,
-			forceSorters: props.forceSorters,
-			alwaysSelected: props.alwaysSelected,
+			forceFilters: () => props.forceFilters,
+			forceSorters: () => props.forceSorters,
+			alwaysSelected: () => props.alwaysSelected,
+			timeZone: () => props.timeZone,
 			queryFn: props.queryFn,
 			queryOnMount: props.queryOnMount,
 			blockQuery: () => props.blockQuery === true,
@@ -317,6 +328,35 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			preset: props.preset,
 			displayColumns: props.displayColumns
 		});
+		/** A column's key in a `displayColumns` / `columns` list. */
+		const listKey = (c) => c.key ?? c.path;
+		if (_atscript_ui_table.DEV) {
+			const setupOnly = [
+				"url",
+				"queryFn",
+				"preset",
+				"urlQuerySync",
+				"displayColumns",
+				"limit",
+				"clientFactory",
+				...localMode ? ["columns"] : []
+			];
+			const sameValue = (a, b) => {
+				if (typeof a === "function" || typeof b === "function") return typeof a === typeof b;
+				if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((c, i) => listKey(c) === listKey(b[i]));
+				try {
+					return (0, _atscript_ui_table.stableValueKey)(a ?? null) === (0, _atscript_ui_table.stableValueKey)(b ?? null);
+				} catch {
+					return false;
+				}
+			};
+			const warned = /* @__PURE__ */ new Set();
+			for (const name of setupOnly) (0, vue.watch)(() => props[name], (next, prev) => {
+				if (next === prev || warned.has(name) || sameValue(next, prev)) return;
+				warned.add(name);
+				console.warn(`[vue-table] <AsTableRoot>: :${name} ${typeof next === "function" || typeof prev === "function" ? "provided/removed" : "changed"} after mount; it is read once — key the component (:key) to switch it.`);
+			});
+		}
 		(0, vue.watch)(() => props.rowActions, (value) => {
 			state.rowActions.value = value;
 		}, { immediate: true });

package/dist/as-table-root.cjs

@@ -1,2 +1,2 @@
-const require_as_table_root = require("./as-table-root-K6fWKHtF.cjs");
+const require_as_table_root = require("./as-table-root-Nsk-9XaH.cjs");
 module.exports = require_as_table_root.as_table_root_default;

package/dist/as-table-root.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-CF03c4vu.cjs";
+import { t as _default } from "./as-table-root.vue-DXXcBPu_.cjs";
 export = _default;

package/dist/as-table-root.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-Bm2DxAqU.mjs";
+import { t as _default } from "./as-table-root.vue-D56WcudY.mjs";
 export { _default as default };