@atscript/vue-table 0.1.150 → 0.1.152

package/dist/{as-table-base-Dvey_Gie.cjs → as-table-base-D_Hmin8J.cjs}

@@ -1,17 +1,18 @@
-const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_use_table_state = require("./use-table-state-zE3BpeA7.cjs");
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_as_select_cell = require("./as-select-cell-Dc3lArvR.cjs");
+const require_as_select_cell = require("./as-select-cell-BmLF217C.cjs");
+const require_as_table_cell_value = require("./as-table-cell-value-CGBk-KWx.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");
 let reka_ui = require("reka-ui");
 let _tanstack_vue_virtual = require("@tanstack/vue-virtual");
 //#region src/components/internal/as-table-virtualizer.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
 	key: 0,
 	"aria-hidden": "true"
 };
-const _hoisted_2$1 = {
+const _hoisted_2$2 = {
 	key: 1,
 	"aria-hidden": "true"
 };
@@ -116,7 +117,7 @@ var as_table_virtualizer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				_: 3
 			})) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.Primitive), { key: 1 }, {
 				default: (0, vue.withCtx)(() => [
-					paddingTop.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_1$1, [(0, vue.createElementVNode)("td", { style: (0, vue.normalizeStyle)({
+					paddingTop.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_1$2, [(0, vue.createElementVNode)("td", { style: (0, vue.normalizeStyle)({
 						height: `${paddingTop.value}px`,
 						padding: "0",
 						border: "none"
@@ -128,7 +129,7 @@ var as_table_virtualizer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							spaceBefore: void 0
 						}));
 					}), 128)),
-					paddingBottom.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_2$1, [(0, vue.createElementVNode)("td", { style: (0, vue.normalizeStyle)({
+					paddingBottom.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", _hoisted_2$2, [(0, vue.createElementVNode)("td", { style: (0, vue.normalizeStyle)({
 						height: `${paddingBottom.value}px`,
 						padding: "0",
 						border: "none"
@@ -140,6 +141,235 @@ var as_table_virtualizer_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/internal/as-table-slot.ts
+/**
+* Renders the slot `name` of a slots object owned by ANOTHER component, with
+* `scope` as its props — `<AsTableRow>` uses it to render `<AsTableBase>`'s
+* cell slots. Unlike a forwarding `<slot>`, it leaves the row's own slots
+* stable, so rows are not force-updated on every parent pass.
+*
+* @internal
+*/
+const AsTableSlot = (props) => (0, vue.renderSlot)(props.slots, props.name, props.scope);
+AsTableSlot.props = [
+	"slots",
+	"name",
+	"scope"
+];
+//#endregion
+//#region src/components/internal/as-table-row.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"id",
+	"aria-rowindex",
+	"aria-selected",
+	"data-selectable"
+];
+const _hoisted_2$1 = {
+	key: 0,
+	role: "gridcell"
+};
+const _hoisted_3$1 = {
+	key: 3,
+	class: "as-td-filler",
+	role: "gridcell"
+};
+//#endregion
+//#region src/components/internal/as-table-row.vue
+var as_table_row_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "as-table-row",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		index: {
+			type: Number,
+			required: true
+		},
+		spaceBefore: {
+			type: Number,
+			required: false
+		},
+		selectable: {
+			type: Object,
+			required: true
+		},
+		rowClass: {
+			type: null,
+			required: true
+		},
+		rowAttrs: {
+			type: null,
+			required: true
+		},
+		selected: {
+			type: Boolean,
+			required: true
+		},
+		active: {
+			type: Boolean,
+			required: true
+		},
+		rowId: {
+			type: null,
+			required: true
+		},
+		rowHeight: {
+			type: Number,
+			required: false
+		},
+		hasValue: {
+			type: Boolean,
+			required: true
+		},
+		select: {
+			type: String,
+			required: true
+		},
+		selectOn: {
+			type: String,
+			required: true
+		},
+		columns: {
+			type: Array,
+			required: true
+		},
+		cellComponents: {
+			type: Object,
+			required: true
+		},
+		cellSlotFlags: {
+			type: Object,
+			required: true
+		},
+		slots: {
+			type: Object,
+			required: true
+		},
+		hasSelectSlot: {
+			type: Boolean,
+			required: true
+		},
+		cellResolver: {
+			type: Function,
+			required: false
+		},
+		stretch: {
+			type: Boolean,
+			required: true
+		},
+		slotRev: {
+			type: Number,
+			required: true
+		},
+		onRowClick: {
+			type: Function,
+			required: true
+		},
+		onRowDblClick: {
+			type: Function,
+			required: true
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)("\n    `v-bind=\"rowAttrs\"` comes FIRST so every framework binding after it wins —\n    consumer attrs can decorate a row but can never rewrite its id / role /\n    aria / data contract.\n  "), (0, vue.createElementVNode)("tr", (0, vue.mergeProps)(__props.rowAttrs, {
+				id: __props.rowId,
+				role: "row",
+				"aria-rowindex": __props.index + 2,
+				"aria-selected": __props.select === "none" ? void 0 : __props.selected ? "true" : "false",
+				"data-selectable": __props.selectable.ok ? void 0 : "false",
+				class: [{ "as-table-row-active": __props.active }, __props.rowClass],
+				style: {
+					height: __props.rowHeight ? `${__props.rowHeight}px` : void 0,
+					transform: __props.spaceBefore ? `translateY(${__props.spaceBefore}px)` : void 0
+				},
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.onRowClick(__props.row, $event, __props.index)),
+				onDblclick: _cache[1] || (_cache[1] = ($event) => __props.onRowDblClick(__props.row, $event, __props.index))
+			}), [
+				__props.hasValue ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_select_cell.as_select_cell_default, {
+					key: 0,
+					row: __props.row,
+					index: __props.index,
+					selected: __props.selected,
+					verdict: __props.selectable,
+					select: __props.select,
+					"select-on": __props.selectOn
+				}, (0, vue.createSlots)({ _: 2 }, [__props.hasSelectSlot ? {
+					name: "default",
+					fn: (0, vue.withCtx)((scope) => [(0, vue.createVNode)((0, vue.unref)(AsTableSlot), {
+						slots: __props.slots,
+						name: "cell-__select",
+						scope
+					}, null, 8, ["slots", "scope"])]),
+					key: "0"
+				} : void 0]), 1032, [
+					"row",
+					"index",
+					"selected",
+					"verdict",
+					"select",
+					"select-on"
+				])) : (0, vue.createCommentVNode)("v-if", true),
+				__props.cellResolver ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(__props.columns, (col) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([__props.cellResolver(col, __props.row, __props.index)], (bindings) => {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [__props.cellSlotFlags[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
+							key: 0,
+							role: "gridcell"
+						}, { ref_for: true }, bindings), [(0, vue.createVNode)((0, vue.unref)(AsTableSlot), {
+							slots: __props.slots,
+							name: `cell-${col.path}`,
+							scope: {
+								row: __props.row,
+								value: (0, vue.unref)(require_get_cell_value.getCellValue)(__props.row, col.path),
+								column: col
+							}
+						}, null, 8, [
+							"slots",
+							"name",
+							"scope"
+						])], 16)) : __props.cellComponents[col.path] === require_as_table_cell_value.as_table_cell_value_default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
+							key: 1,
+							class: { "as-cell-number": col.type === "number" },
+							role: "gridcell"
+						}, { ref_for: true }, bindings), (0, vue.toDisplayString)((0, vue.unref)(require_as_table_cell_value.displayCellValue)(__props.row, col)), 17)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.cellComponents[col.path]), (0, vue.mergeProps)({
+							key: 2,
+							row: __props.row,
+							column: col,
+							role: "gridcell"
+						}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
+					}), 128))], 64);
+				}), 128)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(__props.columns, (col) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [__props.cellSlotFlags[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_2$1, [(0, vue.createVNode)((0, vue.unref)(AsTableSlot), {
+						slots: __props.slots,
+						name: `cell-${col.path}`,
+						scope: {
+							row: __props.row,
+							value: (0, vue.unref)(require_get_cell_value.getCellValue)(__props.row, col.path),
+							column: col
+						}
+					}, null, 8, [
+						"slots",
+						"name",
+						"scope"
+					])])) : __props.cellComponents[col.path] === require_as_table_cell_value.as_table_cell_value_default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", {
+						key: 1,
+						class: (0, vue.normalizeClass)({ "as-cell-number": col.type === "number" }),
+						role: "gridcell"
+					}, (0, vue.toDisplayString)((0, vue.unref)(require_as_table_cell_value.displayCellValue)(__props.row, col)), 3)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.cellComponents[col.path]), {
+						key: 2,
+						row: __props.row,
+						column: col,
+						role: "gridcell"
+					}, null, 8, ["row", "column"]))], 64);
+				}), 128)),
+				__props.stretch ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_3$1)) : (0, vue.createCommentVNode)("v-if", true)
+			], 16, _hoisted_1$1)], 2112);
+		};
+	}
+});
+//#endregion
 //#region src/components/internal/as-table-base.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = [
 	"role",
