@coreui/data-grid 0.1.0-rc.0 → 0.3.0-rc.0

package/dist/js/drag.mjs

@@ -0,0 +1,464 @@
+/*!
+* CoreUI PRO data-grid v0.3.0-rc.0 (https://coreui.io)
+* Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
+* License (https://coreui.io/pro/license/)
+*/
+//#region src/util/drag.ts
+/**
+* --------------------------------------------------------------------------
+* CoreUI PRO data-grid util/drag.ts
+* License (https://coreui.io/pro/license/)
+* --------------------------------------------------------------------------
+*/
+const CLASS_NAME_GHOST = "data-grid-drag-ghost";
+const CLASS_NAME_INDICATOR = "data-grid-drop-indicator";
+const CLASS_NAME_DRAGGING = "data-grid-dragging";
+const CLASS_NAME_DRAG_ACTIVE = "data-grid-drag-active";
+const CLASS_NAME_PREVIEW = "data-grid-drag-preview";
+const CLASS_NAME_GHOST_SETTLE = "data-grid-drag-ghost-settle";
+const DRAG_THRESHOLD = 4;
+const DRAG_HYSTERESIS = 3;
+const EDGE_SIZE = 48;
+const EDGE_MAX_SPEED = 18;
+const GHOST_OFFSET = 12;
+const GHOST_SETTLE_FALLBACK_MS = 400;
+const collapse = (text) => text.replace(/\s+/g, " ").trim();
+const destinationIndex = (from, target, after) => target > from ? after ? target : target - 1 : after ? target + 1 : target;
+const swallowClick = (event) => {
+	event.preventDefault();
+	event.stopPropagation();
+};
+const disarmSwallowClick = () => {
+	document.removeEventListener("click", swallowClick, { capture: true });
+};
+const INERT_CONTROLLER = { dispose() {} };
+const createDragController = (options) => {
+	if (typeof document === "undefined") return INERT_CONTROLLER;
+	const { axis, root } = options;
+	const horizontal = axis === "x";
+	let sourceHit = null;
+	let dragging = false;
+	let axisSign = 1;
+	let origin = {
+		x: 0,
+		y: 0
+	};
+	let pointer = {
+		x: 0,
+		y: 0
+	};
+	let drop = null;
+	let ghost = null;
+	let indicator = null;
+	let scrollFrame = 0;
+	let pointerId = -1;
+	let previewKey = "";
+	let sticky = null;
+	const previewDeltas = /* @__PURE__ */ new Map();
+	const previewClassed = /* @__PURE__ */ new Set();
+	const contentStarts = /* @__PURE__ */ new Map();
+	const contentSizes = /* @__PURE__ */ new Map();
+	const logicalStart = (rect) => {
+		if (!horizontal) return rect.top;
+		return axisSign === 1 ? rect.left : -rect.right;
+	};
+	const logicalPointer = () => horizontal ? pointer.x * axisSign : pointer.y;
+	const stopAutoScroll = () => {
+		if (scrollFrame) {
+			cancelAnimationFrame(scrollFrame);
+			scrollFrame = 0;
+		}
+	};
+	const autoScroll = () => {
+		scrollFrame = 0;
+		const scrollElement = options.getScrollElement();
+		if (!scrollElement || !dragging) return;
+		const rect = scrollElement.getBoundingClientRect();
+		const position = horizontal ? pointer.x : pointer.y;
+		const start = horizontal ? rect.left : rect.top;
+		const end = horizontal ? rect.right : rect.bottom;
+		let delta = 0;
+		if (position < start + EDGE_SIZE) delta = -18 * Math.min(1, (start + EDGE_SIZE - position) / EDGE_SIZE);
+		else if (position > end - EDGE_SIZE) delta = EDGE_MAX_SPEED * Math.min(1, (position - (end - EDGE_SIZE)) / EDGE_SIZE);
+		if (delta !== 0) {
+			if (horizontal) scrollElement.scrollLeft += delta;
+			else scrollElement.scrollTop += delta;
+			updateTarget();
+			scrollFrame = requestAnimationFrame(autoScroll);
+		}
+	};
+	const moveGhost = () => {
+		if (ghost) ghost.style.transform = `translate(${pointer.x + GHOST_OFFSET}px, ${pointer.y + GHOST_OFFSET}px)`;
+	};
+	const hideIndicator = () => {
+		if (indicator) indicator.hidden = true;
+	};
+	const showIndicator = (target, after) => {
+		if (!indicator) return;
+		const rect = target.getBoundingClientRect();
+		const rootRect = root.getBoundingClientRect();
+		indicator.hidden = false;
+		if (horizontal) {
+			const trailing = after === (axisSign === 1);
+			indicator.style.left = `${trailing ? rect.right : rect.left}px`;
+			indicator.style.top = `${rootRect.top}px`;
+			indicator.style.height = `${rootRect.height}px`;
+		} else {
+			indicator.style.left = `${rootRect.left}px`;
+			indicator.style.top = `${after ? rect.bottom : rect.top}px`;
+			indicator.style.width = `${rootRect.width}px`;
+		}
+	};
+	const startDrag = () => {
+		dragging = true;
+		axisSign = horizontal && getComputedStyle(root).direction === "rtl" ? -1 : 1;
+		const active = document.activeElement;
+		if (active instanceof HTMLElement && root.contains(active)) active.blur();
+		root.classList.add(CLASS_NAME_DRAG_ACTIVE);
+		sourceHit.element.classList.add(CLASS_NAME_DRAGGING);
+		const rect = sourceHit.element.getBoundingClientRect();
+		ghost = document.createElement("div");
+		ghost.className = CLASS_NAME_GHOST;
+		ghost.setAttribute("aria-hidden", "true");
+		ghost.style.width = `${rect.width}px`;
+		ghost.style.height = `${rect.height}px`;
+		ghost.textContent = options.ghostLabel ? options.ghostLabel(sourceHit) : collapse(sourceHit.element.textContent ?? "");
+		if (!options.preview) {
+			indicator = document.createElement("div");
+			indicator.className = `${CLASS_NAME_INDICATOR} ${CLASS_NAME_INDICATOR}-${axis}`;
+			indicator.setAttribute("aria-hidden", "true");
+			indicator.hidden = true;
+			root.append(indicator);
+		}
+		root.append(ghost);
+		moveGhost();
+		captureLayout();
+	};
+	const contentOrigin = () => {
+		const scrollElement = options.getScrollElement();
+		if (!scrollElement) return 0;
+		const rect = scrollElement.getBoundingClientRect();
+		return horizontal ? logicalStart(rect) - axisSign * scrollElement.scrollLeft : rect.top - scrollElement.scrollTop;
+	};
+	const captureItem = (id, origin) => {
+		const element = options.items.getElements(id)[0];
+		if (!element) return false;
+		const rect = element.getBoundingClientRect();
+		const start = logicalStart(rect) - (previewDeltas.get(id) ?? 0);
+		contentStarts.set(id, start - origin);
+		contentSizes.set(id, horizontal ? rect.width : rect.height);
+		return true;
+	};
+	const captureLayout = () => {
+		contentStarts.clear();
+		contentSizes.clear();
+		const origin = contentOrigin();
+		for (const id of options.items.getOrderedIds()) captureItem(id, origin);
+	};
+	const updateTarget = () => {
+		const position = logicalPointer();
+		const origin = contentOrigin();
+		const zones = [];
+		for (const id of options.items.getOrderedIds()) {
+			if (!contentStarts.has(id) && !captureItem(id, origin)) continue;
+			zones.push({
+				id,
+				start: origin + contentStarts.get(id),
+				size: contentSizes.get(id)
+			});
+		}
+		let hit = null;
+		const lastZone = zones[zones.length - 1];
+		const fromIndex = zones.findIndex((zone) => zone.id === sourceHit.id);
+		if (lastZone && position > lastZone.start + lastZone.size) {
+			sticky = null;
+			for (let index = zones.length - 1; index >= 0; index--) if (options.canDrop(sourceHit.id, zones[index].id)) {
+				hit = {
+					id: zones[index].id,
+					after: true
+				};
+				break;
+			}
+		} else if (lastZone && position < zones[0].start) {
+			sticky = null;
+			for (const zone of zones) if (options.canDrop(sourceHit.id, zone.id)) {
+				hit = {
+					id: zone.id,
+					after: false
+				};
+				break;
+			}
+		} else if (drop && sticky && position >= sticky.lo - DRAG_HYSTERESIS && position <= sticky.hi + DRAG_HYSTERESIS) hit = drop;
+		else for (let index = 0; index < zones.length; index++) {
+			const zone = zones[index];
+			const previous = zones[index - 1];
+			const following = zones[index + 1];
+			const lo = previous ? (previous.start + previous.size + zone.start) / 2 : zone.start;
+			const hi = following ? (zone.start + zone.size + following.start) / 2 : zone.start + zone.size;
+			if (position < lo || position > hi) continue;
+			if (options.canDrop(sourceHit.id, zone.id)) {
+				hit = {
+					id: zone.id,
+					after: fromIndex === -1 ? position > zone.start + zone.size / 2 : index > fromIndex
+				};
+				sticky = {
+					lo,
+					hi
+				};
+			}
+			break;
+		}
+		if (!hit) {
+			drop = null;
+			sticky = null;
+			hideIndicator();
+			applyPreview();
+			return;
+		}
+		drop = hit;
+		showIndicator(options.items.getElements(hit.id)[0], hit.after);
+		applyPreview();
+	};
+	const clearPreview = () => {
+		for (const id of previewClassed) for (const element of options.items.getElements(id)) {
+			element.style.transform = "";
+			element.classList.remove(CLASS_NAME_PREVIEW);
+		}
+		previewKey = "";
+		previewDeltas.clear();
+		previewClassed.clear();
+	};
+	const clearLayout = () => {
+		contentStarts.clear();
+		contentSizes.clear();
+	};
+	const applyPreview = () => {
+		if (!options.preview || !sourceHit) return;
+		const ids = options.items.getOrderedIds();
+		const from = ids.indexOf(sourceHit.id);
+		const target = drop ? ids.indexOf(drop.id) : -1;
+		const to = from === -1 || target === -1 ? from : destinationIndex(from, target, drop.after);
+		const key = String(to);
+		if (key === previewKey) return;
+		previewKey = key;
+		const next = /* @__PURE__ */ new Map();
+		if (from !== -1 && to !== from) {
+			const sizeOf = (index) => contentSizes.get(ids[index]) ?? 0;
+			const forward = to > from;
+			const first = forward ? from + 1 : to;
+			const last = forward ? to : from - 1;
+			const sourceSize = sizeOf(from);
+			let travelled = 0;
+			for (let index = first; index <= last; index++) {
+				travelled += sizeOf(index);
+				next.set(ids[index], forward ? -sourceSize : sourceSize);
+			}
+			next.set(ids[from], forward ? travelled : -travelled);
+		}
+		for (const id of previewDeltas.keys()) if (!next.has(id)) for (const element of options.items.getElements(id)) element.style.transform = "";
+		for (const [id, delta] of next) {
+			if (previewDeltas.get(id) === delta) continue;
+			for (const element of options.items.getElements(id)) {
+				element.style.transform = horizontal ? `translateX(${axisSign * delta}px)` : `translateY(${delta}px)`;
+				element.classList.add(CLASS_NAME_PREVIEW);
+			}
+			previewClassed.add(id);
+		}
+		previewDeltas.clear();
+		for (const [id, delta] of next) previewDeltas.set(id, delta);
+	};
+	const settleGhost = (x, y) => {
+		if (!ghost) return;
+		const element = ghost;
+		ghost = null;
+		element.classList.add(CLASS_NAME_GHOST_SETTLE);
+		element.style.transform = `translate(${x}px, ${y}px)`;
+		element.style.opacity = "0";
+		let settled = false;
+		const finish = () => {
+			if (!settled) {
+				settled = true;
+				element.remove();
+			}
+		};
+		element.addEventListener("transitionend", finish);
+		setTimeout(finish, GHOST_SETTLE_FALLBACK_MS);
+	};
+	const settleTarget = (committed) => {
+		if (!sourceHit) return null;
+		const rect = sourceHit.element.getBoundingClientRect();
+		if (committed) return {
+			x: rect.left,
+			y: rect.top
+		};
+		const delta = previewDeltas.get(sourceHit.id) ?? 0;
+		return horizontal ? {
+			x: rect.left - axisSign * delta,
+			y: rect.top
+		} : {
+			x: rect.left,
+			y: rect.top - delta
+		};
+	};
+	const cleanup = () => {
+		clearPreview();
+		clearLayout();
+		stopAutoScroll();
+		root.classList.remove(CLASS_NAME_DRAG_ACTIVE);
+		sourceHit?.element.classList.remove(CLASS_NAME_DRAGGING);
+		ghost?.remove();
+		indicator?.remove();
+		ghost = null;
+		indicator = null;
+		sourceHit = null;
+		dragging = false;
+		drop = null;
+		sticky = null;
+		pointerId = -1;
+		document.removeEventListener("pointermove", onPointerMove);
+		document.removeEventListener("pointerup", onPointerUp);
+		document.removeEventListener("pointercancel", cancel);
+		document.removeEventListener("keydown", onKeydown);
+	};
+	function cancel() {
+		if (dragging) {
+			const home = settleTarget(false);
+			if (home) settleGhost(home.x, home.y);
+		}
+		cleanup();
+	}
+	function onKeydown(event) {
+		if (event.key === "Escape") {
+			event.preventDefault();
+			cancel();
+		}
+	}
+	function onPointerMove(event) {
+		if (event.pointerId !== pointerId || !sourceHit) return;
+		pointer = {
+			x: event.clientX,
+			y: event.clientY
+		};
+		if (!dragging) {
+			if (Math.max(Math.abs(pointer.x - origin.x), Math.abs(pointer.y - origin.y)) < DRAG_THRESHOLD) return;
+			startDrag();
+		}
+		event.preventDefault();
+		moveGhost();
+		updateTarget();
+		if (!scrollFrame) scrollFrame = requestAnimationFrame(autoScroll);
+	}
+	function onPointerUp(event) {
+		if (event.pointerId !== pointerId) return;
+		const sourceId = sourceHit?.id;
+		const source = sourceHit?.element;
+		const pending = drop;
+		const wasDragging = dragging;
+		if (wasDragging) {
+			const committed = Boolean(pending && pending.id !== sourceId);
+			const landing = settleTarget(committed);
+			if (landing) settleGhost(landing.x, landing.y);
+		}
+		cleanup();
+		if (!wasDragging) return;
+		if (source?.contains(event.target)) {
+			document.addEventListener("click", swallowClick, {
+				capture: true,
+				once: true
+			});
+			setTimeout(disarmSwallowClick, 0);
+		}
+		if (sourceId && pending && pending.id !== sourceId) options.onDrop(sourceId, pending);
+	}
+	const onPointerDown = (event) => {
+		if (!event.isPrimary || event.pointerType === "mouse" && event.button !== 0 || sourceHit) return;
+		const element = event.target?.closest(options.handle);
+		if (!element) return;
+		const hit = options.resolveSource(element, event.target);
+		if (!hit) return;
+		sourceHit = hit;
+		pointerId = event.pointerId;
+		origin = {
+			x: event.clientX,
+			y: event.clientY
+		};
+		pointer = origin;
+		document.addEventListener("pointermove", onPointerMove);
+		document.addEventListener("pointerup", onPointerUp);
+		document.addEventListener("pointercancel", cancel);
+		document.addEventListener("keydown", onKeydown);
+	};
+	root.addEventListener("pointerdown", onPointerDown);
+	return { dispose() {
+		root.removeEventListener("pointerdown", onPointerDown);
+		disarmSwallowClick();
+		cleanup();
+	} };
+};
+const SELECTOR_DRAGGABLE_COLUMN = "th[data-coreui-draggable]";
+const SELECTOR_RESIZER = "[data-coreui-resizer]";
+const SELECTOR_PREVIEW_ROWS = "thead tr, tbody tr:not(.data-grid-spacer):not(.data-grid-empty)";
+const columnItems = (root) => ({
+	getOrderedIds: () => [...root.querySelectorAll("thead tr:first-child th[data-coreui-column]")].map((cell) => cell.dataset.coreuiColumn ?? ""),
+	getElements(id) {
+		const header = root.querySelector(`thead th[data-coreui-column="${id}"]`);
+		if (!header) return [];
+		const { cellIndex } = header;
+		const elements = [];
+		for (const row of root.querySelectorAll(SELECTOR_PREVIEW_ROWS)) {
+			const cell = row.children[cellIndex];
+			if (cell) elements.push(cell);
+		}
+		return elements;
+	}
+});
+const createColumnDragController = (options) => createDragController({
+	axis: "x",
+	root: options.root,
+	handle: SELECTOR_DRAGGABLE_COLUMN,
+	getScrollElement: options.getScrollElement,
+	resolveSource(element, target) {
+		if (target.closest(SELECTOR_RESIZER)) return null;
+		const id = element.dataset.coreuiColumn;
+		return id ? {
+			id,
+			element
+		} : null;
+	},
+	items: columnItems(options.root),
+	canDrop: (sourceId, targetId) => sourceId !== targetId && Boolean(options.root.querySelector(`th[data-coreui-column="${targetId}"][data-coreui-draggable]`)) && options.canDrop(sourceId, targetId),
+	preview: true,
+	onDrop: (sourceKey, drop) => options.onReorder(sourceKey, drop.id, drop.after)
+});
+const SELECTOR_ROW_HANDLE = "[data-coreui-row-handle]";
+const SELECTOR_ROW = "tr[data-coreui-index]";
+const rowItems = (root) => ({
+	getOrderedIds: () => [...root.querySelectorAll(`tbody ${SELECTOR_ROW}`)].map((row) => row.dataset.coreuiIndex ?? ""),
+	getElements(id) {
+		const row = root.querySelector(`tbody tr[data-coreui-index="${id}"]`);
+		return row ? [row] : [];
+	}
+});
+const createRowDragController = (options) => createDragController({
+	axis: "y",
+	root: options.root,
+	handle: SELECTOR_ROW_HANDLE,
+	getScrollElement: options.getScrollElement,
+	resolveSource(handle) {
+		const row = handle.closest(SELECTOR_ROW);
+		const id = row?.dataset.coreuiIndex;
+		return row && id ? {
+			id,
+			element: row
+		} : null;
+	},
+	items: rowItems(options.root),
+	canDrop: (sourceId, targetId) => sourceId !== targetId,
+	ghostLabel: (source) => collapse(source.element.querySelector("td:not(.data-grid-row-handle-cell):not(.data-grid-select-cell)")?.textContent ?? ""),
+	preview: true,
+	onDrop: (sourceId, drop) => options.onReorder(Number(sourceId), Number(drop.id), drop.after)
+});
+//#endregion
+export { createColumnDragController, createDragController, createRowDragController };
+
+//# sourceMappingURL=drag.mjs.map

