@atscript/vue-table 0.1.106 → 0.1.107

package/dist/{as-table.vue-CBrxpL4X.d.cts → as-table.vue-CDPbZQRG.d.cts}

@@ -47,27 +47,35 @@ type __VLS_Props = {
    * compose their own column layout.
    */
   rowActionsColumn?: "first" | "last" | "merge-select" | false;
+  /**
+   * Render without a header row. Omits `<thead>` entirely (not
+   * `display:none`); column widths are carried by the `<colgroup>`, so data
+   * columns keep their annotated/seeded widths. Header-driven interactions
+   * (sort/filter/reorder/resize) are unavailable in headless mode.
+   */
+  headless?: boolean;
 };
 declare var __VLS_21: string, __VLS_22: any, __VLS_24: {};
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any } & {
   'query-loading'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
   "row-click": (row: Record<string, unknown>, event: MouseEvent) => any;
   "row-dblclick": (row: Record<string, unknown>, event: MouseEvent) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
   "onRow-click"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
   "onRow-dblclick"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
 }>, {
   select: SelectionMode;
-  stickyHeader: boolean;
-  virtualOverscan: number;
   reorderable: boolean;
   resizable: boolean;
   columnMinWidth: number;
   rowDelete: boolean | RowDeleteOpt;
+  headless: boolean;
+  stickyHeader: boolean;
+  virtualOverscan: number;
   rowActionsColumn: "first" | "last" | "merge-select" | false;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/{as-table.vue-WF12BUAO.d.mts → as-table.vue-DaVtNFIe.d.mts}

@@ -47,27 +47,35 @@ type __VLS_Props = {
    * compose their own column layout.
    */
   rowActionsColumn?: "first" | "last" | "merge-select" | false;
+  /**
+   * Render without a header row. Omits `<thead>` entirely (not
+   * `display:none`); column widths are carried by the `<colgroup>`, so data
+   * columns keep their annotated/seeded widths. Header-driven interactions
+   * (sort/filter/reorder/resize) are unavailable in headless mode.
+   */
+  headless?: boolean;
 };
 declare var __VLS_21: string, __VLS_22: any, __VLS_24: {};
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any } & {
   'query-loading'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
   "row-click": (row: Record<string, unknown>, event: MouseEvent) => any;
   "row-dblclick": (row: Record<string, unknown>, event: MouseEvent) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
   "onRow-click"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
   "onRow-dblclick"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
 }>, {
   select: SelectionMode;
-  stickyHeader: boolean;
-  virtualOverscan: number;
   reorderable: boolean;
   resizable: boolean;
   columnMinWidth: number;
   rowDelete: boolean | RowDeleteOpt;
+  headless: boolean;
+  stickyHeader: boolean;
+  virtualOverscan: number;
   rowActionsColumn: "first" | "last" | "merge-select" | false;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/{as-window-table-CqPCI_jD.mjs → as-window-table-BUrMxrbr.mjs}

@@ -2,7 +2,7 @@ import { a as useTableContext, i as useRegisterMainActionListener } from "./use-
 import { t as useSelectModeReset } from "./use-table-selection-C84z4OZy.mjs";
 import { t as useHasEmitListener } from "./use-has-emit-listener-BTMDIv2e.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, r as useRafBatch, t as as_table_status_default } from "./as-table-status-Cs4G2sK3.mjs";
+import { a as useCellComponents, i as useRafBatch, 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 { t as useTableColumnHandlers } from "./use-table-column-handlers-CpiiIniD.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx, withModifiers } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, clampTopIndex, filledFilterCount } from "@atscript/ui-table";
@@ -236,6 +236,11 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 		enterAction: {
 			type: String,
 			required: false
+		},
+		headless: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -412,125 +417,139 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 					role: "grid",
 					"aria-rowcount": unref(state).totalCount.value + 1,
 					"aria-multiselectable": __props.select === "multi" ? "true" : void 0
-				}, [createVNode(as_table_header_default, {
-					columns: unref(state).columns.value,
-					sorters: unref(state).sorters.value,
-					filters: unref(state).filters.value,
-					"column-menu": __props.columnMenu,
-					"column-widths": unref(state).columnWidths.value,
-					reorderable: __props.reorderable,
-					resizable: __props.resizable,
-					"column-min-width": __props.columnMinWidth,
-					"has-select-column": hasValue.value,
-					"select-all-state": selectAllState.value,
-					"with-filler": true,
-					"enable-auto-fit": true,
-					"aria-rowindex": 1,
-					onSort: unref(onSort),
-					onHide: unref(onHide),
-					onFilter: unref(onFilter),
-					onFiltersOff: unref(onFiltersOff),
-					onResetWidth: unref(onResetWidth),
-					onReorder: unref(onReorder),
-					onResize: unref(state).setColumnWidth,
-					onSelectAllToggle
-				}, createSlots({ _: 2 }, [renderList(unref(state).columns.value, (col) => {
-					return {
-						name: `header-${col.path}`,
-						fn: withCtx((scope) => [renderSlot(_ctx.$slots, `header-${col.path}`, normalizeProps(guardReactiveProps(scope)))])
-					};
-				})]), 1032, [
-					"columns",
-					"sorters",
-					"filters",
-					"column-menu",
-					"column-widths",
-					"reorderable",
-					"resizable",
-					"column-min-width",
-					"has-select-column",
-					"select-all-state",
-					"onSort",
-					"onHide",
-					"onFilter",
-					"onFiltersOff",
-					"onResetWidth",
-					"onReorder",
-					"onResize"
-				]), createElementVNode("tbody", {
-					ref_key: "poolRef",
-					ref: poolRef,
-					class: "as-window-row-pool",
-					tabindex: "0",
-					"aria-activedescendant": unref(state).activeIndex.value >= 0 ? unref(state).rowId(unref(state).activeIndex.value) : "",
-					onWheel,
-					onKeydown,
-					onTouchstart: onTouchStart,
-					onTouchmove: withModifiers(onTouchMove, ["prevent"]),
-					onTouchend: onTouchEnd
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleSlots.value, (slot) => {
-					return openBlock(), createElementBlock(Fragment, { key: `slot-${slot.s}` }, [slot.row !== void 0 ? (openBlock(), createElementBlock("tr", {
+				}, [
+					createVNode(as_table_colgroup_default, {
+						columns: unref(state).columns.value,
+						"column-widths": unref(state).columnWidths.value,
+						"has-select": hasValue.value,
+						"with-filler": true
+					}, null, 8, [
+						"columns",
+						"column-widths",
+						"has-select"
+					]),
+					!__props.headless ? (openBlock(), createBlock(as_table_header_default, {
 						key: 0,
-						id: unref(state).rowId(unref(state).topIndex.value + slot.s),
-						class: normalizeClass(["as-window-data-row", { "as-table-row-active": unref(state).activeIndex.value === unref(state).topIndex.value + slot.s }]),
-						role: "row",
-						"aria-rowindex": unref(state).topIndex.value + slot.s + 2,
-						"aria-selected": slot.ariaSelected,
-						style: normalizeStyle(rowStyle.value),
-						onClick: ($event) => onRowClick(slot.row, $event, unref(state).topIndex.value + slot.s),
-						onDblclick: ($event) => onRowDblClick(slot.row, $event, unref(state).topIndex.value + slot.s)
-					}, [
-						hasValue.value ? (openBlock(), createElementBlock("td", _hoisted_5, [createElementVNode("span", {
-							class: normalizeClass(["as-table-checkbox", { "as-table-checkbox-checked": slot.selected }]),
-							role: "checkbox",
-							tabindex: "0",
-							"aria-checked": slot.selected ? "true" : "false"
-						}, [slot.selected ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("v-if", true)], 10, _hoisted_6)])) : createCommentVNode("v-if", true),
-						unref(hasAnyCellBindings) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state).columns.value, (col) => {
-							return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, slot.row, unref(state).topIndex.value + slot.s)], (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}`, {
+						columns: unref(state).columns.value,
+						sorters: unref(state).sorters.value,
+						filters: unref(state).filters.value,
+						"column-menu": __props.columnMenu,
+						"column-widths": unref(state).columnWidths.value,
+						reorderable: __props.reorderable,
+						resizable: __props.resizable,
+						"column-min-width": __props.columnMinWidth,
+						"has-select-column": hasValue.value,
+						"select-all-state": selectAllState.value,
+						"with-filler": true,
+						"enable-auto-fit": true,
+						"aria-rowindex": 1,
+						onSort: unref(onSort),
+						onHide: unref(onHide),
+						onFilter: unref(onFilter),
+						onFiltersOff: unref(onFiltersOff),
+						onResetWidth: unref(onResetWidth),
+						onReorder: unref(onReorder),
+						onResize: unref(state).setColumnWidth,
+						onSelectAllToggle
+					}, createSlots({ _: 2 }, [renderList(unref(state).columns.value, (col) => {
+						return {
+							name: `header-${col.path}`,
+							fn: withCtx((scope) => [renderSlot(_ctx.$slots, `header-${col.path}`, normalizeProps(guardReactiveProps(scope)))])
+						};
+					})]), 1032, [
+						"columns",
+						"sorters",
+						"filters",
+						"column-menu",
+						"column-widths",
+						"reorderable",
+						"resizable",
+						"column-min-width",
+						"has-select-column",
+						"select-all-state",
+						"onSort",
+						"onHide",
+						"onFilter",
+						"onFiltersOff",
+						"onResetWidth",
+						"onReorder",
+						"onResize"
+					])) : createCommentVNode("v-if", true),
+					createElementVNode("tbody", {
+						ref_key: "poolRef",
+						ref: poolRef,
+						class: "as-window-row-pool",
+						tabindex: "0",
+						"aria-activedescendant": unref(state).activeIndex.value >= 0 ? unref(state).rowId(unref(state).activeIndex.value) : "",
+						onWheel,
+						onKeydown,
+						onTouchstart: onTouchStart,
+						onTouchmove: withModifiers(onTouchMove, ["prevent"]),
+						onTouchend: onTouchEnd
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleSlots.value, (slot) => {
+						return openBlock(), createElementBlock(Fragment, { key: `slot-${slot.s}` }, [slot.row !== void 0 ? (openBlock(), createElementBlock("tr", {
+							key: 0,
+							id: unref(state).rowId(unref(state).topIndex.value + slot.s),
+							class: normalizeClass(["as-window-data-row", { "as-table-row-active": unref(state).activeIndex.value === unref(state).topIndex.value + slot.s }]),
+							role: "row",
+							"aria-rowindex": unref(state).topIndex.value + slot.s + 2,
+							"aria-selected": slot.ariaSelected,
+							style: normalizeStyle(rowStyle.value),
+							onClick: ($event) => onRowClick(slot.row, $event, unref(state).topIndex.value + slot.s),
+							onDblclick: ($event) => onRowDblClick(slot.row, $event, unref(state).topIndex.value + slot.s)
+						}, [
+							hasValue.value ? (openBlock(), createElementBlock("td", _hoisted_5, [createElementVNode("span", {
+								class: normalizeClass(["as-table-checkbox", { "as-table-checkbox-checked": slot.selected }]),
+								role: "checkbox",
+								tabindex: "0",
+								"aria-checked": slot.selected ? "true" : "false"
+							}, [slot.selected ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("v-if", true)], 10, _hoisted_6)])) : createCommentVNode("v-if", true),
+							unref(hasAnyCellBindings) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state).columns.value, (col) => {
+								return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, slot.row, unref(state).topIndex.value + slot.s)], (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: slot.row,
+										value: unref(getCellValue)(slot.row, col.path),
+										column: col
+									})], 16)) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), mergeProps({
+										key: 1,
+										row: slot.row,
+										column: col,
+										role: "gridcell"
+									}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
+								}), 128))], 64);
+							}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(state).columns.value, (col) => {
+								return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_8, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
 									row: slot.row,
 									value: unref(getCellValue)(slot.row, col.path),
 									column: col
-								})], 16)) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), mergeProps({
+								})])) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), {
 									key: 1,
 									row: slot.row,
 									column: col,
 									role: "gridcell"
-								}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
-							}), 128))], 64);
-						}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(state).columns.value, (col) => {
-							return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_8, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
-								row: slot.row,
-								value: unref(getCellValue)(slot.row, col.path),
-								column: col
-							})])) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), {
-								key: 1,
-								row: slot.row,
-								column: col,
+								}, null, 8, ["row", "column"]))], 64);
+							}), 128)),
+							_cache[1] || (_cache[1] = createElementVNode("td", {
+								class: "as-td-filler",
 								role: "gridcell"
-							}, null, 8, ["row", "column"]))], 64);
-						}), 128)),
-						_cache[1] || (_cache[1] = createElementVNode("td", {
-							class: "as-td-filler",
-							role: "gridcell"
-						}, null, -1))
-					], 46, _hoisted_4)) : (openBlock(), createBlock(as_window_skeleton_row_default, {
-						key: 1,
-						columns: unref(state).columns.value,
-						"row-height": __props.rowHeight,
-						"has-select": hasValue.value,
-						errored: slot.errored
-					}, null, 8, [
-						"columns",
-						"row-height",
-						"has-select",
-						"errored"
-					]))], 64);
-				}), 128))], 40, _hoisted_3)], 8, _hoisted_2),
+							}, null, -1))
+						], 46, _hoisted_4)) : (openBlock(), createBlock(as_window_skeleton_row_default, {
+							key: 1,
+							columns: unref(state).columns.value,
+							"row-height": __props.rowHeight,
+							"has-select": hasValue.value,
+							errored: slot.errored
+						}, null, 8, [
+							"columns",
+							"row-height",
+							"has-select",
+							"errored"
+						]))], 64);
+					}), 128))], 40, _hoisted_3)
+				], 8, _hoisted_2),
 				createCommentVNode(" Error / empty placeholders render INSIDE the wrapper so they cover\n           the empty pool body when there's nothing to show; suppressed during\n           a `querying` refresh because the full-table overlay covers that case. "),
 				createVNode(as_table_status_default, {
 					"query-error": unref(state).queryError.value,
@@ -633,6 +652,11 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 			type: [Boolean, Object],
 			required: false,
 			default: false
+		},
+		headless: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	emits: [
@@ -682,6 +706,7 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 				resizable: __props.resizable,
 				"column-min-width": __props.columnMinWidth,
 				select: __props.select,
+				headless: __props.headless,
 				"enter-action": __props.enterAction,
 				onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
 				onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev)),
@@ -699,6 +724,7 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 				"resizable",
 				"column-min-width",
 				"select",
+				"headless",
 				"enter-action"
 			]), unref(state).querying.value ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
 				class: "as-table-query-overlay-icon",