@@ -156,23 +386,6 @@ const _hoisted_5 = {
 	key: 3,
 	class: "as-td-filler"
 };
-const _hoisted_6 = [
-	"id",
-	"aria-rowindex",
-	"aria-selected",
-	"data-selectable",
-	"onClick",
-	"onDblclick"
-];
-const _hoisted_7 = {
-	key: 0,
-	role: "gridcell"
-};
-const _hoisted_8 = {
-	key: 3,
-	class: "as-td-filler",
-	role: "gridcell"
-};
 const SCROLL_TOL = 1.5;
 //#endregion
 //#region src/components/internal/as-table-base.vue
@@ -293,6 +506,10 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		rowAttrs: {
 			type: Function,
 			required: false
+		},
+		slotSource: {
+			type: Object,
+			required: false
 		}
 	},
 	emits: [
@@ -376,7 +593,31 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
+		const slotRev = (0, vue.shallowRef)(0);
+		let slotFns = snapshotSlotFns();
+		function snapshotSlotFns() {
+			const source = props.slotSource ?? slots;
+			const out = /* @__PURE__ */ new Map();
+			for (const name in source) if (name.startsWith("cell-")) out.set(name, source[name]);
+			return out;
+		}
+		(0, vue.onBeforeUpdate)(() => {
+			const next = snapshotSlotFns();
+			let same = next.size === slotFns.size;
+			if (same) {
+				for (const [name, fn] of next) if (slotFns.get(name) !== fn) same = false;
+			}
+			if (!same) {
+				slotFns = next;
+				slotRev.value++;
+			}
+		});
+		const hasSelectSlot = (0, vue.computed)(() => {
+			slotRev.value;
+			return !!slots["cell-__select"];
+		});
 		const cellSlotFlags = (0, vue.computed)(() => {
+			slotRev.value;
 			const out = {};
 			for (const c of props.columns) out[c.path] = !!slots[`cell-${c.path}`];
 			return out;
@@ -385,10 +626,6 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!ctx || !props.rowValueFn) return false;
 			return ctx.state.isPkSelected(props.rowValueFn(row));
 		}
-		function ariaSelectedFor(selected) {
-			if (props.select === "none") return void 0;
-			return selected ? "true" : "false";
-		}
 		function onRowClick(row, event, index) {
 			emit("row-click", row, event);
 			if (!isStandalone.value) return;
@@ -653,76 +890,57 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-activedescendant": ariaActiveDescendant.value,
 						onKeydown: onTbodyKeydown
 					}, {
-						default: (0, vue.withCtx)(({ item, index, spaceBefore }) => [(0, vue.createCommentVNode)("\n            `meta` (the row's hook results + its selectability verdict) and\n            `selected` are resolved ONCE per row; `v-bind=\"meta.attrs\"` comes FIRST so every\n            framework binding after it wins — consumer attrs can decorate a\n            row but can never rewrite its id / role / aria / data contract.\n          "), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([[metaFor(index), isPkSelected(item)]], ([meta, selected]) => {
-							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", (0, vue.mergeProps)({
+						default: (0, vue.withCtx)(({ item, index, spaceBefore }) => [(0, vue.createCommentVNode)("\n            `meta` (the row's hook results + its selectability verdict) and\n            `selected` are resolved ONCE per row. Each row is its own\n            component: a change that touches one row re-renders that row only.\n          "), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([[metaFor(index), isPkSelected(item)]], ([meta, selected]) => {
+							return (0, vue.openBlock)(), (0, vue.createBlock)(as_table_row_default, {
 								key: 0,
-								ref_for: true
-							}, meta.attrs, {
-								id: rowIdFor(index),
-								role: "row",
-								"aria-rowindex": index + 2,
-								"aria-selected": ariaSelectedFor(selected),
-								"data-selectable": meta.selectable.ok ? void 0 : "false",
-								class: [{ "as-table-row-active": isActiveRow(index) }, meta.cls],
-								style: {
-									height: __props.virtualRowHeight ? `${__props.virtualRowHeight}px` : void 0,
-									transform: spaceBefore ? `translateY(${spaceBefore}px)` : void 0
-								},
-								onClick: ($event) => onRowClick(item, $event, index),
-								onDblclick: ($event) => onRowDblClick(item, $event, index)
-							}), [
-								hasValue.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_select_cell.as_select_cell_default, {
-									key: 0,
-									row: item,
-									index,
-									selected,
-									verdict: meta.selectable,
-									select: __props.select,
-									"select-on": __props.selectOn
-								}, (0, vue.createSlots)({ _: 2 }, [(0, vue.unref)(slots)["cell-__select"] ? {
-									name: "default",
-									fn: (0, vue.withCtx)((scope) => [(0, vue.renderSlot)(_ctx.$slots, "cell-__select", (0, vue.mergeProps)({ ref_for: true }, scope))]),
-									key: "0"
-								} : void 0]), 1032, [
-									"row",
-									"index",
-									"selected",
-									"verdict",
-									"select",
-									"select-on"
-								])) : (0, vue.createCommentVNode)("v-if", true),
-								(0, vue.unref)(hasAnyCellBindings) ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(__props.columns, (col) => {
-									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([(0, vue.unref)(cellResolver)(col, item, index)], (bindings) => {
-										return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
-											key: 0,
-											role: "gridcell"
-										}, { ref_for: true }, bindings), [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
-											row: item,
-											value: (0, vue.unref)(require_get_cell_value.getCellValue)(item, col.path),
-											column: col
-										})], 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(cellComponents)[col.path]), (0, vue.mergeProps)({
-											key: 1,
-											row: item,
-											column: col,
-											role: "gridcell"
-										}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
-									}), 128))], 64);
-								}), 128)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(__props.columns, (col) => {
-									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_7, [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
-										row: item,
-										value: (0, vue.unref)(require_get_cell_value.getCellValue)(item, col.path),
-										column: col
-									})])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(cellComponents)[col.path]), {
-										key: 1,
-										row: item,
-										column: col,
-										role: "gridcell"
-									}, null, 8, ["row", "column"]))], 64);
-								}), 128)),
-								__props.stretch ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_8)) : (0, vue.createCommentVNode)("v-if", true)
-							], 16, _hoisted_6);
+								row: item,
+								index,
+								"space-before": spaceBefore,
+								selectable: meta.selectable,
+								"row-class": meta.cls,
+								"row-attrs": meta.attrs,
+								selected,
+								active: isActiveRow(index),
+								"row-id": rowIdFor(index),
+								"row-height": __props.virtualRowHeight,
+								"has-value": hasValue.value,
+								select: __props.select,
+								"select-on": __props.selectOn,
+								columns: __props.columns,
+								"cell-components": (0, vue.unref)(cellComponents),
+								"cell-slot-flags": cellSlotFlags.value,
+								"cell-resolver": (0, vue.unref)(hasAnyCellBindings) ? (0, vue.unref)(cellResolver) : void 0,
+								stretch: __props.stretch,
+								slots: (0, vue.unref)(slots),
+								"has-select-slot": hasSelectSlot.value,
+								"slot-rev": slotRev.value,
+								"on-row-click": onRowClick,
+								"on-row-dbl-click": onRowDblClick
+							}, null, 8, [
+								"row",
+								"index",
+								"space-before",
+								"selectable",
+								"row-class",
+								"row-attrs",
+								"selected",
+								"active",
+								"row-id",
+								"row-height",
+								"has-value",
+								"select",
+								"select-on",
+								"columns",
+								"cell-components",
+								"cell-slot-flags",
+								"cell-resolver",
+								"stretch",
+								"slots",
+								"has-select-slot",
+								"slot-rev"
+							]);
 						}), 128))]),
