@atscript/vue-table 0.1.150 → 0.1.152

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

@@ -1,17 +1,18 @@
-import { _ as toSelectAllState, o as useTableContextOptional } from "./use-table-state-CIoWhwTD.mjs";
+import { _ as toSelectAllState, o as useTableContextOptional } from "./use-table-state-DzvCmxEx.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-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 { 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-C9T1NHmN.mjs";
+import { n as displayCellValue, t as as_table_cell_value_default } from "./as-table-cell-value-BYJd-QRA.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUpdate, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, filledFilterCount } from "@atscript/ui-table";
 import { useParentElement, useResizeObserver } from "@vueuse/core";
 import { ComboboxItem, ComboboxItemIndicator, ListboxItem, ListboxItemIndicator, Primitive } from "reka-ui";
 import { useVirtualizer } from "@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__ */ defineComponent({
 				_: 3
 			})) : (openBlock(), createBlock(unref(Primitive), { key: 1 }, {
 				default: withCtx(() => [
-					paddingTop.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_1$1, [createElementVNode("td", { style: normalizeStyle({
+					paddingTop.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_1$2, [createElementVNode("td", { style: normalizeStyle({
 						height: `${paddingTop.value}px`,
 						padding: "0",
 						border: "none"
@@ -128,7 +129,7 @@ var as_table_virtualizer_default = /* @__PURE__ */ defineComponent({
 							spaceBefore: void 0
 						}));
 					}), 128)),
-					paddingBottom.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_2$1, [createElementVNode("td", { style: normalizeStyle({
+					paddingBottom.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_2$2, [createElementVNode("td", { style: normalizeStyle({
 						height: `${paddingBottom.value}px`,
 						padding: "0",
 						border: "none"
@@ -140,6 +141,235 @@ var as_table_virtualizer_default = /* @__PURE__ */ 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) => 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__ */ 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 openBlock(), createElementBlock(Fragment, null, [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  "), createElementVNode("tr", 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 ? (openBlock(), createBlock(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
+				}, createSlots({ _: 2 }, [__props.hasSelectSlot ? {
+					name: "default",
+					fn: withCtx((scope) => [createVNode(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"
+				])) : createCommentVNode("v-if", true),
+				__props.cellResolver ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.columns, (col) => {
+					return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([__props.cellResolver(col, __props.row, __props.index)], (bindings) => {
+						return openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.cellSlotFlags[col.path] ? (openBlock(), createElementBlock("td", mergeProps({
+							key: 0,
+							role: "gridcell"
+						}, { ref_for: true }, bindings), [createVNode(unref(AsTableSlot), {
+							slots: __props.slots,
+							name: `cell-${col.path}`,
+							scope: {
+								row: __props.row,
+								value: unref(getCellValue)(__props.row, col.path),
+								column: col
+							}
+						}, null, 8, [
+							"slots",
+							"name",
+							"scope"
+						])], 16)) : __props.cellComponents[col.path] === as_table_cell_value_default ? (openBlock(), createElementBlock("td", mergeProps({
+							key: 1,
+							class: { "as-cell-number": col.type === "number" },
+							role: "gridcell"
+						}, { ref_for: true }, bindings), toDisplayString(unref(displayCellValue)(__props.row, col)), 17)) : (openBlock(), createBlock(resolveDynamicComponent(__props.cellComponents[col.path]), mergeProps({
+							key: 2,
+							row: __props.row,
+							column: col,
+							role: "gridcell"
+						}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
+					}), 128))], 64);
+				}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.columns, (col) => {
+					return openBlock(), createElementBlock(Fragment, { key: col.path }, [__props.cellSlotFlags[col.path] ? (openBlock(), createElementBlock("td", _hoisted_2$1, [createVNode(unref(AsTableSlot), {
+						slots: __props.slots,
+						name: `cell-${col.path}`,
+						scope: {
+							row: __props.row,
+							value: unref(getCellValue)(__props.row, col.path),
+							column: col
+						}
+					}, null, 8, [
+						"slots",
+						"name",
+						"scope"
+					])])) : __props.cellComponents[col.path] === as_table_cell_value_default ? (openBlock(), createElementBlock("td", {
+						key: 1,
+						class: normalizeClass({ "as-cell-number": col.type === "number" }),
+						role: "gridcell"
+					}, toDisplayString(unref(displayCellValue)(__props.row, col)), 3)) : (openBlock(), createBlock(resolveDynamicComponent(__props.cellComponents[col.path]), {
+						key: 2,
+						row: __props.row,
+						column: col,
+						role: "gridcell"
+					}, null, 8, ["row", "column"]))], 64);
+				}), 128)),
+				__props.stretch ? (openBlock(), createElementBlock("td", _hoisted_3$1)) : 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__ */ defineComponent({
 		rowAttrs: {
 			type: Function,
 			required: false
+		},
+		slotSource: {
+			type: Object,
+			required: false
 		}
 	},
 	emits: [
@@ -376,7 +593,31 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 		});
 		const emit = __emit;
 		const slots = useSlots();
+		const slotRev = 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;
+		}
+		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 = computed(() => {
+			slotRev.value;
+			return !!slots["cell-__select"];
+		});
 		const cellSlotFlags = 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__ */ 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__ */ defineComponent({
 						"aria-activedescendant": ariaActiveDescendant.value,
 						onKeydown: onTbodyKeydown
 					}, {
-						default: withCtx(({ item, index, spaceBefore }) => [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          "), (openBlock(true), createElementBlock(Fragment, null, renderList([[metaFor(index), isPkSelected(item)]], ([meta, selected]) => {
-							return openBlock(), createElementBlock("tr", mergeProps({
+						default: withCtx(({ item, index, spaceBefore }) => [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          "), (openBlock(true), createElementBlock(Fragment, null, renderList([[metaFor(index), isPkSelected(item)]], ([meta, selected]) => {
+							return openBlock(), 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 ? (openBlock(), createBlock(as_select_cell_default, {
-									key: 0,
-									row: item,
-									index,
-									selected,
-									verdict: meta.selectable,
-									select: __props.select,
-									"select-on": __props.selectOn
-								}, createSlots({ _: 2 }, [unref(slots)["cell-__select"] ? {
-									name: "default",
-									fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell-__select", mergeProps({ ref_for: true }, scope))]),
-									key: "0"
-								} : void 0]), 1032, [
-									"row",
-									"index",
-									"selected",
-									"verdict",
-									"select",
-									"select-on"
-								])) : createCommentVNode("v-if", true),
-								unref(hasAnyCellBindings) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.columns, (col) => {
-									return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, item, index)], (bindings) => {
-										return openBlock(), createElementBlock(Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", mergeProps({
-											key: 0,
-											role: "gridcell"
-										}, { ref_for: true }, bindings), [renderSlot(_ctx.$slots, `cell-${col.path}`, {
-											row: item,
-											value: unref(getCellValue)(item, col.path),
-											column: col
-										})], 16)) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), mergeProps({
-											key: 1,
-											row: item,
-											column: col,
-											role: "gridcell"
-										}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
-									}), 128))], 64);
-								}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.columns, (col) => {
-									return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_7, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
-										row: item,
-										value: unref(getCellValue)(item, col.path),
-										column: col
-									})])) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), {
-										key: 1,
-										row: item,
-										column: col,
-										role: "gridcell"
-									}, null, 8, ["row", "column"]))], 64);
-								}), 128)),
-								__props.stretch ? (openBlock(), createElementBlock("td", _hoisted_8)) : 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": unref(cellComponents),
+								"cell-slot-flags": cellSlotFlags.value,
+								"cell-resolver": unref(hasAnyCellBindings) ? unref(cellResolver) : void 0,
+								stretch: __props.stretch,
+								slots: 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",