@atscript/vue-table 0.1.106 → 0.1.107

package/dist/{as-filter-dialog-DAvF5KI7.cjs → as-filter-dialog-BBMHtQRx.cjs}

@@ -5,8 +5,8 @@ const require_use_table_component = require("./use-table-component-Bs1T8Mk3.cjs"
 const require_as_config_dialog = require("./as-config-dialog-6QNcUtFs.cjs");
 const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 const require_as_filter_input = require("./as-filter-input-DJu2k9gO.cjs");
-const require_as_window_table = require("./as-window-table-C8eJc_FV.cjs");
-const require_as_filters = require("./as-filters-DhJy2qGo.cjs");
+const require_as_window_table = require("./as-window-table-DtnaCKyR.cjs");
+const require_as_filters = require("./as-filters-B82jw5f5.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-filter-dialog-QjVypqE9.mjs → as-filter-dialog-BFy5tg8o.mjs}

@@ -5,8 +5,8 @@ import { t as useTableComponent } from "./use-table-component-D1Ea4qv_.mjs";
 import { n as useDialogTabKeyboard, t as as_config_dialog_default } from "./as-config-dialog-mz5oML3g.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-CqPCI_jD.mjs";
-import { t as as_filters_default } from "./as-filters-5Qyru0V1.mjs";
+import { t as as_window_table_default } from "./as-window-table-BUrMxrbr.mjs";
+import { t as as_filters_default } from "./as-filters-N95wOVF4.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 { columnFilterType, conditionLabel, conditionsForType, dateShortcuts, defaultCondition, filledFilterCount, formatFilterCondition, isFilled, isSimpleEq, sameColumnSet } from "@atscript/ui-table";

package/dist/as-filter-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_dialog = require("./as-filter-dialog-DAvF5KI7.cjs");
+const require_as_filter_dialog = require("./as-filter-dialog-BBMHtQRx.cjs");
 module.exports = require_as_filter_dialog.as_filter_dialog_default;

package/dist/as-filter-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_dialog_default } from "./as-filter-dialog-QjVypqE9.mjs";
+import { t as as_filter_dialog_default } from "./as-filter-dialog-BFy5tg8o.mjs";
 export { as_filter_dialog_default as default };

package/dist/{as-filter-field-c0T27ONN.cjs → as-filter-field-BRSNhFa5.cjs}

@@ -1,6 +1,6 @@
 const require_use_table_state = require("./use-table-state-CmTX31G4.cjs");
 const require_use_table = require("./use-table-w7Bpuk95.cjs");
-const require_as_table_base = require("./as-table-base-Bx9cxbk4.cjs");
+const require_as_table_base = require("./as-table-base-D6VP4rrr.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-filter-field-BR32vGGD.mjs → as-filter-field-DiSwUOJG.mjs}

@@ -1,6 +1,6 @@
 import { a as useTableContext } from "./use-table-state-C0m71e4n.mjs";
 import { n as useTable } from "./use-table-BDkSpj7h.mjs";
-import { t as as_table_base_default } from "./as-table-base-ZW7lQ-Id.mjs";
+import { t as as_table_base_default } from "./as-table-base-BxruWtW2.mjs";
 import { ValueHelpClient, getMetaEntry, resolveValueHelp, valueHelpDictPaths } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, onBeforeUnmount, openBlock, ref, renderList, shallowRef, toDisplayString, unref, useId, watch, withCtx, withKeys, withModifiers } from "vue";
 import { arraysEqual, columnFilterType, debounce, formatFilterCondition, isFilled, isSimpleEq, parseFilterInput } from "@atscript/ui-table";

package/dist/as-filter-field.cjs

@@ -1,2 +1,2 @@
-const require_as_filter_field = require("./as-filter-field-c0T27ONN.cjs");
+const require_as_filter_field = require("./as-filter-field-BRSNhFa5.cjs");
 module.exports = require_as_filter_field.as_filter_field_default;

package/dist/as-filter-field.mjs

@@ -1,2 +1,2 @@
-import { t as as_filter_field_default } from "./as-filter-field-BR32vGGD.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-DiSwUOJG.mjs";
 export { as_filter_field_default as default };

package/dist/{as-filters-DhJy2qGo.cjs → as-filters-B82jw5f5.cjs}

@@ -1,6 +1,6 @@
 const require_use_table_state = require("./use-table-state-CmTX31G4.cjs");
 const require_use_table_component = require("./use-table-component-Bs1T8Mk3.cjs");
-const require_as_filter_field = require("./as-filter-field-c0T27ONN.cjs");
+const require_as_filter_field = require("./as-filter-field-BRSNhFa5.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/as-filters.vue

package/dist/{as-filters-5Qyru0V1.mjs → as-filters-N95wOVF4.mjs}

@@ -1,6 +1,6 @@
 import { a as useTableContext } from "./use-table-state-C0m71e4n.mjs";
 import { t as useTableComponent } from "./use-table-component-D1Ea4qv_.mjs";
-import { t as as_filter_field_default } from "./as-filter-field-BR32vGGD.mjs";
+import { t as as_filter_field_default } from "./as-filter-field-DiSwUOJG.mjs";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, unref } from "vue";
 //#endregion
 //#region src/components/as-filters.vue

package/dist/as-filters.cjs

@@ -1,2 +1,2 @@
-const require_as_filters = require("./as-filters-DhJy2qGo.cjs");
+const require_as_filters = require("./as-filters-B82jw5f5.cjs");
 module.exports = require_as_filters.as_filters_default;

package/dist/as-filters.mjs

@@ -1,2 +1,2 @@
-import { t as as_filters_default } from "./as-filters-5Qyru0V1.mjs";
+import { t as as_filters_default } from "./as-filters-N95wOVF4.mjs";
 export { as_filters_default as default };

package/dist/{as-table-B7RnEB9N.mjs → as-table-Bo2dAWTD.mjs}

@@ -2,7 +2,7 @@ import { _ as ROW_ACTIONS_TYPE, a as useTableContext, g as ROW_ACTIONS_PATH, i a
 import { t as useSelectModeReset } from "./use-table-selection-C84z4OZy.mjs";
 import { t as useHasEmitListener } from "./use-has-emit-listener-BTMDIv2e.mjs";
 import { t as useTableColumnHandlers } from "./use-table-column-handlers-CpiiIniD.mjs";
-import { t as as_table_base_default } from "./as-table-base-ZW7lQ-Id.mjs";
+import { t as as_table_base_default } from "./as-table-base-BxruWtW2.mjs";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, unref, watch, withCtx } from "vue";
 import { rowsToPks } from "@atscript/ui-table";
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
@@ -71,6 +71,11 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 			type: [String, Boolean],
 			required: false,
 			default: false
+		},
+		headless: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -139,6 +144,7 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				"query-error": unref(state).queryError.value,
 				"on-retry": unref(state).query,
 				"sticky-header": __props.stickyHeader,
