argus-table 0.0.1 → 0.1.0

package/dist/cdn/argus-table.js

@@ -2913,9 +2913,47 @@ var Gi = class {
 	clear() {
 		this.#e.clear(), this.#t = [], this.#n = 0, this.#r = void 0;
 	}
+}, Ki = 150, qi = class {
+	#e;
+	#t;
+	#n = 0;
+	#r;
+	#i;
+	constructor(e, t) {
+		this.#e = t, e.addController(this);
+	}
+	hostConnected() {
+		this.#a();
+	}
+	hostUpdated() {
+		this.#a();
+	}
+	hostDisconnected() {
+		this.#t?.removeEventListener("scroll", this.#o), this.#i?.disconnect(), clearTimeout(this.#r), this.#t = void 0;
+	}
+	measure() {
+		let e = this.#t;
+		if (e) {
+			e.style.setProperty("--_max-x", `${String(Math.max(0, e.scrollWidth - e.clientWidth))}px`);
+			for (let t of e.parentNode?.querySelectorAll(":scope > .pin-shadow") ?? []) t.style.setProperty("--_view-h", `${String(e.clientHeight)}px`), t.style.setProperty("--_sb-x", `${String(e.offsetWidth - e.clientWidth)}px`);
+			this.#n = e.scrollLeft, e.style.setProperty("--_sx", `${String(this.#n)}px`);
+		}
+	}
+	#a() {
+		let e = this.#e();
+		e && e !== this.#t && (this.#t = e, e.addEventListener("scroll", this.#o, { passive: !0 }), this.#i ??= new ResizeObserver(() => {
+			this.measure();
+		}), this.#i.observe(e), this.measure());
+	}
+	#o = () => {
+		let e = this.#t;
+		e && e.scrollLeft !== this.#n && (this.#n = e.scrollLeft, e.toggleAttribute("data-hscroll", !0), clearTimeout(this.#r), this.#r = setTimeout(() => {
+			this.measure(), e.removeAttribute("data-hscroll");
+		}, Ki));
+	};
 };
 // src/controllers/resize-drag.ts