package/dist/js/drag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.mjs","names":[],"sources":["../../src/util/drag.ts"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI PRO data-grid util/drag.ts\n * License (https://coreui.io/pro/license/)\n * --------------------------------------------------------------------------\n */\n\n// The one drag implementation behind every reorder in the grid: column drag\n// (axis 'x', over the header) and row drag (axis 'y', over the body). It is\n// headless in the sense that matters — it never reads the table, only what the\n// consumer resolves for it — and pointer-based rather than HTML5 drag events,\n// which cannot render a drop indicator, cannot auto-scroll, and behave\n// differently on touch.\n//\n// The invariant that keeps it cheap: pointermove writes to the DOM directly.\n// Nothing here goes through component state, change detection or a signal, so\n// a drag costs no re-renders in any of the four editions.\n\nconst CLASS_NAME_GHOST = 'data-grid-drag-ghost'\nconst CLASS_NAME_INDICATOR = 'data-grid-drop-indicator'\nconst CLASS_NAME_DRAGGING = 'data-grid-dragging'\nconst CLASS_NAME_DRAG_ACTIVE = 'data-grid-drag-active'\nconst CLASS_NAME_PREVIEW = 'data-grid-drag-preview'\nconst CLASS_NAME_GHOST_SETTLE = 'data-grid-drag-ghost-settle'\n\n// A press has to travel this far before it becomes a drag — otherwise a click\n// on a sortable header would never sort.\nconst DRAG_THRESHOLD = 4\n// How far past a zone boundary the pointer must travel before the slot flips.\n// Swaps fire on ENTRY into a neighbour's zone, and without this band a hand\n// tremor exactly on the boundary would re-animate back and forth.\nconst DRAG_HYSTERESIS = 3\n// How close to the scroll element's edge the pointer starts auto-scrolling,\n// and the fastest it scrolls when pinned to that edge.\nconst EDGE_SIZE = 48\nconst EDGE_MAX_SPEED = 18\n// The ghost trails the pointer by this much, in px.\nconst GHOST_OFFSET = 12\n// Removal fallback for the settling ghost — a context where the transition\n// never runs (reduced motion, a hidden tab) must not leak the element.\nconst GHOST_SETTLE_FALLBACK_MS = 400\n\nexport type DragAxis = 'x' | 'y'\n\nexport interface DragHit {\n  id: string\n  element: HTMLElement\n}\n\nexport interface DragDrop {\n  id: string\n  // The source lands after the target rather than before it — which side of\n  // the target's midpoint the pointer was released on.\n  after: boolean\n}\n\nexport interface DragControllerOptions {\n  axis: DragAxis\n  root: HTMLElement\n  // Delegation selector for the element a drag may start from.\n  handle: string\n  // Called with the handle and the element actually pressed. Returning null\n  // vetoes the drag: a press on a resize handle, a column the author marked\n  // immovable, a grid whose reordering is off.\n  resolveSource: (handle: HTMLElement, target: HTMLElement) => DragHit | null\n  items: DragItems\n  // Vetoes a slot: the source itself, or an item the reorder may not cross\n  // (a column in another pinned region).\n  canDrop: (sourceId: string, targetId: string) => boolean\n  getScrollElement: () => HTMLElement | null\n  // The ghost's caption. Defaults to the source's collapsed text, which is the\n  // label for a header cell but every cell run together for a row.\n  ghostLabel?: (source: DragHit) => string\n  // The live preview: the items between the source and the drop slot slide\n  // aside and the source slides into the gap, so the grid shows the layout the\n  // drop will produce instead of only pointing at it. Transforms only, so\n  // nothing reflows and the real order still changes once, on drop. Replaces\n  // the drop-indicator line, which only renders when this is off.\n  preview?: boolean\n  onDrop: (sourceId: string, drop: DragDrop) => void\n}\n\n// The reorderable items, in display order along the drag's axis. This is both\n// what the pointer is hit-tested against and what the live preview slides.\nexport interface DragItems {\n  getOrderedIds: () => string[]\n  // Every element that travels with that id: a column's header and body cells,\n  // or simply the row.\n  getElements: (id: string) => HTMLElement[]\n}\n\nexport interface DragController {\n  dispose: () => void\n}\n\nconst collapse = (text: string): string => text.replace(/\\s+/g, ' ').trim()\n\n// Which slot the source lands in, expressed in the CURRENT order — the same\n// arithmetic the drop itself does, so the preview cannot disagree with it.\nconst destinationIndex = (from: number, target: number, after: boolean): number =>\n  (target > from ? (after ? target : target - 1) : (after ? target + 1 : target))\n\nconst swallowClick = (event: Event) => {\n  event.preventDefault()\n  event.stopPropagation()\n}\n\nconst disarmSwallowClick = () => {\n  document.removeEventListener('click', swallowClick, { capture: true })\n}\n\n// Server-side rendering reaches here through Angular, whose ngAfterViewInit and\n// ngOnDestroy both run during prerender. There is no pointer to track without a\n// document, so hand back an inert controller instead of touching one.\nconst INERT_CONTROLLER: DragController = { dispose() {} }\n\nexport const createDragController = (options: DragControllerOptions): DragController => {\n  if (typeof document === 'undefined') {\n    return INERT_CONTROLLER\n  }\n\n  const { axis, root } = options\n  const horizontal = axis === 'x'\n\n  let sourceHit: DragHit | null = null\n  let dragging = false\n  // +1 while the axis runs the way the coordinates do, -1 under RTL, where the\n  // logical column order runs against increasing x. Negating the axis keeps\n  // every comparison below — the zone tiling, the hysteresis band, both edge\n  // clamps, `index > fromIndex` — written once, for one direction. Only the\n  // three places that touch pixels again convert back: the indicator's side,\n  // the preview transform and the settling ghost.\n  //\n  // Read from the grid's own computed direction rather than the document's: a\n  // grid can sit in an RTL subtree of an LTR page, which is exactly the case\n  // the vendored isRTL() cannot see.\n  let axisSign = 1\n  let origin = { x: 0, y: 0 }\n  let pointer = { x: 0, y: 0 }\n  let drop: DragDrop | null = null\n  let ghost: HTMLElement | null = null\n  let indicator: HTMLElement | null = null\n  let scrollFrame = 0\n  let pointerId = -1\n  let previewKey = ''\n  // The zone that produced the current drop, padded by the hysteresis band.\n  let sticky: { lo: number; hi: number } | null = null\n  // The transform currently applied to each item — the preview diffs against\n  // it, and a layout captured mid-preview (a row revealed by auto-scroll) is\n  // corrected back through it.\n  const previewDeltas = new Map<string, number>()\n  // Every id that still carries the transition class. Mid-drag un-shifts keep\n  // the class so the slide BACK animates too; it only comes off at the end.\n  const previewClassed = new Set<string>()\n  // Each item's start in the scroll container's CONTENT coordinates — a space\n  // no transform and no scroll can move. Captured at drag start, when nothing\n  // is transformed yet, so the values are exact.\n  const contentStarts = new Map<string, number>()\n  const contentSizes = new Map<string, number>()\n\n  // A rect's logical start: its leading edge along the axis, in the negated\n  // space when the axis is negated, so the span stays [start, start + size].\n  const logicalStart = (rect: DOMRect): number => {\n    if (!horizontal) {\n      return rect.top\n    }\n\n    return axisSign === 1 ? rect.left : -rect.right\n  }\n\n  const logicalPointer = (): number => (horizontal ? pointer.x * axisSign : pointer.y)\n\n  const stopAutoScroll = () => {\n    if (scrollFrame) {\n      cancelAnimationFrame(scrollFrame)\n      scrollFrame = 0\n    }\n  }\n\n  const autoScroll = () => {\n    scrollFrame = 0\n    const scrollElement = options.getScrollElement()\n    if (!scrollElement || !dragging) {\n      return\n    }\n\n    const rect = scrollElement.getBoundingClientRect()\n    const position = horizontal ? pointer.x : pointer.y\n    const start = horizontal ? rect.left : rect.top\n    const end = horizontal ? rect.right : rect.bottom\n\n    // Speed ramps with how far into the edge zone the pointer sits, so the\n    // list creeps at the boundary and races when pinned to the edge.\n    let delta = 0\n    if (position < start + EDGE_SIZE) {\n      delta = -EDGE_MAX_SPEED * Math.min(1, (start + EDGE_SIZE - position) / EDGE_SIZE)\n    } else if (position > end - EDGE_SIZE) {\n      delta = EDGE_MAX_SPEED * Math.min(1, (position - (end - EDGE_SIZE)) / EDGE_SIZE)\n    }\n\n    if (delta !== 0) {\n      if (horizontal) {\n        scrollElement.scrollLeft += delta\n      } else {\n        scrollElement.scrollTop += delta\n      }\n\n      // Scrolling moved the content under a stationary pointer, and no\n      // pointermove will fire to say so.\n      updateTarget()\n      scrollFrame = requestAnimationFrame(autoScroll)\n    }\n  }\n\n  // The ghost trails the pointer instead of sitting under it, so the cell the\n  // hit test resolves stays visible.\n  const moveGhost = () => {\n    if (ghost) {\n      ghost.style.transform = `translate(${pointer.x + GHOST_OFFSET}px, ${pointer.y + GHOST_OFFSET}px)`\n    }\n  }\n\n  const hideIndicator = () => {\n    if (indicator) {\n      indicator.hidden = true\n    }\n  }\n\n  const showIndicator = (target: HTMLElement, after: boolean) => {\n    if (!indicator) {\n      return\n    }\n\n    const rect = target.getBoundingClientRect()\n    const rootRect = root.getBoundingClientRect()\n    indicator.hidden = false\n    if (horizontal) {\n      // `after` is logical; which pixel edge that is flips with the axis.\n      const trailing = after === (axisSign === 1)\n      indicator.style.left = `${trailing ? rect.right : rect.left}px`\n      indicator.style.top = `${rootRect.top}px`\n      indicator.style.height = `${rootRect.height}px`\n    } else {\n      indicator.style.left = `${rootRect.left}px`\n      indicator.style.top = `${after ? rect.bottom : rect.top}px`\n      indicator.style.width = `${rootRect.width}px`\n    }\n  }\n\n  const startDrag = () => {\n    dragging = true\n    axisSign = horizontal && getComputedStyle(root).direction === 'rtl' ? -1 : 1\n    // Chrome focuses a button on mousedown (a press on a header lands on the\n    // sort button), and tearing a FOCUSED element out of the DOM — which the\n    // drop's header re-append does — makes the browser reset the scroller it\n    // lived in: releasing a drag with the viewport scrolled right snapped it\n    // back to the left. A drag has no use for focus; drop it the moment the\n    // press becomes one. Sub-threshold presses never get here, so click-to-\n    // sort keeps its focus behavior.\n    const active = document.activeElement\n    if (active instanceof HTMLElement && root.contains(active)) {\n      active.blur()\n    }\n\n    root.classList.add(CLASS_NAME_DRAG_ACTIVE)\n    sourceHit!.element.classList.add(CLASS_NAME_DRAGGING)\n\n    const rect = sourceHit!.element.getBoundingClientRect()\n    ghost = document.createElement('div')\n    ghost.className = CLASS_NAME_GHOST\n    ghost.setAttribute('aria-hidden', 'true')\n    ghost.style.width = `${rect.width}px`\n    ghost.style.height = `${rect.height}px`\n    ghost.textContent = options.ghostLabel ?\n      options.ghostLabel(sourceHit!) :\n      collapse(sourceHit!.element.textContent ?? '')\n\n    // With the live preview on, the sliding items ARE the drop indicator; a\n    // line has no stable place to stand, because it would be measured against\n    // cells that are themselves mid-transition. The line only exists for\n    // consumers that turned the preview off.\n    if (!options.preview) {\n      indicator = document.createElement('div')\n      indicator.className = `${CLASS_NAME_INDICATOR} ${CLASS_NAME_INDICATOR}-${axis}`\n      indicator.setAttribute('aria-hidden', 'true')\n      indicator.hidden = true\n      root.append(indicator)\n    }\n\n    root.append(ghost)\n    moveGhost()\n    captureLayout()\n  }\n\n  // Where the container's content coordinate 0 currently sits on screen. The\n  // one live measurement the hit test needs — everything else is arithmetic on\n  // the snapshot, so mid-transition rects can never feed back into the slot.\n  //\n  // This is the whole reason the hit test is neither document.elementFromPoint\n  // nor rect-minus-delta reconstruction: the preview MOVES the cells under the\n  // pointer, and a rect measured mid-transition contains only part of its\n  // delta, so both models handed back zones shifted by the unfinished\n  // remainder of the animation. Dragging with the direction of travel, that\n  // shifted zone swallowed the next item's first half and the slot flipped\n  // back and forth until the transition settled.\n  const contentOrigin = (): number => {\n    const scrollElement = options.getScrollElement()\n    if (!scrollElement) {\n      return 0\n    }\n\n    const rect = scrollElement.getBoundingClientRect()\n    // scrollLeft stays a physical axis in every engine (RTL just runs it\n    // negative), so it enters the negated space through the sign.\n    return horizontal ?\n      logicalStart(rect) - (axisSign * scrollElement.scrollLeft) :\n      rect.top - scrollElement.scrollTop\n  }\n\n  const captureItem = (id: string, origin: number): boolean => {\n    const element = options.items.getElements(id)[0]\n    if (!element) {\n      return false\n    }\n\n    const rect = element.getBoundingClientRect()\n    // Corrected by the applied delta for items first seen mid-preview (a row\n    // revealed by auto-scroll); at drag start every delta is zero.\n    const start = logicalStart(rect) - (previewDeltas.get(id) ?? 0)\n    contentStarts.set(id, start - origin)\n    contentSizes.set(id, horizontal ? rect.width : rect.height)\n    return true\n  }\n\n  const captureLayout = () => {\n    contentStarts.clear()\n    contentSizes.clear()\n    const origin = contentOrigin()\n    for (const id of options.items.getOrderedIds()) {\n      captureItem(id, origin)\n    }\n  }\n\n  const updateTarget = () => {\n    const position = logicalPointer()\n    const origin = contentOrigin()\n\n    const zones: Array<{ id: string; start: number; size: number }> = []\n    for (const id of options.items.getOrderedIds()) {\n      if (!contentStarts.has(id) && !captureItem(id, origin)) {\n        continue\n      }\n\n      zones.push({ id, start: origin + contentStarts.get(id)!, size: contentSizes.get(id)! })\n    }\n\n    let hit: { id: string; after: boolean } | null = null\n    const lastZone = zones[zones.length - 1]\n    const fromIndex = zones.findIndex(zone => zone.id === sourceHit!.id)\n\n    if (lastZone && position > lastZone.start + lastZone.size) {\n      // Past the end there is no zone to be inside, but the intent could not\n      // be clearer: after the last item the source may land on. Same at the\n      // start edge below.\n      sticky = null\n      for (let index = zones.length - 1; index >= 0; index--) {\n        if (options.canDrop(sourceHit!.id, zones[index].id)) {\n          hit = { id: zones[index].id, after: true }\n          break\n        }\n      }\n    } else if (lastZone && position < zones[0].start) {\n      sticky = null\n      for (const zone of zones) {\n        if (options.canDrop(sourceHit!.id, zone.id)) {\n          hit = { id: zone.id, after: false }\n          break\n        }\n      }\n    } else if (drop && sticky && position >= sticky.lo - DRAG_HYSTERESIS && position <= sticky.hi + DRAG_HYSTERESIS) {\n      // Still inside (or barely past) the zone that produced the current\n      // drop — keep it, so boundary jitter cannot re-animate.\n      hit = drop\n    } else {\n      for (let index = 0; index < zones.length; index++) {\n        const zone = zones[index]\n        const previous = zones[index - 1]\n        const following = zones[index + 1]\n        // Zones TILE the axis: real tables have collapsed borders between the\n        // cells, and those few pixels belong to no rect. A pointer crossing\n        // such a gap used to hit nothing, which cleared the preview and\n        // re-applied it on the far side — replaying the slide right at the\n        // boundary. Each gap is split down its middle instead.\n        const lo = previous ? (previous.start + previous.size + zone.start) / 2 : zone.start\n        const hi = following ? (zone.start + zone.size + following.start) / 2 : zone.start + zone.size\n        if (position < lo || position > hi) {\n          continue\n        }\n\n        if (options.canDrop(sourceHit!.id, zone.id)) {\n          // Entering a neighbour's zone displaces it AT ONCE — the swap fires\n          // at the boundary, not at the neighbour's midpoint, which is the\n          // feel MUI and AG have and what a drag reads as: \"I am past it, so\n          // it moves\". The release then just commits whatever the preview\n          // shows.\n          hit = {\n            id: zone.id,\n            after: fromIndex === -1 ? position > zone.start + (zone.size / 2) : index > fromIndex\n          }\n          sticky = { lo, hi }\n        }\n\n        break\n      }\n    }\n\n    if (!hit) {\n      drop = null\n      sticky = null\n      hideIndicator()\n      applyPreview()\n      return\n    }\n\n    drop = hit\n    showIndicator(options.items.getElements(hit.id)[0], hit.after)\n    applyPreview()\n  }\n\n  const clearPreview = () => {\n    for (const id of previewClassed) {\n      for (const element of options.items.getElements(id)) {\n        element.style.transform = ''\n        element.classList.remove(CLASS_NAME_PREVIEW)\n      }\n    }\n\n    previewKey = ''\n    previewDeltas.clear()\n    previewClassed.clear()\n  }\n\n  const clearLayout = () => {\n    contentStarts.clear()\n    contentSizes.clear()\n  }\n\n  const applyPreview = () => {\n    if (!options.preview || !sourceHit) {\n      return\n    }\n\n    const ids = options.items.getOrderedIds()\n    const from = ids.indexOf(sourceHit.id)\n    const target = drop ? ids.indexOf(drop.id) : -1\n    const to = from === -1 || target === -1 ? from : destinationIndex(from, target, drop!.after)\n\n    // Keyed on the DESTINATION SLOT, not on the hit: two hits that resolve to\n    // the same slot (the clamp past the end vs the last zone, jitter inside\n    // the hysteresis band) must not rewrite anything. A clear-and-reapply of\n    // identical transforms next to a forced layout read restarts the running\n    // transition from zero — the mid-drag replay this file has already paid\n    // for once.\n    const key = String(to)\n    if (key === previewKey) {\n      return\n    }\n\n    previewKey = key\n\n    const next = new Map<string, number>()\n    if (from !== -1 && to !== from) {\n      // Sizes come from the drag-start snapshot: no DOM reads may happen in\n      // here, or they would flush layout between the transform writes below.\n      const sizeOf = (index: number): number => contentSizes.get(ids[index]) ?? 0\n      const forward = to > from\n      const first = forward ? from + 1 : to\n      const last = forward ? to : from - 1\n      const sourceSize = sizeOf(from)\n      let travelled = 0\n\n      for (let index = first; index <= last; index++) {\n        travelled += sizeOf(index)\n        next.set(ids[index], forward ? -sourceSize : sourceSize)\n      }\n\n      // The source moves by the combined size of everything it passed, so no\n      // gap opens anywhere and the axis keeps its total extent.\n      next.set(ids[from], forward ? travelled : -travelled)\n    }\n\n    // Only elements whose delta actually changed are touched; everything else\n    // keeps its running transition undisturbed. An un-shift keeps the\n    // transition class, so sliding back home animates exactly like sliding\n    // aside did — the class only comes off when the drag ends.\n    for (const id of previewDeltas.keys()) {\n      if (!next.has(id)) {\n        for (const element of options.items.getElements(id)) {\n          element.style.transform = ''\n        }\n      }\n    }\n\n    for (const [id, delta] of next) {\n      if (previewDeltas.get(id) === delta) {\n        continue\n      }\n\n      for (const element of options.items.getElements(id)) {\n        element.style.transform = horizontal ?\n          `translateX(${axisSign * delta}px)` :\n          `translateY(${delta}px)`\n        element.classList.add(CLASS_NAME_PREVIEW)\n      }\n\n      previewClassed.add(id)\n    }\n\n    previewDeltas.clear()\n    for (const [id, delta] of next) {\n      previewDeltas.set(id, delta)\n    }\n  }\n\n  // The gesture's closing beat: instead of vanishing at the pointer, the\n  // ghost flies to where the item landed (or back home on cancel) and fades\n  // out there. Purely cosmetic — the commit below never waits for it.\n  const settleGhost = (x: number, y: number) => {\n    if (!ghost) {\n      return\n    }\n\n    const element = ghost\n    // Taken out of cleanup's hands; it removes itself when the flight ends.\n    ghost = null\n    element.classList.add(CLASS_NAME_GHOST_SETTLE)\n    element.style.transform = `translate(${x}px, ${y}px)`\n    element.style.opacity = '0'\n\n    let settled = false\n    const finish = () => {\n      if (!settled) {\n        settled = true\n        element.remove()\n      }\n    }\n\n    element.addEventListener('transitionend', finish)\n    setTimeout(finish, GHOST_SETTLE_FALLBACK_MS)\n  }\n\n  // Where the ghost should land: the source's current visual position for a\n  // commit (the preview already put it in its slot), its untransformed home\n  // for a cancel (the preview is about to slide everything back there).\n  const settleTarget = (committed: boolean): { x: number; y: number } | null => {\n    if (!sourceHit) {\n      return null\n    }\n\n    const rect = sourceHit.element.getBoundingClientRect()\n    if (committed) {\n      return { x: rect.left, y: rect.top }\n    }\n\n    const delta = previewDeltas.get(sourceHit.id) ?? 0\n    return horizontal ?\n      { x: rect.left - (axisSign * delta), y: rect.top } :\n      { x: rect.left, y: rect.top - delta }\n  }\n\n  const cleanup = () => {\n    clearPreview()\n    clearLayout()\n    stopAutoScroll()\n    root.classList.remove(CLASS_NAME_DRAG_ACTIVE)\n    sourceHit?.element.classList.remove(CLASS_NAME_DRAGGING)\n    ghost?.remove()\n    indicator?.remove()\n    ghost = null\n    indicator = null\n    sourceHit = null\n    dragging = false\n    drop = null\n    sticky = null\n    pointerId = -1\n    document.removeEventListener('pointermove', onPointerMove)\n    document.removeEventListener('pointerup', onPointerUp)\n    document.removeEventListener('pointercancel', cancel)\n    document.removeEventListener('keydown', onKeydown)\n  }\n\n  function cancel() {\n    if (dragging) {\n      const home = settleTarget(false)\n      if (home) {\n        settleGhost(home.x, home.y)\n      }\n    }\n\n    cleanup()\n  }\n\n  function onKeydown(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      event.preventDefault()\n      cancel()\n    }\n  }\n\n  function onPointerMove(event: PointerEvent) {\n    if (event.pointerId !== pointerId || !sourceHit) {\n      return\n    }\n\n    pointer = { x: event.clientX, y: event.clientY }\n\n    if (!dragging) {\n      const travelled = Math.max(Math.abs(pointer.x - origin.x), Math.abs(pointer.y - origin.y))\n      if (travelled < DRAG_THRESHOLD) {\n        return\n      }\n\n      startDrag()\n    }\n\n    // Suppresses the text selection a pointer drag would otherwise paint\n    // across the header or the rows.\n    event.preventDefault()\n    moveGhost()\n    updateTarget()\n\n    if (!scrollFrame) {\n      scrollFrame = requestAnimationFrame(autoScroll)\n    }\n  }\n\n  function onPointerUp(event: PointerEvent) {\n    if (event.pointerId !== pointerId) {\n      return\n    }\n\n    const sourceId = sourceHit?.id\n    const source = sourceHit?.element\n    const pending = drop\n    const wasDragging = dragging\n    if (wasDragging) {\n      const committed = Boolean(pending && pending.id !== sourceId)\n      const landing = settleTarget(committed)\n      if (landing) {\n        settleGhost(landing.x, landing.y)\n      }\n    }\n\n    cleanup()\n\n    if (!wasDragging) {\n      return\n    }\n\n    // A drag that ends on the element it started from is still followed by a\n    // click there — which on a header cell would toggle the sort. Swallow\n    // exactly that one. Releasing anywhere else fires the click on the common\n    // ancestor instead (never the sort button), so arming there would only\n    // risk eating an unrelated click; the 0 ms disarm covers the rest.\n    if (source?.contains(event.target as Node)) {\n      document.addEventListener('click', swallowClick, { capture: true, once: true })\n      setTimeout(disarmSwallowClick, 0)\n    }\n\n    if (sourceId && pending && pending.id !== sourceId) {\n      options.onDrop(sourceId, pending)\n    }\n  }\n\n  const onPointerDown = (event: PointerEvent) => {\n    // Primary button / single touch only — a right-click or a second finger\n    // must not start a reorder.\n    if (!event.isPrimary || (event.pointerType === 'mouse' && event.button !== 0) || sourceHit) {\n      return\n    }\n\n    const element = (event.target as HTMLElement | null)?.closest<HTMLElement>(options.handle)\n    if (!element) {\n      return\n    }\n\n    const hit = options.resolveSource(element, event.target as HTMLElement)\n    if (!hit) {\n      return\n    }\n\n    sourceHit = hit\n    pointerId = event.pointerId\n    origin = { x: event.clientX, y: event.clientY }\n    pointer = origin\n\n    document.addEventListener('pointermove', onPointerMove)\n    document.addEventListener('pointerup', onPointerUp)\n    document.addEventListener('pointercancel', cancel)\n    document.addEventListener('keydown', onKeydown)\n  }\n\n  root.addEventListener('pointerdown', onPointerDown)\n\n  return {\n    dispose() {\n      root.removeEventListener('pointerdown', onPointerDown)\n      disarmSwallowClick()\n      cleanup()\n    }\n  }\n}\n\nconst SELECTOR_DRAGGABLE_COLUMN = 'th[data-coreui-draggable]'\nconst SELECTOR_RESIZER = '[data-coreui-resizer]'\n// Spacer and empty rows have a single colSpan cell, so a positional lookup\n// would land on the wrong thing.\nconst SELECTOR_PREVIEW_ROWS = 'thead tr, tbody tr:not(.data-grid-spacer):not(.data-grid-empty)'\n\n// A column's cells are found by POSITION, not by a data attribute: the body\n// only marks `data-coreui-column` when cellNavigation is on, while the header\n// always does — so the header cell's index is the reliable way in, and it\n// already accounts for the leading handle and select columns.\nconst columnItems = (root: HTMLElement): DragItems => ({\n  getOrderedIds: () =>\n    [...root.querySelectorAll<HTMLTableCellElement>('thead tr:first-child th[data-coreui-column]')]\n      .map(cell => cell.dataset.coreuiColumn ?? ''),\n  getElements(id) {\n    const header = root.querySelector<HTMLTableCellElement>(`thead th[data-coreui-column=\"${id}\"]`)\n    if (!header) {\n      return []\n    }\n\n    const { cellIndex } = header\n    const elements: HTMLElement[] = []\n    for (const row of root.querySelectorAll<HTMLTableRowElement>(SELECTOR_PREVIEW_ROWS)) {\n      const cell = row.children[cellIndex] as HTMLElement | undefined\n      if (cell) {\n        elements.push(cell)\n      }\n    }\n\n    return elements\n  }\n})\n\nexport interface ColumnDragOptions {\n  root: HTMLElement\n  getScrollElement: () => HTMLElement | null\n  // Vetoes a target: the source itself, or a column in another pinned region —\n  // reordering never crosses a pinning boundary.\n  canDrop: (sourceKey: string, targetKey: string) => boolean\n  onReorder: (sourceKey: string, targetKey: string, after: boolean) => void\n}\n\n// The column half of the wiring, shared so each edition's adapter is the four\n// lines that resolve its own table rather than a copy of the drag setup.\nexport const createColumnDragController = (options: ColumnDragOptions): DragController =>\n  createDragController({\n    axis: 'x',\n    root: options.root,\n    handle: SELECTOR_DRAGGABLE_COLUMN,\n    getScrollElement: options.getScrollElement,\n    resolveSource(element, target) {\n      // A press on the resize handle is a resize, not a reorder.\n      if (target.closest(SELECTOR_RESIZER)) {\n        return null\n      }\n\n      const id = element.dataset.coreuiColumn\n      return id ? { id, element } : null\n    },\n    items: columnItems(options.root),\n    // Only a column the header marks as draggable is a slot, on top of the\n    // consumer's own veto — an immovable column is not somewhere to land.\n    canDrop: (sourceId, targetId) =>\n      sourceId !== targetId &&\n      Boolean(options.root.querySelector(`th[data-coreui-column=\"${targetId}\"][data-coreui-draggable]`)) &&\n      options.canDrop(sourceId, targetId),\n    preview: true,\n    onDrop: (sourceKey, drop) => options.onReorder(sourceKey, drop.id, drop.after)\n  })\n\nconst SELECTOR_ROW_HANDLE = '[data-coreui-row-handle]'\nconst SELECTOR_ROW = 'tr[data-coreui-index]'\n\nconst rowItems = (root: HTMLElement): DragItems => ({\n  getOrderedIds: () =>\n    [...root.querySelectorAll<HTMLElement>(`tbody ${SELECTOR_ROW}`)].map(row => row.dataset.coreuiIndex ?? ''),\n  getElements(id) {\n    const row = root.querySelector<HTMLElement>(`tbody tr[data-coreui-index=\"${id}\"]`)\n    return row ? [row] : []\n  }\n})\n\nexport interface RowDragOptions {\n  root: HTMLElement\n  getScrollElement: () => HTMLElement | null\n  onReorder: (sourceIndex: number, targetIndex: number, after: boolean) => void\n}\n\n// The row half. Unlike columns, the whole row travels but only the grip cell\n// starts the drag — a row is covered in interactive content (checkboxes,\n// editors, custom cells) that a whole-row handle would swallow.\nexport const createRowDragController = (options: RowDragOptions): DragController =>\n  createDragController({\n    axis: 'y',\n    root: options.root,\n    handle: SELECTOR_ROW_HANDLE,\n    getScrollElement: options.getScrollElement,\n    resolveSource(handle) {\n      const row = handle.closest<HTMLElement>(SELECTOR_ROW)\n      const id = row?.dataset.coreuiIndex\n      return row && id ? { id, element: row } : null\n    },\n    items: rowItems(options.root),\n    canDrop: (sourceId, targetId) => sourceId !== targetId,\n    // The row's own text is every cell run together; the first data cell reads\n    // as the row's name in practice.\n    // The row's own text is every cell run together, so the ghost carries the\n    // first DATA cell instead — found by skipping the leading handle and\n    // select cells rather than by data-coreui-column, which the body only\n    // carries when cellNavigation is on (without it the ghost came up empty).\n    ghostLabel: source =>\n      collapse(\n        source.element.querySelector(\n          'td:not(.data-grid-row-handle-cell):not(.data-grid-select-cell)'\n        )?.textContent ?? ''\n      ),\n    preview: true,\n    onDrop: (sourceId, drop) => options.onReorder(Number(sourceId), Number(drop.id), drop.after)\n  })\n"],"mappings":"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"}