+				headless: __props.headless,
 				"virtual-row-height": __props.virtualRowHeight,
 				"virtual-overscan": __props.virtualOverscan,
 				filters: unref(state).filters.value,
@@ -176,6 +182,7 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				"query-error",
 				"on-retry",
 				"sticky-header",
+				"headless",
 				"virtual-row-height",
 				"virtual-overscan",
 				"filters",

package/dist/{as-table-BqIeLNSt.cjs → as-table-MKVsJZxT.cjs}

@@ -2,7 +2,7 @@ const require_use_table_state = require("./use-table-state-CmTX31G4.cjs");
 const require_use_table_selection = require("./use-table-selection-Cmiu1h4S.cjs");
 const require_use_has_emit_listener = require("./use-has-emit-listener-hhOH8CBI.cjs");
 const require_use_table_column_handlers = require("./use-table-column-handlers-ehreEzcx.cjs");
-const require_as_table_base = require("./as-table-base-Bx9cxbk4.cjs");
+const require_as_table_base = require("./as-table-base-D6VP4rrr.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
@@ -71,6 +71,11 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: [String, Boolean],
 			required: false,
 			default: false
+		},
+		headless: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -139,6 +144,7 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"query-error": (0, vue.unref)(state).queryError.value,
 				"on-retry": (0, vue.unref)(state).query,
 				"sticky-header": __props.stickyHeader,
+				headless: __props.headless,
 				"virtual-row-height": __props.virtualRowHeight,
 				"virtual-overscan": __props.virtualOverscan,
 				filters: (0, vue.unref)(state).filters.value,
@@ -176,6 +182,7 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"query-error",
 				"on-retry",
 				"sticky-header",
+				"headless",
 				"virtual-row-height",
 				"virtual-overscan",
 				"filters",

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

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

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-DMf6-R5o.mjs";
+import { t as _default } from "./as-table-actions.vue-l3DnLVxA.mjs";
 export { _default as default };

package/dist/{as-table-actions.vue-33oeDXOg.d.cts → as-table-actions.vue-CCCICVBr.d.cts}