-						_: 3
+						_: 1
 					}, 8, [
 						"options",
 						"estimate-size",

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

@@ -0,0 +1,57 @@
+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 } from "vue";
+//#region src/utils/display-cell-value.ts
+/** Option key → label, built once per options list (first match wins, as `find` would). */
+const labelsByOptions = /* @__PURE__ */ new WeakMap();
+function optionLabels(options) {
+	let labels = labelsByOptions.get(options);
+	if (!labels) {
+		labels = /* @__PURE__ */ new Map();
+		for (const o of options) if (!labels.has(o.key)) labels.set(o.key, o.label);
+		labelsByOptions.set(options, labels);
+	}
+	return labels;
+}
+/**
+* The text the built-in default cell (`AsTableCellValue`) shows: a union
+* column shows the option label (`@ui.literalLabel`); anything else formats
+* by type.
+*/
+function displayCellValue(row, column) {
+	const value = getCellValue(row, column.path);
+	const options = column.options;
+	if (options?.length && value !== null && typeof value !== "object") {
+		const labels = optionLabels(options);
+		const key = String(value);
+		if (labels.has(key)) return labels.get(key);
+	}
+	return formatCellValue(value, column.type);
+}
+//#endregion
+//#region src/components/defaults/as-table-cell-value.vue
+var as_table_cell_value_default = /* @__PURE__ */ defineComponent({
+	__name: "as-table-cell-value",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
+		function display() {
+			return displayCellValue(props.row, props.column);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", { class: normalizeClass({ "as-cell-number": props.column.type === "number" }) }, toDisplayString(display()), 3);
+		};
+	}
+});
+//#endregion
+export { displayCellValue as n, as_table_cell_value_default as t };

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