package/dist/js/export-table-BdabEbJG.mjs

@@ -0,0 +1,26 @@
+/*!
+* CoreUI PRO data-grid v0.3.0-rc.0 (https://coreui.io)
+* Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
+* License (https://coreui.io/pro/license/)
+*/
+//#region src/util/export-table.ts
+const rowsFor = (table, scope) => {
+	if (scope === "all") return table.getCoreRowModel().rows;
+	if (scope === "selected") return table.getSelectedRowModel?.().rows ?? [];
+	return (table.getSortedRowModel ?? table.getFilteredRowModel ?? table.getCoreRowModel)().rows;
+};
+const columnsFor = (table) => {
+	if (table.getCenterVisibleLeafColumns) return [
+		...table.getStartVisibleLeafColumns?.() ?? [],
+		...table.getCenterVisibleLeafColumns(),
+		...table.getEndVisibleLeafColumns?.() ?? []
+	];
+	return table.getVisibleLeafColumns?.() ?? table.getAllLeafColumns();
+};
+const headerFor = (column) => String(column.columnDef.meta?.label ?? column.id);
+const formatterFor = (column) => column.columnDef.meta?.formatter;
+const widthFor = (column) => column.columnDef.meta?.width;
+//#endregion
+export { widthFor as a, rowsFor as i, formatterFor as n, headerFor as r, columnsFor as t };
+
+//# sourceMappingURL=export-table-BdabEbJG.mjs.map