@@ -18,7 +18,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "table" | "rows" | "row";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
   }, __VLS_3: {

package/dist/{as-table-actions.vue-DMf6-R5o.d.mts → as-table-actions.vue-l3DnLVxA.d.mts}

@@ -18,7 +18,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "table" | "rows" | "row";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
   }, __VLS_3: {

package/dist/{as-table-base-ZW7lQ-Id.mjs → as-table-base-BxruWtW2.mjs}

@@ -1,6 +1,6 @@
 import { o as useTableContextOptional } from "./use-table-state-C0m71e4n.mjs";
 import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { a as useCellResolver, i as useCellComponents, n as as_table_header_default, t as as_table_status_default } from "./as-table-status-Cs4G2sK3.mjs";
+import { a as useCellComponents, n as as_table_header_default, o as useCellResolver, r as as_table_colgroup_default, t as as_table_status_default } from "./as-table-status-4OaguC5n.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";
@@ -284,6 +284,11 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 			type: Object,
 			required: false,
 			default: () => ({})
+		},
+		headless: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -445,7 +450,19 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 					"aria-rowcount": ariaRowCount.value,
 					"aria-multiselectable": isStandalone.value && __props.select === "multi" ? "true" : void 0
 				}, [
-					createVNode(as_table_header_default, {
+					createVNode(as_table_colgroup_default, {
+						columns: __props.columns,
+						"column-widths": __props.columnWidths,
+						"has-select": hasValue.value,
+						"with-filler": __props.stretch
+					}, null, 8, [
+						"columns",
+						"column-widths",
+						"has-select",
+						"with-filler"
+					]),
+					!__props.headless ? (openBlock(), createBlock(as_table_header_default, {
+						key: 0,
 						columns: __props.columns,
 						sorters: __props.sorters,
 						filters: __props.filters,
@@ -485,10 +502,10 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						"select-all-state",
 						"with-filler",
 						"aria-rowindex"
-					]),
+					])) : createCommentVNode("v-if", true),
 					createCommentVNode(" Combobox / listbox branches: rows render as Reka items. "),
 					isRekaWrapped.value && !__props.queryError ? (openBlock(), createBlock(as_table_virtualizer_default, {
-						key: 0,
+						key: 1,
 						options: __props.rows,
 						"estimate-size": __props.virtualRowHeight,
 						overscan: __props.virtualOverscan,
@@ -551,7 +568,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						"estimate-size",
 						"overscan",
 						"bypass"
-					])) : isStandalone.value && !__props.queryError ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Standalone branch — plain rows + custom keyboard nav, ARIA grid. "), createVNode(as_table_virtualizer_default, {
+					])) : isStandalone.value && !__props.queryError ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createCommentVNode(" Standalone branch — plain rows + custom keyboard nav, ARIA grid. "), createVNode(as_table_virtualizer_default, {
 						options: __props.rows,
 						"estimate-size": __props.virtualRowHeight,
 						overscan: __props.virtualOverscan,

package/dist/{as-table-base-Bx9cxbk4.cjs → as-table-base-D6VP4rrr.cjs}

@@ -1,6 +1,6 @@
 const require_use_table_state = require("./use-table-state-CmTX31G4.cjs");
 const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_table_status = require("./as-table-status-Bunm0FTz.cjs");
+const require_as_table_status = require("./as-table-status-Diyy3DFB.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");
@@ -284,6 +284,11 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Object,
 			required: false,
 			default: () => ({})
+		},
+		headless: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -445,7 +450,19 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"aria-rowcount": ariaRowCount.value,
 					"aria-multiselectable": isStandalone.value && __props.select === "multi" ? "true" : void 0
 				}, [
-					(0, vue.createVNode)(require_as_table_status.as_table_header_default, {
+					(0, vue.createVNode)(require_as_table_status.as_table_colgroup_default, {
+						columns: __props.columns,
+						"column-widths": __props.columnWidths,
+						"has-select": hasValue.value,
+						"with-filler": __props.stretch
+					}, null, 8, [
+						"columns",
+						"column-widths",
+						"has-select",
+						"with-filler"
+					]),
+					!__props.headless ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_table_status.as_table_header_default, {
+						key: 0,
 						columns: __props.columns,
 						sorters: __props.sorters,
 						filters: __props.filters,
@@ -485,10 +502,10 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"select-all-state",
 						"with-filler",
 						"aria-rowindex"
-					]),
+					])) : (0, vue.createCommentVNode)("v-if", true),
 					(0, vue.createCommentVNode)(" Combobox / listbox branches: rows render as Reka items. "),
 					isRekaWrapped.value && !__props.queryError ? ((0, vue.openBlock)(), (0, vue.createBlock)(as_table_virtualizer_default, {
-						key: 0,
+						key: 1,
 						options: __props.rows,
 						"estimate-size": __props.virtualRowHeight,
 						overscan: __props.virtualOverscan,
@@ -551,7 +568,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"estimate-size",
 						"overscan",
 						"bypass"
-					])) : isStandalone.value && !__props.queryError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Standalone branch — plain rows + custom keyboard nav, ARIA grid. "), (0, vue.createVNode)(as_table_virtualizer_default, {
+					])) : isStandalone.value && !__props.queryError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [(0, vue.createCommentVNode)(" Standalone branch — plain rows + custom keyboard nav, ARIA grid. "), (0, vue.createVNode)(as_table_virtualizer_default, {
 						options: __props.rows,
 						"estimate-size": __props.virtualRowHeight,
 						overscan: __props.virtualOverscan,

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

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

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

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

package/dist/{as-table-root.vue-B52eHZRL.d.mts → as-table-root.vue-BjeThuub.d.mts}

@@ -2255,11 +2255,11 @@ declare const __VLS_base: vue.DefineComponent<__VLS_PublicProps, {
   "update:selectedRows": (value: unknown[]) => any;
   "update:urlQuery": (value: string | undefined) => any;
 } & {
-  action: (action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: KeyboardEvent | MouseEvent | undefined) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
+  action: (action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: MouseEvent | KeyboardEvent | undefined) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  onAction?: ((action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: KeyboardEvent | MouseEvent | undefined) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
+  onAction?: ((action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: MouseEvent | KeyboardEvent | undefined) => any) | undefined;
   "onUpdate:filterFields"?: ((value: string[]) => any) | undefined;
   "onUpdate:columnNames"?: ((value: string[]) => any) | undefined;
   "onUpdate:columnWidths"?: ((value: ColumnWidthsMap) => any) | undefined;

package/dist/{as-table-root.vue-Cmk2Altf.d.cts → as-table-root.vue-BukHIoYu.d.cts}

@@ -2255,11 +2255,11 @@ declare const __VLS_base: vue.DefineComponent<__VLS_PublicProps, {
   "update:selectedRows": (value: unknown[]) => any;
   "update:urlQuery": (value: string | undefined) => any;
 } & {
-  action: (action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: KeyboardEvent | MouseEvent | undefined) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
+  action: (action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: MouseEvent | KeyboardEvent | undefined) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  onAction?: ((action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: KeyboardEvent | MouseEvent | undefined) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
+  onAction?: ((action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: MouseEvent | KeyboardEvent | undefined) => any) | undefined;
   "onUpdate:filterFields"?: ((value: string[]) => any) | undefined;
   "onUpdate:columnNames"?: ((value: string[]) => any) | undefined;
   "onUpdate:columnWidths"?: ((value: ColumnWidthsMap) => any) | undefined;

package/dist/{as-table-status-Cs4G2sK3.mjs → as-table-status-4OaguC5n.mjs}

@@ -194,6 +194,19 @@ function useRafBatch(onFlush) {
 }
 //#endregion
 //#region src/composables/use-column-header-drag-resize.ts
+/**
+* Pure width lookup shared by the header `<th>` and the `<colgroup>` `<col>`.
+* Resolves the applied width for a column from the widths map, falling back to
+* `col.width` for columns the table-state-side reconcile doesn't see — chiefly
+* the synthesized `__actions` pseudo-column, which lives in `<AsTable>`'s
+* `effectiveColumns` but never enters `state.columnWidths` (reconcile runs on
+* `def.columns` only). Without this fallback the synthesized column collapses
+* to 0 and its cells become invisible. Both the `<col>` and `<th>` MUST resolve
+* width through this single function so they never disagree.
+*/
+function resolveColumnWidth(columnWidths, col) {
+	return columnWidths[col.path]?.w ?? col.width;
+}
 function pathOf(event) {
 	return event.currentTarget?.dataset.columnPath ?? null;
 }
@@ -282,9 +295,8 @@ function useColumnHeaderDragResize(opts) {
 		opts.onAutoFit(found.th, found.path);
 	}
 	function widthStyle(col) {
-		const entry = opts.columnWidths()[col.path];
-		if (entry) return { width: entry.w };
-		if (col.width) return { width: col.width };
+		const w = resolveColumnWidth(opts.columnWidths(), col);
+		return w ? { width: w } : void 0;
 	}
 	function thClasses(path) {
 		const reorder = opts.reorderable();
@@ -312,6 +324,62 @@ function useColumnHeaderDragResize(opts) {
 	};
 }
 //#endregion
+//#region src/components/internal/as-table-colgroup.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = {
+	key: 0,
+	class: "as-col-select"
+};
+const _hoisted_2$2 = ["data-column-path"];
+const _hoisted_3$2 = {
+	key: 1,
+	class: "as-col-filler"
+};
+//#endregion
+//#region src/components/internal/as-table-colgroup.vue
+var as_table_colgroup_default = /* @__PURE__ */ defineComponent({
+	__name: "as-table-colgroup",
+	props: {
+		columns: {
+			type: Array,
+			required: true
+		},
+		columnWidths: {
+			type: Object,
+			required: true
+		},
+		hasSelect: {
+			type: Boolean,
+			required: true
+		},
+		withFiller: {
+			type: Boolean,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		function colStyle(col) {
+			const w = resolveColumnWidth(props.columnWidths, col);
+			return w ? { width: w } : void 0;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode("\n    `<colgroup>` carries column widths independently of the header so widths\n    survive when `<thead>` is omitted (`headless`). Col order MUST match the\n    body `<td>` order exactly: select col (when `hasSelect`), data columns,\n    then the filler col (when `withFiller`).\n  "), createElementVNode("colgroup", null, [
+				createCommentVNode(" Placeholder for the leading select column. No width — `as-td-select`\n         self-sizes (`w-[4em]`); the col exists only for positional alignment. "),
+				__props.hasSelect ? (openBlock(), createElementBlock("col", _hoisted_1$2)) : createCommentVNode("v-if", true),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+					return openBlock(), createElementBlock("col", {
+						key: col.path,
+						"data-column-path": col.path,
+						style: normalizeStyle(colStyle(col))
+					}, null, 12, _hoisted_2$2);
+				}), 128)),
+				createCommentVNode(" Trailing filler col; absorbs leftover space, no width. "),
+				__props.withFiller ? (openBlock(), createElementBlock("col", _hoisted_3$2)) : createCommentVNode("v-if", true)
+			])], 2112);
+		};
+	}
+});
+//#endregion
 //#region src/components/internal/as-table-header.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$1 = {
 	key: 0,
@@ -448,11 +516,16 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 			const origTableWidth = table.style.width;
 			const origTableMinWidth = table.style.minWidth;
 			const origThWidth = th.style.width;
+			const path = th.dataset.columnPath;
+			const col = path ? table.querySelector(`colgroup col[data-column-path="${path}"]`) : null;
+			const origColWidth = col?.style.width;
 			table.style.tableLayout = "auto";
 			table.style.minWidth = "0";
 			table.style.width = "max-content";
 			th.style.width = "max-content";
+			if (col) col.style.width = "";
 			const measured = th.offsetWidth;
+			if (col) col.style.width = origColWidth ?? "";
 			th.style.width = origThWidth;
 			table.style.width = origTableWidth;
 			table.style.minWidth = origTableMinWidth;
@@ -635,4 +708,4 @@ var as_table_status_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { useCellResolver as a, useCellComponents as i, as_table_header_default as n, useRafBatch as r, as_table_status_default as t };
+export { useCellComponents as a, useRafBatch as i, as_table_header_default as n, useCellResolver as o, as_table_colgroup_default as r, as_table_status_default as t };

package/dist/{as-table-status-Bunm0FTz.cjs → as-table-status-Diyy3DFB.cjs}

@@ -194,6 +194,19 @@ function useRafBatch(onFlush) {
 }
 //#endregion
 //#region src/composables/use-column-header-drag-resize.ts
+/**
+* Pure width lookup shared by the header `<th>` and the `<colgroup>` `<col>`.
+* Resolves the applied width for a column from the widths map, falling back to
+* `col.width` for columns the table-state-side reconcile doesn't see — chiefly
+* the synthesized `__actions` pseudo-column, which lives in `<AsTable>`'s
+* `effectiveColumns` but never enters `state.columnWidths` (reconcile runs on
+* `def.columns` only). Without this fallback the synthesized column collapses
+* to 0 and its cells become invisible. Both the `<col>` and `<th>` MUST resolve
+* width through this single function so they never disagree.
+*/
+function resolveColumnWidth(columnWidths, col) {
+	return columnWidths[col.path]?.w ?? col.width;
+}
 function pathOf(event) {
 	return event.currentTarget?.dataset.columnPath ?? null;
 }
@@ -282,9 +295,8 @@ function useColumnHeaderDragResize(opts) {
 		opts.onAutoFit(found.th, found.path);
 	}
 	function widthStyle(col) {
-		const entry = opts.columnWidths()[col.path];
-		if (entry) return { width: entry.w };
-		if (col.width) return { width: col.width };
+		const w = resolveColumnWidth(opts.columnWidths(), col);
+		return w ? { width: w } : void 0;
 	}
 	function thClasses(path) {
 		const reorder = opts.reorderable();
@@ -312,6 +324,62 @@ function useColumnHeaderDragResize(opts) {
 	};
 }
 //#endregion
+//#region src/components/internal/as-table-colgroup.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = {
+	key: 0,
+	class: "as-col-select"
+};
+const _hoisted_2$2 = ["data-column-path"];
+const _hoisted_3$2 = {
+	key: 1,
+	class: "as-col-filler"
+};
+//#endregion
+//#region src/components/internal/as-table-colgroup.vue
+var as_table_colgroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-table-colgroup",
+	props: {
+		columns: {
+			type: Array,
+			required: true
+		},
+		columnWidths: {
+			type: Object,
+			required: true
+		},
+		hasSelect: {
+			type: Boolean,
+			required: true
+		},
+		withFiller: {
+			type: Boolean,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		function colStyle(col) {
+			const w = resolveColumnWidth(props.columnWidths, col);
+			return w ? { width: w } : void 0;
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)("\n    `<colgroup>` carries column widths independently of the header so widths\n    survive when `<thead>` is omitted (`headless`). Col order MUST match the\n    body `<td>` order exactly: select col (when `hasSelect`), data columns,\n    then the filler col (when `withFiller`).\n  "), (0, vue.createElementVNode)("colgroup", null, [
+				(0, vue.createCommentVNode)(" Placeholder for the leading select column. No width — `as-td-select`\n         self-sizes (`w-[4em]`); the col exists only for positional alignment. "),
+				__props.hasSelect ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("col", _hoisted_1$2)) : (0, vue.createCommentVNode)("v-if", true),
+				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.columns, (col) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("col", {
+						key: col.path,
+						"data-column-path": col.path,
+						style: (0, vue.normalizeStyle)(colStyle(col))
+					}, null, 12, _hoisted_2$2);
+				}), 128)),
+				(0, vue.createCommentVNode)(" Trailing filler col; absorbs leftover space, no width. "),
+				__props.withFiller ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("col", _hoisted_3$2)) : (0, vue.createCommentVNode)("v-if", true)
+			])], 2112);
+		};
+	}
+});
+//#endregion
 //#region src/components/internal/as-table-header.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$1 = {
 	key: 0,