@@ -0,0 +1,68 @@
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_format_cell = require("./format-cell-vCNTh4WZ.cjs");
+let vue = require("vue");
+//#region src/utils/display-cell-value.ts
+/** Option key → label, built once per options list (first match wins, as `find` would). */
+const labelsByOptions = /* @__PURE__ */ new WeakMap();
+function optionLabels(options) {
+	let labels = labelsByOptions.get(options);
+	if (!labels) {
+		labels = /* @__PURE__ */ new Map();
+		for (const o of options) if (!labels.has(o.key)) labels.set(o.key, o.label);
+		labelsByOptions.set(options, labels);
+	}
+	return labels;
+}
+/**
+* The text the built-in default cell (`AsTableCellValue`) shows: a union
+* column shows the option label (`@ui.literalLabel`); anything else formats
+* by type.
+*/
+function displayCellValue(row, column) {
+	const value = require_get_cell_value.getCellValue(row, column.path);
+	const options = column.options;
+	if (options?.length && value !== null && typeof value !== "object") {
+		const labels = optionLabels(options);
+		const key = String(value);
+		if (labels.has(key)) return labels.get(key);
+	}
+	return require_format_cell.formatCellValue(value, column.type);
+}
+//#endregion
+//#region src/components/defaults/as-table-cell-value.vue
+var as_table_cell_value_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-table-cell-value",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		column: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
+		function display() {
+			return displayCellValue(props.row, props.column);
+		}
+		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)(display()), 3);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_table_cell_value_default", {
+	enumerable: true,
+	get: function() {
+		return as_table_cell_value_default;
+	}
+});
+Object.defineProperty(exports, "displayCellValue", {
+	enumerable: true,
+	get: function() {
+		return displayCellValue;
+	}
+});

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