package/dist/js/export-table-BdabEbJG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-table-BdabEbJG.mjs","names":[],"sources":["../../src/util/export-table.ts"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI PRO data-grid util/export-table.ts\n * License (https://coreui.io/pro/license/)\n * --------------------------------------------------------------------------\n */\n\nimport type { DataGridItem } from '../types'\n\n// Typed structurally, not as one edition's table: TFeatures is invariant in v9,\n// so the vanilla grid and each framework binding (whose adapter registers its\n// own reactivity feature) have mutually incompatible Table types even though\n// they expose the same row/column surface an export needs. Everything beyond\n// the core row model is optional - a reduced feature set exports whatever\n// layout/scope its features can express and falls back to core for the rest.\n\nexport interface ExportColumnMeta {\n  label?: string\n  formatter?: (value: unknown, item: DataGridItem) => string\n  width?: number\n}\n\nexport interface ExportColumn {\n  id: string\n  columnDef: { meta?: unknown }\n}\n\nexport interface ExportRow {\n  original: DataGridItem\n  getValue: (columnId: string) => unknown\n}\n\nexport interface ExportTable {\n  getAllLeafColumns: () => ExportColumn[]\n  getCenterVisibleLeafColumns?: () => ExportColumn[]\n  getCoreRowModel: () => { rows: ExportRow[] }\n  getEndVisibleLeafColumns?: () => ExportColumn[]\n  getFilteredRowModel?: () => { rows: ExportRow[] }\n  getSelectedRowModel?: () => { rows: ExportRow[] }\n  getSortedRowModel?: () => { rows: ExportRow[] }\n  getStartVisibleLeafColumns?: () => ExportColumn[]\n  getVisibleLeafColumns?: () => ExportColumn[]\n}\n\nexport type ExportScope = 'filtered' | 'all' | 'selected'\n\nexport const rowsFor = (table: ExportTable, scope: ExportScope | undefined): ExportRow[] => {\n  if (scope === 'all') {\n    return table.getCoreRowModel().rows\n  }\n\n  if (scope === 'selected') {\n    return table.getSelectedRowModel?.().rows ?? []\n  }\n\n  return (table.getSortedRowModel ?? table.getFilteredRowModel ?? table.getCoreRowModel)().rows\n}\n\n// Exports follow the rendered layout: pinning, column order and visibility -\n// as far as the registered features track them.\nexport const columnsFor = (table: ExportTable): ExportColumn[] => {\n  if (table.getCenterVisibleLeafColumns) {\n    return [\n      ...(table.getStartVisibleLeafColumns?.() ?? []),\n      ...table.getCenterVisibleLeafColumns(),\n      ...(table.getEndVisibleLeafColumns?.() ?? [])\n    ]\n  }\n\n  return table.getVisibleLeafColumns?.() ?? table.getAllLeafColumns()\n}\n\nexport const headerFor = (column: ExportColumn): string =>\n  String((column.columnDef.meta as ExportColumnMeta)?.label ?? column.id)\n\n// A column formatter is author intent and matches what the grid renders, so\n// exports honor it - which also means a formatted number leaves as text.\nexport const formatterFor = (column: ExportColumn): ExportColumnMeta['formatter'] =>\n  (column.columnDef.meta as ExportColumnMeta)?.formatter\n\n// The author's declared column width in px. Deliberately NOT column.getSize():\n// that returns table-core's 150 px default whenever the grid does not track\n// sizing, which would force an arbitrary width on every exported column. A\n// consequence is that an interactive resize is not carried into the export.\nexport const widthFor = (column: ExportColumn): number | undefined =>\n  (column.columnDef.meta as ExportColumnMeta)?.width\n"],"mappings":";;;;;;AA8CA,MAAa,WAAW,OAAoB,UAAgD;CAC1F,IAAI,UAAU,OACZ,OAAO,MAAM,gBAAgB,CAAC,CAAC;CAGjC,IAAI,UAAU,YACZ,OAAO,MAAM,sBAAsB,CAAC,CAAC,QAAQ,CAAC;CAGhD,QAAQ,MAAM,qBAAqB,MAAM,uBAAuB,MAAM,gBAAA,CAAiB,CAAC,CAAC;AAC3F;AAIA,MAAa,cAAc,UAAuC;CAChE,IAAI,MAAM,6BACR,OAAO;EACL,GAAI,MAAM,6BAA6B,KAAK,CAAC;EAC7C,GAAG,MAAM,4BAA4B;EACrC,GAAI,MAAM,2BAA2B,KAAK,CAAC;CAC7C;CAGF,OAAO,MAAM,wBAAwB,KAAK,MAAM,kBAAkB;AACpE;AAEA,MAAa,aAAa,WACxB,OAAQ,OAAO,UAAU,MAA2B,SAAS,OAAO,EAAE;AAIxE,MAAa,gBAAgB,WAC1B,OAAO,UAAU,MAA2B;AAM/C,MAAa,YAAY,WACtB,OAAO,UAAU,MAA2B"}