-function Ki(e, t, n, r, i) {
+function Ji(e, t, n, r, i) {
 	let a = t.clientX, o = 0, s, c = () => {
 		o = 0, s !== void 0 && i(s), s = void 0;
 	}, l = (e) => {
@@ -2930,7 +2968,7 @@ function Ki(e, t, n, r, i) {
 	e.setAttribute("data-active", ""), e.addEventListener("pointermove", l), e.addEventListener("pointerup", u), e.addEventListener("pointercancel", u);
 }
 // src/controllers/table-controller.ts
-var qi = class {
+var Yi = class {
 	constructor() {
 		this.model = Ui({
 			columns: [],
@@ -2945,10 +2983,10 @@ var qi = class {
 	}
 };
 // ../../node_modules/.pnpm/@tanstack+virtual-core@3.19.11/node_modules/@tanstack/virtual-core/dist/esm/lazy-measurements.js
-function Ji(e) {
+function Xi(e) {
 	return typeof e == "object" ? e.key : e;
 }
-function Yi(e, t) {
+function Zi(e, t) {
 	let n = e.length;
 	return new Proxy(e, { get(e, r, i) {
 		if (typeof r == "string") {
@@ -2987,11 +3025,11 @@ function K(e, t, n) {
 		r = e;
 	}, o;
 }
-function Xi(e, t) {
+function Qi(e, t) {
 	if (e === void 0) throw Error(`Unexpected undefined${t ? `: ${t}` : ""}`);
 	return e;
 }
-var q = (e, t) => Math.abs(e - t) < 1.01, Zi = (e, t, n) => {
+var q = (e, t) => Math.abs(e - t) < 1.01, $i = (e, t, n) => {
 	let r;
 	return Object.assign(function(...i) {
 		e.clearTimeout(r), r = e.setTimeout(() => t.apply(this, i), n);
@@ -3000,46 +3038,46 @@ var q = (e, t) => Math.abs(e - t) < 1.01, Zi = (e, t, n) => {
 	} });
 };
 // ../../node_modules/.pnpm/@tanstack+virtual-core@3.19.11/node_modules/@tanstack/virtual-core/dist/esm/scroll-classifier.js
-function Qi({ offset: e, isScrolling: t, elementMax: n, holdOffset: r, scrollOffset: i, pendingWrite: a, clampedMaxAtWrite: o }) {
+function ea({ offset: e, isScrolling: t, elementMax: n, holdOffset: r, scrollOffset: i, pendingWrite: a, clampedMaxAtWrite: o }) {
 	return t && a === null && e === i ? "spurious" : a !== null && Math.abs(e - a.target) < 1.5 ? "readBack" : a !== null && !a.smooth && n !== null && a.target > n + r + .5 && Math.abs(e - (n + r)) < 1.5 || a !== null && !a.smooth && a.lowMaxes?.some((t) => Math.abs(e - t) < 1.5) ? "clampedReadBack" : o !== null && Math.abs(e - o) < 1.5 ? "clampedEcho" : "external";
 }
-var $i = (e) => e === "smooth" || e === "smoothFinishing";
-function ea({ kind: e, offset: t, command: n, target: r }) {
-	return e !== "spurious" && e !== "readBack" && e !== "clampedReadBack" && n?.index != null && n.phase !== "queued" && !$i(n.phase) && !q(t, n.lastTargetOffset) && !q(t, r()) && e !== "clampedEcho";
+var ta = (e) => e === "smooth" || e === "smoothFinishing";
+function na({ kind: e, offset: t, command: n, target: r }) {
+	return e !== "spurious" && e !== "readBack" && e !== "clampedReadBack" && n?.index != null && n.phase !== "queued" && !ta(n.phase) && !q(t, n.lastTargetOffset) && !q(t, r()) && e !== "clampedEcho";
 }
-var ta = 40;
-function na(e) {
+var ra = 40;
+function ia(e) {
 	let t = e[e.length - 1];
 	if (t === void 0) return !1;
 	let n = e.length - 2;
-	for (; n >= 0 && t.t - e[n].t < ta;) n--;
+	for (; n >= 0 && t.t - e[n].t < ra;) n--;
 	if (n < 0) return !1;
 	let r = e[n], i = n - 1;
-	for (; i >= 0 && r.t - e[i].t < ta;) i--;
+	for (; i >= 0 && r.t - e[i].t < ra;) i--;
 	if (i < 0) return !1;
 	let a = e[i], o = (t.offset - r.offset) / (t.t - r.t), s = (r.offset - a.offset) / (r.t - a.t);
 	return o * s >= 0 && Math.abs(o) >= 2 * Math.abs(s) && Math.abs(o) - Math.abs(s) >= .8;
 }
-function ra(e) {
+function aa(e) {
 	let t = e[e.length - 1];
 	if (t === void 0) return !1;
 	let n = e.length - 2;
-	for (; n >= 0 && t.t - e[n].t < ta;) n--;
+	for (; n >= 0 && t.t - e[n].t < ra;) n--;
 	if (n < 0) return !1;
 	let r = e[n];
 	return Math.abs(t.offset - r.offset) / (t.t - r.t) >= .05;
 }
 // ../../node_modules/.pnpm/@tanstack+virtual-core@3.19.11/node_modules/@tanstack/virtual-core/dist/esm/ios-gesture.js
-var ia, aa = () => {
-	if (ia !== void 0) return ia;
-	if (typeof navigator > "u") return ia = !1;
-	if (/iP(hone|od|ad)/.test(navigator.userAgent)) return ia = !0;
+var oa, sa = () => {
+	if (oa !== void 0) return oa;
+	if (typeof navigator > "u") return oa = !1;
+	if (/iP(hone|od|ad)/.test(navigator.userAgent)) return oa = !0;
 	let e = navigator.maxTouchPoints;
-	return ia = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
-}, oa, sa = () => oa === void 0 ? oa = aa() && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("overflow-anchor: auto") : oa, ca = () => !aa() || sa(), J = {
+	return oa = navigator.platform === "MacIntel" && e !== void 0 && e > 0;
+}, ca, la = () => ca === void 0 ? ca = sa() && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("overflow-anchor: auto") : ca, ua = () => !sa() || la(), J = {
 	capture: !0,
 	passive: !0
-}, la = class {
+}, da = class {
 	constructor(e) {
 		this.host = e, this._touch = null, this.inMotion = () => this._touch !== null && this._touch.phase !== "lateFling", this.dragging = () => this._touch?.phase === "down" && this._touch.moved, this.tail = () => this._touch?.phase === "tail" ? this._touch.moved ? "fling" : "tap" : null, this.onScroll = ({ isScrolling: e, ownReadBack: t, moved: n, external: r }) => (e && this._touch?.phase === "tail" ? this._openTail(this._touch.moved || !t, !1) : this._touch?.phase === "lateFling" && (this.host.now() > this._touch.until ? this._touch = null : r && e && n && this._openTail(!0, !1)), !t && e && n && this._touch?.phase === "down" ? (this._touch.moved = !0, !0) : !1), this.touchStart = () => {
 			this.end(), this._touch = {
@@ -3078,13 +3116,13 @@ var ia, aa = () => {
 	get touch() {
 		return this._touch;
 	}
-}, ua = (e) => {
+}, fa = (e) => {
 	let { clientWidth: t, clientHeight: n } = e;
 	return {
 		width: t,
 		height: n
 	};
-}, da = (e) => {
+}, pa = (e) => {
 	let t = /* @__PURE__ */ new Set();
 	return {
 		schedule: (n) => {
@@ -3097,11 +3135,11 @@ var ia, aa = () => {
 			t.forEach((t) => e.cancelAnimationFrame(t)), t.clear();
 		}
 	};
-}, fa = (e) => e, pa = (e) => {
+}, ma = (e) => e, ha = (e) => {
 	let t = e.overscan * Math.max(e.lanes ?? 1, 1), n = Math.max(e.startIndex - t, 0), r = Math.min(e.endIndex + t, e.count - 1) - n + 1, i = Array(r);
 	for (let e = 0; e < r; e++) i[e] = n + e;
 	return i;
-}, ma = (e, t) => {
+}, ga = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;
@@ -3113,31 +3151,31 @@ var ia, aa = () => {
 			height: Math.round(r)
 		});
 	};
-	if (i(ua(n)), !r.ResizeObserver) return () => {};
-	let a = da(r), o = new r.ResizeObserver(() => {
+	if (i(fa(n)), !r.ResizeObserver) return () => {};
+	let a = pa(r), o = new r.ResizeObserver(() => {
 		let t = () => {
-			i(ua(n));
+			i(fa(n));
 		};
 		e.options.useAnimationFrameWithResizeObserver ? a.schedule(t) : t();
 	});
 	return o.observe(n, { box: "content-box" }), () => {
 		o.unobserve(n), a.cancel();
 	};
-}, ha = { passive: !0 }, ga = typeof window > "u" || "onscrollend" in window, _a = (e, t, n) => {
+}, _a = { passive: !0 }, va = typeof window > "u" || "onscrollend" in window, ya = (e, t, n) => {
 	let r = e.scrollElement;
 	if (!r) return;
 	let i = e.targetWindow;
 	if (!i) return;
-	let a = e.options.useScrollendEvent && ga, o = 0, s = a ? null : Zi(i, () => t(n(r), !1), e.options.isScrollingResetDelay), c = (e) => () => {
+	let a = e.options.useScrollendEvent && va, o = 0, s = a ? null : $i(i, () => t(n(r), !1), e.options.isScrollingResetDelay), c = (e) => () => {
 		o = n(r), s?.(), t(o, e);
 	}, l = c(!0), u = c(!1);
-	return r.addEventListener("scroll", l, ha), a && r.addEventListener("scrollend", u, ha), () => {
+	return r.addEventListener("scroll", l, _a), a && r.addEventListener("scrollend", u, _a), () => {
 		r.removeEventListener("scroll", l), a && r.removeEventListener("scrollend", u), s?.cancel();
 	};
-}, va = (e, t) => _a(e, t, (t) => {
+}, ba = (e, t) => ya(e, t, (t) => {
 	let { horizontal: n, isRtl: r } = e.options;
 	return n ? t.scrollLeft * (r && -1 || 1) : t.scrollTop;
-}), ya = (e, t, n) => {
+}), xa = (e, t, n) => {
 	if (n.options.useCachedMeasurements) {
 		let t = n.indexFromElement(e), r = n.options.getItemKey(t);
 		return n.itemSizeCache.get(r) ?? n.options.estimateSize(t);
@@ -3151,15 +3189,15 @@ var ia, aa = () => {
 		if (i !== void 0) return i;
 	}
 	return e[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, ba = (e, { adjustments: t = 0, behavior: n }, r) => {
+}, Sa = (e, { adjustments: t = 0, behavior: n }, r) => {
 	var i;
 	let { scrollElement: a, options: o } = r, s = e + t, c = o.horizontal && o.isRtl && a !== null && "ownerDocument" in a;
 	(i = a?.scrollTo) == null || i.call(a, {
 		[o.horizontal ? "left" : "top"]: c ? -s : s,
 		behavior: n
 	});
-}, xa = (e, t) => e === "smooth" ? t ? "smoothLanded" : "smooth" : "instant", Sa = (e) => e?.phase === "smooth" || e?.phase === "smoothLanded";
-function Ca(e, t, n, r) {
+}, Ca = (e, t) => e === "smooth" ? t ? "smoothLanded" : "smooth" : "instant", wa = (e) => e?.phase === "smooth" || e?.phase === "smoothLanded";
+function Ta(e, t, n, r) {
 	if (t === 0) return !1;
 	let i = r(0), a = /* @__PURE__ */ new Set(), o = 0;
 	for (; o < e;) {
@@ -3173,9 +3211,9 @@ function Ca(e, t, n, r) {
 	for (let e = s; e < t; e++) if (a.has(r(e))) return !1;
 	return !0;
 }
-var wa = class {
+var Ea = class {
 	constructor(e) {
-		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this._holdOffset = 0, this._reportedOverscroll = !1, this._iosGesture = new la({
+		this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._singleLaneMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this._holdOffset = 0, this._reportedOverscroll = !1, this._iosGesture = new da({
 			getWindow: () => this.targetWindow,
 			now: () => this.now(),
 			tailStillMoving: () => {
@@ -3189,7 +3227,7 @@ var wa = class {
 			},
 			onTailClosed: () => {
 				let e = this.scrollState;
-				e?.phase === "queued" && ra(e.samples ?? []) && (this.scrollState = null), this._flushHoldIfReady(!0), this._writeAwaitingCommand(), this._retryClampedAdjustment();
+				e?.phase === "queued" && aa(e.samples ?? []) && (this.scrollState = null), this._flushHoldIfReady(!0), this._writeAwaitingCommand(), this._retryClampedAdjustment();
 			}
 		}), this._lastElementOffset = null, this.pendingWrite = null, this._clampedAdjustment = null, this.elementsCache = /* @__PURE__ */ new Map(), this._resizeBatch = null, this.now = () => {
 			var e;
@@ -3199,7 +3237,7 @@ var wa = class {
 				if (e) return e;
 				let r = this.targetWindow;
 				if (!r || !r.ResizeObserver) return null;
-				let i = t = da(r);
+				let i = t = pa(r);
 				return e = new r.ResizeObserver((e) => {
 					let t = () => {
 						let t = { sync: !1 };
@@ -3259,10 +3297,10 @@ var wa = class {
 				scrollPaddingStart: 0,
 				scrollPaddingEnd: 0,
 				horizontal: !1,
-				getItemKey: fa,
-				rangeExtractor: pa,
+				getItemKey: ma,
+				rangeExtractor: ha,
 				onChange: () => {},
-				measureElement: ya,
+				measureElement: xa,
 				initialRect: {
 					width: 0,
 					height: 0
@@ -3289,13 +3327,13 @@ var wa = class {
 			}
 			let n = this.options, r = null, i = null, a = !1;
 			if (n !== void 0 && n.enabled && t.enabled && t.anchorTo === "end" && this.scrollElement !== null) {
-				let e = n.count, o = t.count, s = this.getMeasurements(), c = this._singleLaneMeasurements?.items ?? s, l = (e) => Ji(c[e]), u = e > 0 ? l(0) : null, d = e > 0 ? l(e - 1) : null;
+				let e = n.count, o = t.count, s = this.getMeasurements(), c = this._singleLaneMeasurements?.items ?? s, l = (e) => Xi(c[e]), u = e > 0 ? l(0) : null, d = e > 0 ? l(e - 1) : null;
 				if (o !== e || e > 0 && o > 0 && (t.getItemKey(0) !== u || t.getItemKey(o - 1) !== d)) {
 					a = !0;
 					let c = e > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? s[0] : null;
 					c && (r = [c.key, this.getScrollOffset() - c.start]);
 					let u = t.followOnAppend === !0 ? "auto" : t.followOnAppend || null;
-					u && o > 0 && this.isAtEnd(n.scrollEndThreshold) && (e === 0 || t.getItemKey(o - 1) !== d) && (o > e || Ca(e, o, l, t.getItemKey)) && (i = u);
+					u && o > 0 && this.isAtEnd(n.scrollEndThreshold) && (e === 0 || t.getItemKey(o - 1) !== d) && (o > e || Ta(e, o, l, t.getItemKey)) && (i = u);
 				}
 			}
 			this.options = t, a && (this.pendingMin = 0, this.itemSizeCacheVersion++);
@@ -3358,7 +3396,7 @@ var wa = class {
 					this._lastElementOffset = i, e = this._toLayoutOffset(e);
 					let a = this._classifyScrollEvent(e, t, n);
 					if (a === "spurious") return;
-					a === "readBack" ? e = this.pendingWrite.target : a === "clampedReadBack" && this.scrollState?.index != null && e < this.getMaxScrollOffset() - 1.5 ? this.scrollState.lastTargetOffset = e : ea({
+					a === "readBack" ? e = this.pendingWrite.target : a === "clampedReadBack" && this.scrollState?.index != null && e < this.getMaxScrollOffset() - 1.5 ? this.scrollState.lastTargetOffset = e : na({
 						kind: a,
 						offset: e,
 						command: this.scrollState,
@@ -3374,7 +3412,7 @@ var wa = class {
 							c.samples = [...(c.samples ?? []).filter((t) => e - t.t <= 200), {
 								t: e,
 								offset: i
-							}], (s !== null && this.scrollDirection !== s || na(c.samples)) && (this.scrollState = null);
+							}], (s !== null && this.scrollDirection !== s || ia(c.samples)) && (this.scrollState = null);
 						}
 					}
 					this._iosGesture.onScroll({
@@ -3387,8 +3425,8 @@ var wa = class {
 			}
 			this._noteClampMax();
 			let t = this.pendingScrollAnchor;
-			this.pendingScrollAnchor = null, t && this.scrollElement && this.options.enabled && (t.kind === "anchor" ? this._canWriteScroll() ? Sa(this.scrollState) && !q(this.getScrollOffset() - t.delta, this.scrollState.lastTargetOffset) || (this._followOffsetTarget(t.delta), this._scrollToOffset(this.getScrollOffset())) : (this._holdOffset += t.delta, this._followOffsetTarget(t.delta), this.notify(!1)) : this.scrollToEnd({ behavior: t.behavior })), this._flushHoldIfReady(!1), this._retryClampedAdjustment();
-		}, this._classifyScrollEvent = (e, t, n) => Qi({
+			this.pendingScrollAnchor = null, t && this.scrollElement && this.options.enabled && (t.kind === "anchor" ? this._canWriteScroll() ? wa(this.scrollState) && !q(this.getScrollOffset() - t.delta, this.scrollState.lastTargetOffset) || (this._followOffsetTarget(t.delta), this._scrollToOffset(this.getScrollOffset())) : (this._holdOffset += t.delta, this._followOffsetTarget(t.delta), this.notify(!1)) : this.scrollToEnd({ behavior: t.behavior })), this._flushHoldIfReady(!1), this._retryClampedAdjustment();
+		}, this._classifyScrollEvent = (e, t, n) => ea({
 			offset: e,
 			isScrolling: t,
 			elementMax: n,
@@ -3409,13 +3447,13 @@ var wa = class {
 			let { behavior: t } = e;
 			this.getMeasurements();
 			let n = this.getScrollStateTarget(e);
-			e.lastTargetOffset = n, this._clampedAdjustment = null, e.phase = xa(t, e.index != null && q(n, this.getScrollOffset())), this._scrollToOffset(n, { behavior: t }), this.scheduleScrollReconcile();
+			e.lastTargetOffset = n, this._clampedAdjustment = null, e.phase = Ca(t, e.index != null && q(n, this.getScrollOffset())), this._scrollToOffset(n, { behavior: t }), this.scheduleScrollReconcile();
 		}, this._readElementOffset = () => {
 			let e = this.scrollElement;
 			if (e == null) return null;
 			let { horizontal: t, isRtl: n } = this.options;
 			return typeof e.scrollTop == "number" ? t ? e.scrollLeft * (n && -1 || 1) : e.scrollTop : typeof e.scrollY == "number" ? t ? e.scrollX : e.scrollY : null;
-		}, this._canWriteScroll = () => !(aa() && this._iosGesture.inMotion()) && !this._reportedOverscroll, this._flushHoldIfReady = (e) => {
+		}, this._canWriteScroll = () => !(sa() && this._iosGesture.inMotion()) && !this._reportedOverscroll, this._flushHoldIfReady = (e) => {
 			if (this._holdOffset === 0 || !this.scrollElement || !this.options.enabled || !this._canWriteScroll() || this.scrollState?.phase === "smooth") return;
 			this._holdOffset = 0, this.scrollOffset !== null && this.scrollOffset < 0 && (this.scrollOffset = 0), this.notify(e);
 			let t = this.getCommandWrittenOffset() ?? this.getScrollOffset();
@@ -3468,7 +3506,7 @@ var wa = class {
 					flat: a,
 					items: o
 				};
-				let d = Yi(o, a);
+				let d = Zi(o, a);
 				return this.measurementsCache = d, d;
 			}
 			let d = this.measurementsCache.slice(0, u), f = Array(a).fill(void 0), p = new Float64Array(a), m = 0;
@@ -3513,7 +3551,7 @@ var wa = class {
 		], (e, t, n, r, i) => {
 			if (e.length === 0 || t === 0) return this.range = null, null;
 			let a = Math.max(i - t, 0);
-			return this.range = Da(e, t, Math.min(n, a), r, r === 1 && this._singleLaneMeasurements !== null ? this._singleLaneMeasurements.flat : null), this.range;
+			return this.range = ka(e, t, Math.min(n, a), r, r === 1 && this._singleLaneMeasurements !== null ? this._singleLaneMeasurements.flat : null), this.range;
 		}, {
 			key: !1,
 			debug: () => this.options.debug
@@ -3544,7 +3582,7 @@ var wa = class {
 			let t = this.options.indexAttribute, n = e.getAttribute(t);
 			return n ? parseInt(n, 10) : (console.warn(`Missing attribute name '${t}={index}' on measured element.`), -1);
 		}, this.shouldMeasureDuringScroll = (e) => {
-			if (!Sa(this.scrollState)) return !0;
+			if (!wa(this.scrollState)) return !0;
 			let t = this.scrollState.index ?? this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)?.index;
 			if (t !== void 0 && this.range) {
 				let n = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2)), r = Math.max(0, t - n), i = Math.min(this.options.count - 1, t + n);
@@ -3575,7 +3613,7 @@ var wa = class {
 			}
 			let s = this.itemSizeCache.get(a) ?? r, c = t - s;
 			if (c !== 0) {
-				let o = this.options.anchorTo === "end" && !Sa(this.scrollState) && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, l = o ? this._getLayoutTotalSize() : 0, u = this.getScrollOffset(), d = this.itemSizeCache.has(a) ? i + s <= u && this.scrollDirection !== "backward" : i < u, f = !Sa(this.scrollState) && (this.shouldAdjustScrollPositionOnItemSizeChange === void 0 ? d : this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e] ?? {
+				let o = this.options.anchorTo === "end" && !wa(this.scrollState) && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, l = o ? this._getLayoutTotalSize() : 0, u = this.getScrollOffset(), d = this.itemSizeCache.has(a) ? i + s <= u && this.scrollDirection !== "backward" : i < u, f = !wa(this.scrollState) && (this.shouldAdjustScrollPositionOnItemSizeChange === void 0 ? d : this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e] ?? {
 					index: e,
 					key: a,
 					start: i,
@@ -3613,7 +3651,7 @@ var wa = class {
 			let t = this.getMeasurements();
 			if (t.length === 0) return;
 			let n = this._singleLaneMeasurements?.flat, r = this.options.lanes === 1 && n != null;
-			return Xi(t[Ta(0, t.length - 1, r ? (e) => n[e * 2] : (e) => Xi(t[e]).start, e)]);
+			return Qi(t[Da(0, t.length - 1, r ? (e) => n[e * 2] : (e) => Qi(t[e]).start, e)]);
 		}, this._noteClampMax = () => {
 			if (!this._awaitingCommandReadBack()) return;
 			let e = this._elementMaxScrollOffset();
@@ -3751,7 +3789,7 @@ var wa = class {
 			}, this), r;
 		}, this.getCommandWrittenOffset = () => this.scrollState !== null && this.pendingWrite !== null && !this.pendingWrite.smooth ? this.pendingWrite.target : null, this._awaitingCommandReadBack = () => {
 			let e = this.getCommandWrittenOffset();
-			return !(aa() && this._iosGesture.dragging()) && e !== null && !q(e, this.getScrollOffset());
+			return !(sa() && this._iosGesture.dragging()) && e !== null && !q(e, this.getScrollOffset());
 		}, this._followOffsetTarget = (e) => {
 			this.scrollState !== null && this.scrollState.index == null && (this.scrollState.lastTargetOffset += e);
 		}, this.measure = () => {
@@ -3801,7 +3839,7 @@ var wa = class {
 				return;
 			}
 		} else if (this.scrollState.stableFrames = 0, n) {
-			let t = this.getSize() || 600, n = Math.abs(e - this.getScrollOffset()), r = Sa(this.scrollState) && n > t;
+			let t = this.getSize() || 600, n = Math.abs(e - this.getScrollOffset()), r = wa(this.scrollState) && n > t;
 			this.scrollState.lastTargetOffset = e, r ? this.scrollState.phase = "smooth" : this.scrollState.phase === "smooth" ? this.scrollState.phase = "smoothFinishing" : this.scrollState.phase === "smoothLanded" && (this.scrollState.phase = "instant"), this._scrollToOffset(e, { behavior: r ? "smooth" : "auto" });
 		}
 		this.scheduleScrollReconcile();
@@ -3810,7 +3848,7 @@ var wa = class {
 		this.pendingScrollAnchor = null, this._clampedAdjustment = null;
 		let i = this._iosGesture.tail();
 		if (r === "absolute" && i !== null) {
-			if (i === "fling" && ca()) {
+			if (i === "fling" && ua()) {
 				this._stopMomentum(() => {
 					this.scrollState?.phase !== "queued" || this._iosGesture.tail() !== "fling" || this._reportedOverscroll || (this._iosGesture.end(), this._flushHoldIfReady(!0), this._writeAwaitingCommand());
 				}), this.scrollState = {
@@ -3832,10 +3870,10 @@ var wa = class {
 			lastTargetOffset: t,
 			stableFrames: 0,
 			behavior: n,
-			phase: xa(n, e.index != null && q(t, this.getScrollOffset()))
+			phase: Ca(n, e.index != null && q(t, this.getScrollOffset()))
 		}, this._scrollToOffset(t, { behavior: n }), this.scheduleScrollReconcile();
 	}
-}, Ta = (e, t, n, r) => {
+}, Da = (e, t, n, r) => {
 	for (; e <= t;) {
 		let i = (e + t) / 2 | 0, a = n(i);
 		if (a < r) e = i + 1;
@@ -3844,7 +3882,7 @@ var wa = class {
 	}
 	return e > 0 ? e - 1 : 0;
 };
-function Ea(e, t, n) {
+function Oa(e, t, n) {
 	let r = 0;
 	for (; r <= t;) {
 		let i = (r + t) / 2 | 0, a = e[i * 2];
@@ -3854,21 +3892,21 @@ function Ea(e, t, n) {
 	}
 	return r > 0 ? r - 1 : 0;
 }
-function Da(e, t, n, r, i) {
+function ka(e, t, n, r, i) {
 	let a = e.length - 1;
 	if (e.length <= r) return {
 		startIndex: 0,
 		endIndex: a
 	};
 	if (r === 1 && i !== null) {
-		let e = Ea(i, a, n), r = e, o = n + t;
+		let e = Oa(i, a, n), r = e, o = n + t;
 		for (; r < a && i[r * 2] + i[r * 2 + 1] < o;) r++;
 		return {
 			startIndex: e,
 			endIndex: r
 		};
 	}
-	let o = Ta(0, a, (t) => e[t].start, n), s = o;
+	let o = Da(0, a, (t) => e[t].start, n), s = o;
 	if (r === 1) for (; s < a && e[s].end < n + t;) s++;
 	else if (r > 1) {
 		let i = Array(r).fill(0);
@@ -3889,9 +3927,9 @@ function Da(e, t, n, r, i) {
 	};
 }
 // ../../node_modules/.pnpm/@tanstack+lit-virtual@3.15.3_lit@3.3.3/node_modules/@tanstack/lit-virtual/dist/esm/index.js
-var Oa = class {
+var Aa = class {
 	constructor(e, t) {
-		this.cleanup = () => {}, this.host = e, this.options = { ...t }, this.virtualizer = new wa(this.resolveOptions(this.options)), this.host.addController(this);
+		this.cleanup = () => {}, this.host = e, this.options = { ...t }, this.virtualizer = new Ea(this.resolveOptions(this.options)), this.host.addController(this);
 	}
 	getVirtualizer() {
 		return this.virtualizer;
@@ -3926,16 +3964,16 @@ var Oa = class {
 			}
 		};
 	}
-}, ka = class extends Oa {
+}, ja = class extends Aa {
 	constructor(e, t) {
 		super(e, {
-			observeElementRect: ma,
-			observeElementOffset: va,
-			scrollToFn: ba,
+			observeElementRect: ga,
+			observeElementOffset: ba,
+			scrollToFn: Sa,
 			...t
 		});
 	}
-}, Aa = class {
+}, Ma = class {
 	#e;
 	#t = new Gi();
 	#n = {
@@ -3945,7 +3983,7 @@ var Oa = class {
 		rowIdAt: String
 	};
 	constructor(e, t) {
-		this.#e = new ka(e, {
+		this.#e = new ja(e, {
 			count: 0,
 			getScrollElement: t,
 			estimateSize: () => this.#n.rowHeight,
@@ -3994,7 +4032,7 @@ var Oa = class {
 	scrollToIndex(e, t = "start") {
 		this.#e.getVirtualizer().scrollToIndex(e, { align: t });
 	}
-}, ja = "argus-range-change", Ma = "argus-sort-change", Na = "argus-column-resize", Pa = "argus-row-click", Fa = "argus-cell-click";
+}, Na = "argus-range-change", Pa = "argus-sort-change", Fa = "argus-column-resize", Ia = "argus-row-click", La = "argus-cell-click";
 function Y(e, t, n) {
 	return e.dispatchEvent(new CustomEvent(t, {
 		detail: n,
@@ -4003,9 +4041,9 @@ function Y(e, t, n) {
 	}));
 }
 // ../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directive-helpers.js
-var { I: Ia } = Ae, La = (e) => e, Ra = () => document.createComment(""), za = (e, t, n) => {
+var { I: Ra } = Ae, za = (e) => e, Ba = () => document.createComment(""), Va = (e, t, n) => {
 	let r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
-	if (n === void 0) n = new Ia(r.insertBefore(Ra(), i), r.insertBefore(Ra(), i), e, e.options);
+	if (n === void 0) n = new Ra(r.insertBefore(Ba(), i), r.insertBefore(Ba(), i), e, e.options);
 	else {
 		let t = n._$AB.nextSibling, a = n._$AM, o = a !== e;
 		if (o) {
@@ -4015,15 +4053,15 @@ var { I: Ia } = Ae, La = (e) => e, Ra = () => document.createComment(""), za = (
 		if (t !== i || o) {
 			let e = n._$AA;
 			for (; e !== t;) {
-				let t = La(e).nextSibling;
-				La(r).insertBefore(e, i), e = t;
+				let t = za(e).nextSibling;
+				za(r).insertBefore(e, i), e = t;
 			}
 		}
 	}
 	return n;
-}, X = (e, t, n = e) => (e._$AI(t, n), e), Ba = {}, Va = (e, t = Ba) => e._$AH = t, Ha = (e) => e._$AH, Ua = (e) => {
+}, X = (e, t, n = e) => (e._$AI(t, n), e), Ha = {}, Ua = (e, t = Ha) => e._$AH = t, Wa = (e) => e._$AH, Ga = (e) => {
 	e._$AR(), e._$AA.remove();
-}, Wa = (e, t, n) => {
+}, Ka = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = t; i <= n; i++) r.set(e[i], i);
 	return r;
@@ -4045,65 +4083,65 @@ var { I: Ia } = Ae, La = (e) => e, Ra = () => document.createComment(""), za = (
 		return this.dt(e, t, n).values;
 	}
 	update(e, [t, n, r]) {
-		let i = Ha(e), { values: a, keys: o } = this.dt(t, n, r);
+		let i = Wa(e), { values: a, keys: o } = this.dt(t, n, r);
 		if (!Array.isArray(i)) return this.ut = o, a;
 		let s = this.ut ??= [], c = [], l, u, d = 0, f = i.length - 1, p = 0, m = a.length - 1;
 		for (; d <= f && p <= m;) if (i[d] === null) d++;
 		else if (i[f] === null) f--;
 		else if (s[d] === o[p]) c[p] = X(i[d], a[p]), d++, p++;
 		else if (s[f] === o[m]) c[m] = X(i[f], a[m]), f--, m--;
-		else if (s[d] === o[m]) c[m] = X(i[d], a[m]), za(e, c[m + 1], i[d]), d++, m--;
-		else if (s[f] === o[p]) c[p] = X(i[f], a[p]), za(e, i[d], i[f]), f--, p++;
-		else if (l === void 0 && (l = Wa(o, p, m), u = Wa(s, d, f)), l.has(s[d])) {
+		else if (s[d] === o[m]) c[m] = X(i[d], a[m]), Va(e, c[m + 1], i[d]), d++, m--;
+		else if (s[f] === o[p]) c[p] = X(i[f], a[p]), Va(e, i[d], i[f]), f--, p++;
+		else if (l === void 0 && (l = Ka(o, p, m), u = Ka(s, d, f)), l.has(s[d])) {
 			if (l.has(s[f])) {
 				let t = u.get(o[p]), n = t === void 0 ? null : i[t];
 				if (n === null) {
-					let t = za(e, i[d]);
+					let t = Va(e, i[d]);
 					X(t, a[p]), c[p] = t;
-				} else c[p] = X(n, a[p]), za(e, i[d], n), i[t] = null;
+				} else c[p] = X(n, a[p]), Va(e, i[d], n), i[t] = null;
 				p++;
-			} else Ua(i[f]), f--;
-		} else Ua(i[d]), d++;
+			} else Ga(i[f]), f--;
+		} else Ga(i[d]), d++;
 		for (; p <= m;) {
-			let t = za(e, c[m + 1]);
+			let t = Va(e, c[m + 1]);
 			X(t, a[p]), c[p++] = t;
 		}
 		for (; d <= f;) {
 			let e = i[d++];
-			e !== null && Ua(e);
+			e !== null && Ga(e);
 		}
-		return this.ut = o, Va(e, c), E;
+		return this.ut = o, Ua(e, c), E;
 	}
 });
 // src/render/content.ts
-function Ga(e) {
+function qa(e) {
 	return e == null ? D : typeof e == "number" ? String(e) : e;
 }
-function Ka(e) {
+function Ja(e) {
 	return e == null ? "" : e instanceof Date ? e.toLocaleString() : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
-var qa = (e, t) => `c-${String(e)}-${String(t)}`, Ja = (e) => `h-${String(e)}`;
-function Ya(e) {
+var Ya = (e, t) => `c-${String(e)}-${String(t)}`, Xa = (e) => `h-${String(e)}`;
+function Za(e) {
 	let t = "cell";
 	return e.pin && (t += e.pinEdge ? " cell-pinned cell-pinned-edge" : " cell-pinned"), e.sorted && (t += " cell-sorted"), t;
 }
-function Xa(e) {
+function Qa(e) {
 	if (e) return e === "asc" ? "ascending" : "descending";
 }
-function Za(e) {
+function $a(e) {
 	return e.pin ? `--_pin-offset: ${String(e.offset)}px` : void 0;
 }
 // src/render/body.ts
-function Qa(e, t, n, r) {
+function eo(e, t, n, r) {
 	return T`<div
     part="body"
     role="rowgroup"
     style=${Ue({ blockSize: `${String(n)}px` })}
   >
-    ${Z(e, (e) => e.slot, (e) => $a(e, t, e.index === r?.index ? r.col : void 0))}
+    ${Z(e, (e) => e.slot, (e) => to(e, t, e.index === r?.index ? r.col : void 0))}
   </div>`;
 }
-function $a(e, t, n) {
+function to(e, t, n) {
 	return T`<div
     part=${e.index % 2 == 0 ? "row row-even" : "row row-odd"}
     class="row"
@@ -4112,38 +4150,37 @@ function $a(e, t, n) {
     style=${Ue({ transform: `translateY(${String(e.start)}px)` })}
   >
     ${Z(t, (e) => e.id, (t) => T`<div
-          part=${Ya(t)}
+          part=${Za(t)}
           role="gridcell"
           aria-colindex=${t.colIndex}
           tabindex=${t.id === n ? 0 : -1}
           data-col=${t.id}
           data-align=${t.align}
           data-pin=${t.pin ?? D}
-          ?data-pin-edge=${t.pinEdge}
-          style=${Za(t) ?? D}
+          style=${$a(t) ?? D}
         >
-          <slot name=${qa(e.slot, t.colIndex)}></slot>
+          <slot name=${Ya(e.slot, t.colIndex)}></slot>
         </div>`)}
   </div>`;
 }
 // src/render/cells.ts
-function eo(e, t, n) {
+function no(e, t, n) {
 	let r = t.columns;
-	Me(T`${Z(r, (e) => e.id, (e) => T`<div slot=${Ja(e.colIndex)}>${to(e)}</div>`)}${Z(n, (e) => e.slot, (e) => Z(r, (e) => e.id, (n) => T`<div slot=${qa(e.slot, n.colIndex)}>${no(t, e.index, n)}</div>`))}`, e, { host: e });
+	Me(T`${Z(r, (e) => e.id, (e) => T`<div slot=${Xa(e.colIndex)}>${ro(e)}</div>`)}${Z(n, (e) => e.slot, (e) => Z(r, (e) => e.id, (n) => T`<div slot=${Ya(e.slot, n.colIndex)}>${io(t, e.index, n)}</div>`))}`, e, { host: e });
 }
-function to(e) {
+function ro(e) {
 	let { header: t } = e;
-	return Ga(typeof t == "function" ? t() : t);
+	return qa(typeof t == "function" ? t() : t);
 }
-function no(e, t, n) {
+function io(e, t, n) {
 	if (n.cell) {
 		let r = e.cellContext(t, n.id);
-		return r ? Ga(n.cell(r.row, r)) : "";
+		return r ? qa(n.cell(r.row, r)) : "";
 	}
-	return n.hasAccessor ? Ka(e.valueAt(t, n.id)) : "";
+	return n.hasAccessor ? Ja(e.valueAt(t, n.id)) : "";
 }
 // src/render/header.ts
-function ro(e, t, n) {
+function ao(e, t, n) {
 	return T`<div part="header" role="rowgroup">
     <div
       part="header-row"
@@ -4157,23 +4194,22 @@ function ro(e, t, n) {
             part=${e.sorted ? "header-cell header-cell-sorted" : "header-cell"}
             role="columnheader"
             aria-colindex=${e.colIndex}
-            aria-sort=${Xa(e.sorted) ?? D}
+            aria-sort=${Qa(e.sorted) ?? D}
             data-col=${e.id}
             data-sort-col=${e.sortable ? e.id : D}
             tabindex=${e.id === n ? 0 : -1}
             data-align=${e.align}
             data-pin=${e.pin ?? D}
-            ?data-pin-edge=${e.pinEdge}
-            style=${Za(e) ?? D}
+            style=${$a(e) ?? D}
           >
-            <slot name=${Ja(e.colIndex)}></slot>
+            <slot name=${Xa(e.colIndex)}></slot>
             ${e.sortable ? T`<span class="sort-indicator" aria-hidden="true"></span>` : D}
-            ${e.resizable ? io(e) : D}
+            ${e.resizable ? oo(e) : D}
           </div>`)}
     </div>
   </div>`;
 }
-function io(e) {
+function oo(e) {
 	return T`<div
     part="resize-handle"
     role="separator"
@@ -4186,231 +4222,7 @@ function io(e) {
   ></div>`;
 }
 // src/styles/base.ts
-var ao = o`
-  @layer argus-base {
-    :host {
-      display: block;
-      /* A table that virtualizes needs a bounded height; set your own on the element. */
-      block-size: 400px;
-      box-sizing: border-box;
-      contain: content;
-      color-scheme: light dark;
-      color: var(--argus-fg, CanvasText);
-      background: var(--argus-bg, Canvas);
-      font: var(--argus-font, inherit);
-      --_row-height: var(--argus-row-height, 40px);
-      --_pad: var(--argus-cell-padding-inline, 12px);
-      --_border: var(--argus-border-width, 1px) solid
-        var(--argus-border-color, light-dark(#e5e7eb, #374151));
-      /* 1 in LTR, -1 in RTL: mirrors the pinned-edge shadow. */
-      --_dir: 1;
-    }
-    :host(:dir(rtl)) {
-      --_dir: -1;
-    }
-    :host([density='compact']) {
-      --_row-height: var(--argus-row-height, 32px);
-      --_pad: var(--argus-cell-padding-inline, 8px);
-    }
-    :host([density='spacious']) {
-      --_row-height: var(--argus-row-height, 52px);
-      --_pad: var(--argus-cell-padding-inline, 16px);
-    }
-    :host([hidden]) {
-      display: none;
-    }
-
-    [part~='table'] {
-      position: relative;
-      block-size: 100%;
-      overflow: auto;
-      overscroll-behavior: contain;
-      /* A cell moved to by keyboard scrolls clear of the sticky header and pinned columns. */
-      scroll-padding-block-start: var(--_row-height);
-      scroll-padding-inline: var(--_pin-start, 0) var(--_pin-end, 0);
-    }
-
-    .row {
-      display: grid;
-      grid-template-columns: var(--_cols);
-      inline-size: var(--_width);
-      min-inline-size: 100%;
-      block-size: var(--_row-height);
-      box-sizing: border-box;
-    }
-
-    [part~='header'] {
-      position: sticky;
-      inset-block-start: 0;
-      z-index: 2;
-    }
-
-    [part~='body'] {
-      position: relative;
-      contain: layout;
-    }
-    [part~='row'] {
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-      --_row-bg: var(--argus-bg, Canvas);
-      --_row-surface: var(--_row-bg);
-      background: var(--_row-surface);
-    }
-    [part~='row-odd'] {
-      --_row-bg: var(--argus-row-stripe-bg, var(--argus-bg, Canvas));
-    }
-    [part~='row']:hover {
-      --_row-surface: var(--argus-row-hover-bg, var(--_row-bg));
-    }
-
-    [part~='cell'],
-    [part~='header-cell'] {
-      display: flex;
-      align-items: center;
-      min-inline-size: 0;
-      box-sizing: border-box;
-      padding-inline: var(--_pad);
-      overflow: hidden;
-      white-space: nowrap;
-      border-block-end: var(--_border);
-    }
-    [part~='header-cell'] {
-      background: var(--argus-header-bg, light-dark(#f9fafb, #111827));
-      color: var(--argus-header-fg, inherit);
-      font-weight: 600;
-    }
-    [part~='header-cell'] {
-      position: relative;
-    }
-    [part~='resize-handle'] {
-      position: absolute;
-      inset-block: 0;
-      inset-inline-end: 0;
-      inline-size: 8px;
-      z-index: 1;
-      cursor: col-resize;
-      touch-action: none;
-    }
-    [part~='resize-handle']::after {
-      content: '';
-      position: absolute;
-      inset-block: 25%;
-      inset-inline-end: 0;
-      inline-size: 2px;
-      background: var(--argus-resize-handle-color, light-dark(#9ca3af, #6b7280));
-      opacity: 0;
-    }
-    [part~='header-cell']:hover [part~='resize-handle']::after,
-    [part~='header-cell']:focus-visible [part~='resize-handle']::after,
-    [part~='resize-handle'][data-active]::after {
-      opacity: 1;
-    }
-    [data-sort-col] {
-      cursor: pointer;
-      user-select: none;
-    }
-    [part~='header-cell']:focus-visible,
-    [part~='cell']:focus-visible {
-      outline: var(--argus-focus-ring, 2px solid Highlight);
-      outline-offset: -2px;
-    }
-    /* A small chevron after the header content; only the sorted column shows it. */
-    .sort-indicator {
-      flex: none;
-      inline-size: 0.35em;
-      block-size: 0.35em;
-      margin-inline-start: 0.4em;
-      /* Physical sides on purpose: the chevron is rotated, so it must not mirror in RTL. */
-      border-right: 0.12em solid currentColor;
-      border-bottom: 0.12em solid currentColor;
-      visibility: hidden;
-    }
-    [aria-sort] .sort-indicator {
-      visibility: visible;
-    }
-    [aria-sort='ascending'] .sort-indicator {
-      transform: translateY(0.1em) rotate(-135deg);
-    }
-    [aria-sort='descending'] .sort-indicator {
-      transform: translateY(-0.1em) rotate(45deg);
-    }
-    [data-align='end'] .sort-indicator {
-      order: -1;
-      margin-inline: 0 0.4em;
-    }
-    /*
-     * Pinned columns: sticky inside the scroll container, with offsets from the
-     * table model. Logical insets make RTL work without extra rules.
-     */
-    [data-pin] {
-      position: sticky;
-      z-index: 1;
-      /* Visible so the edge shadow isn't clipped; slotted content still clips itself. */
-      overflow: visible;
-    }
-    [data-pin='start'] {
-      inset-inline-start: var(--_pin-offset);
-    }
-    [data-pin='end'] {
-      inset-inline-end: var(--_pin-offset);
-    }
-    [part~='cell-pinned'] {
-      background: var(--_row-surface);
-    }
-    /*
-     * The edge shadow. --argus-pinned-shadow is written for a shadow falling
-     * toward the end side; the start edge in RTL and the end edge in LTR mirror it.
-     */
-    [data-pin-edge]::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      pointer-events: none;
-      box-shadow: var(
-        --argus-pinned-shadow,
-        4px 0 6px -4px light-dark(rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.6))
-      );
-      transform: scaleX(var(--_dir));
-    }
-    [data-pin='end'][data-pin-edge]::after {
-      transform: scaleX(calc(-1 * var(--_dir)));
-    }
-
-    [data-align='center'] {
-      justify-content: center;
-      text-align: center;
-    }
-    [data-align='end'] {
-      justify-content: flex-end;
-      text-align: end;
-    }
-    ::slotted(*) {
-      min-inline-size: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    [part~='empty'] {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-block-size: calc(100% - var(--_row-height));
-      padding: var(--_pad);
-      box-sizing: border-box;
-    }
-
-    /* Measures the resolved row height in px for the virtualizer. */
-    .probe {
-      position: absolute;
-      inset-block-start: 0;
-      inline-size: 0;
-      block-size: var(--_row-height);
-      visibility: hidden;
-      pointer-events: none;
-    }
-  }
-`;
+var so = o`@layer argus-base{:host{box-sizing:border-box;contain:content;color-scheme:light dark;block-size:400px;color:var(--argus-fg,CanvasText);background:var(--argus-bg,Canvas);font:var(--argus-font,inherit);--_row-height:var(--argus-row-height,40px);--_pad:var(--argus-cell-padding-inline,12px);--_border:var(--argus-border-width,1px) solid var(--argus-border-color,light-dark(#e5e7eb,#374151));--_dir:1;display:block}:host(:dir(rtl)){--_dir:-1}:host([density=compact]){--_row-height:var(--argus-row-height,32px);--_pad:var(--argus-cell-padding-inline,8px)}:host([density=spacious]){--_row-height:var(--argus-row-height,52px);--_pad:var(--argus-cell-padding-inline,16px)}:host([hidden]){display:none}[part~=table]{overscroll-behavior:contain;block-size:100%;scroll-padding-block-start:var(--_row-height);scroll-padding-inline:var(--_pin-start,0) var(--_pin-end,0);position:relative;overflow:auto}.row{grid-template-columns:var(--_cols);inline-size:var(--_width);min-inline-size:100%;block-size:var(--_row-height);box-sizing:border-box;display:grid}[part~=header]{z-index:2;position:sticky;inset-block-start:0}[part~=body]{contain:layout;position:relative}[part~=row]{--_row-bg:var(--argus-bg,Canvas);--_row-surface:var(--_row-bg);background:var(--_row-surface);position:absolute;inset-block-start:0;inset-inline-start:0}[part~=row-odd]{--_row-bg:var(--argus-row-stripe-bg,var(--argus-bg,Canvas))}[part~=row]:hover{--_row-surface:var(--argus-row-hover-bg,var(--_row-bg))}[part~=cell],[part~=header-cell]{box-sizing:border-box;min-inline-size:0;padding-inline:var(--_pad);white-space:nowrap;border-block-end:var(--_border);align-items:center;display:flex;overflow:hidden}[part~=header-cell]{background:var(--argus-header-bg,light-dark(#f9fafb,#111827));color:var(--argus-header-fg,inherit);font-weight:600;position:relative}[part~=resize-handle]{z-index:1;cursor:col-resize;touch-action:none;inline-size:8px;position:absolute;inset-block:0;inset-inline-end:0}[part~=resize-handle]:after{content:"";background:var(--argus-resize-handle-color,light-dark(#9ca3af,#6b7280));opacity:0;inline-size:2px;position:absolute;inset-block:25%;inset-inline-end:0}[part~=header-cell]:hover [part~=resize-handle]:after,[part~=header-cell]:focus-visible [part~=resize-handle]:after,[part~=resize-handle][data-active]:after{opacity:1}[data-sort-col]{cursor:pointer;user-select:none}[part~=header-cell]:focus-visible,[part~=cell]:focus-visible{outline:var(--argus-focus-ring,2px solid Highlight);outline-offset:-2px}.sort-indicator{visibility:hidden;border-bottom:.12em solid;border-right:.12em solid;flex:none;block-size:.35em;inline-size:.35em;margin-inline-start:.4em}[aria-sort] .sort-indicator{visibility:visible}[aria-sort=ascending] .sort-indicator{transform:translateY(.1em)rotate(-135deg)}[aria-sort=descending] .sort-indicator{transform:translateY(-.1em)rotate(45deg)}[data-align=end] .sort-indicator{order:-1;margin-inline:0 .4em}[data-pin]{z-index:1;position:sticky}[data-pin=start]{inset-inline-start:var(--_pin-offset)}[data-pin=end]{inset-inline-end:var(--_pin-offset)}[part~=row]>[data-pin]{position:relative;inset-inline:auto}[part~=row]>[data-pin=start]{transform:translateX(var(--_sx,0px))}[part~=row]>[data-pin=end]{transform:translateX(calc(var(--_sx,0px) - var(--_dir) * var(--_max-x,0px)))}[data-hscroll] [part~=row]>[data-pin]{position:sticky;transform:none}[data-hscroll] [part~=row]>[data-pin=start]{inset-inline-start:var(--_pin-offset)}[data-hscroll] [part~=row]>[data-pin=end]{inset-inline-end:var(--_pin-offset)}[part~=cell-pinned]{background:var(--_row-surface)}.pin-shadow{block-size:min(var(--_view-h,100%), var(--_content-h,100%));z-index:3;pointer-events:none;position:absolute;inset-block-start:0}.pin-shadow[data-side=start]{inset-inline-start:0}.pin-shadow[data-side=end]{inset-inline-end:var(--_sb-x,0px)}.pin-shadow:after{content:"";box-shadow:var(--argus-pinned-shadow,4px 0 6px -4px light-dark(#0003,#0009));transform:scaleX(var(--_dir));position:absolute;inset:0}.pin-shadow[data-side=end]:after{transform:scaleX(calc(-1 * var(--_dir)))}[data-align=center]{text-align:center;justify-content:center}[data-align=end]{text-align:end;justify-content:flex-end}::slotted(*){text-overflow:ellipsis;min-inline-size:0;overflow:hidden}[part~=empty]{min-block-size:calc(100% - var(--_row-height));padding:var(--_pad);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.probe{inline-size:0;block-size:var(--_row-height);visibility:hidden;pointer-events:none;position:absolute;inset-block-start:0}}`;
 // \0@oxc-project+runtime@0.156.0/helpers/esm/decorate.js
 function Q(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
@@ -4419,51 +4231,62 @@ function Q(e, t, n, r) {
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
 // src/argus-table.ts
-function oo(e) {
+function co(e) {
 	let t = e.attachInternals();
 	return t.role = "grid", t;
 }
-function so(e) {
+function lo(e) {
 	for (let t of e.composedPath()) if (t instanceof HTMLElement) {
 		if (t.dataset.resizeCol !== void 0) return;
 		if (t.dataset.sortCol !== void 0) return t.dataset.sortCol;
 		if (t.getAttribute("part") === "header-row") return;
 	}
 }
-var co = 10;
-function lo(e) {
+var uo = 10;
+function fo(e) {
 	if (!(e instanceof HTMLElement) || e.dataset.col === void 0) return;
 	let t = e.getAttribute("role");
 	return t === "gridcell" || t === "columnheader" ? e : void 0;
 }
-function uo(e) {
+function po(e) {
 	return Number(e?.getAttribute("aria-rowindex") ?? 1) - 2;
 }
-function fo(e) {
+function mo(e, t, n, r) {
+	return t === 0 ? D : T`<div
+    class="pin-shadow"
+    data-side=${e}
+    aria-hidden="true"
+    style=${Ue({
+		inlineSize: `${String(t)}px`,
+		"--_content-h": `${String((n + 1) * r)}px`
+	})}
+  ></div>`;
+}
+function ho(e) {
 	return e.flex === void 0 ? `${String(e.width)}px` : `minmax(${String(e.minWidth)}px, ${String(e.flex)}fr)`;
 }
 var $ = class extends j {
 	constructor(...e) {
-		super(...e), this.columns = [], this.data = [], this.density = "comfortable", this.overscan = 6, this.#e = Wi([]), this.#t = Wi({}), this.#i = oo(this), this.#a = new qi(), this.#o = new Aa(this, () => this.renderRoot.querySelector("[part~=\"table\"]")), this.#s = 40, this.#l = {
+		super(...e), this.columns = [], this.data = [], this.density = "comfortable", this.overscan = 6, this.#e = Wi([]), this.#t = Wi({}), this.#i = co(this), this.#a = new Yi(), this.#o = new Ma(this, () => this.renderRoot.querySelector("[part~=\"table\"]")), this.#s = new qi(this, () => this.renderRoot.querySelector("[part~=\"table\"]")), this.#c = 40, this.#u = {
 			rows: [],
 			totalSize: 0,
 			range: null
-		}, this.#d = !1, this.#f = "", this.#p = {
+		}, this.#f = !1, this.#p = "", this.#m = {
 			click: (e) => {
-				let t = so(e);
-				t !== void 0 && this.#w(t);
+				let t = lo(e);
+				t !== void 0 && this.#T(t);
 			},
 			pointerdown: (e) => {
 				if (e.button !== 0) return;
 				let t = e.composedPath()[0];
 				if (!(t instanceof HTMLElement)) return;
 				let n = t.dataset.resizeCol, r = t.parentElement;
-				n !== void 0 && r && Ki(t, e, r.getBoundingClientRect().width, this.#S(), (e) => {
-					this.#C(n, e);
+				n !== void 0 && r && Ji(t, e, r.getBoundingClientRect().width, this.#C(), (e) => {
+					this.#w(n, e);
 				});
 			}
-		}, this.#m = (e) => {
-			let t = lo(e.composedPath()[0] ?? e.target ?? this), n = t?.dataset.col;
+		}, this.#h = (e) => {
+			let t = fo(e.composedPath()[0] ?? e.target ?? this), n = t?.dataset.col;
 			if (!t || n === void 0) return;
 			if (e.key === "Tab" && e.shiftKey) {
 				let n = e.currentTarget;
@@ -4475,20 +4298,20 @@ var $ = class extends j {
 			let r = t.getAttribute("role") === "columnheader", { key: i } = e;
 			if (r && e.altKey && (i === "ArrowLeft" || i === "ArrowRight")) {
 				e.preventDefault();
-				let r = i === "ArrowRight" == (this.#S() === 1);
-				this.#C(n, this.#x(n, t) + (r ? co : -10));
+				let r = i === "ArrowRight" == (this.#C() === 1);
+				this.#w(n, this.#S(n, t) + (r ? uo : -10));
 				return;
 			}
 			if (r && (i === "Enter" || i === " ") && t.dataset.sortCol !== void 0) {
-				e.preventDefault(), this.#w(n);
+				e.preventDefault(), this.#T(n);
 				return;
 			}
 			if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
 			if (!r && i === "Enter") {
-				e.preventDefault(), this.#_(e.composedPath());
+				e.preventDefault(), this.#v(e.composedPath());
 				return;
 			}
-			let a = this.#a.model, o = a.columns, s = r ? -1 : uo(t.parentElement), c = o.findIndex((e) => e.id === n);
+			let a = this.#a.model, o = a.columns, s = r ? -1 : po(t.parentElement), c = o.findIndex((e) => e.id === n);
 			switch (i) {
 				case "ArrowDown":
 					s = Math.min(s + 1, a.rowCount - 1);
@@ -4497,10 +4320,10 @@ var $ = class extends j {
 					s = Math.max(s - 1, -1);
 					break;
 				case "ArrowRight":
-					c += this.#S();
+					c += this.#C();
 					break;
 				case "ArrowLeft":
-					c -= this.#S();
+					c -= this.#C();
 					break;
 				case "Home":
 					c = 0;
@@ -4512,17 +4335,17 @@ var $ = class extends j {
 			}
 			e.preventDefault();
 			let l = o[Math.min(Math.max(c, 0), o.length - 1)];
-			l && this.#v(s, l.id, a);
-		}, this.#h = (e) => {
+			l && this.#y(s, l.id, a);
+		}, this.#g = (e) => {
 			let t = e.currentTarget;
 			if (e.composedPath()[0] === t) {
 				let n = e.relatedTarget;
-				n instanceof Node && t.contains(n) || (this.#d = !0, this.requestUpdate());
+				n instanceof Node && t.contains(n) || (this.#f = !0, this.requestUpdate());
 			} else for (let t of e.composedPath()) {
-				let n = lo(t);
+				let n = fo(t);
 				if (n?.dataset.col !== void 0) {
-					let e = n.getAttribute("role") === "columnheader" ? -1 : uo(n.parentElement), { col: t } = n.dataset;
-					(e !== this.#u?.index || t !== this.#u.col) && (this.#u = {
+					let e = n.getAttribute("role") === "columnheader" ? -1 : po(n.parentElement), { col: t } = n.dataset;
+					(e !== this.#d?.index || t !== this.#d.col) && (this.#d = {
 						index: e,
 						rowId: this.#a.model.rowAt(e)?.id,
 						col: t
@@ -4531,12 +4354,12 @@ var $ = class extends j {
 				}
 				if (t === e.currentTarget) return;
 			}
-		}, this.#g = (e) => {
-			this.#_(e.composedPath());
+		}, this.#_ = (e) => {
+			this.#v(e.composedPath());
 		};
 	}
 	static {
-		this.styles = ao;
+		this.styles = so;
 	}
 	get sorting() {
 		return this.#e.value;
@@ -4563,11 +4386,12 @@ var $ = class extends j {
 	#u;
 	#d;
 	#f;
+	#p;
 	connectedCallback() {
-		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "grid"), this.hasUpdated && this.#T();
+		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "grid"), this.hasUpdated && this.#E();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.#c?.disconnect();
+		super.disconnectedCallback(), this.#l?.disconnect();
 	}
 	async scrollToRow(e) {
 		await this.updateComplete, this.#o.scrollToIndex(e), await this.updateComplete;
@@ -4581,11 +4405,11 @@ var $ = class extends j {
 			columnSizing: this.#t.value
 		});
 		let t = this.#a.model;
-		this.#b(t);
-		let n = this.#u;
+		this.#x(t);
+		let n = this.#d;
 		this.#i.ariaRowCount = String(t.rowCount + 1), this.#i.ariaColCount = String(t.columns.length), this.#o.configure({
 			count: t.rowCount,
-			rowHeight: this.#s,
+			rowHeight: this.#c,
 			overscan: Math.max(0, this.overscan),
 			rowIdAt: (e) => t.rowAt(e)?.id ?? String(e),
 			keep: n?.rowId === void 0 ? void 0 : {
@@ -4596,64 +4420,66 @@ var $ = class extends j {
 	}
 	render() {
 		let e = this.#a.model, t = e.columns;
-		this.#l = this.#o.computeWindow();
-		let n = (e) => `${String(t.reduce((t, n) => n.pin === e ? t + n.width : t, 0))}px`, r = {
-			"--_cols": t.map(fo).join(" "),
+		this.#u = this.#o.computeWindow();
+		let n = (e) => t.reduce((t, n) => n.pin === e ? t + n.width : t, 0), r = (e) => `${String(n(e))}px`, i = {
+			"--_cols": t.map(ho).join(" "),
 			"--_width": `${String(e.totalWidth)}px`,
-			"--_pin-start": n("start"),
-			"--_pin-end": n("end")
-		}, i = this.#u, a = i && i.index >= 0 ? {
-			index: i.index,
-			col: i.col
+			"--_pin-start": r("start"),
+			"--_pin-end": r("end")
+		}, a = this.#d, o = a && a.index >= 0 ? {
+			index: a.index,
+			col: a.col
 		} : void 0;
-		return this.rowHeight !== void 0 && this.rowHeight > 0 && (r["--_row-height"] = `${String(this.rowHeight)}px`), T`<div
-      part="table"
-      role="presentation"
-      style=${Ue(r)}
-      @keydown=${this.#m}
-      @focusin=${this.#h}
-      @click=${this.#g}
-    >
-      ${ro(t, this.#p, i?.index === -1 ? i.col : void 0)}
-      ${e.rowCount === 0 ? T`<div part="empty"><slot name="empty">No rows</slot></div>` : Qa(this.#l.rows, t, this.#l.totalSize, a)}
-      <div class="probe" aria-hidden="true"></div>
-    </div>`;
+		return this.rowHeight !== void 0 && this.rowHeight > 0 && (i["--_row-height"] = `${String(this.rowHeight)}px`), T`<div
+        part="table"
+        role="presentation"
+        style=${Ue(i)}
+        @keydown=${this.#h}
+        @focusin=${this.#g}
+        @click=${this.#_}
+      >
+        ${ao(t, this.#m, a?.index === -1 ? a.col : void 0)}
+        ${e.rowCount === 0 ? T`<div part="empty"><slot name="empty">No rows</slot></div>` : eo(this.#u.rows, t, this.#u.totalSize, o)}
+        <div class="probe" aria-hidden="true"></div>
+      </div>
+      ${mo("start", n("start"), e.rowCount, this.#c)}
+      ${mo("end", n("end"), e.rowCount, this.#c)}`;
 	}
 	firstUpdated() {
-		this.#T(), this.#E();
+		this.#E(), this.#D();
 	}
 	updated(e) {
-		if (eo(this, this.#a.model, this.#l.rows), this.#d && (this.#d = !1, this.#y()), (e.has("density") || e.has("rowHeight")) && this.#E(), this.#n) {
+		if (no(this, this.#a.model, this.#u.rows), (e.has("columns") || e.has("columnSizing")) && this.#s.measure(), this.#f && (this.#f = !1, this.#b()), (e.has("density") || e.has("rowHeight")) && this.#D(), this.#n) {
 			let e = this.#n;
-			this.#n = void 0, Y(this, Na, e);
+			this.#n = void 0, Y(this, Fa, e);
 		}
 		if (this.#r) {
 			let e = this.#r;
-			this.#r = void 0, Y(this, Ma, { sorting: e });
+			this.#r = void 0, Y(this, Pa, { sorting: e });
 		}
-		let { range: t } = this.#l, n = t ? `${String(t.start)}:${String(t.end)}` : "";
-		t && n !== this.#f && (this.#f = n, Y(this, ja, {
+		let { range: t } = this.#u, n = t ? `${String(t.start)}:${String(t.end)}` : "";
+		t && n !== this.#p && (this.#p = n, Y(this, Na, {
 			start: t.start,
 			end: t.end
 		}));
 	}
-	#p;
 	#m;
 	#h;
 	#g;
-	#_(e) {
+	#_;
+	#v(e) {
 		let t;
 		for (let n of e) {
 			if (!(n instanceof HTMLElement)) continue;
 			let e = n.getAttribute("role");
 			if (e === "gridcell" && (t = n.dataset.col), e !== "row") continue;
-			let r = this.#a.model, i = uo(n), a = i >= 0 ? r.rowAt(i) : void 0;
+			let r = this.#a.model, i = po(n), a = i >= 0 ? r.rowAt(i) : void 0;
 			if (!a) return;
-			t !== void 0 && Y(this, Fa, {
+			t !== void 0 && Y(this, La, {
 				row: a.original,
 				columnId: t,
 				value: r.valueAt(i, t)
-			}), Y(this, Pa, {
+			}), Y(this, Ia, {
 				row: a.original,
 				rowId: a.id,
 				index: i
@@ -4661,15 +4487,15 @@ var $ = class extends j {
 			return;
 		}
 	}
-	#v(e, t, n) {
-		this.#u = {
+	#y(e, t, n) {
+		this.#d = {
 			index: e,
 			rowId: e >= 0 ? n.rowAt(e)?.id : void 0,
 			col: t
-		}, this.#d = !0, this.requestUpdate();
+		}, this.#f = !0, this.requestUpdate();
 	}
-	#y() {
-		let e = this.#u;
+	#b() {
+		let e = this.#d;
 		if (!e) return;
 		let t = CSS.escape(e.col), n = e.index === -1 ? `[part~='header-row'] > [data-col="${t}"]` : `[part~='body'] > [aria-rowindex="${String(e.index + 2)}"] > [data-col="${t}"]`, r = this.renderRoot.querySelector(n);
 		r && (r.scrollIntoView({
@@ -4677,37 +4503,37 @@ var $ = class extends j {
 			inline: "nearest"
 		}), r.focus({ preventScroll: !0 }));
 	}
-	#b(e) {
+	#x(e) {
 		let t = e.columns, n = t[0];
 		if (!n) {
-			this.#u = void 0;
+			this.#d = void 0;
 			return;
 		}
-		let r = this.#u ?? {
+		let r = this.#d ?? {
 			index: -1,
 			rowId: void 0,
 			col: n.id
 		}, i = t.some((e) => e.id === r.col) ? r.col : n.id, { index: a, rowId: o } = r;
 		if (o !== void 0) {
 			let t = e.indexOf(o);
-			t === void 0 ? (a = Math.min(a, e.rowCount - 1), o = e.rowAt(a)?.id, this.matches(":focus-within") && (this.#d = !0)) : a = t;
+			t === void 0 ? (a = Math.min(a, e.rowCount - 1), o = e.rowAt(a)?.id, this.matches(":focus-within") && (this.#f = !0)) : a = t;
 		}
-		a === r.index && o === r.rowId && i === r.col && this.#u || (this.#u = {
+		a === r.index && o === r.rowId && i === r.col && this.#d || (this.#d = {
 			index: a,
 			rowId: o,
 			col: i
 		});
 	}
-	#x(e, t) {
+	#S(e, t) {
 		let n = this.#t.value[e];
 		if (n !== void 0) return n;
 		let r = this.#a.model.columns.find((t) => t.id === e);
 		return r && r.flex === void 0 ? r.width : t.getBoundingClientRect().width;
 	}
-	#S() {
+	#C() {
 		return getComputedStyle(this).direction === "rtl" ? -1 : 1;
 	}
-	#C(e, t) {
+	#w(e, t) {
 		let n = this.#a.model.nextSizing(e, t), r = n?.[e];
 		if (!n || r === void 0 || r === this.#t.value[e]) return;
 		let i = this.#t.value, { value: a, applied: o } = this.#t.request(n), s = {
@@ -4715,29 +4541,29 @@ var $ = class extends j {
 			width: r,
 			sizing: a
 		};
-		o ? (this.#n = s, this.requestUpdate("columnSizing", i)) : Y(this, Na, s);
+		o ? (this.#n = s, this.requestUpdate("columnSizing", i)) : Y(this, Fa, s);
 	}
-	#w(e) {
+	#T(e) {
 		let t = this.#a.model.nextSorting(e);
 		if (!t) return;
 		let n = this.#e.value, { value: r, applied: i } = this.#e.request(t);
-		i ? (this.#r = r, this.requestUpdate("sorting", n)) : Y(this, Ma, { sorting: r });
+		i ? (this.#r = r, this.requestUpdate("sorting", n)) : Y(this, Pa, { sorting: r });
 	}
-	#T() {
+	#E() {
 		let e = this.renderRoot.querySelector(".probe");
-		e && (this.#c ??= new ResizeObserver(() => {
-			this.#E();
-		}), this.#c.observe(e));
+		e && (this.#l ??= new ResizeObserver(() => {
+			this.#D();
+		}), this.#l.observe(e));
 	}
-	#E() {
+	#D() {
 		let e = this.renderRoot.querySelector(".probe")?.getBoundingClientRect().height ?? 0;
-		e > 0 && Math.abs(e - this.#s) > .01 && (this.#s = e, this.requestUpdate());
+		e > 0 && Math.abs(e - this.#c) > .01 && (this.#c = e, this.requestUpdate());
 	}
 };
 Q([M({ attribute: !1 })], $.prototype, "columns", void 0), Q([M({ attribute: !1 })], $.prototype, "data", void 0), Q([M({ attribute: !1 })], $.prototype, "getRowId", void 0), Q([M({
 	attribute: "row-height",
 	type: Number
 })], $.prototype, "rowHeight", void 0), Q([M({ reflect: !0 })], $.prototype, "density", void 0), Q([M({ type: Number })], $.prototype, "overscan", void 0), Q([M({ attribute: !1 })], $.prototype, "sorting", null), Q([M({ attribute: !1 })], $.prototype, "columnSizing", null), $ = Q([Fe("argus-table")], $);
-export { $ as ArgusTable, Fa as CELL_CLICK, Na as COLUMN_RESIZE, ja as RANGE_CHANGE, Pa as ROW_CLICK, Ma as SORT_CHANGE };
+export { $ as ArgusTable, La as CELL_CLICK, Fa as COLUMN_RESIZE, Na as RANGE_CHANGE, Ia as ROW_CLICK, Pa as SORT_CHANGE };
 
 //# sourceMappingURL=argus-table.js.map