@@ -448,11 +516,16 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const origTableWidth = table.style.width;
 			const origTableMinWidth = table.style.minWidth;
 			const origThWidth = th.style.width;
+			const path = th.dataset.columnPath;
+			const col = path ? table.querySelector(`colgroup col[data-column-path="${path}"]`) : null;
+			const origColWidth = col?.style.width;
 			table.style.tableLayout = "auto";
 			table.style.minWidth = "0";
 			table.style.width = "max-content";
 			th.style.width = "max-content";
+			if (col) col.style.width = "";
 			const measured = th.offsetWidth;
+			if (col) col.style.width = origColWidth ?? "";
 			th.style.width = origThWidth;
 			table.style.width = origTableWidth;
 			table.style.minWidth = origTableMinWidth;
@@ -635,6 +708,12 @@ var as_table_status_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+Object.defineProperty(exports, "as_table_colgroup_default", {
+	enumerable: true,
+	get: function() {
+		return as_table_colgroup_default;
+	}
+});
 Object.defineProperty(exports, "as_table_header_default", {
 	enumerable: true,
 	get: function() {

package/dist/as-table.cjs

@@ -1,2 +1,2 @@
-const require_as_table = require("./as-table-BqIeLNSt.cjs");
+const require_as_table = require("./as-table-MKVsJZxT.cjs");
 module.exports = require_as_table.as_table_default;

package/dist/as-table.d.cts

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

package/dist/as-table.d.mts

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

package/dist/as-table.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_default } from "./as-table-B7RnEB9N.mjs";
+import { t as as_table_default } from "./as-table-Bo2dAWTD.mjs";
 export { as_table_default as default };