package/dist/js/export-table-D762wrZ1.cjs

@@ -0,0 +1,55 @@
+/*!
+* CoreUI PRO data-grid v0.3.0-rc.0 (https://coreui.io)
+* Copyright 2026 The CoreUI Team (https://github.com/orgs/coreui/people)
+* License (https://coreui.io/pro/license/)
+*/
+//#region src/util/export-table.ts
+const rowsFor = (table, scope) => {
+	if (scope === "all") return table.getCoreRowModel().rows;
+	if (scope === "selected") return table.getSelectedRowModel?.().rows ?? [];
+	return (table.getSortedRowModel ?? table.getFilteredRowModel ?? table.getCoreRowModel)().rows;
+};
+const columnsFor = (table) => {
+	if (table.getCenterVisibleLeafColumns) return [
+		...table.getStartVisibleLeafColumns?.() ?? [],
+		...table.getCenterVisibleLeafColumns(),
+		...table.getEndVisibleLeafColumns?.() ?? []
+	];
+	return table.getVisibleLeafColumns?.() ?? table.getAllLeafColumns();
+};
+const headerFor = (column) => String(column.columnDef.meta?.label ?? column.id);
+const formatterFor = (column) => column.columnDef.meta?.formatter;
+const widthFor = (column) => column.columnDef.meta?.width;
+//#endregion
+Object.defineProperty(exports, "columnsFor", {
+	enumerable: true,
+	get: function() {
+		return columnsFor;
+	}
+});
+Object.defineProperty(exports, "formatterFor", {
+	enumerable: true,
+	get: function() {
+		return formatterFor;
+	}
+});
+Object.defineProperty(exports, "headerFor", {
+	enumerable: true,
+	get: function() {
+		return headerFor;
+	}
+});
+Object.defineProperty(exports, "rowsFor", {
+	enumerable: true,
+	get: function() {
+		return rowsFor;
+	}
+});
+Object.defineProperty(exports, "widthFor", {
+	enumerable: true,
+	get: function() {
+		return widthFor;
+	}
+});
+
+//# sourceMappingURL=export-table-D762wrZ1.cjs.map

