vueye-table 3.0.0-alpha.7 → 3.0.0-alpha.8

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { CellChange, RowKey, TableIssue, TableRow, TableState } from "@vueye-table/core";
-import { GridCellSlotProps } from "@vueye-table/headless";
+import { GridCellSlotProps, TableStatusSlotProps } from "@vueye-table/headless";
 import { Plugin, PropType, SlotsType, VNode } from "vue";
 export * from "@vueye-table/core";
 export * from "@vueye-table/headless";
@@ -52,6 +52,26 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
     type: BooleanConstructor;
     default: boolean;
   };
+  source: {
+    readonly type: PropType<import("@vueye-table/vue").TableSource<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  loadMore: {
+    readonly type: PropType<import("@vueye-table/vue").LoadMore<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  endThreshold: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  manual: {
+    readonly type: PropType<boolean | undefined>;
+    readonly default: undefined;
+  };
+  rowCount: {
+    readonly type: PropType<number | undefined>;
+    readonly default: undefined;
+  };
   paginate: {
     readonly type: PropType<boolean | undefined>;
     readonly default: undefined;
@@ -162,7 +182,7 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
   };
   data: {
     type: PropType<readonly unknown[]>;
-    required: true;
+    default: () => never[];
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -216,6 +236,26 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
     type: BooleanConstructor;
     default: boolean;
   };
+  source: {
+    readonly type: PropType<import("@vueye-table/vue").TableSource<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  loadMore: {
+    readonly type: PropType<import("@vueye-table/vue").LoadMore<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  endThreshold: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  manual: {
+    readonly type: PropType<boolean | undefined>;
+    readonly default: undefined;
+  };
+  rowCount: {
+    readonly type: PropType<number | undefined>;
+    readonly default: undefined;
+  };
   paginate: {
     readonly type: PropType<boolean | undefined>;
     readonly default: undefined;
@@ -326,7 +366,7 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
   };
   data: {
     type: PropType<readonly unknown[]>;
-    required: true;
+    default: () => never[];
   };
 }>> & Readonly<{
   "onUpdate:page"?: (...args: any[]) => any;
@@ -337,12 +377,26 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
   "onUpdate:hiddenColumns"?: (...args: any[]) => any;
   "onUpdate:selected"?: (...args: any[]) => any;
   "onState-change"?: (state: TableState) => any;
-  onEdit?: (changes: readonly CellChange<unknown>[]) => any;
   "onUpdate:data"?: (data: readonly unknown[]) => any;
+  onEdit?: (changes: readonly CellChange<unknown>[]) => any;
   "onEdit-error"?: (issues: readonly TableIssue[]) => any;
   onExport?: (csv: string) => any;
 }>, {
   page: number;
+  data: readonly unknown[];
+  searchable: boolean;
+  columnToggle: boolean;
+  pagination: boolean;
+  editable: boolean;
+  rowNumbers: boolean;
+  columnLetters: boolean;
+  label: string;
+  toolbar: boolean;
+  source: import("@vueye-table/vue").TableSource<unknown> | undefined;
+  loadMore: import("@vueye-table/vue").LoadMore<unknown> | undefined;
+  endThreshold: number;
+  manual: boolean | undefined;
+  rowCount: number | undefined;
   paginate: boolean | undefined;
   columns: readonly import("@vueye-table/core").AnyColumnDef[];
   rowKey: string | ((row: any, index: number) => import("@vueye-table/core").RowKey);
@@ -355,10 +409,7 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
   stickyHeader: boolean;
   theme: "light" | "dark";
   maxHeight: string;
-  searchable: boolean;
   searchPlaceholder: string;
-  columnToggle: boolean;
-  pagination: boolean;
   pageSizeOptions: readonly number[];
   pageSize: number;
   sorting: readonly import("@vueye-table/core").SortRule[];
@@ -372,17 +423,13 @@ declare const VueyeGrid: import("vue").DefineComponent<import("vue").ExtractProp
   overscan: number;
   virtualColumns: boolean;
   columnWidth: number;
-  label: string;
-  toolbar: boolean;
-  editable: boolean;
-  rowNumbers: boolean;
-  columnLetters: boolean;
 }, SlotsType<{
   [key: `cell.${string}`]: GridCellSlotProps & {
     readonly item: unknown;
   };
 } & {
   default?: (props: Record<string, unknown>) => VNode[];
+  status?: (props: TableStatusSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/vueye-table.d.ts
@@ -398,13 +445,7 @@ interface CellSlotProps {
   };
 }
 /** Slot props of `status`, the "1–10 of 57 rows" line. */
-interface StatusSlotProps {
-  readonly start: number;
-  readonly end: number;
-  readonly rowCount: number;
-  readonly totalRowCount: number;
-  readonly selectedCount: number;
-}
+type StatusSlotProps = TableStatusSlotProps;
 /**
  * A complete data table: search, column visibility, sorting, selection, pagination, a live
  * status line, loading and empty states, and theming. Every piece of state is available as a
@@ -421,19 +462,31 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
     default: undefined;
   };
   /** The data is one page from a server; `rowCount` is the total. */
-  manual: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  rowCount: {
-    type: PropType<number | undefined>;
-    default: undefined;
-  };
   /** Shown instead of the empty state while `loading` and there are no rows yet. */
   loadingText: {
     type: StringConstructor;
     default: string;
   };
+  source: {
+    readonly type: PropType<import("@vueye-table/vue").TableSource<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  loadMore: {
+    readonly type: PropType<import("@vueye-table/vue").LoadMore<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  endThreshold: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  manual: {
+    readonly type: PropType<boolean | undefined>;
+    readonly default: undefined;
+  };
+  rowCount: {
+    readonly type: PropType<number | undefined>;
+    readonly default: undefined;
+  };
   paginate: {
     readonly type: PropType<boolean | undefined>;
     readonly default: undefined;
@@ -556,7 +609,7 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
   };
   data: {
     type: PropType<readonly unknown[]>;
-    required: true;
+    default: () => never[];
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -582,19 +635,31 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
     default: undefined;
   };
   /** The data is one page from a server; `rowCount` is the total. */
-  manual: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  rowCount: {
-    type: PropType<number | undefined>;
-    default: undefined;
-  };
   /** Shown instead of the empty state while `loading` and there are no rows yet. */
   loadingText: {
     type: StringConstructor;
     default: string;
   };
+  source: {
+    readonly type: PropType<import("@vueye-table/vue").TableSource<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  loadMore: {
+    readonly type: PropType<import("@vueye-table/vue").LoadMore<unknown> | undefined>;
+    readonly default: undefined;
+  };
+  endThreshold: {
+    readonly type: NumberConstructor;
+    readonly default: 5;
+  };
+  manual: {
+    readonly type: PropType<boolean | undefined>;
+    readonly default: undefined;
+  };
+  rowCount: {
+    readonly type: PropType<number | undefined>;
+    readonly default: undefined;
+  };
   paginate: {
     readonly type: PropType<boolean | undefined>;
     readonly default: undefined;
@@ -717,7 +782,7 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
   };
   data: {
     type: PropType<readonly unknown[]>;
-    required: true;
+    default: () => never[];
   };
 }>> & Readonly<{
   "onUpdate:page"?: (...args: any[]) => any;
@@ -731,11 +796,15 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
   "onRow-click"?: (item: unknown, row: TableRow<unknown>) => any;
 }>, {
   page: number;
-  selectable: boolean | "single" | "multiple";
-  selected: readonly RowKey[];
-  manual: boolean;
+  data: readonly unknown[];
+  searchable: boolean;
+  columnToggle: boolean;
+  pagination: boolean;
+  source: import("@vueye-table/vue").TableSource<unknown> | undefined;
+  loadMore: import("@vueye-table/vue").LoadMore<unknown> | undefined;
+  endThreshold: number;
+  manual: boolean | undefined;
   rowCount: number | undefined;
-  loadingText: string;
   paginate: boolean | undefined;
   columns: readonly import("@vueye-table/core").AnyColumnDef[];
   rowKey: string | ((row: any, index: number) => RowKey);
@@ -748,10 +817,7 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
   stickyHeader: boolean;
   theme: "light" | "dark";
   maxHeight: string;
-  searchable: boolean;
   searchPlaceholder: string;
-  columnToggle: boolean;
-  pagination: boolean;
   pageSizeOptions: readonly number[];
   pageSize: number;
   sorting: readonly import("@vueye-table/core").SortRule[];
@@ -765,6 +831,9 @@ declare const VueyeTable: import("vue").DefineComponent<import("vue").ExtractPro
   overscan: number;
   virtualColumns: boolean;
   columnWidth: number;
+  selected: readonly RowKey[];
+  selectable: boolean | "single" | "multiple";
+  loadingText: string;
 }, SlotsType<{
   [key: `cell.${string}`]: CellSlotProps;
   [key: `header.${string}`]: {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/plugin.ts","../src/vueye-grid.ts","../src/vueye-table.ts","../src/index.ts"],"mappings":";;;;;;;;;cAMa,kBAAkB;;;;;;;;;cCqBlB,yBAAS,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQK,MAAA;;;;;;;;;;;;;;EAsBP,iBAAC,OAAO;EACT,gBAAC;EACV,OAAC,kBAAkB;EACX,eAAC,iBAAiB;EACxB,SAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1Bc,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aALyC;;;EACpD,WAAC,OAAO,4BAA4B;kCAuJlD;;;;UCrJe;WACN;WACA,KAAK;WACL;WACA;WACA;aAAmB;aAAqB;;;;UAIlC;WACN;WACA;WACA;WACA;WACA;;;;;;;cAQE,0BAAU,8BAAA;;;IAOU,MAAA;;;;IAGF,MAAA,kBAAkB;;;;;;;;;IAGjB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAVL,MAAA;;;;;;;;;;;;;;EAqBP,iBAAC,OAAO;EACX,cAAC,eAAe,KAAK;;;;IAlBL,MAAA;;;;IAGF,MAAA,kBAAkB;;;;;;;;;IAGjB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAVL,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2BgB;MAAE;MAAY;;;;EAE1C;IAAE;;EACJ,OAAA;EACE,SAAA;EACD;IAAE;;EACF,QAAA;kCAuMZ;;;;YCtRiB;IACf,mBAAmB;IACnB,kBAAkB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/plugin.ts","../src/vueye-grid.ts","../src/vueye-table.ts","../src/index.ts"],"mappings":";;;;;;;;;cAMa,kBAAkB;;;;;;;;;cCsBlB,yBAAS,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASK,MAAA;;;;;;;;;;;;;;EAsBP,iBAAC,OAAO;EACT,gBAAC;EACV,OAAC,kBAAkB;EACX,eAAC,iBAAiB;EACxB,SAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA1Bc,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aANyC;;;EACpD,WAAC,OAAO,4BAA4B;EACrC,UAAC,OAAO,yBAAyB;kCAyK9C;;;;UCvKe;WACN;WACA,KAAK;WACL;WACA;WACA;aAAmB;aAAqB;;;;KAIvC,kBAAkB;;;;;;cAOjB,0BAAU,8BAAA;;;IAOU,MAAA;;;;IAGF,MAAA,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAPtB,MAAA;;;;;;;;;;;;;;EAmBP,iBAAC,OAAO;EACX,cAAC,eAAe,KAAK;;;;IAhBL,MAAA;;;;IAGF,MAAA,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAPtB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyBgB;MAAE;MAAY;;;;EAE1C;IAAE;;EACJ,OAAA;EACE,SAAA;EACD;IAAE;;EACF,QAAA;kCAuNZ;;;;YChSiB;IACf,mBAAmB;IACnB,kBAAkB"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { inferColumns } from "@vueye-table/core";
 import { DataTableBody, DataTableCaption, DataTableCell, DataTableRoot, DataTableRow, DataTableSelectAll, DataTableSelectRow, DataTableViewport, virtualProps } from "@vueye-table/headless";
-import { VtColumnVisibility, VtEmpty, VtGrid, VtHeader, VtPageSize, VtPagination, VtSearch, VtStatus, VtToolbar } from "@vueye-table/styled";
+import { VtColumnVisibility, VtEmpty, VtGrid, VtHeader, VtLoadMore, VtPageSize, VtPagination, VtSearch, VtStatus, VtToolbar } from "@vueye-table/styled";
 import { provideDataTable, useDataTable } from "@vueye-table/vue";
 import { computed, defineComponent, h } from "vue";
 
@@ -16,6 +16,26 @@ export * from "@vueye-table/vue"
 /** Props both full components share. */
 const commonProps = {
 	...virtualProps,
+	source: {
+		type: [Object, Function],
+		default: void 0
+	},
+	loadMore: {
+		type: Function,
+		default: void 0
+	},
+	endThreshold: {
+		type: Number,
+		default: 5
+	},
+	manual: {
+		type: Boolean,
+		default: void 0
+	},
+	rowCount: {
+		type: Number,
+		default: void 0
+	},
 	/** Override the virtual default of no pagination; permits virtualizing a large page. */
 	paginate: {
 		type: Boolean,
@@ -190,7 +210,7 @@ const VueyeGrid = defineComponent({
 	props: {
 		data: {
 			type: Array,
-			required: true
+			default: () => []
 		},
 		...commonProps,
 		searchable: {
@@ -251,9 +271,14 @@ const VueyeGrid = defineComponent({
 		let binding;
 		const table = useDataTable({
 			data: () => props.data,
+			source: computed(() => props.source),
+			loadMore: computed(() => props.loadMore),
+			endThreshold: props.endThreshold,
+			manual: props.manual,
+			rowCount: () => props.rowCount,
 			columns,
 			rowKey: props.rowKey,
-			paginate: props.paginate ?? (props.virtual ? props.pagination : true),
+			paginate: props.paginate ?? (props.source || props.loadMore ? false : props.virtual ? props.pagination : true),
 			selectionMode: "none",
 			initialState: { pagination: initialPagination },
 			state: () => {
@@ -285,10 +310,13 @@ const VueyeGrid = defineComponent({
 		const gridSlots = () => {
 			const forwarded = {};
 			for (const [name, slot] of Object.entries(slots)) if (name === "default" && slot) forwarded[name] = slot;
-			else if (name.startsWith("cell.") && slot) forwarded[name] = (cellProps) => slot({
-				...cellProps,
-				item: cellProps.row.original
-			});
+			else if (name.startsWith("cell.")) {
+				const cellSlot = slots[name];
+				forwarded[name] = (cellProps) => cellSlot?.({
+					...cellProps,
+					item: cellProps.row.original
+				});
+			}
 			return forwarded;
 		};
 		const button = (label, disabled, onClick) => h("button", {
@@ -321,7 +349,7 @@ const VueyeGrid = defineComponent({
 				bordered: props.bordered,
 				hover: false,
 				stickyHeader: props.stickyHeader,
-				loading: props.loading,
+				loading: props.loading || table.loadState === "loading" || table.loadState === "streaming",
 				theme: props.theme,
 				virtual: props.virtual,
 				virtualColumns: props.virtualColumns,
@@ -331,7 +359,11 @@ const VueyeGrid = defineComponent({
 				columnWidth: props.columnWidth,
 				...props.maxHeight ? { style: { "--vt-max-height": props.maxHeight } } : {}
 			}, gridSlots()),
-			props.pagination ? h(VtToolbar, { class: "vt-footer" }, () => [h(VtStatus), h("div", { class: "vt-footer-controls" }, [h(VtPageSize, { options: props.pageSizeOptions }), h(VtPagination)])]) : null
+			props.pagination || table.loadingMode || slots.status ? h(VtToolbar, { class: "vt-footer" }, () => [
+				h(VtStatus, null, slots.status ? { default: (status) => slots.status?.(status) } : void 0),
+				...table.loadingMode ? [h(VtLoadMore)] : [],
+				props.pagination && table.paginate ? h("div", { class: "vt-footer-controls" }, [h(VtPageSize, { options: props.pageSizeOptions }), h(VtPagination)]) : null
+			]) : null
 		]);
 	}
 });
@@ -348,7 +380,7 @@ const VueyeTable = defineComponent({
 	props: {
 		data: {
 			type: Array,
-			required: true
+			default: () => []
 		},
 		...commonProps,
 		/** `true` or `"multiple"` for checkboxes, `"single"` for one row at a time. */
@@ -361,14 +393,6 @@ const VueyeTable = defineComponent({
 			default: void 0
 		},
 		/** The data is one page from a server; `rowCount` is the total. */
-		manual: {
-			type: Boolean,
-			default: false
-		},
-		rowCount: {
-			type: Number,
-			default: void 0
-		},
 		/** Shown instead of the empty state while `loading` and there are no rows yet. */
 		loadingText: {
 			type: String,
@@ -391,10 +415,13 @@ const VueyeTable = defineComponent({
 		let binding;
 		const table = useDataTable({
 			data: () => props.data,
+			source: computed(() => props.source),
+			loadMore: computed(() => props.loadMore),
+			endThreshold: props.endThreshold,
 			columns: () => resolveColumns(props.columns, props.data),
 			rowKey: props.rowKey,
 			manual: props.manual,
-			paginate: props.paginate ?? !props.virtual,
+			paginate: props.paginate ?? !(props.virtual || props.source || props.loadMore),
 			rowCount: () => props.rowCount,
 			selectionMode: selectionMode.value,
 			selectScope: props.selectScope,
@@ -408,6 +435,7 @@ const VueyeTable = defineComponent({
 		binding = table;
 		provideDataTable(table);
 		expose({ table });
+		const busy = () => props.loading || table.loadState === "loading" || table.loadState === "streaming";
 		const selectable = () => selectionMode.value !== "none";
 		const cell = (row, column) => {
 			const slot = slots[`cell.${column.id}`];
@@ -426,7 +454,7 @@ const VueyeTable = defineComponent({
 		const body = (rows = table.rows) => {
 			const width = table.columns.length + (selectable() ? 1 : 0);
 			if (table.rows.length === 0) {
-				const content = props.loading ? slots.loading?.({}) ?? h(VtEmpty, { text: props.loadingText }) : slots.empty?.({}) ?? h(VtEmpty);
+				const content = busy() ? slots.loading?.({}) ?? h(VtEmpty, { text: props.loadingText }) : slots.empty?.({}) ?? h(VtEmpty, { text: table.loadingMode && table.loadState === "error" ? "Could not load rows." : "No matching rows" });
 				return h("tr", { "data-empty": "" }, [h("td", { colspan: Math.max(1, width) }, content)]);
 			}
 			return rows.map((row) => h(DataTableRow, {
@@ -474,7 +502,8 @@ const VueyeTable = defineComponent({
 			}, children) }) : h("div", { class: "vt-scroll" }, [h("table", {
 				class: "vt-table",
 				"aria-rowcount": table.rowCount + 1,
-				"aria-colcount": table.columns.length
+				"aria-colcount": table.columns.length,
+				"aria-busy": busy() ? "true" : void 0
 			}, children())]);
 		};
 		return () => h("div", {
@@ -485,7 +514,7 @@ const VueyeTable = defineComponent({
 			"data-hover": props.hover ? "" : void 0,
 			"data-sticky-header": props.stickyHeader || props.virtual ? "" : void 0,
 			"data-virtual": props.virtual ? "" : void 0,
-			"data-loading": props.loading ? "" : void 0,
+			"data-loading": busy() ? "" : void 0,
 			"data-vt-theme": props.theme,
 			"aria-busy": props.loading ? "true" : void 0,
 			style: props.maxHeight ? { "--vt-max-height": props.maxHeight } : void 0
@@ -501,10 +530,11 @@ const VueyeTable = defineComponent({
 				role: "presentation"
 			}),
 			tableContent(),
-			props.pagination && (!props.virtual || table.paginate) || slots.footer ? h(VtToolbar, { class: "vt-footer" }, () => [
+			props.pagination && (!props.virtual || table.paginate) || slots.footer || slots.status || table.loadingMode ? h(VtToolbar, { class: "vt-footer" }, () => [
 				h(VtStatus, null, slots.status ? { default: (status) => slots.status?.(status) } : props.loading && table.rows.length === 0 ? { default: () => props.loadingText } : void 0),
+				...table.loadingMode ? [h(VtLoadMore)] : [],
 				slots.footer?.({ table }),
-				props.pagination && (!props.virtual || table.paginate) ? h("div", { class: "vt-footer-controls" }, [h(VtPageSize, { options: props.pageSizeOptions }), h(VtPagination)]) : null
+				props.pagination && table.paginate && (!props.virtual || table.paginate) ? h("div", { class: "vt-footer-controls" }, [h(VtPageSize, { options: props.pageSizeOptions }), h(VtPagination)]) : null
 			]) : null
 		])]);
 	}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/shared.ts","../src/vueye-grid.ts","../src/vueye-table.ts","../src/plugin.ts"],"sourcesContent":["import {\n  inferColumns,\n  type AnyColumnDef,\n  type PaginationState,\n  type RowKey,\n  type SelectScope,\n  type SortRule,\n  type TableState,\n  type TableStatePatch,\n} from \"@vueye-table/core\";\nimport { virtualProps } from \"@vueye-table/headless\";\nimport type { Density } from \"@vueye-table/styled\";\nimport type { PropType } from \"vue\";\n\n/** Props both full components share. */\nexport const commonProps = {\n  ...virtualProps,\n  /** Override the virtual default of no pagination; permits virtualizing a large page. */\n  paginate: { type: Boolean as PropType<boolean | undefined>, default: undefined },\n  /** Column definitions. Without them, columns are inferred from the data. */\n  columns: { type: Array as PropType<readonly AnyColumnDef[]>, default: undefined },\n  /** A path into each row, or a function, giving its key. Defaults to `id`, then position. */\n  rowKey: {\n    type: [String, Function] as PropType<string | ((row: any, index: number) => RowKey)>,\n    default: undefined,\n  },\n  caption: { type: String, default: undefined },\n  loading: { type: Boolean, default: false },\n  density: { type: String as PropType<Density>, default: \"comfortable\" },\n  striped: { type: Boolean, default: false },\n  bordered: { type: Boolean, default: false },\n  hover: { type: Boolean, default: true },\n  stickyHeader: { type: Boolean, default: false },\n  theme: { type: String as PropType<\"light\" | \"dark\">, default: undefined },\n  /** A CSS height that makes the body scroll, such as `\"24rem\"`. */\n  maxHeight: { type: String, default: undefined },\n\n  searchable: { type: Boolean, default: true },\n  searchPlaceholder: { type: String, default: \"Search…\" },\n  columnToggle: { type: Boolean, default: true },\n  pagination: { type: Boolean, default: true },\n  pageSizeOptions: { type: Array as PropType<readonly number[]>, default: () => [5, 10, 20, 50] },\n\n  page: { type: Number, default: undefined },\n  pageSize: { type: Number, default: undefined },\n  sorting: { type: Array as PropType<readonly SortRule[]>, default: undefined },\n  search: { type: String, default: undefined },\n  filters: { type: Object as PropType<Readonly<Record<string, unknown>>>, default: undefined },\n  hiddenColumns: { type: Array as PropType<readonly string[]>, default: undefined },\n  selectScope: { type: String as PropType<SelectScope>, default: \"all\" },\n} as const;\n\nexport const stateEmits = [\n  \"update:page\",\n  \"update:pageSize\",\n  \"update:sorting\",\n  \"update:search\",\n  \"update:filters\",\n  \"update:hiddenColumns\",\n  \"update:selected\",\n] as const;\n\ninterface ControlledProps {\n  readonly page: number | undefined;\n  readonly pageSize: number | undefined;\n  readonly sorting: readonly SortRule[] | undefined;\n  readonly search: string | undefined;\n  readonly filters: Readonly<Record<string, unknown>> | undefined;\n  readonly hiddenColumns: readonly string[] | undefined;\n  readonly selected?: readonly RowKey[] | undefined;\n}\n\n/** The state a parent controls through `v-model`, as a table state patch. */\nexport function controlledState(props: ControlledProps, current: PaginationState): TableStatePatch {\n  return {\n    sorting: props.sorting,\n    search: props.search,\n    filters: props.filters,\n    hiddenColumns: props.hiddenColumns,\n    selection: props.selected,\n    pagination:\n      props.page !== undefined || props.pageSize !== undefined\n        ? { page: props.page ?? current.page, pageSize: props.pageSize ?? current.pageSize }\n        : undefined,\n  };\n}\n\n/**\n * Emit a `v-model` update for each piece of state that changed. The state is frozen and replaced\n * piece by piece, so identity tells what changed.\n */\nexport function emitStateChanges(\n  emit: (event: (typeof stateEmits)[number], value: unknown) => void,\n  state: TableState,\n  previous: TableState,\n): void {\n  if (state.pagination.page !== previous.pagination.page) {\n    emit(\"update:page\", state.pagination.page);\n  }\n  if (state.pagination.pageSize !== previous.pagination.pageSize) {\n    emit(\"update:pageSize\", state.pagination.pageSize);\n  }\n  if (state.sorting !== previous.sorting) {\n    emit(\"update:sorting\", state.sorting);\n  }\n  if (state.search !== previous.search) {\n    emit(\"update:search\", state.search);\n  }\n  if (state.filters !== previous.filters) {\n    emit(\"update:filters\", state.filters);\n  }\n  if (state.hiddenColumns !== previous.hiddenColumns) {\n    emit(\"update:hiddenColumns\", state.hiddenColumns);\n  }\n  if (state.selection !== previous.selection) {\n    emit(\"update:selected\", state.selection);\n  }\n}\n\n/**\n * The given columns, or columns inferred from the data. Inferred columns are reused while the\n * data keeps the same fields, so an edit that replaces the array does not rebuild every row.\n */\nexport function createColumnResolver(): (\n  columns: readonly AnyColumnDef[] | undefined,\n  data: readonly unknown[],\n) => readonly AnyColumnDef[] {\n  let inferred:\n    | { readonly signature: string; readonly columns: readonly AnyColumnDef[] }\n    | undefined;\n  return (columns, data) => {\n    if (columns) {\n      return columns;\n    }\n    const next = inferColumns(data);\n    const signature = next.map((column) => column.id).join(\"\\u0000\");\n    if (inferred?.signature !== signature) {\n      inferred = { signature, columns: next };\n    }\n    return inferred.columns;\n  };\n}\n","import type { CellChange, ColumnDef, TableIssue, TableState } from \"@vueye-table/core\";\nimport type { GridCellSlotProps } from \"@vueye-table/headless\";\nimport {\n  VtGrid,\n  VtPageSize,\n  VtPagination,\n  VtSearch,\n  VtStatus,\n  VtToolbar,\n} from \"@vueye-table/styled\";\nimport { provideDataTable, useDataTable, type DataTableBinding } from \"@vueye-table/vue\";\nimport { computed, defineComponent, h, type PropType, type SlotsType, type VNode } from \"vue\";\n\nimport {\n  commonProps,\n  controlledState,\n  createColumnResolver,\n  emitStateChanges,\n  stateEmits,\n} from \"./shared\";\n\n/**\n * An editable spreadsheet over an array. Cells are edited in place with the keyboard or a double\n * click, ranges are selected with Shift or by dragging, and copy, cut, paste, clear, undo, and\n * redo work like a spreadsheet application. Every edit produces a new array through\n * `update:data`; the array passed in is never mutated.\n */\nexport const VueyeGrid = defineComponent({\n  name: \"VueyeGrid\",\n  slots: Object as SlotsType<\n    { [key: `cell.${string}`]: GridCellSlotProps & { readonly item: unknown } } & {\n      default?: (props: Record<string, unknown>) => VNode[];\n    }\n  >,\n  props: {\n    data: { type: Array as PropType<readonly unknown[]>, required: true },\n    ...commonProps,\n    searchable: { type: Boolean, default: false },\n    columnToggle: { type: Boolean, default: false },\n    /** Page the grid. By default every row is on one page. */\n    pagination: { type: Boolean, default: false },\n    /** Columns are editable unless their definition says otherwise. Set `false` to lock all. */\n    editable: { type: Boolean, default: true },\n    rowNumbers: { type: Boolean, default: true },\n    columnLetters: { type: Boolean, default: false },\n    label: { type: String, default: \"Spreadsheet\" },\n    /** Show undo, redo, and CSV export buttons. */\n    toolbar: { type: Boolean, default: true },\n  },\n  emits: {\n    ...Object.fromEntries(stateEmits.map((name) => [name, null])),\n    \"state-change\": (_state: TableState) => true,\n    \"update:data\": (_data: readonly unknown[]) => true,\n    edit: (_changes: readonly CellChange<unknown>[]) => true,\n    \"edit-error\": (_issues: readonly TableIssue[]) => true,\n    export: (_csv: string) => true,\n  } as { [K in (typeof stateEmits)[number]]: null } & {\n    \"state-change\": (state: TableState) => boolean;\n    \"update:data\": (data: readonly unknown[]) => boolean;\n    edit: (changes: readonly CellChange<unknown>[]) => boolean;\n    \"edit-error\": (issues: readonly TableIssue[]) => boolean;\n    export: (csv: string) => boolean;\n  },\n  setup(props, { emit, slots, expose, attrs }) {\n    const resolveColumns = createColumnResolver();\n    const columns = computed(() =>\n      resolveColumns(props.columns, props.data).map(\n        (column) =>\n          ({\n            ...column,\n            editable: props.editable ? (column.editable ?? true) : false,\n          }) as ColumnDef<unknown>,\n      ),\n    );\n    const everyRow = (): number => Math.max(1, props.data.length);\n    const initialPagination = {\n      page: props.page ?? 1,\n      pageSize: props.pagination ? (props.pageSize ?? props.pageSizeOptions[0] ?? 10) : everyRow(),\n    };\n    let binding: DataTableBinding<unknown> | undefined;\n    const table = useDataTable<unknown>({\n      data: () => props.data,\n      columns,\n      rowKey: props.rowKey as never,\n      paginate: props.paginate ?? (props.virtual ? props.pagination : true),\n      selectionMode: \"none\",\n      initialState: { pagination: initialPagination },\n      state: () => {\n        const controlled = controlledState(\n          props,\n          binding?.table.getState().pagination ?? initialPagination,\n        );\n        return {\n          ...controlled,\n          selection: undefined,\n          pagination: props.pagination ? controlled.pagination : { page: 1, pageSize: everyRow() },\n        };\n      },\n      onEditIssues(issues) {\n        emit(\"edit-error\", issues);\n      },\n      onDataChange(data, changes) {\n        emit(\"update:data\", data);\n        emit(\"edit\", changes);\n      },\n      onStateChange(state, previous) {\n        emitStateChanges(emit as never, state, previous);\n        emit(\"state-change\", state);\n      },\n    });\n    binding = table;\n    provideDataTable(table);\n    expose({ table });\n\n    // `cell.<id>` slots also receive the row's data as `item`, as they do on `<VueyeTable>`.\n    const gridSlots = (): Record<string, unknown> => {\n      const forwarded: Record<string, unknown> = {};\n      for (const [name, slot] of Object.entries(slots)) {\n        if (name === \"default\" && slot) {\n          forwarded[name] = slot;\n        } else if (name.startsWith(\"cell.\") && slot) {\n          forwarded[name] = (cellProps: GridCellSlotProps) =>\n            slot({ ...cellProps, item: cellProps.row.original });\n        }\n      }\n      return forwarded;\n    };\n\n    const button = (label: string, disabled: boolean, onClick: () => void) =>\n      h(\"button\", { type: \"button\", class: \"vt-button\", disabled, onClick }, label);\n\n    return () =>\n      h(\"div\", { class: \"vt-theme vueye-grid\", \"data-vt-theme\": props.theme }, [\n        props.toolbar || props.searchable\n          ? h(VtToolbar, () => [\n              props.searchable ? h(VtSearch, { placeholder: props.searchPlaceholder }) : null,\n              h(\"div\", { class: \"vt-toolbar-spacer\" }),\n              props.toolbar\n                ? [\n                    button(\"Undo\", !table.canUndo, () => table.undo()),\n                    button(\"Redo\", !table.canRedo, () => table.redo()),\n                    button(\"Export CSV\", false, () => emit(\"export\", table.exportRows())),\n                  ]\n                : null,\n            ])\n          : null,\n        h(\n          VtGrid,\n          {\n            table,\n            label: props.label,\n            \"aria-describedby\": attrs[\"aria-describedby\"],\n            rowNumbers: props.rowNumbers,\n            columnLetters: props.columnLetters,\n            density: props.density,\n            striped: props.striped,\n            bordered: props.bordered,\n            hover: false,\n            stickyHeader: props.stickyHeader,\n            loading: props.loading,\n            theme: props.theme,\n            virtual: props.virtual,\n            virtualColumns: props.virtualColumns,\n            height: props.height,\n            rowHeight: props.rowHeight,\n            overscan: props.overscan,\n            columnWidth: props.columnWidth,\n            ...(props.maxHeight ? { style: { \"--vt-max-height\": props.maxHeight } } : {}),\n          },\n          gridSlots(),\n        ),\n        props.pagination\n          ? h(VtToolbar, { class: \"vt-footer\" }, () => [\n              h(VtStatus),\n              h(\"div\", { class: \"vt-footer-controls\" }, [\n                h(VtPageSize, { options: props.pageSizeOptions }),\n                h(VtPagination),\n              ]),\n            ])\n          : null,\n      ]);\n  },\n});\n","import type { ColumnDef, RowKey, TableRow, TableState } from \"@vueye-table/core\";\nimport {\n  DataTableBody,\n  DataTableCaption,\n  DataTableCell,\n  DataTableRow,\n  DataTableSelectAll,\n  DataTableSelectRow,\n  DataTableRoot,\n  DataTableViewport,\n} from \"@vueye-table/headless\";\nimport {\n  VtColumnVisibility,\n  VtEmpty,\n  VtHeader,\n  VtPageSize,\n  VtPagination,\n  VtSearch,\n  VtStatus,\n  VtToolbar,\n} from \"@vueye-table/styled\";\nimport { provideDataTable, useDataTable, type DataTableBinding } from \"@vueye-table/vue\";\nimport { computed, defineComponent, h, type PropType, type SlotsType, type VNodeChild } from \"vue\";\n\nimport {\n  commonProps,\n  controlledState,\n  createColumnResolver,\n  emitStateChanges,\n  stateEmits,\n} from \"./shared\";\n\n/** Slot props of `cell.<column id>` and `cell`. */\nexport interface CellSlotProps {\n  readonly item: unknown;\n  readonly row: TableRow<unknown>;\n  readonly value: unknown;\n  readonly display: string;\n  readonly column: { readonly id: string; readonly header: string };\n}\n\n/** Slot props of `status`, the \"1–10 of 57 rows\" line. */\nexport interface StatusSlotProps {\n  readonly start: number;\n  readonly end: number;\n  readonly rowCount: number;\n  readonly totalRowCount: number;\n  readonly selectedCount: number;\n}\n\n/**\n * A complete data table: search, column visibility, sorting, selection, pagination, a live\n * status line, loading and empty states, and theming. Every piece of state is available as a\n * `v-model`, and `manual` hands searching, sorting, and paging to a server.\n */\nexport const VueyeTable = defineComponent({\n  name: \"VueyeTable\",\n  props: {\n    data: { type: Array as PropType<readonly unknown[]>, required: true },\n    ...commonProps,\n    /** `true` or `\"multiple\"` for checkboxes, `\"single\"` for one row at a time. */\n    selectable: {\n      type: [Boolean, String] as PropType<boolean | \"single\" | \"multiple\">,\n      default: false,\n    },\n    selected: { type: Array as PropType<readonly RowKey[]>, default: undefined },\n    /** The data is one page from a server; `rowCount` is the total. */\n    manual: { type: Boolean, default: false },\n    rowCount: { type: Number as PropType<number | undefined>, default: undefined },\n    /** Shown instead of the empty state while `loading` and there are no rows yet. */\n    loadingText: { type: String, default: \"Loading…\" },\n  },\n  emits: {\n    ...Object.fromEntries(stateEmits.map((name) => [name, null])),\n    \"state-change\": (_state: TableState) => true,\n    \"row-click\": (_item: unknown, _row: TableRow<unknown>) => true,\n  } as {\n    [K in (typeof stateEmits)[number]]: null;\n  } & {\n    \"state-change\": (state: TableState) => boolean;\n    \"row-click\": (item: unknown, row: TableRow<unknown>) => boolean;\n  },\n  slots: Object as SlotsType<\n    {\n      [key: `cell.${string}`]: CellSlotProps;\n      [key: `header.${string}`]: { column: { id: string; header: string } };\n    } & {\n      toolbar: { table: unknown };\n      empty: Record<string, never>;\n      loading: Record<string, never>;\n      footer: { table: unknown };\n      status: StatusSlotProps;\n    }\n  >,\n  setup(props, { emit, slots, expose }) {\n    const selectionMode = computed(() =>\n      props.selectable === false ? \"none\" : props.selectable === \"single\" ? \"single\" : \"multiple\",\n    );\n    const initialPagination = {\n      page: props.page ?? 1,\n      pageSize: props.pageSize ?? props.pageSizeOptions[0] ?? 10,\n    };\n    const resolveColumns = createColumnResolver();\n    let binding: DataTableBinding<unknown> | undefined;\n    const table = useDataTable<unknown>({\n      data: () => props.data,\n      columns: () => resolveColumns(props.columns, props.data) as readonly ColumnDef<unknown>[],\n      rowKey: props.rowKey as never,\n      manual: props.manual,\n      paginate: props.paginate ?? !props.virtual,\n      rowCount: () => props.rowCount,\n      selectionMode: selectionMode.value,\n      selectScope: props.selectScope,\n      initialState: { pagination: initialPagination },\n      state: () =>\n        controlledState(props, binding?.table.getState().pagination ?? initialPagination),\n      onStateChange(state, previous) {\n        emitStateChanges(emit as never, state, previous);\n        emit(\"state-change\", state);\n      },\n    });\n    binding = table;\n    provideDataTable(table);\n    expose({ table });\n\n    const selectable = (): boolean => selectionMode.value !== \"none\";\n\n    const cell = (row: TableRow<unknown>, column: (typeof table.columns)[number]): VNodeChild => {\n      const slot = slots[`cell.${column.id}`];\n      return h(\n        DataTableCell,\n        { key: column.id, row, column },\n        slot\n          ? {\n              default: ({ value, display }: { value: unknown; display: string }) =>\n                slot({ item: row.original, row, value, display, column }),\n            }\n          : undefined,\n      );\n    };\n\n    const body = (rows: readonly TableRow<unknown>[] = table.rows): VNodeChild => {\n      const width = table.columns.length + (selectable() ? 1 : 0);\n      if (table.rows.length === 0) {\n        // While the first page is loading there is nothing to match yet, so say that instead.\n        const content = props.loading\n          ? (slots.loading?.({}) ?? h(VtEmpty, { text: props.loadingText }))\n          : (slots.empty?.({}) ?? h(VtEmpty));\n        return h(\"tr\", { \"data-empty\": \"\" }, [h(\"td\", { colspan: Math.max(1, width) }, content)]);\n      }\n      return rows.map((row) =>\n        h(\n          DataTableRow,\n          { key: row.key, row, onClick: () => emit(\"row-click\", row.original, row) },\n          () => [\n            selectable()\n              ? h(\n                  \"td\",\n                  {\n                    class: \"vt-selection-cell\",\n                    onClick: (event: Event) => event.stopPropagation(),\n                  },\n                  [h(DataTableSelectRow, { row })],\n                )\n              : null,\n            ...table.columns.map((column) => cell(row, column)),\n          ],\n        ),\n      );\n    };\n\n    const headerSlots = () => {\n      const forwarded: Record<string, unknown> = {};\n      for (const column of table.columns) {\n        const slot = slots[`header.${column.id}`];\n        if (slot) {\n          forwarded[`header.${column.id}`] = () => slot({ column });\n        }\n      }\n      return {\n        ...forwarded,\n        before: () =>\n          selectable()\n            ? h(\n                \"th\",\n                { class: \"vt-selection-cell\", scope: \"col\" },\n                selectionMode.value === \"multiple\" ? [h(DataTableSelectAll)] : [],\n              )\n            : null,\n      };\n    };\n\n    const tableContent = (): VNodeChild => {\n      const children = () => [\n        props.caption ? h(DataTableCaption, () => props.caption) : null,\n        h(VtHeader, null, headerSlots()),\n        h(\n          DataTableBody,\n          { class: \"vt-body\", colspan: table.columns.length + (selectable() ? 1 : 0) },\n          { default: ({ rows }: { rows: readonly TableRow<unknown>[] }) => body(rows) },\n        ),\n      ];\n      return props.virtual\n        ? h(\n            DataTableViewport,\n            {\n              class: \"vt-scroll\",\n              height: props.height ?? \"24rem\",\n              style: { \"--vt-row-height\": `${props.rowHeight}px` },\n            },\n            {\n              default: () =>\n                h(\n                  DataTableRoot,\n                  {\n                    table,\n                    class: \"vt-table\",\n                    virtual: props.virtual,\n                    rowHeight: props.rowHeight,\n                    overscan: props.overscan,\n                  },\n                  children,\n                ),\n            },\n          )\n        : h(\"div\", { class: \"vt-scroll\" }, [\n            h(\n              \"table\",\n              {\n                class: \"vt-table\",\n                \"aria-rowcount\": table.rowCount + 1,\n                \"aria-colcount\": table.columns.length,\n              },\n              children(),\n            ),\n          ]);\n    };\n\n    return () =>\n      h(\n        \"div\",\n        {\n          class: \"vt-surface vueye-table\",\n          \"data-density\": props.density,\n          \"data-striped\": props.striped ? \"\" : undefined,\n          \"data-bordered\": props.bordered ? \"\" : undefined,\n          \"data-hover\": props.hover ? \"\" : undefined,\n          \"data-sticky-header\": props.stickyHeader || props.virtual ? \"\" : undefined,\n          \"data-virtual\": props.virtual ? \"\" : undefined,\n          \"data-loading\": props.loading ? \"\" : undefined,\n          \"data-vt-theme\": props.theme,\n          \"aria-busy\": props.loading ? \"true\" : undefined,\n          style: props.maxHeight ? { \"--vt-max-height\": props.maxHeight } : undefined,\n        },\n        [\n          h(\"div\", { class: \"vt-root\" }, [\n            props.searchable || props.columnToggle || slots.toolbar\n              ? h(VtToolbar, () => [\n                  props.searchable ? h(VtSearch, { placeholder: props.searchPlaceholder }) : null,\n                  h(\"div\", { class: \"vt-toolbar-spacer\" }),\n                  slots.toolbar?.({ table }),\n                  props.columnToggle ? h(VtColumnVisibility) : null,\n                ])\n              : null,\n            h(\"div\", { class: \"vt-progress\", role: \"presentation\" }),\n            tableContent(),\n            (props.pagination && (!props.virtual || table.paginate)) || slots.footer\n              ? h(VtToolbar, { class: \"vt-footer\" }, () => [\n                  h(\n                    VtStatus,\n                    null,\n                    slots.status\n                      ? { default: (status: StatusSlotProps) => slots.status?.(status) }\n                      : props.loading && table.rows.length === 0\n                        ? { default: () => props.loadingText }\n                        : undefined,\n                  ),\n                  slots.footer?.({ table }),\n                  props.pagination && (!props.virtual || table.paginate)\n                    ? h(\"div\", { class: \"vt-footer-controls\" }, [\n                        h(VtPageSize, { options: props.pageSizeOptions }),\n                        h(VtPagination),\n                      ])\n                    : null,\n                ])\n              : null,\n          ]),\n        ],\n      );\n  },\n});\n","import type { App, Plugin } from \"vue\";\n\nimport { VueyeGrid } from \"./vueye-grid\";\nimport { VueyeTable } from \"./vueye-table\";\n\n/** Register `<VueyeTable>` and `<VueyeGrid>` globally. */\nexport const VueyeTablePlugin: Plugin = {\n  install(app: App): void {\n    app.component(\"VueyeTable\", VueyeTable);\n    app.component(\"VueyeGrid\", VueyeGrid);\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/shared.ts","../src/vueye-grid.ts","../src/vueye-table.ts","../src/plugin.ts"],"sourcesContent":["import {\n  inferColumns,\n  type AnyColumnDef,\n  type PaginationState,\n  type RowKey,\n  type SelectScope,\n  type SortRule,\n  type TableState,\n  type TableStatePatch,\n} from \"@vueye-table/core\";\nimport { virtualProps } from \"@vueye-table/headless\";\nimport type { Density } from \"@vueye-table/styled\";\nimport type { TableSource, LoadMore } from \"@vueye-table/vue\";\nimport type { PropType } from \"vue\";\n\n/** Props both full components share. */\nexport const commonProps = {\n  ...virtualProps,\n  source: {\n    type: [Object, Function] as PropType<TableSource<unknown> | undefined>,\n    default: undefined,\n  },\n  loadMore: { type: Function as PropType<LoadMore<unknown> | undefined>, default: undefined },\n  endThreshold: { type: Number, default: 5 },\n  manual: { type: Boolean as PropType<boolean | undefined>, default: undefined },\n  rowCount: { type: Number as PropType<number | undefined>, default: undefined },\n  /** Override the virtual default of no pagination; permits virtualizing a large page. */\n  paginate: { type: Boolean as PropType<boolean | undefined>, default: undefined },\n  /** Column definitions. Without them, columns are inferred from the data. */\n  columns: { type: Array as PropType<readonly AnyColumnDef[]>, default: undefined },\n  /** A path into each row, or a function, giving its key. Defaults to `id`, then position. */\n  rowKey: {\n    type: [String, Function] as PropType<string | ((row: any, index: number) => RowKey)>,\n    default: undefined,\n  },\n  caption: { type: String, default: undefined },\n  loading: { type: Boolean, default: false },\n  density: { type: String as PropType<Density>, default: \"comfortable\" },\n  striped: { type: Boolean, default: false },\n  bordered: { type: Boolean, default: false },\n  hover: { type: Boolean, default: true },\n  stickyHeader: { type: Boolean, default: false },\n  theme: { type: String as PropType<\"light\" | \"dark\">, default: undefined },\n  /** A CSS height that makes the body scroll, such as `\"24rem\"`. */\n  maxHeight: { type: String, default: undefined },\n\n  searchable: { type: Boolean, default: true },\n  searchPlaceholder: { type: String, default: \"Search…\" },\n  columnToggle: { type: Boolean, default: true },\n  pagination: { type: Boolean, default: true },\n  pageSizeOptions: { type: Array as PropType<readonly number[]>, default: () => [5, 10, 20, 50] },\n\n  page: { type: Number, default: undefined },\n  pageSize: { type: Number, default: undefined },\n  sorting: { type: Array as PropType<readonly SortRule[]>, default: undefined },\n  search: { type: String, default: undefined },\n  filters: { type: Object as PropType<Readonly<Record<string, unknown>>>, default: undefined },\n  hiddenColumns: { type: Array as PropType<readonly string[]>, default: undefined },\n  selectScope: { type: String as PropType<SelectScope>, default: \"all\" },\n} as const;\n\nexport const stateEmits = [\n  \"update:page\",\n  \"update:pageSize\",\n  \"update:sorting\",\n  \"update:search\",\n  \"update:filters\",\n  \"update:hiddenColumns\",\n  \"update:selected\",\n] as const;\n\ninterface ControlledProps {\n  readonly page: number | undefined;\n  readonly pageSize: number | undefined;\n  readonly sorting: readonly SortRule[] | undefined;\n  readonly search: string | undefined;\n  readonly filters: Readonly<Record<string, unknown>> | undefined;\n  readonly hiddenColumns: readonly string[] | undefined;\n  readonly selected?: readonly RowKey[] | undefined;\n}\n\n/** The state a parent controls through `v-model`, as a table state patch. */\nexport function controlledState(props: ControlledProps, current: PaginationState): TableStatePatch {\n  return {\n    sorting: props.sorting,\n    search: props.search,\n    filters: props.filters,\n    hiddenColumns: props.hiddenColumns,\n    selection: props.selected,\n    pagination:\n      props.page !== undefined || props.pageSize !== undefined\n        ? { page: props.page ?? current.page, pageSize: props.pageSize ?? current.pageSize }\n        : undefined,\n  };\n}\n\n/**\n * Emit a `v-model` update for each piece of state that changed. The state is frozen and replaced\n * piece by piece, so identity tells what changed.\n */\nexport function emitStateChanges(\n  emit: (event: (typeof stateEmits)[number], value: unknown) => void,\n  state: TableState,\n  previous: TableState,\n): void {\n  if (state.pagination.page !== previous.pagination.page) {\n    emit(\"update:page\", state.pagination.page);\n  }\n  if (state.pagination.pageSize !== previous.pagination.pageSize) {\n    emit(\"update:pageSize\", state.pagination.pageSize);\n  }\n  if (state.sorting !== previous.sorting) {\n    emit(\"update:sorting\", state.sorting);\n  }\n  if (state.search !== previous.search) {\n    emit(\"update:search\", state.search);\n  }\n  if (state.filters !== previous.filters) {\n    emit(\"update:filters\", state.filters);\n  }\n  if (state.hiddenColumns !== previous.hiddenColumns) {\n    emit(\"update:hiddenColumns\", state.hiddenColumns);\n  }\n  if (state.selection !== previous.selection) {\n    emit(\"update:selected\", state.selection);\n  }\n}\n\n/**\n * The given columns, or columns inferred from the data. Inferred columns are reused while the\n * data keeps the same fields, so an edit that replaces the array does not rebuild every row.\n */\nexport function createColumnResolver(): (\n  columns: readonly AnyColumnDef[] | undefined,\n  data: readonly unknown[],\n) => readonly AnyColumnDef[] {\n  let inferred:\n    | { readonly signature: string; readonly columns: readonly AnyColumnDef[] }\n    | undefined;\n  return (columns, data) => {\n    if (columns) {\n      return columns;\n    }\n    const next = inferColumns(data);\n    const signature = next.map((column) => column.id).join(\"\\u0000\");\n    if (inferred?.signature !== signature) {\n      inferred = { signature, columns: next };\n    }\n    return inferred.columns;\n  };\n}\n","import type { CellChange, ColumnDef, TableIssue, TableState } from \"@vueye-table/core\";\nimport type { GridCellSlotProps, TableStatusSlotProps } from \"@vueye-table/headless\";\nimport {\n  VtGrid,\n  VtPageSize,\n  VtPagination,\n  VtSearch,\n  VtStatus,\n  VtLoadMore,\n  VtToolbar,\n} from \"@vueye-table/styled\";\nimport { provideDataTable, useDataTable, type DataTableBinding } from \"@vueye-table/vue\";\nimport { computed, defineComponent, h, type PropType, type SlotsType, type VNode } from \"vue\";\n\nimport {\n  commonProps,\n  controlledState,\n  createColumnResolver,\n  emitStateChanges,\n  stateEmits,\n} from \"./shared\";\n\n/**\n * An editable spreadsheet over an array. Cells are edited in place with the keyboard or a double\n * click, ranges are selected with Shift or by dragging, and copy, cut, paste, clear, undo, and\n * redo work like a spreadsheet application. Every edit produces a new array through\n * `update:data`; the array passed in is never mutated.\n */\nexport const VueyeGrid = defineComponent({\n  name: \"VueyeGrid\",\n  slots: Object as SlotsType<\n    { [key: `cell.${string}`]: GridCellSlotProps & { readonly item: unknown } } & {\n      default?: (props: Record<string, unknown>) => VNode[];\n      status?: (props: TableStatusSlotProps) => VNode[];\n    }\n  >,\n  props: {\n    data: { type: Array as PropType<readonly unknown[]>, default: () => [] },\n    ...commonProps,\n    searchable: { type: Boolean, default: false },\n    columnToggle: { type: Boolean, default: false },\n    /** Page the grid. By default every row is on one page. */\n    pagination: { type: Boolean, default: false },\n    /** Columns are editable unless their definition says otherwise. Set `false` to lock all. */\n    editable: { type: Boolean, default: true },\n    rowNumbers: { type: Boolean, default: true },\n    columnLetters: { type: Boolean, default: false },\n    label: { type: String, default: \"Spreadsheet\" },\n    /** Show undo, redo, and CSV export buttons. */\n    toolbar: { type: Boolean, default: true },\n  },\n  emits: {\n    ...Object.fromEntries(stateEmits.map((name) => [name, null])),\n    \"state-change\": (_state: TableState) => true,\n    \"update:data\": (_data: readonly unknown[]) => true,\n    edit: (_changes: readonly CellChange<unknown>[]) => true,\n    \"edit-error\": (_issues: readonly TableIssue[]) => true,\n    export: (_csv: string) => true,\n  } as { [K in (typeof stateEmits)[number]]: null } & {\n    \"state-change\": (state: TableState) => boolean;\n    \"update:data\": (data: readonly unknown[]) => boolean;\n    edit: (changes: readonly CellChange<unknown>[]) => boolean;\n    \"edit-error\": (issues: readonly TableIssue[]) => boolean;\n    export: (csv: string) => boolean;\n  },\n  setup(props, { emit, slots, expose, attrs }) {\n    const resolveColumns = createColumnResolver();\n    const columns = computed(() =>\n      resolveColumns(props.columns, props.data).map(\n        (column) =>\n          ({\n            ...column,\n            editable: props.editable ? (column.editable ?? true) : false,\n          }) as ColumnDef<unknown>,\n      ),\n    );\n    const everyRow = (): number => Math.max(1, props.data.length);\n    const initialPagination = {\n      page: props.page ?? 1,\n      pageSize: props.pagination ? (props.pageSize ?? props.pageSizeOptions[0] ?? 10) : everyRow(),\n    };\n    let binding: DataTableBinding<unknown> | undefined;\n    const table = useDataTable<unknown>({\n      data: () => props.data,\n      source: computed(() => props.source),\n      loadMore: computed(() => props.loadMore),\n      endThreshold: props.endThreshold,\n      manual: props.manual,\n      rowCount: () => props.rowCount,\n      columns,\n      rowKey: props.rowKey as never,\n      paginate:\n        props.paginate ??\n        (props.source || props.loadMore ? false : props.virtual ? props.pagination : true),\n      selectionMode: \"none\",\n      initialState: { pagination: initialPagination },\n      state: () => {\n        const controlled = controlledState(\n          props,\n          binding?.table.getState().pagination ?? initialPagination,\n        );\n        return {\n          ...controlled,\n          selection: undefined,\n          pagination: props.pagination ? controlled.pagination : { page: 1, pageSize: everyRow() },\n        };\n      },\n      onEditIssues(issues) {\n        emit(\"edit-error\", issues);\n      },\n      onDataChange(data, changes) {\n        emit(\"update:data\", data);\n        emit(\"edit\", changes);\n      },\n      onStateChange(state, previous) {\n        emitStateChanges(emit as never, state, previous);\n        emit(\"state-change\", state);\n      },\n    });\n    binding = table;\n    provideDataTable(table);\n    expose({ table });\n\n    // `cell.<id>` slots also receive the row's data as `item`, as they do on `<VueyeTable>`.\n    const gridSlots = (): Record<string, unknown> => {\n      const forwarded: Record<string, unknown> = {};\n      for (const [name, slot] of Object.entries(slots)) {\n        if (name === \"default\" && slot) {\n          forwarded[name] = slot;\n        } else if (name.startsWith(\"cell.\")) {\n          const cellSlot = slots[name as `cell.${string}`];\n          forwarded[name] = (cellProps: GridCellSlotProps) =>\n            cellSlot?.({ ...cellProps, item: cellProps.row.original });\n        }\n      }\n      return forwarded;\n    };\n\n    const button = (label: string, disabled: boolean, onClick: () => void) =>\n      h(\"button\", { type: \"button\", class: \"vt-button\", disabled, onClick }, label);\n\n    return () =>\n      h(\"div\", { class: \"vt-theme vueye-grid\", \"data-vt-theme\": props.theme }, [\n        props.toolbar || props.searchable\n          ? h(VtToolbar, () => [\n              props.searchable ? h(VtSearch, { placeholder: props.searchPlaceholder }) : null,\n              h(\"div\", { class: \"vt-toolbar-spacer\" }),\n              props.toolbar\n                ? [\n                    button(\"Undo\", !table.canUndo, () => table.undo()),\n                    button(\"Redo\", !table.canRedo, () => table.redo()),\n                    button(\"Export CSV\", false, () => emit(\"export\", table.exportRows())),\n                  ]\n                : null,\n            ])\n          : null,\n        h(\n          VtGrid,\n          {\n            table,\n            label: props.label,\n            \"aria-describedby\": attrs[\"aria-describedby\"],\n            rowNumbers: props.rowNumbers,\n            columnLetters: props.columnLetters,\n            density: props.density,\n            striped: props.striped,\n            bordered: props.bordered,\n            hover: false,\n            stickyHeader: props.stickyHeader,\n            loading:\n              props.loading || table.loadState === \"loading\" || table.loadState === \"streaming\",\n            theme: props.theme,\n            virtual: props.virtual,\n            virtualColumns: props.virtualColumns,\n            height: props.height,\n            rowHeight: props.rowHeight,\n            overscan: props.overscan,\n            columnWidth: props.columnWidth,\n            ...(props.maxHeight ? { style: { \"--vt-max-height\": props.maxHeight } } : {}),\n          },\n          gridSlots(),\n        ),\n        props.pagination || table.loadingMode || slots.status\n          ? h(VtToolbar, { class: \"vt-footer\" }, () => [\n              h(\n                VtStatus,\n                null,\n                slots.status\n                  ? { default: (status: TableStatusSlotProps) => slots.status?.(status) }\n                  : undefined,\n              ),\n              ...(table.loadingMode ? [h(VtLoadMore)] : []),\n              props.pagination && table.paginate\n                ? h(\"div\", { class: \"vt-footer-controls\" }, [\n                    h(VtPageSize, { options: props.pageSizeOptions }),\n                    h(VtPagination),\n                  ])\n                : null,\n            ])\n          : null,\n      ]);\n  },\n});\n","import type { ColumnDef, RowKey, TableRow, TableState } from \"@vueye-table/core\";\nimport {\n  DataTableBody,\n  DataTableCaption,\n  DataTableCell,\n  DataTableRow,\n  DataTableSelectAll,\n  DataTableSelectRow,\n  DataTableRoot,\n  DataTableViewport,\n  type TableStatusSlotProps,\n} from \"@vueye-table/headless\";\nimport {\n  VtColumnVisibility,\n  VtEmpty,\n  VtHeader,\n  VtPageSize,\n  VtPagination,\n  VtSearch,\n  VtStatus,\n  VtLoadMore,\n  VtToolbar,\n} from \"@vueye-table/styled\";\nimport { provideDataTable, useDataTable, type DataTableBinding } from \"@vueye-table/vue\";\nimport { computed, defineComponent, h, type PropType, type SlotsType, type VNodeChild } from \"vue\";\n\nimport {\n  commonProps,\n  controlledState,\n  createColumnResolver,\n  emitStateChanges,\n  stateEmits,\n} from \"./shared\";\n\n/** Slot props of `cell.<column id>` and `cell`. */\nexport interface CellSlotProps {\n  readonly item: unknown;\n  readonly row: TableRow<unknown>;\n  readonly value: unknown;\n  readonly display: string;\n  readonly column: { readonly id: string; readonly header: string };\n}\n\n/** Slot props of `status`, the \"1–10 of 57 rows\" line. */\nexport type StatusSlotProps = TableStatusSlotProps;\n\n/**\n * A complete data table: search, column visibility, sorting, selection, pagination, a live\n * status line, loading and empty states, and theming. Every piece of state is available as a\n * `v-model`, and `manual` hands searching, sorting, and paging to a server.\n */\nexport const VueyeTable = defineComponent({\n  name: \"VueyeTable\",\n  props: {\n    data: { type: Array as PropType<readonly unknown[]>, default: () => [] },\n    ...commonProps,\n    /** `true` or `\"multiple\"` for checkboxes, `\"single\"` for one row at a time. */\n    selectable: {\n      type: [Boolean, String] as PropType<boolean | \"single\" | \"multiple\">,\n      default: false,\n    },\n    selected: { type: Array as PropType<readonly RowKey[]>, default: undefined },\n    /** The data is one page from a server; `rowCount` is the total. */\n    /** Shown instead of the empty state while `loading` and there are no rows yet. */\n    loadingText: { type: String, default: \"Loading…\" },\n  },\n  emits: {\n    ...Object.fromEntries(stateEmits.map((name) => [name, null])),\n    \"state-change\": (_state: TableState) => true,\n    \"row-click\": (_item: unknown, _row: TableRow<unknown>) => true,\n  } as {\n    [K in (typeof stateEmits)[number]]: null;\n  } & {\n    \"state-change\": (state: TableState) => boolean;\n    \"row-click\": (item: unknown, row: TableRow<unknown>) => boolean;\n  },\n  slots: Object as SlotsType<\n    {\n      [key: `cell.${string}`]: CellSlotProps;\n      [key: `header.${string}`]: { column: { id: string; header: string } };\n    } & {\n      toolbar: { table: unknown };\n      empty: Record<string, never>;\n      loading: Record<string, never>;\n      footer: { table: unknown };\n      status: StatusSlotProps;\n    }\n  >,\n  setup(props, { emit, slots, expose }) {\n    const selectionMode = computed(() =>\n      props.selectable === false ? \"none\" : props.selectable === \"single\" ? \"single\" : \"multiple\",\n    );\n    const initialPagination = {\n      page: props.page ?? 1,\n      pageSize: props.pageSize ?? props.pageSizeOptions[0] ?? 10,\n    };\n    const resolveColumns = createColumnResolver();\n    let binding: DataTableBinding<unknown> | undefined;\n    const table = useDataTable<unknown>({\n      data: () => props.data,\n      source: computed(() => props.source),\n      loadMore: computed(() => props.loadMore),\n      endThreshold: props.endThreshold,\n      columns: () => resolveColumns(props.columns, props.data) as readonly ColumnDef<unknown>[],\n      rowKey: props.rowKey as never,\n      manual: props.manual,\n      paginate: props.paginate ?? !(props.virtual || props.source || props.loadMore),\n      rowCount: () => props.rowCount,\n      selectionMode: selectionMode.value,\n      selectScope: props.selectScope,\n      initialState: { pagination: initialPagination },\n      state: () =>\n        controlledState(props, binding?.table.getState().pagination ?? initialPagination),\n      onStateChange(state, previous) {\n        emitStateChanges(emit as never, state, previous);\n        emit(\"state-change\", state);\n      },\n    });\n    binding = table;\n    provideDataTable(table);\n    expose({ table });\n    const busy = (): boolean =>\n      props.loading || table.loadState === \"loading\" || table.loadState === \"streaming\";\n\n    const selectable = (): boolean => selectionMode.value !== \"none\";\n\n    const cell = (row: TableRow<unknown>, column: (typeof table.columns)[number]): VNodeChild => {\n      const slot = slots[`cell.${column.id}`];\n      return h(\n        DataTableCell,\n        { key: column.id, row, column },\n        slot\n          ? {\n              default: ({ value, display }: { value: unknown; display: string }) =>\n                slot({ item: row.original, row, value, display, column }),\n            }\n          : undefined,\n      );\n    };\n\n    const body = (rows: readonly TableRow<unknown>[] = table.rows): VNodeChild => {\n      const width = table.columns.length + (selectable() ? 1 : 0);\n      if (table.rows.length === 0) {\n        // While the first page is loading there is nothing to match yet, so say that instead.\n        const content = busy()\n          ? (slots.loading?.({}) ?? h(VtEmpty, { text: props.loadingText }))\n          : (slots.empty?.({}) ??\n            h(VtEmpty, {\n              text:\n                table.loadingMode && table.loadState === \"error\"\n                  ? \"Could not load rows.\"\n                  : \"No matching rows\",\n            }));\n        return h(\"tr\", { \"data-empty\": \"\" }, [h(\"td\", { colspan: Math.max(1, width) }, content)]);\n      }\n      return rows.map((row) =>\n        h(\n          DataTableRow,\n          { key: row.key, row, onClick: () => emit(\"row-click\", row.original, row) },\n          () => [\n            selectable()\n              ? h(\n                  \"td\",\n                  {\n                    class: \"vt-selection-cell\",\n                    onClick: (event: Event) => event.stopPropagation(),\n                  },\n                  [h(DataTableSelectRow, { row })],\n                )\n              : null,\n            ...table.columns.map((column) => cell(row, column)),\n          ],\n        ),\n      );\n    };\n\n    const headerSlots = () => {\n      const forwarded: Record<string, unknown> = {};\n      for (const column of table.columns) {\n        const slot = slots[`header.${column.id}`];\n        if (slot) {\n          forwarded[`header.${column.id}`] = () => slot({ column });\n        }\n      }\n      return {\n        ...forwarded,\n        before: () =>\n          selectable()\n            ? h(\n                \"th\",\n                { class: \"vt-selection-cell\", scope: \"col\" },\n                selectionMode.value === \"multiple\" ? [h(DataTableSelectAll)] : [],\n              )\n            : null,\n      };\n    };\n\n    const tableContent = (): VNodeChild => {\n      const children = () => [\n        props.caption ? h(DataTableCaption, () => props.caption) : null,\n        h(VtHeader, null, headerSlots()),\n        h(\n          DataTableBody,\n          { class: \"vt-body\", colspan: table.columns.length + (selectable() ? 1 : 0) },\n          { default: ({ rows }: { rows: readonly TableRow<unknown>[] }) => body(rows) },\n        ),\n      ];\n      return props.virtual\n        ? h(\n            DataTableViewport,\n            {\n              class: \"vt-scroll\",\n              height: props.height ?? \"24rem\",\n              style: { \"--vt-row-height\": `${props.rowHeight}px` },\n            },\n            {\n              default: () =>\n                h(\n                  DataTableRoot,\n                  {\n                    table,\n                    class: \"vt-table\",\n                    virtual: props.virtual,\n                    rowHeight: props.rowHeight,\n                    overscan: props.overscan,\n                  },\n                  children,\n                ),\n            },\n          )\n        : h(\"div\", { class: \"vt-scroll\" }, [\n            h(\n              \"table\",\n              {\n                class: \"vt-table\",\n                \"aria-rowcount\": table.rowCount + 1,\n                \"aria-colcount\": table.columns.length,\n                \"aria-busy\": busy() ? \"true\" : undefined,\n              },\n              children(),\n            ),\n          ]);\n    };\n\n    return () =>\n      h(\n        \"div\",\n        {\n          class: \"vt-surface vueye-table\",\n          \"data-density\": props.density,\n          \"data-striped\": props.striped ? \"\" : undefined,\n          \"data-bordered\": props.bordered ? \"\" : undefined,\n          \"data-hover\": props.hover ? \"\" : undefined,\n          \"data-sticky-header\": props.stickyHeader || props.virtual ? \"\" : undefined,\n          \"data-virtual\": props.virtual ? \"\" : undefined,\n          \"data-loading\": busy() ? \"\" : undefined,\n          \"data-vt-theme\": props.theme,\n          \"aria-busy\": props.loading ? \"true\" : undefined,\n          style: props.maxHeight ? { \"--vt-max-height\": props.maxHeight } : undefined,\n        },\n        [\n          h(\"div\", { class: \"vt-root\" }, [\n            props.searchable || props.columnToggle || slots.toolbar\n              ? h(VtToolbar, () => [\n                  props.searchable ? h(VtSearch, { placeholder: props.searchPlaceholder }) : null,\n                  h(\"div\", { class: \"vt-toolbar-spacer\" }),\n                  slots.toolbar?.({ table }),\n                  props.columnToggle ? h(VtColumnVisibility) : null,\n                ])\n              : null,\n            h(\"div\", { class: \"vt-progress\", role: \"presentation\" }),\n            tableContent(),\n            (props.pagination && (!props.virtual || table.paginate)) ||\n            slots.footer ||\n            slots.status ||\n            table.loadingMode\n              ? h(VtToolbar, { class: \"vt-footer\" }, () => [\n                  h(\n                    VtStatus,\n                    null,\n                    slots.status\n                      ? { default: (status: StatusSlotProps) => slots.status?.(status) }\n                      : props.loading && table.rows.length === 0\n                        ? { default: () => props.loadingText }\n                        : undefined,\n                  ),\n                  ...(table.loadingMode ? [h(VtLoadMore)] : []),\n                  slots.footer?.({ table }),\n                  props.pagination && table.paginate && (!props.virtual || table.paginate)\n                    ? h(\"div\", { class: \"vt-footer-controls\" }, [\n                        h(VtPageSize, { options: props.pageSizeOptions }),\n                        h(VtPagination),\n                      ])\n                    : null,\n                ])\n              : null,\n          ]),\n        ],\n      );\n  },\n});\n","import type { App, Plugin } from \"vue\";\n\nimport { VueyeGrid } from \"./vueye-grid\";\nimport { VueyeTable } from \"./vueye-table\";\n\n/** Register `<VueyeTable>` and `<VueyeGrid>` globally. */\nexport const VueyeTablePlugin: Plugin = {\n  install(app: App): void {\n    app.component(\"VueyeTable\", VueyeTable);\n    app.component(\"VueyeGrid\", VueyeGrid);\n  },\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueye-table",
-  "version": "3.0.0-alpha.7",
+  "version": "3.0.0-alpha.8",
   "description": "A Vue framework for data tables and spreadsheets: a complete, themeable data table and grid, plus every layer beneath them.",
   "keywords": [
     "data-grid",
@@ -42,10 +42,10 @@
     "provenance": true
   },
   "dependencies": {
-    "@vueye-table/core": "3.0.0-alpha.7",
-    "@vueye-table/headless": "3.0.0-alpha.7",
-    "@vueye-table/vue": "3.0.0-alpha.7",
-    "@vueye-table/styled": "3.0.0-alpha.7"
+    "@vueye-table/core": "3.0.0-alpha.8",
+    "@vueye-table/headless": "3.0.0-alpha.8",
+    "@vueye-table/styled": "3.0.0-alpha.8",
+    "@vueye-table/vue": "3.0.0-alpha.8"
   },
   "devDependencies": {
     "vue": "3.5.43",