vuehex 0.5.3

package/dist/index.js

@@ -0,0 +1,1419 @@
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, toRef, unref, useModel, useSlots, vShow, watch, withCtx, withDirectives } from "vue";
+var HTML_ESCAPE_LOOKUP = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function normalizeSource(e) {
+	if (e instanceof Uint8Array) return e;
+	throw TypeError("VueHex expects virtual window data as Uint8Array instances.");
+}
+function clampBytesPerRow(e) {
+	return typeof e != "number" || !Number.isFinite(e) ? 16 : Math.max(1, Math.trunc(e));
+}
+function resolveFallbackChar(e) {
+	return typeof e == "string" && e.length > 0 ? escapeHtml(e.slice(0, 1)) : ".";
+}
+function escapeHtml(e) {
+	let t = "";
+	for (let n = 0; n < e.length; n += 1) {
+		let r = e[n] ?? "";
+		t += HTML_ESCAPE_LOOKUP[r] ?? r;
+	}
+	return t;
+}
+function formatOffsetPlain(e, t) {
+	let n = e.toString(16).padStart(8, "0");
+	return t ? n.toUpperCase() : n;
+}
+function clamp(e, t, n) {
+	return e < t ? t : e > n ? n : e;
+}
+function parseIndexAttribute(e, t) {
+	let n = e.getAttribute(t);
+	if (!n) return null;
+	let r = Number.parseInt(n, 10);
+	return Number.isFinite(r) ? r : null;
+}
+function readByteIndexFromElement(e) {
+	if (!(e instanceof HTMLElement)) return null;
+	let t = e.closest("[data-hex-index], [data-ascii-index]");
+	if (!t || t.getAttribute("aria-hidden") === "true") return null;
+	let n = t.hasAttribute("data-hex-index") ? t.getAttribute("data-hex-index") : t.getAttribute("data-ascii-index");
+	if (!n) return null;
+	let r = Number.parseInt(n, 10);
+	return Number.isFinite(r) ? r : null;
+}
+function normalizeThemeKey(e) {
+	if (typeof e != "string") return null;
+	let t = e.trim();
+	return t && t.toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-{2,}/g, "-").replace(/^-+|-+$/g, "") || null;
+}
+function useChunking(e) {
+	let n = ref(0), r = computed(() => {
+		let t = e.totalBytes.value;
+		return t <= 0 ? 0 : Math.ceil(t / Math.max(e.bytesPerRow.value, 1));
+	}), i = computed(() => {
+		let t = e.maxVirtualHeight.value;
+		if (!Number.isFinite(t) || t <= 0) return Infinity;
+		let n = e.rowHeightValue.value;
+		if (!Number.isFinite(n) || n <= 0) return Infinity;
+		let r = Math.floor(t / n);
+		return r > 0 ? r : Infinity;
+	}), a = computed(() => {
+		let e = i.value;
+		return Number.isFinite(e) && e > 0 && r.value > e;
+	}), o = computed(() => a.value ? Math.max(1, Math.ceil(r.value / i.value)) : 1), s = computed(() => {
+		if (!a.value) return 0;
+		let e = i.value;
+		return !Number.isFinite(e) || e <= 0 ? 0 : clamp(Math.floor(Math.max(0, n.value) / e), 0, Math.max(o.value - 1, 0));
+	}), c = computed(() => {
+		let e = r.value;
+		if (e <= 0) return 0;
+		if (!a.value) return e;
+		let t = i.value;
+		if (!Number.isFinite(t) || t <= 0) return e;
+		let o = Math.max(e - Math.max(0, n.value), 0);
+		return Math.min(o, t);
+	}), l = computed(() => {
+		let t = c.value;
+		return t <= 0 ? 0 : t * e.rowHeightValue.value;
+	}), u = computed(() => {
+		if (!e.showNavigator.value || !a.value) return [];
+		let t = r.value, n = i.value;
+		if (t <= 0 || !Number.isFinite(n) || n <= 0) return [];
+		let s = Math.max(e.bytesPerRow.value, 1), c = e.totalBytes.value, l = !!e.uppercase.value, u = [];
+		for (let e = 0; e < o.value; e += 1) {
+			let r = e * n;
+			if (r >= t) break;
+			let i = Math.min(n, t - r), a = r * s, o = Math.min(i * s, Math.max(c - a, 0)), d = o > 0 ? a + o - 1 : a;
+			u.push({
+				index: e,
+				label: `Chunk ${e + 1}`,
+				range: `${formatOffsetPlain(a, l)} - ${formatOffsetPlain(d, l)}`
+			});
+		}
+		return u;
+	});
+	function d() {
+		let e = r.value;
+		if (e <= 0) {
+			n.value = 0;
+			return;
+		}
+		if (!a.value) {
+			n.value = 0;
+			return;
+		}
+		let t = i.value, o = Math.max(e - 1, 0), s = clamp(Math.max(0, Math.trunc(n.value)), 0, o);
+		if (!Number.isFinite(t) || t <= 0) {
+			n.value = s;
+			return;
+		}
+		n.value = clamp(Math.floor(s / t) * t, 0, o);
+	}
+	function f(e) {
+		if (Number.isFinite(e) || (e = 0), d(), !a.value) return !1;
+		let t = i.value;
+		if (!Number.isFinite(t) || t <= 0) return !1;
+		let o = r.value;
+		if (o <= 0) return !1;
+		let s = Math.max(o - 1, 0), c = clamp(Math.floor(e), 0, s), l = clamp(Math.floor(c / t) * t, 0, s);
+		return l === n.value ? !1 : (n.value = l, !0);
+	}
+	function p(e) {
+		if (!Number.isFinite(e) || !a.value) return !1;
+		let t = i.value;
+		if (!Number.isFinite(t) || t <= 0) return !1;
+		let s = r.value;
+		if (s <= 0) return !1;
+		let c = Math.max(s - 1, 0), l = Math.max(o.value - 1, 0), u = clamp(clamp(Math.floor(e), 0, l) * t, 0, c);
+		return u === n.value ? !1 : (n.value = u, !0);
+	}
+	return {
+		chunkStartRow: n,
+		totalRows: r,
+		chunkRowCapacity: i,
+		isChunking: a,
+		chunkCount: o,
+		activeChunkIndex: s,
+		chunkRowCount: c,
+		chunkHeight: l,
+		chunkItems: u,
+		clampChunkStartToBounds: d,
+		ensureChunkForRow: f,
+		selectChunk: p
+	};
+}
+var CURSOR_CLASS = "vuehex-cursor";
+function useCursor(e) {
+	let n = computed(() => {
+		if (!e.enabled.value) return null;
+		let t = e.totalBytes.value, n = e.cursorLocation.value;
+		if (n === null) return null;
+		let r = Number(n);
+		return !Number.isFinite(r) || t <= 0 ? null : t > 0 ? clamp(Math.trunc(r), 0, t - 1) : 0;
+	});
+	function r(t) {
+		if (!e.enabled.value || e.isExpandToContent.value || e.totalBytes.value <= 0) return;
+		let n = e.containerEl.value;
+		if (!n) {
+			e.scrollToByte(t);
+			return;
+		}
+		let r = Math.max(1, Math.trunc(e.bytesPerRow.value)), i = e.rowHeightValue.value, a = e.viewportRows.value;
+		if (i <= 0 || a <= 0) {
+			e.scrollToByte(t);
+			return;
+		}
+		let o = Math.floor(t / r), s = e.ensureChunkForRow(o), c = e.chunkStartRow.value;
+		if (s) {
+			n.scrollTop = Math.max(0, (o - c) * i), e.scheduleWindowEvaluation();
+			return;
+		}
+		let l = n.scrollTop, u = c + Math.floor(l / i), d = u + a - 1;
+		if (o < u) {
+			n.scrollTop = Math.max(0, (o - c) * i), e.scheduleWindowEvaluation();
+			return;
+		}
+		if (o > d) {
+			let t = o - (a - 1);
+			n.scrollTop = Math.max(0, (t - c) * i), e.scheduleWindowEvaluation();
+		}
+	}
+	function i(t) {
+		if (!e.enabled.value) return;
+		let n = e.totalBytes.value;
+		if (n <= 0) {
+			e.cursorLocation.value = null;
+			return;
+		}
+		let r = null;
+		if (t !== null) {
+			let e = Number(t);
+			Number.isFinite(e) && (r = n > 0 ? clamp(Math.trunc(e), 0, n - 1) : 0);
+		}
+		e.cursorLocation.value = r;
+	}
+	let a = ref(null);
+	function o(e, t) {
+		let n = e.querySelector(`[data-hex-index="${t}"]`), r = e.querySelector(`[data-ascii-index="${t}"]`);
+		n?.classList.remove(CURSOR_CLASS), r?.classList.remove(CURSOR_CLASS);
+	}
+	function s(e, t) {
+		let n = e.querySelector(`[data-hex-index="${t}"]`), r = e.querySelector(`[data-ascii-index="${t}"]`), i = !1;
+		return n && n.getAttribute("aria-hidden") !== "true" && (n.classList.add(CURSOR_CLASS), i = !0), r && r.getAttribute("aria-hidden") !== "true" && (r.classList.add(CURSOR_CLASS), i = !0), i;
+	}
+	function c() {
+		let t = e.tbodyEl.value;
+		if (!t) return;
+		let r = n.value, i = a.value;
+		if (i !== null && i !== r && o(t, i), r === null) {
+			a.value = null;
+			return;
+		}
+		a.value = s(t, r) ? r : null;
+	}
+	function u(t) {
+		if (!e.enabled.value || t.button !== 0) return;
+		let n = readByteIndexFromElement(t.target);
+		n !== null && (e.containerEl.value?.focus(), i(n));
+	}
+	function d(t) {
+		if (!e.enabled.value || e.totalBytes.value <= 0) return;
+		let r = Math.max(1, Math.trunc(e.bytesPerRow.value || 1)), a = null;
+		switch (t.key) {
+			case "ArrowLeft":
+				a = -1;
+				break;
+			case "ArrowRight":
+				a = 1;
+				break;
+			case "ArrowUp":
+				a = -r;
+				break;
+			case "ArrowDown":
+				a = r;
+				break;
+			default: return;
+		}
+		t.preventDefault(), i((n.value ?? 0) + (a ?? 0));
+	}
+	return watch(e.markup, async () => {
+		a.value = null, await nextTick(), c();
+	}, { flush: "post" }), watch([n, e.enabled], async () => {
+		await nextTick(), c();
+	}, { flush: "post" }), watch(n, (t, n) => {
+		e.enabled.value && (t === null || t === n || r(t));
+	}), onMounted(() => {
+		let t = e.containerEl.value;
+		t && (t.addEventListener("keydown", d), t.addEventListener("pointerdown", u));
+	}), onBeforeUnmount(() => {
+		let t = e.containerEl.value;
+		t && (t.removeEventListener("keydown", d), t.removeEventListener("pointerdown", u));
+		let n = e.tbodyEl.value, r = a.value;
+		n && r !== null && o(n, r), a.value = null;
+	}), {
+		cursorLocation: n,
+		setCursorLocation: i
+	};
+}
+function useDataMode(e) {
+	let n = computed(() => {
+		let t = e.dataMode.value ?? "auto";
+		return t === "buffer" || t === "window" || t === "auto" ? t : "auto";
+	}), r = computed(() => {
+		if (e.isExpandToContent.value || n.value === "buffer") return !1;
+		if (n.value === "window") return !0;
+		let t = e.totalSize.value;
+		return typeof t == "number" && Number.isFinite(t) && t > e.dataLength.value;
+	});
+	return {
+		normalizedMode: n,
+		isWindowed: r,
+		isSelfManaged: computed(() => !r.value)
+	};
+}
+var HEX_LOWER = Array.from({ length: 256 }, (e, t) => t.toString(16).padStart(2, "0")), HEX_UPPER = HEX_LOWER.map((e) => e.toUpperCase()), PLACEHOLDER_HEX = "--", PLACEHOLDER_ASCII = "--";
+function escapeAsciiChar(e) {
+	return escapeHtml(e);
+}
+function formatOffset(e, t) {
+	let n = e.toString(16).padStart(8, "0"), r = t ? n.toUpperCase() : n, i = r.replace(/^0+/, ""), a = r.length - i.length;
+	return a <= 0 ? r : `<span class="vuehex-offset-leading">${r.slice(0, a)}</span>${r.slice(a)}`;
+}
+function normalizeClassTokens(e) {
+	if (e == null) return [];
+	if (Array.isArray(e)) {
+		let t = [];
+		for (let n of e) t.push(...normalizeClassTokens(n));
+		return t;
+	}
+	return typeof e == "string" ? e.split(/\s+/g).map((e) => e.trim()).filter(Boolean) : [];
+}
+function escapeClassAttribute(e) {
+	let t = /* @__PURE__ */ new Set(), n = [];
+	for (let r of e) {
+		let e = r.trim();
+		!e || t.has(e) || (t.add(e), n.push(escapeHtml(e)));
+	}
+	return n.join(" ");
+}
+function useHexWindow(e) {
+	let n = shallowRef(""), r = shallowRef(new Uint8Array()), i = shallowRef("."), a = ref(0), o = ref(null), s = ref(!1), c = shallowRef(null), u = computed(() => {
+		let t = e.getWindowState();
+		return Math.floor(t.offset / Math.max(e.bytesPerRow.value, 1));
+	}), d = computed(() => {
+		let t = r.value.length;
+		return t === 0 ? 0 : Math.max(1, Math.ceil(t / Math.max(e.bytesPerRow.value, 1)));
+	});
+	function f() {
+		e.clampChunkStartToBounds();
+		let t = e.getWindowState(), n = normalizeSource(t.data);
+		r.value = n, i.value = resolveFallbackChar(e.getNonPrintableChar()), c.value = {
+			offset: t.offset,
+			length: n.length
+		}, S(), nextTick(() => {
+			x(), m();
+		});
+	}
+	function p(t) {
+		let n = e.containerEl.value;
+		if (!n) return !1;
+		let r = Math.max(e.bytesPerRow.value, 1), i = Math.floor(t / r);
+		e.ensureChunkForRow(i);
+		let a = i - e.chunkStartRow.value, o = e.rowHeightValue.value;
+		return o > 0 && (n.scrollTop = Math.max(a * o, 0)), !0;
+	}
+	function m() {
+		if (s.value) return;
+		s.value = !0;
+		let e = typeof window < "u" && typeof window.requestAnimationFrame == "function", t = () => {
+			s.value = !1, b(), S(), w();
+		};
+		e ? window.requestAnimationFrame(t) : nextTick(t);
+	}
+	function h() {
+		m();
+	}
+	function _(e) {
+		o.value = Math.max(0, Math.trunc(e)), m();
+	}
+	function v(e) {
+		if (!Number.isFinite(e)) return;
+		let t = Math.max(0, Math.trunc(e));
+		if (!p(t)) {
+			_(t);
+			return;
+		}
+		o.value = null, m();
+	}
+	function b() {
+		if (o.value == null) return;
+		let e = o.value;
+		p(e) && (o.value = null);
+	}
+	function x() {
+		let t = e.tbodyEl.value;
+		if (!t) return;
+		let n = t.querySelector("tr");
+		if (!n) return;
+		let r = n.getBoundingClientRect().height;
+		r > 0 && r !== e.rowHeight.value && (e.rowHeight.value = r);
+	}
+	function S() {
+		let t = r.value, o = Math.max(e.bytesPerRow.value, 1), s = e.getWindowState().offset;
+		if (t.length === 0) {
+			n.value = "", a.value = Math.floor(s / o), e.clearHoverState();
+			return;
+		}
+		let c = s + t.length, l = s, u = c, d = e.containerEl.value, f = e.viewportRows.value, p = e.overscanRows.value;
+		if (d && f > 0 && e.rowHeightValue.value > 0 && o > 0) {
+			let t = d.scrollTop, n = Math.floor(t / e.rowHeightValue.value), r = (e.chunkStartRow.value + n) * o, i = p * o, a = e.chunkStartRow.value * o;
+			l = clamp(r - i, Math.max(s, a), c), l >= c && (l = Math.max(c - o, s));
+			let m = l - s;
+			l = clamp(s + Math.floor(m / o) * o, s, Math.max(c - 1, s));
+			let h = Math.max(f + p * 2, 1) * o;
+			u = Math.min(c, l + h);
+		}
+		if (u <= l) {
+			n.value = "", a.value = Math.floor(l / o), e.clearHoverState();
+			return;
+		}
+		let m = l - s, h = Math.min(t.length, m + (u - l)), g = t.subarray(m, h);
+		a.value = Math.floor(l / o);
+		let _ = e.getPrintableChecker(), v = e.getAsciiRenderer(), y = e.getSelectionRange(), b = C(g, o, e.getUppercase(), i.value, l, _, v, y, e.getCellClassResolver());
+		n.value !== b && (e.clearHoverState(), n.value = b);
+	}
+	function C(e, t, n, r, i, a, o, s, c) {
+		if (e.length === 0) return "";
+		let l = n ? HEX_UPPER : HEX_LOWER, u = t % 2 == 0, d = u ? t / 2 : -1, f = Array(t);
+		for (let e = 0; e < t; e++) {
+			let t = u && e >= d, n = u && e === d, r = "vuehex-byte", i = "vuehex-ascii-char";
+			t && (r += ` vuehex-byte--second-column${n ? " vuehex-byte--column-start" : ""}`, i += ` vuehex-ascii-char--second-column${n ? " vuehex-ascii-char--column-start" : ""}`);
+			let a = `${r} vuehex-byte--placeholder`, o = `${i} vuehex-ascii-char--placeholder`, s = `${i} vuehex-ascii-char--printable`, c = `${i} vuehex-ascii-char--non-printable`;
+			f[e] = {
+				hexStatic: r,
+				asciiPrintable: s,
+				asciiNonPrintable: c,
+				hexPlaceholder: `<span class="${a}" aria-hidden="true">${PLACEHOLDER_HEX}</span>`,
+				asciiPlaceholder: `<span class="${o}" aria-hidden="true">${PLACEHOLDER_ASCII}</span>`
+			};
+		}
+		let p = "<span class=\"", m = "\" data-byte-value=\"", h = "</span>", g = Math.ceil(e.length / t) * (2 * t + 20), _ = Array(g), v = 0;
+		for (let u = 0; u < e.length; u += t) {
+			let d = Math.min(t, e.length - u), g = i + u;
+			_[v++] = "<tr role=\"row\" data-row-offset=\"" + g + "\"><th scope=\"row\" class=\"vuehex-offset\" role=\"rowheader\">" + formatOffset(g, n) + "</th><td class=\"vuehex-bytes\" role=\"cell\">";
+			for (let t = 0; t < d; t += 1) {
+				let n = e[u + t], r = g + t, i = `${f[t].hexStatic} vuehex-byte--value-${n}`;
+				if (s && r >= s.start && r <= s.end && (i += " vuehex-selected"), c) {
+					let e = c({
+						kind: "hex",
+						index: r,
+						byte: n
+					});
+					if (e != null) {
+						let t = normalizeClassTokens(e);
+						t.length > 0 && (i += ` ${escapeClassAttribute(t)}`);
+					}
+				}
+				_[v++] = p + i + "\" data-hex-index=\"" + r + m + n + "\">" + l[n] + h;
+			}
+			for (let e = d; e < t; e += 1) _[v++] = f[e].hexPlaceholder;
+			_[v++] = "</td><td class=\"vuehex-ascii\" role=\"cell\">";
+			for (let t = 0; t < d; t += 1) {
+				let n = e[u + t], i = g + t, l = f[t], d = r, y;
+				if (a(n)) {
+					let e = o(n);
+					if (e != null) {
+						let t = String(e);
+						t.length > 0 ? (d = escapeAsciiChar(t), y = `${l.asciiPrintable} vuehex-ascii-char--value-${n}`) : y = `${l.asciiNonPrintable} vuehex-ascii-char--value-${n}`;
+					} else y = `${l.asciiNonPrintable} vuehex-ascii-char--value-${n}`;
+				} else y = `${l.asciiNonPrintable} vuehex-ascii-char--value-${n}`;
+				if (s && i >= s.start && i <= s.end && (y += " vuehex-selected vuehex-selected--ascii"), c) {
+					let e = c({
+						kind: "ascii",
+						index: i,
+						byte: n
+					});
+					if (e != null) {
+						let t = normalizeClassTokens(e);
+						t.length > 0 && (y += ` ${escapeClassAttribute(t)}`);
+					}
+				}
+				_[v++] = p + y + "\" data-ascii-index=\"" + i + m + n + "\">" + d + h;
+			}
+			for (let e = d; e < t; e += 1) _[v++] = f[e].asciiPlaceholder;
+			_[v++] = "</td></tr>";
+		}
+		return _.length = v, _.join("");
+	}
+	function w() {
+		if (e.viewportRows.value === 0) return;
+		let t = e.containerEl.value;
+		if (!t) return;
+		let n = e.rowHeightValue.value, r = e.bytesPerRow.value;
+		if (n <= 0 || r <= 0) return;
+		let i = e.chunkRowCount.value;
+		if (i <= 0) return;
+		let a = e.chunkStartRow.value, o = a + i, s = e.overscanRows.value, l = t.scrollTop, f = clamp(clamp(a + Math.floor(l / n), a, Math.max(o - 1, a)) - s, a, Math.max(o - 1, a)), p = Math.max(e.viewportRows.value + s * 2, 1), m = Math.max(o - f, 0), h = Math.min(m, p);
+		if (h <= 0) return;
+		let g = f * r, _ = Math.max(e.totalBytes.value - g, 0), v = Math.min(_, h * r);
+		if (v <= 0) return;
+		let y = f + Math.ceil(v / r), b = u.value, x = b + d.value;
+		b <= f && x >= y || c.value && c.value.offset === g && c.value.length === v || (c.value = {
+			offset: g,
+			length: v
+		}, e.requestWindow(c.value));
+	}
+	return {
+		markup: n,
+		normalizedBytes: r,
+		fallbackAsciiChar: i,
+		renderStartRow: a,
+		renderedRows: d,
+		startRow: u,
+		scheduleWindowEvaluation: m,
+		handleScroll: h,
+		scrollToByte: v,
+		queueScrollToOffset: _,
+		updateFromWindowState: f,
+		updateRenderedSlice: S,
+		measureRowHeight: x
+	};
+}
+function useHoverLinking(e) {
+	let t = ref(null), n = ref(null), r = ref(null), i = ref(null), a = null;
+	function o(e) {
+		let t = e.target;
+		t instanceof HTMLElement && (c(t), u(t), f(t));
+	}
+	function s(e) {
+		let t = e.target;
+		if (!(t instanceof HTMLElement)) return;
+		let n = e.relatedTarget;
+		l(t, n), d(t, n), p(t, n);
+		let r = e.currentTarget;
+		r instanceof HTMLElement && (!(n instanceof HTMLElement) || !r.contains(n)) && _();
+	}
+	function c(n) {
+		let r = n.closest("tr[data-row-offset]");
+		if (!r?.dataset.rowOffset) return;
+		let i = parseIndexAttribute(r, "data-row-offset");
+		i !== null && (t.value != null && t.value !== i && (e.emit("row-hover-off", { offset: t.value }), t.value = null), t.value !== i && (t.value = i, e.emit("row-hover-on", { offset: i })));
+	}
+	function l(n, r) {
+		if (t.value == null) return;
+		let i = n.closest("tr[data-row-offset]");
+		if (!i?.dataset.rowOffset) return;
+		let a = parseIndexAttribute(i, "data-row-offset");
+		a === null || a !== t.value || r instanceof HTMLElement && i.contains(r) || (e.emit("row-hover-off", { offset: a }), t.value = null);
+	}
+	function u(t) {
+		let r = t.closest("span[data-hex-index]");
+		if (!r?.dataset.hexIndex || !r.dataset.byteValue) return;
+		let i = parseIndexAttribute(r, "data-hex-index"), a = parseIndexAttribute(r, "data-byte-value");
+		if (!(i === null || a === null)) {
+			if (n.value) {
+				if (n.value.index === i && n.value.byte === a) return;
+				e.emit("hex-hover-off", n.value), n.value = null;
+			}
+			n.value = {
+				index: i,
+				byte: a
+			}, e.emit("hex-hover-on", n.value), m(i);
+		}
+	}
+	function d(t, i) {
+		if (!n.value) return;
+		let a = t.closest("span[data-hex-index]");
+		if (!a?.dataset.hexIndex) return;
+		let o = parseIndexAttribute(a, "data-hex-index");
+		o === null || o !== n.value.index || i instanceof HTMLElement && a.contains(i) || i instanceof HTMLElement && (i.dataset.hexIndex === a.dataset.hexIndex || i.dataset.asciiIndex === a.dataset.hexIndex) || (e.emit("hex-hover-off", n.value), n.value = null, (!r.value || r.value.index !== o) && h());
+	}
+	function f(t) {
+		let n = t.closest("span[data-ascii-index]");
+		if (!n?.dataset.asciiIndex || !n.dataset.byteValue) return;
+		let i = parseIndexAttribute(n, "data-ascii-index"), a = parseIndexAttribute(n, "data-byte-value");
+		if (!(i === null || a === null)) {
+			if (r.value) {
+				if (r.value.index === i && r.value.byte === a) return;
+				e.emit("ascii-hover-off", r.value), r.value = null;
+			}
+			r.value = {
+				index: i,
+				byte: a
+			}, e.emit("ascii-hover-on", r.value), m(i);
+		}
+	}
+	function p(t, i) {
+		if (!r.value) return;
+		let a = t.closest("span[data-ascii-index]");
+		if (!a?.dataset.asciiIndex) return;
+		let o = parseIndexAttribute(a, "data-ascii-index");
+		o === null || o !== r.value.index || i instanceof HTMLElement && a.contains(i) || i instanceof HTMLElement && (i.dataset.asciiIndex === a.dataset.asciiIndex || i.dataset.hexIndex === a.dataset.asciiIndex) || (e.emit("ascii-hover-off", r.value), r.value = null, (!n.value || n.value.index !== o) && h());
+	}
+	function m(t) {
+		if (!Number.isFinite(t) || t < 0 || i.value === t) return;
+		a !== null && (typeof window < "u" && window.cancelAnimationFrame && window.cancelAnimationFrame(a), a = null);
+		let n = () => {
+			a = null, h();
+			let n = e.tbodyEl.value;
+			if (!n) {
+				i.value = t;
+				return;
+			}
+			let r = `[data-hex-index="${t}"], [data-ascii-index="${t}"]`;
+			n.querySelectorAll(r).forEach((e) => {
+				e.classList.add("vuehex-linked-hover");
+			}), i.value = t;
+		};
+		typeof window < "u" && window.requestAnimationFrame ? a = window.requestAnimationFrame(n) : n();
+	}
+	function h() {
+		if (i.value == null) return;
+		let t = e.tbodyEl.value;
+		if (t) {
+			let e = `[data-hex-index="${i.value}"], [data-ascii-index="${i.value}"]`;
+			t.querySelectorAll(e).forEach((e) => {
+				e.classList.remove("vuehex-linked-hover");
+			});
+		}
+		i.value = null;
+	}
+	function _() {
+		a !== null && (typeof window < "u" && window.cancelAnimationFrame && window.cancelAnimationFrame(a), a = null), n.value &&= (e.emit("hex-hover-off", n.value), null), r.value &&= (e.emit("ascii-hover-off", r.value), null), t.value != null && (e.emit("row-hover-off", { offset: t.value }), t.value = null), h();
+	}
+	return {
+		handlePointerOver: o,
+		handlePointerOut: s,
+		clearHoverState: _
+	};
+}
+function useSelection(e) {
+	function n(e, t) {
+		return {
+			start: Math.min(e, t),
+			end: Math.max(e, t)
+		};
+	}
+	let r = computed(() => e.getSelectionDataProp() || (e.isSelfManagedData.value ? (t, r) => {
+		let i = e.totalBytes.value;
+		if (i <= 0) return new Uint8Array();
+		let { start: a, end: o } = n(clamp(Math.trunc(t), 0, i - 1), clamp(Math.trunc(r), 0, i - 1));
+		return e.getSelfManagedBytes().slice(a, o + 1);
+	} : null)), i = computed(() => r.value !== null), a = computed(() => {
+		if (!i.value) return null;
+		let e = s.value;
+		return e ? n(e.anchor, e.focus) : null;
+	}), o = computed(() => {
+		let e = a.value;
+		return e ? Math.max(0, e.end - e.start + 1) : 0;
+	}), s = ref(null), c = ref(!1), l = ref(null), u = null;
+	watch(a, (t) => {
+		e.emitSelectionChange && e.emitSelectionChange({
+			start: t?.start ?? null,
+			end: t?.end ?? null,
+			length: o.value
+		});
+	});
+	function d() {
+		typeof window > "u" || (u !== null && cancelAnimationFrame(u), u = requestAnimationFrame(() => {
+			u = null, e.updateRenderedSlice();
+		}));
+	}
+	function f(e) {
+		if (!(e instanceof HTMLElement)) return null;
+		let t = e.closest("[data-hex-index], [data-ascii-index]");
+		if (!t || t.getAttribute("aria-hidden") === "true") return null;
+		if (t.hasAttribute("data-hex-index")) {
+			let e = parseIndexAttribute(t, "data-hex-index");
+			return e === null ? null : {
+				mode: "hex",
+				index: e
+			};
+		}
+		if (t.hasAttribute("data-ascii-index")) {
+			let e = parseIndexAttribute(t, "data-ascii-index");
+			return e === null ? null : {
+				mode: "ascii",
+				index: e
+			};
+		}
+		return null;
+	}
+	function h(e, t, n) {
+		s.value = {
+			mode: e,
+			anchor: t,
+			focus: t
+		}, c.value = !0, l.value = n, d();
+	}
+	function _(e) {
+		s.value && s.value.focus !== e && (s.value = {
+			...s.value,
+			focus: e
+		}, d());
+	}
+	function v() {
+		c.value = !1, l.value = null;
+	}
+	function y() {
+		s.value && (s.value = null, d());
+	}
+	function b(t) {
+		if (!i.value || t.button !== 0) return;
+		let n = f(t.target);
+		if (n && e.emitByteClick) {
+			let t = e.getSelfManagedBytes();
+			if (n.index < t.length) {
+				let r = t[n.index];
+				r !== void 0 && e.emitByteClick({
+					index: n.index,
+					byte: r,
+					kind: n.mode
+				});
+			}
+		}
+		let r = s.value;
+		if (!n) {
+			t.shiftKey || y(), v();
+			return;
+		}
+		if (t.preventDefault(), e.containerEl.value?.focus(), t.shiftKey && r && r.mode === n.mode) {
+			s.value = {
+				mode: r.mode,
+				anchor: r.anchor,
+				focus: n.index
+			}, c.value = !1, l.value = null, d();
+			return;
+		}
+		h(n.mode, n.index, t.pointerId);
+	}
+	function x(e) {
+		return f(e.target) || f(document.elementFromPoint(e.clientX, e.clientY));
+	}
+	function S(e) {
+		if (!i.value || !c.value || l.value !== null && l.value !== e.pointerId) return;
+		let t = x(e);
+		if (!t) return;
+		let n = s.value;
+		!n || t.mode !== n.mode || _(t.index);
+	}
+	function C(e) {
+		i.value && (l.value !== null && l.value !== e.pointerId || v());
+	}
+	function w(t) {
+		let i = r.value;
+		if (!i) return null;
+		let { start: a, end: o } = n(t.anchor, t.focus), s = i(a, o);
+		if (!s.length) return null;
+		if (t.mode === "ascii") {
+			let t = e.getPrintableChecker(), n = e.getAsciiRenderer(), r = e.getNonPrintableChar();
+			return Array.from(s, (e) => t(e) ? n(e) : r).join("");
+		}
+		let c = e.getUppercase();
+		return Array.from(s, (e) => {
+			let t = e.toString(16).padStart(2, "0");
+			return c ? t.toUpperCase() : t;
+		}).join(" ");
+	}
+	function T(e) {
+		typeof navigator < "u" && navigator.clipboard?.writeText && navigator.clipboard.writeText(e).catch(() => {
+			console.error("Failed to write text to clipboard.");
+		});
+	}
+	function D(e) {
+		if (!i.value) return;
+		let t = e.key.toLowerCase();
+		if ((e.ctrlKey || e.metaKey) && t === "c") {
+			let t = s.value;
+			if (!t) return;
+			let n = w(t);
+			if (!n) return;
+			e.preventDefault(), T(n);
+			return;
+		}
+		e.key === "Escape" && (e.preventDefault(), y());
+	}
+	return watch(e.markup, () => {
+		d();
+	}), watch(i, () => {
+		d();
+	}), onMounted(() => {
+		let t = e.containerEl.value;
+		t && (t.addEventListener("keydown", D), t.addEventListener("pointerdown", b)), typeof window < "u" && (window.addEventListener("pointermove", S), window.addEventListener("pointerup", C), window.addEventListener("pointercancel", C));
+	}), onBeforeUnmount(() => {
+		let t = e.containerEl.value;
+		t && (t.removeEventListener("keydown", D), t.removeEventListener("pointerdown", b)), typeof window < "u" && (window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", C), window.removeEventListener("pointercancel", C)), u !== null && (cancelAnimationFrame(u), u = null);
+	}), {
+		selectionDataProvider: r,
+		selectionEnabled: i,
+		selectionRange: a,
+		selectionCount: o
+	};
+}
+var _hoisted_1$2 = { class: "vuehex-chunk-nav__header" }, _hoisted_2$2 = { class: "vuehex-chunk-nav__summary" }, _hoisted_3$1 = {
+	class: "vuehex-chunk-list",
+	role: "listbox"
+}, _hoisted_4$1 = ["aria-selected", "onClick"], _hoisted_5$1 = { class: "vuehex-chunk-item__label" }, _hoisted_6$1 = { class: "vuehex-chunk-item__range" }, VueHexChunkNavigator_default = /* @__PURE__ */ defineComponent({
+	__name: "VueHexChunkNavigator",
+	props: {
+		show: {
+			type: Boolean,
+			default: !1
+		},
+		placement: { default: "right" },
+		chunks: {},
+		activeIndex: {},
+		rootClassExtra: { default: () => [] },
+		viewerClassExtra: { default: () => [] },
+		expandToContent: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["select"],
+	setup(n, { emit: o }) {
+		let s = n, c = o, l = computed(() => Math.max(0, Math.trunc(s.activeIndex))), d = computed(() => {
+			let e = s.placement ?? "right";
+			switch (e) {
+				case "left":
+				case "right":
+				case "top":
+				case "bottom": return e;
+				default: return "right";
+			}
+		}), f = computed(() => d.value === "top" || d.value === "bottom"), p = computed(() => !!s.show && Array.isArray(s.chunks) && s.chunks.length > 1), m = computed(() => {
+			let e = ["vuehex-root", ...s.rootClassExtra ?? []];
+			return s.expandToContent && e.push("vuehex-root--expand-to-content"), p.value && (e.push(f.value ? "vuehex-root--vertical" : "vuehex-root--horizontal"), e.push(`vuehex-root--nav-${d.value}`)), e;
+		}), g = computed(() => {
+			let e = ["vuehex-chunk-nav"];
+			return p.value && e.push(`vuehex-chunk-nav--${d.value}`), e;
+		}), y = computed(() => {
+			let e = ["vuehex-viewer", ...s.viewerClassExtra ?? []];
+			return p.value && (e.push("vuehex-viewer--with-nav"), e.push(`vuehex-viewer--nav-${d.value}`)), e;
+		});
+		function x(e) {
+			let t = ["vuehex-chunk-item"];
+			return e === l.value && t.push("vuehex-chunk-item--active"), t;
+		}
+		function S(e) {
+			Number.isFinite(e) && c("select", Math.trunc(e));
+		}
+		return (t, n) => (openBlock(), createElementBlock("div", { class: normalizeClass(m.value) }, [p.value ? (openBlock(), createElementBlock("nav", {
+			key: 0,
+			class: normalizeClass(g.value),
+			role: "navigation",
+			"aria-label": "Chunk navigator"
+		}, [createElementVNode("header", _hoisted_1$2, [renderSlot(t.$slots, "chunk-navigator-header", {
+			chunks: s.chunks,
+			activeIndex: l.value
+		}, () => [n[0] ||= createElementVNode("span", { class: "vuehex-chunk-nav__title" }, "Chunks", -1), createElementVNode("span", _hoisted_2$2, toDisplayString(s.chunks.length) + " chunks", 1)])]), createElementVNode("div", _hoisted_3$1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(s.chunks, (e) => (openBlock(), createElementBlock("button", {
+			key: e.index,
+			type: "button",
+			role: "option",
+			"aria-selected": e.index === l.value,
+			class: normalizeClass(x(e.index)),
+			onClick: (t) => S(e.index)
+		}, [renderSlot(t.$slots, "chunk-navigator-item", {
+			chunk: e,
+			active: e.index === l.value,
+			select: () => S(e.index)
+		}, () => [createElementVNode("span", _hoisted_5$1, toDisplayString(e.label), 1), createElementVNode("span", _hoisted_6$1, toDisplayString(e.range), 1)])], 10, _hoisted_4$1))), 128))])], 2)) : createCommentVNode("", !0), createElementVNode("div", { class: normalizeClass(y.value) }, [renderSlot(t.$slots, "default")], 2)], 2));
+	}
+}), VUEHEX_CATEGORY_DIGIT_CLASS = "vuehex-category-digit", VUEHEX_CATEGORY_UPPERCASE_CLASS = "vuehex-category-uppercase", VUEHEX_CATEGORY_LOWERCASE_CLASS = "vuehex-category-lowercase", VUEHEX_CATEGORY_NULL_CLASS = "vuehex-category-null", VUEHEX_CATEGORY_ERASED_CLASS = "vuehex-category-erased", VUEHEX_CATEGORY_CONTROL_CLASS = "vuehex-category-control", VUEHEX_CATEGORY_HIGHBIT_CLASS = "vuehex-category-highbit";
+const DEFAULT_ASCII_CATEGORY_CELL_CLASS_RESOLVER = ({ byte: e }) => {
+	if (e >= 48 && e <= 57) return VUEHEX_CATEGORY_DIGIT_CLASS;
+	if (e >= 65 && e <= 90) return VUEHEX_CATEGORY_UPPERCASE_CLASS;
+	if (e >= 97 && e <= 122) return VUEHEX_CATEGORY_LOWERCASE_CLASS;
+	if (e === 0) return VUEHEX_CATEGORY_NULL_CLASS;
+	if (e === 255) return VUEHEX_CATEGORY_ERASED_CLASS;
+	if (e >= 1 && e <= 31 || e === 127) return VUEHEX_CATEGORY_CONTROL_CLASS;
+	if (e >= 128 && e <= 254) return VUEHEX_CATEGORY_HIGHBIT_CLASS;
+}, DEFAULT_PRINTABLE_CHECK = (e) => e >= 32 && e <= 126, DEFAULT_ASCII_RENDERER = (e) => String.fromCharCode(e), VUE_HEX_ASCII_PRESETS = Object.freeze({
+	standard: {
+		label: "Standard ASCII (0x20-0x7E)",
+		isPrintable: DEFAULT_PRINTABLE_CHECK,
+		renderAscii: DEFAULT_ASCII_RENDERER
+	},
+	latin1: {
+		label: "Latin-1 Supplement (0x20-0x7E, 0xA0-0xFF)",
+		isPrintable: (e) => DEFAULT_PRINTABLE_CHECK(e) || e >= 160 && e <= 255,
+		renderAscii: DEFAULT_ASCII_RENDERER
+	},
+	visibleWhitespace: {
+		label: "Visible ASCII + whitespace glyphs",
+		isPrintable: (e) => DEFAULT_PRINTABLE_CHECK(e) || e === 9 || e === 10 || e === 13,
+		renderAscii: (e) => {
+			switch (e) {
+				case 9: return "⇥";
+				case 10: return "␊";
+				case 13: return "␍";
+				case 32: return "␠";
+				default: return String.fromCharCode(e);
+			}
+		}
+	}
+});
+var _hoisted_1$1 = { class: "vuehex-statusbar__section vuehex-statusbar__section--left" }, _hoisted_2$1 = { class: "vuehex-statusbar__label" }, _hoisted_3 = { class: "vuehex-statusbar__section vuehex-statusbar__section--middle" }, _hoisted_4 = { class: "vuehex-statusbar__label" }, _hoisted_5 = { class: "vuehex-statusbar__section vuehex-statusbar__section--right" }, _hoisted_6 = { class: "vuehex-statusbar__label" }, VueHexStatusBar_default = /* @__PURE__ */ defineComponent({
+	__name: "VueHexStatusBar",
+	props: {
+		placement: {},
+		layout: { default: null },
+		uppercase: {
+			type: Boolean,
+			default: !1
+		},
+		isPrintable: {
+			type: Function,
+			default: void 0
+		},
+		renderAscii: {
+			type: Function,
+			default: void 0
+		},
+		nonPrintableChar: { default: "." },
+		selectionRange: { default: null },
+		selectionCount: { default: 0 }
+	},
+	setup(n, { expose: r }) {
+		let o = n, s = useSlots();
+		function c(e, t) {
+			let n = Math.max(0, Math.min(255, Math.trunc(e))).toString(16).padStart(2, "0");
+			return t ? n.toUpperCase() : n;
+		}
+		let l = ref(null), d = computed(() => l.value?.index ?? null), p = computed(() => l.value ? c(l.value.byte, !!o.uppercase) : ""), m = computed(() => {
+			if (!l.value) return "";
+			let e = l.value.byte, t = o.isPrintable ?? DEFAULT_PRINTABLE_CHECK, n = o.renderAscii ?? DEFAULT_ASCII_RENDERER, r = o.nonPrintableChar;
+			return t(e) ? n(e) : r;
+		}), y = computed(() => {
+			let e = o.selectionRange, t = o.selectionCount;
+			return !e || t <= 0 ? "" : `${t} bytes (${e.start}–${e.end})`;
+		});
+		r({ handleHoverEvent: (e, t) => {
+			if (e === "hex-hover-on" || e === "ascii-hover-on") {
+				let e = t, n = Number(e?.index), r = Number(e?.byte);
+				Number.isFinite(n) && Number.isFinite(r) && (l.value = {
+					index: Math.trunc(n),
+					byte: Math.trunc(r)
+				});
+				return;
+			}
+			if (e === "hex-hover-off" || e === "ascii-hover-off") {
+				let e = l.value;
+				if (!e) return;
+				let n = t, r = Number(n?.index);
+				(!Number.isFinite(r) || Math.trunc(r) === e.index) && (l.value = null);
+			}
+		} });
+		let x = computed(() => {
+			let e = ["vuehex-statusbar"];
+			return e.push(o.placement === "top" ? "vuehex-statusbar--top" : "vuehex-statusbar--bottom"), e;
+		}), S = computed(() => ({ order: o.placement === "top" ? 0 : 2 }));
+		function C(e) {
+			if (typeof e == "string") {
+				let t = e.trim();
+				return t ? { name: t } : null;
+			}
+			if (!e || typeof e != "object") return null;
+			let t = e, n = typeof t.name == "string" ? t.name.trim() : "";
+			return n ? {
+				name: n,
+				config: t.config
+			} : null;
+		}
+		function E(e, t) {
+			let n = e?.[t];
+			return Array.isArray(n) ? n : [];
+		}
+		let D = computed(() => {
+			let e = o.layout;
+			return e ? {
+				left: E(e, "left"),
+				middle: E(e, "middle"),
+				right: E(e, "right")
+			} : {
+				left: [
+					"offset",
+					"hex",
+					"ascii"
+				],
+				middle: [],
+				right: ["selection"]
+			};
+		}), O = computed(() => {
+			let e = (e) => (D.value[e] ?? []).map(C).filter((e) => e !== null);
+			return {
+				left: e("left"),
+				middle: e("middle"),
+				right: e("right")
+			};
+		});
+		function k(e) {
+			return e === "offset" || e === "hex" || e === "ascii" || e === "selection" || e === "slot";
+		}
+		function A(e, t) {
+			if (!e || typeof e != "object") return null;
+			let n = e[t];
+			return typeof n == "string" ? n : null;
+		}
+		function j(e, t) {
+			if (!e || typeof e != "object") return null;
+			let n = e[t];
+			return typeof n == "boolean" ? n : null;
+		}
+		function M(e, t) {
+			if (!e || typeof e != "object") return null;
+			let n = e[t];
+			return typeof n == "number" && Number.isFinite(n) ? n : null;
+		}
+		function pe(e, t) {
+			if (e === null) return "";
+			if (A(t, "format") === "decimal") return String(Math.max(0, Math.trunc(e)));
+			let n = !!o.uppercase, r = Math.max(0, Math.trunc(M(t, "pad") ?? 0)), i = Math.max(0, Math.trunc(e)).toString(16), a = (n ? i.toUpperCase() : i).padStart(r, "0");
+			return j(t, "prefix") ?? !0 ? `0x${a}` : a;
+		}
+		function N(e, t) {
+			return e ? j(t, "prefix") ? `0x${e}` : e : "";
+		}
+		function P(e, t) {
+			return e ? j(t, "quote") ? `'${e}'` : e : "";
+		}
+		function F(e) {
+			return e === "left" ? "statusbar-left" : e === "middle" ? "statusbar-middle" : "statusbar-right";
+		}
+		function me(e) {
+			return e === "slot" ? null : e === "offset" ? "10ch" : e === "hex" ? "4ch" : e === "ascii" ? "3ch" : null;
+		}
+		function I(e, t) {
+			if (e === "slot") return;
+			let n = A(t, "valueWidth"), r = A(t, "valueMinWidth"), i = me(e), a = {};
+			return n && (a.width = n), r ? a.minWidth = r : !n && i && (a.minWidth = i), (a.width || a.minWidth) && (a.whiteSpace = "nowrap", a.overflow = "hidden", a.textOverflow = "ellipsis"), Object.keys(a).length ? a : void 0;
+		}
+		function L(e, t, n) {
+			let r = e.name.trim();
+			if (!k(r)) return null;
+			if (r === "slot") {
+				let e = F(t);
+				return {
+					kind: "slot",
+					key: n,
+					slotName: e,
+					visible: !!s[e]
+				};
+			}
+			let i = A(e.config, "label") ?? (r === "offset" ? "Offset" : r === "hex" ? "Hex" : r === "ascii" ? "ASCII" : "Selection");
+			if (r === "offset") return {
+				kind: "builtin",
+				key: n,
+				name: r,
+				label: i,
+				value: pe(d.value, e.config),
+				visible: !0,
+				valueStyle: I(r, e.config)
+			};
+			if (r === "hex") return {
+				kind: "builtin",
+				key: n,
+				name: r,
+				label: i,
+				value: N(p.value, e.config),
+				visible: !0,
+				valueStyle: I(r, e.config)
+			};
+			if (r === "ascii") return {
+				kind: "builtin",
+				key: n,
+				name: r,
+				label: i,
+				value: P(m.value, e.config),
+				visible: !0,
+				valueStyle: I(r, e.config)
+			};
+			let a = y.value;
+			return {
+				kind: "builtin",
+				key: n,
+				name: r,
+				label: i,
+				value: a,
+				visible: j(e.config, "showWhenEmpty") ? !0 : !!a,
+				valueStyle: I(r, e.config)
+			};
+		}
+		function R(e) {
+			return O.value[e].map((t, n) => L(t, e, `${e}-${n}`)).filter((e) => e !== null);
+		}
+		let z = computed(() => ({
+			left: R("left"),
+			middle: R("middle"),
+			right: R("right")
+		}));
+		return (t, n) => (openBlock(), createElementBlock("div", {
+			class: normalizeClass(x.value),
+			style: normalizeStyle(S.value),
+			role: "status",
+			"aria-live": "polite"
+		}, [
+			createElementVNode("div", _hoisted_1$1, [(openBlock(!0), createElementBlock(Fragment, null, renderList(z.value.left, (n) => withDirectives((openBlock(), createElementBlock("span", {
+				key: n.key,
+				class: "vuehex-statusbar__item"
+			}, [n.kind === "slot" ? renderSlot(t.$slots, n.slotName, { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_2$1, toDisplayString(n.label), 1), createElementVNode("span", {
+				class: "vuehex-statusbar__value",
+				style: normalizeStyle(n.valueStyle)
+			}, toDisplayString(n.value), 5)], 64))])), [[vShow, n.visible]])), 128))]),
+			createElementVNode("div", _hoisted_3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(z.value.middle, (n) => withDirectives((openBlock(), createElementBlock("span", {
+				key: n.key,
+				class: "vuehex-statusbar__item"
+			}, [n.kind === "slot" ? renderSlot(t.$slots, n.slotName, { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_4, toDisplayString(n.label), 1), createElementVNode("span", {
+				class: "vuehex-statusbar__value",
+				style: normalizeStyle(n.valueStyle)
+			}, toDisplayString(n.value), 5)], 64))])), [[vShow, n.visible]])), 128))]),
+			createElementVNode("div", _hoisted_5, [(openBlock(!0), createElementBlock(Fragment, null, renderList(z.value.right, (n) => withDirectives((openBlock(), createElementBlock("span", {
+				key: n.key,
+				class: "vuehex-statusbar__item"
+			}, [n.kind === "slot" ? renderSlot(t.$slots, n.slotName, { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_6, toDisplayString(n.label), 1), createElementVNode("span", {
+				class: "vuehex-statusbar__value",
+				style: normalizeStyle(n.valueStyle)
+			}, toDisplayString(n.value), 5)], 64))])), [[vShow, n.visible]])), 128))])
+		], 6));
+	}
+}), _hoisted_1 = ["aria-disabled", "tabindex"], _hoisted_2 = ["innerHTML"], DEFAULT_ROW_HEIGHT = 24, MAX_VIRTUAL_HEIGHT = 8e6, VueHex_default = /* @__PURE__ */ defineComponent({
+	__name: "VueHex",
+	props: /* @__PURE__ */ mergeModels({
+		dataMode: { default: "auto" },
+		expandToContent: {
+			type: Boolean,
+			default: !1
+		},
+		totalSize: {},
+		bytesPerRow: { default: 16 },
+		uppercase: {
+			type: Boolean,
+			default: !1
+		},
+		nonPrintableChar: { default: "." },
+		overscan: { default: 2 },
+		isPrintable: {
+			type: Function,
+			default: DEFAULT_PRINTABLE_CHECK
+		},
+		renderAscii: {
+			type: Function,
+			default: DEFAULT_ASCII_RENDERER
+		},
+		theme: {},
+		cellClassForByte: {},
+		getSelectionData: {},
+		showChunkNavigator: {
+			type: Boolean,
+			default: !1
+		},
+		chunkNavigatorPlacement: { default: "right" },
+		statusbar: { default: null },
+		cursor: {
+			type: Boolean,
+			default: !1
+		},
+		statusbarLayout: { default: null }
+	}, {
+		windowOffset: { default: 0 },
+		windowOffsetModifiers: {},
+		modelValue: { default: new Uint8Array() },
+		modelModifiers: {},
+		cursorLocation: { default: null },
+		cursorLocationModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"updateVirtualData",
+		"byte-click",
+		"selection-change",
+		"row-hover-on",
+		"row-hover-off",
+		"hex-hover-on",
+		"hex-hover-off",
+		"ascii-hover-on",
+		"ascii-hover-off"
+	], [
+		"update:windowOffset",
+		"update:modelValue",
+		"update:cursorLocation"
+	]),
+	setup(e, { expose: i, emit: o }) {
+		let c = useModel(e, "windowOffset"), l = useModel(e, "modelValue"), _ = useModel(e, "cursorLocation"), y = e, b = o, w = computed(() => !!y.expandToContent), T = computed(() => w.value ? 0 : Math.max(0, Math.trunc(c.value ?? 0))), fe = computed(() => l.value?.length ?? 0), { isWindowed: O, isSelfManaged: k } = useDataMode({
+			dataMode: toRef(y, "dataMode"),
+			isExpandToContent: w,
+			windowOffset: T,
+			totalSize: toRef(y, "totalSize"),
+			dataLength: fe
+		}), j = computed(() => ({
+			offset: k.value ? 0 : T.value,
+			data: l.value
+		})), M = computed(() => {
+			if (w.value) return j.value.data.length;
+			let e = y.totalSize;
+			return typeof e == "number" && Number.isFinite(e) ? Math.max(0, Math.trunc(e)) : j.value.data.length;
+		}), pe = computed(() => O.value), N = computed(() => !!y.uppercase), P = computed(() => y.isPrintable ?? DEFAULT_PRINTABLE_CHECK), F = computed(() => y.renderAscii ?? DEFAULT_ASCII_RENDERER), L = computed(() => y.nonPrintableChar ?? "."), B = computed(() => w.value ? Infinity : MAX_VIRTUAL_HEIGHT), V = ref(), H = ref(), he = ref(null), U = ref(0), W = computed(() => clampBytesPerRow(y.bytesPerRow)), G = computed(() => he.value ?? DEFAULT_ROW_HEIGHT), K = computed(() => w.value || U.value <= 0 ? 0 : Math.max(1, Math.ceil(U.value / G.value))), q = computed(() => Math.max(0, Math.trunc(y.overscan))), ge = computed(() => {
+			let e = normalizeThemeKey(y.theme);
+			return e ? [
+				"default",
+				"deep-space",
+				"deep_space",
+				"deepspace",
+				"dark-mode",
+				"darkmode"
+			].includes(e) ? "dark" : [
+				"light",
+				"daylight",
+				"light-mode",
+				"lightmode"
+			].includes(e) ? "light" : e : null;
+		}), J = computed(() => {
+			let e = ge.value;
+			return !e || e === "auto" ? ["vuehex-theme-auto"] : [`vuehex-theme-${e}`];
+		}), _e = computed(() => {
+			let e = ["vuehex"];
+			return e.push(...J.value), w.value && e.push("vuehex--expand-to-content"), He.value || e.push("vuehex-selection-disabled"), e;
+		}), ve = computed(() => ["vuehex-table"]), { chunkStartRow: Y, activeChunkIndex: ye, chunkRowCount: be, chunkHeight: xe, chunkItems: Se, clampChunkStartToBounds: Ce, ensureChunkForRow: we, selectChunk: Te } = useChunking({
+			showNavigator: computed(() => !!y.showChunkNavigator),
+			totalBytes: M,
+			bytesPerRow: W,
+			rowHeightValue: G,
+			maxVirtualHeight: B,
+			uppercase: N
+		}), Ee = computed(() => [...J.value]), De = computed(() => y.statusbar === "top" || y.statusbar === "bottom"), Oe = computed(() => y.statusbar === "top" ? "top" : "bottom"), ke = computed(() => {
+			let e = [];
+			return De.value && (e.push("vuehex-viewer--with-statusbar"), e.push(Oe.value === "top" ? "vuehex-viewer--statusbar-top" : "vuehex-viewer--statusbar-bottom")), e;
+		}), Ae = ref(null), { handlePointerOver: je, handlePointerOut: Me, clearHoverState: Ne } = useHoverLinking({
+			emit: (e, t) => {
+				Ae.value?.handleHoverEvent(e, t), b(e, t);
+			},
+			tbodyEl: H
+		}), Pe = computed(() => {
+			let e = y.cellClassForByte;
+			if (e === void 0) return DEFAULT_ASCII_CATEGORY_CELL_CLASS_RESOLVER;
+			if (e !== null) {
+				if (typeof e == "function") return e;
+				if (Array.isArray(e)) {
+					let t = e.filter((e) => typeof e == "function");
+					return t.length === 0 ? void 0 : (e) => {
+						let n = [];
+						for (let r of t) {
+							let t = r(e);
+							t != null && n.push(t);
+						}
+						if (n.length !== 0) return n.flat();
+					};
+				}
+			}
+		}), { markup: X, renderStartRow: Fe, scheduleWindowEvaluation: Z, handleScroll: Ie, scrollToByte: Le, queueScrollToOffset: Re, updateFromWindowState: ze, updateRenderedSlice: Be, measureRowHeight: Ve } = useHexWindow({
+			containerEl: V,
+			tbodyEl: H,
+			bytesPerRow: W,
+			rowHeight: he,
+			rowHeightValue: G,
+			viewportRows: K,
+			overscanRows: q,
+			chunkStartRow: Y,
+			chunkRowCount: be,
+			totalBytes: M,
+			ensureChunkForRow: we,
+			clampChunkStartToBounds: Ce,
+			getWindowState: () => j.value,
+			getUppercase: () => N.value,
+			getPrintableChecker: () => P.value,
+			getAsciiRenderer: () => F.value,
+			getCellClassResolver: () => Pe.value,
+			getNonPrintableChar: () => L.value,
+			getSelectionRange: () => Q.value,
+			requestWindow: (e) => {
+				pe.value && (c.value = e.offset, b("updateVirtualData", e));
+			},
+			clearHoverState: Ne
+		}), { selectionEnabled: He, selectionRange: Q, selectionCount: Ue } = useSelection({
+			containerEl: V,
+			tbodyEl: H,
+			markup: X,
+			getSelectionDataProp: () => y.getSelectionData,
+			isSelfManagedData: k,
+			totalBytes: M,
+			getSelfManagedBytes: () => j.value.data,
+			getUppercase: () => N.value,
+			getPrintableChecker: () => P.value,
+			getAsciiRenderer: () => F.value,
+			getNonPrintableChar: () => L.value,
+			updateRenderedSlice: Be,
+			emitByteClick: (e) => b("byte-click", e),
+			emitSelectionChange: (e) => b("selection-change", e)
+		}), We = computed(() => !!y.cursor);
+		useCursor({
+			enabled: We,
+			isExpandToContent: w,
+			containerEl: V,
+			tbodyEl: H,
+			markup: X,
+			totalBytes: M,
+			bytesPerRow: W,
+			rowHeightValue: G,
+			viewportRows: K,
+			chunkStartRow: Y,
+			ensureChunkForRow: we,
+			scheduleWindowEvaluation: Z,
+			cursorLocation: _,
+			scrollToByte: Le
+		});
+		let Ge = computed(() => He.value || We.value);
+		function Ke() {
+			if (!w.value && (Ie(), k.value)) {
+				let e = V.value;
+				if (e) {
+					let t = e.scrollTop, n = Math.floor(t / G.value), r = (Y.value + n) * W.value;
+					r !== c.value && (c.value = r);
+				}
+			}
+		}
+		let qe = computed(() => w.value ? 0 : (Fe.value - Y.value) * G.value), Je = computed(() => ({
+			position: "relative",
+			width: "100%",
+			...w.value ? {} : { height: `${Math.max(xe.value, 0)}px` }
+		})), Ye = computed(() => {
+			if (w.value) return {
+				position: "static",
+				width: "100%",
+				transform: "none"
+			};
+			let e = qe.value;
+			return {
+				position: "absolute",
+				top: "0px",
+				left: "0px",
+				right: "0px",
+				width: "100%",
+				transform: Number.isFinite(e) ? `translateY(${e}px)` : "translateY(0px)"
+			};
+		});
+		function Xe(e) {
+			if (!Te(e)) return;
+			let t = V.value;
+			t && (t.scrollTop = 0), k.value && (c.value = Y.value * W.value), Z();
+		}
+		watch(() => ({
+			data: j.value.data,
+			offset: j.value.offset,
+			bytesPerRow: W.value,
+			uppercase: y.uppercase,
+			nonPrintableChar: y.nonPrintableChar,
+			isPrintable: y.isPrintable,
+			renderAscii: y.renderAscii,
+			cellClassForByte: Pe.value
+		}), () => {
+			ze();
+		}, { immediate: !0 }), watch(() => c.value, (e, t) => {
+			e !== t && e != null && Number.isFinite(e) && e >= 0 && Re(e);
+		}), watch([
+			M,
+			W,
+			K,
+			q,
+			B,
+			Y
+		], () => {
+			Ce(), Z();
+		});
+		let $ = null;
+		return onMounted(() => {
+			let e = V.value;
+			e && (U.value = e.clientHeight, $ = new ResizeObserver((e) => {
+				let t = e[0];
+				t && (U.value = t.contentRect.height, Z(), Ve());
+			}), $.observe(e));
+			let t = H.value;
+			t && (t.addEventListener("pointerover", je), t.addEventListener("pointerout", Me)), Re(j.value.offset);
+		}), onBeforeUnmount(() => {
+			$?.disconnect(), $ = null;
+			let e = H.value;
+			e && (e.removeEventListener("pointerover", je), e.removeEventListener("pointerout", Me)), Ne();
+		}), i({
+			scrollToByte: Le,
+			selectChunk: Te
+		}), (e, t) => (openBlock(), createBlock(VueHexChunkNavigator_default, {
+			show: y.showChunkNavigator,
+			placement: y.chunkNavigatorPlacement,
+			chunks: unref(Se),
+			"active-index": unref(ye),
+			"root-class-extra": Ee.value,
+			"viewer-class-extra": ke.value,
+			"expand-to-content": w.value,
+			onSelect: Xe
+		}, {
+			"chunk-navigator-header": withCtx((t) => [renderSlot(e.$slots, "chunk-navigator-header", normalizeProps(guardReactiveProps(t)))]),
+			"chunk-navigator-item": withCtx((t) => [renderSlot(e.$slots, "chunk-navigator-item", normalizeProps(guardReactiveProps(t)))]),
+			default: withCtx(() => [De.value ? (openBlock(), createBlock(VueHexStatusBar_default, {
+				key: 0,
+				ref_key: "statusBarRef",
+				ref: Ae,
+				placement: Oe.value,
+				layout: y.statusbarLayout,
+				uppercase: y.uppercase,
+				"is-printable": y.isPrintable,
+				"render-ascii": y.renderAscii,
+				"non-printable-char": y.nonPrintableChar,
+				"selection-range": unref(Q),
+				"selection-count": unref(Ue)
+			}, {
+				"statusbar-left": withCtx(() => [renderSlot(e.$slots, "statusbar-left")]),
+				"statusbar-middle": withCtx(() => [renderSlot(e.$slots, "statusbar-middle")]),
+				"statusbar-right": withCtx(() => [renderSlot(e.$slots, "statusbar-right")]),
+				_: 3
+			}, 8, [
+				"placement",
+				"layout",
+				"uppercase",
+				"is-printable",
+				"render-ascii",
+				"non-printable-char",
+				"selection-range",
+				"selection-count"
+			])) : createCommentVNode("", !0), createElementVNode("div", {
+				ref_key: "containerEl",
+				ref: V,
+				class: normalizeClass(_e.value),
+				role: "table",
+				"aria-label": "Hex viewer",
+				"aria-disabled": Ge.value ? void 0 : "true",
+				tabindex: Ge.value ? 0 : void 0,
+				onScroll: Ke
+			}, [createElementVNode("div", {
+				class: "vuehex-inner",
+				style: normalizeStyle(Je.value),
+				role: "presentation"
+			}, [createElementVNode("table", {
+				class: normalizeClass(ve.value),
+				style: normalizeStyle(Ye.value),
+				role: "presentation"
+			}, [createElementVNode("tbody", {
+				ref_key: "tbodyEl",
+				ref: H,
+				innerHTML: unref(X)
+			}, null, 8, _hoisted_2)], 6)], 4)], 42, _hoisted_1)]),
+			_: 3
+		}, 8, [
+			"show",
+			"placement",
+			"chunks",
+			"active-index",
+			"root-class-extra",
+			"viewer-class-extra",
+			"expand-to-content"
+		]));
+	}
+});
+function install(e, t = {}) {
+	let n = t.componentName ?? "VueHex";
+	e.component(n, VueHex_default);
+}
+var src_default = { install };
+export { DEFAULT_ASCII_CATEGORY_CELL_CLASS_RESOLVER, DEFAULT_ASCII_RENDERER, DEFAULT_PRINTABLE_CHECK, VUE_HEX_ASCII_PRESETS, VueHex_default as VueHex, src_default as default, install };