@@ -1,2 +1,2 @@
-const require_as_table_cell_value = require("./as-table-cell-value-VWlXc5dA.cjs");
+const require_as_table_cell_value = require("./as-table-cell-value-CGBk-KWx.cjs");
 module.exports = require_as_table_cell_value.as_table_cell_value_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-D-S127gr.mjs";
+import { t as as_table_cell_value_default } from "./as-table-cell-value-BYJd-QRA.mjs";
 export { as_table_cell_value_default as default };

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

@@ -1,4 +1,4 @@
-import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
+import { t as useTableComponent } from "./use-table-component-B9QRSvoR.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-DB7Cdskr.cjs → as-table-header-cell-Ch0J_Axe.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_component = require("./use-table-component-CsdvdGJT.cjs");
+const require_use_table_component = require("./use-table-component-Daap95CE.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.cjs

@@ -1,2 +1,2 @@
-const require_as_table_header_cell = require("./as-table-header-cell-DB7Cdskr.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-Ch0J_Axe.cjs");
 module.exports = require_as_table_header_cell.as_table_header_cell_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-ahzAeHXj.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-Bg5wAPHv.mjs";
 export { as_table_header_cell_default as default };

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

@@ -1,9 +1,9 @@
-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_table_state = require("./use-table-state-zE3BpeA7.cjs");
+const require_use_table = require("./use-table-B3CvWW_y.cjs");
+const require_use_cell_locale = require("./use-cell-locale-Dy5Rf1yp.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-C43u266u.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");
+const require_as_confirm_dialog = require("./as-confirm-dialog-pcKkl-Qo.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#endregion