package/dist/js/export-table-D762wrZ1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-table-D762wrZ1.cjs","names":[],"sources":["../../src/util/export-table.ts"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * CoreUI PRO data-grid util/export-table.ts\n * License (https://coreui.io/pro/license/)\n * --------------------------------------------------------------------------\n */\n\nimport type { DataGridItem } from '../types'\n\n// Typed structurally, not as one edition's table: TFeatures is invariant in v9,\n// so the vanilla grid and each framework binding (whose adapter registers its\n// own reactivity feature) have mutually incompatible Table types even though\n// they expose the same row/column surface an export needs. Everything beyond\n// the core row model is optional - a reduced feature set exports whatever\n// layout/scope its features can express and falls back to core for the rest.\n\nexport interface ExportColumnMeta {\n  label?: string\n  formatter?: (value: unknown, item: DataGridItem) => string\n  width?: number\n}\n\nexport interface ExportColumn {\n  id: string\n  columnDef: { meta?: unknown }\n}\n\nexport interface ExportRow {\n  original: DataGridItem\n  getValue: (columnId: string) => unknown\n}\n\nexport interface ExportTable {\n  getAllLeafColumns: () => ExportColumn[]\n  getCenterVisibleLeafColumns?: () => ExportColumn[]\n  getCoreRowModel: () => { rows: ExportRow[] }\n  getEndVisibleLeafColumns?: () => ExportColumn[]\n  getFilteredRowModel?: () => { rows: ExportRow[] }\n  getSelectedRowModel?: () => { rows: ExportRow[] }\n  getSortedRowModel?: () => { rows: ExportRow[] }\n  getStartVisibleLeafColumns?: () => ExportColumn[]\n  getVisibleLeafColumns?: () => ExportColumn[]\n}\n\nexport type ExportScope = 'filtered' | 'all' | 'selected'\n\nexport const rowsFor = (table: ExportTable, scope: ExportScope | undefined): ExportRow[] => {\n  if (scope === 'all') {\n    return table.getCoreRowModel().rows\n  }\n\n  if (scope === 'selected') {\n    return table.getSelectedRowModel?.().rows ?? []\n  }\n\n  return (table.getSortedRowModel ?? table.getFilteredRowModel ?? table.getCoreRowModel)().rows\n}\n\n// Exports follow the rendered layout: pinning, column order and visibility -\n// as far as the registered features track them.\nexport const columnsFor = (table: ExportTable): ExportColumn[] => {\n  if (table.getCenterVisibleLeafColumns) {\n    return [\n      ...(table.getStartVisibleLeafColumns?.() ?? []),\n      ...table.getCenterVisibleLeafColumns(),\n      ...(table.getEndVisibleLeafColumns?.() ?? [])\n    ]\n  }\n\n  return table.getVisibleLeafColumns?.() ?? table.getAllLeafColumns()\n}\n\nexport const headerFor = (column: ExportColumn): string =>\n  String((column.columnDef.meta as ExportColumnMeta)?.label ?? column.id)\n\n// A column formatter is author intent and matches what the grid renders, so\n// exports honor it - which also means a formatted number leaves as text.\nexport const formatterFor = (column: ExportColumn): ExportColumnMeta['formatter'] =>\n  (column.columnDef.meta as ExportColumnMeta)?.formatter\n\n// The author's declared column width in px. Deliberately NOT column.getSize():\n// that returns table-core's 150 px default whenever the grid does not track\n// sizing, which would force an arbitrary width on every exported column. A\n// consequence is that an interactive resize is not carried into the export.\nexport const widthFor = (column: ExportColumn): number | undefined =>\n  (column.columnDef.meta as ExportColumnMeta)?.width\n"],"mappings":";;;;;;AA8CA,MAAa,WAAW,OAAoB,UAAgD;CAC1F,IAAI,UAAU,OACZ,OAAO,MAAM,gBAAgB,CAAC,CAAC;CAGjC,IAAI,UAAU,YACZ,OAAO,MAAM,sBAAsB,CAAC,CAAC,QAAQ,CAAC;CAGhD,QAAQ,MAAM,qBAAqB,MAAM,uBAAuB,MAAM,gBAAA,CAAiB,CAAC,CAAC;AAC3F;AAIA,MAAa,cAAc,UAAuC;CAChE,IAAI,MAAM,6BACR,OAAO;EACL,GAAI,MAAM,6BAA6B,KAAK,CAAC;EAC7C,GAAG,MAAM,4BAA4B;EACrC,GAAI,MAAM,2BAA2B,KAAK,CAAC;CAC7C;CAGF,OAAO,MAAM,wBAAwB,KAAK,MAAM,kBAAkB;AACpE;AAEA,MAAa,aAAa,WACxB,OAAQ,OAAO,UAAU,MAA2B,SAAS,OAAO,EAAE;AAIxE,MAAa,gBAAgB,WAC1B,OAAO,UAAU,MAA2B;AAM/C,MAAa,YAAY,WACtB,OAAO,UAAU,MAA2B"}