@virtualansoftware/vs-office-viewer 1.0.1 → 1.0.2

package/dist/server/assets/XlsxViewer-CtBSfYb7.js

@@ -0,0 +1,870 @@
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, Loader2 } from "lucide-react";
+import ExcelJS from "exceljs";
+import * as XLSX from "xlsx";
+//#region src/viewers/XlsxViewer.tsx
+function colLetter(n) {
+	let s = "";
+	while (n > 0) {
+		const m = (n - 1) % 26;
+		s = String.fromCharCode(65 + m) + s;
+		n = Math.floor((n - 1) / 26);
+	}
+	return s;
+}
+function letterToNum(letters) {
+	let n = 0;
+	for (const ch of letters) n = n * 26 + (ch.charCodeAt(0) - 64);
+	return n;
+}
+var THEME_COLORS = [
+	"#FFFFFF",
+	"#000000",
+	"#E7E6E6",
+	"#44546A",
+	"#4472C4",
+	"#ED7D31",
+	"#A5A5A5",
+	"#FFC000",
+	"#5B9BD5",
+	"#70AD47"
+];
+var INDEXED_COLORS = [
+	"#000000",
+	"#FFFFFF",
+	"#FF0000",
+	"#00FF00",
+	"#0000FF",
+	"#FFFF00",
+	"#FF00FF",
+	"#00FFFF",
+	"#000000",
+	"#FFFFFF",
+	"#FF0000",
+	"#00FF00",
+	"#0000FF",
+	"#FFFF00",
+	"#FF00FF",
+	"#00FFFF",
+	"#800000",
+	"#008000",
+	"#000080",
+	"#808000",
+	"#800080",
+	"#008080",
+	"#C0C0C0",
+	"#808080",
+	"#9999FF",
+	"#993366",
+	"#FFFFCC",
+	"#CCFFFF",
+	"#660066",
+	"#FF8080",
+	"#0066CC",
+	"#CCCCFF",
+	"#000080",
+	"#FF00FF",
+	"#FFFF00",
+	"#00FFFF",
+	"#800080",
+	"#800000",
+	"#008080",
+	"#0000FF",
+	"#00CCFF",
+	"#CCFFFF",
+	"#CCFFCC",
+	"#FFFF99",
+	"#99CCFF",
+	"#FF99CC",
+	"#CC99FF",
+	"#FFCC99",
+	"#3366FF",
+	"#33CCCC",
+	"#99CC00",
+	"#FFCC00",
+	"#FF9900",
+	"#FF6600",
+	"#666699",
+	"#969696",
+	"#003366",
+	"#339966",
+	"#003300",
+	"#333300",
+	"#993300",
+	"#993366",
+	"#333399",
+	"#333333"
+];
+function argbToCss(color) {
+	if (!color) return void 0;
+	if (color.argb) {
+		const argb = color.argb;
+		const hex = argb.length === 8 ? argb.slice(2) : argb;
+		if (!/^[0-9a-fA-F]{6}$/.test(hex)) return void 0;
+		return `#${hex}`;
+	}
+	if (color.theme !== void 0) return THEME_COLORS[color.theme];
+	if (color.indexed !== void 0) return color.indexed === 64 ? "#000000" : INDEXED_COLORS[color.indexed];
+}
+var SCALE = 1.5;
+var JS_DATE_TOSTRING_RE = /^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)\s/;
+function excelSerialToDate(serial) {
+	return new Date(Math.round((serial - 25569) * 864e5));
+}
+function fmtDate(d) {
+	return `${d.getUTCMonth() + 1}/${d.getUTCDate()}/${d.getUTCFullYear()}`;
+}
+var MONTH_LONG = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
+var MONTH_SHORT = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+];
+var DAY_LONG = [
+	"Sunday",
+	"Monday",
+	"Tuesday",
+	"Wednesday",
+	"Thursday",
+	"Friday",
+	"Saturday"
+];
+var DAY_SHORT = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+];
+function serialToDateParts(serial) {
+	const frac = serial - Math.floor(serial);
+	const totalSec = Math.round(frac * 86400);
+	const h = Math.floor(totalSec / 3600);
+	const mi = Math.floor(totalSec % 3600 / 60);
+	const s = totalSec % 60;
+	const ds = Math.floor(serial);
+	if (ds <= 0) return {
+		y: 1900,
+		mo: 1,
+		d: ds,
+		dow: 6,
+		h,
+		mi,
+		s
+	};
+	if (ds === 60) return {
+		y: 1900,
+		mo: 2,
+		d: 29,
+		dow: 3,
+		h,
+		mi,
+		s
+	};
+	const adj = ds < 60 ? ds + 1 : ds;
+	const js = new Date(Math.round((adj - 25569) * 864e5));
+	return {
+		y: js.getUTCFullYear(),
+		mo: js.getUTCMonth() + 1,
+		d: js.getUTCDate(),
+		dow: js.getUTCDay(),
+		h,
+		mi,
+		s
+	};
+}
+function applyDateFmt(fmt, p) {
+	const section = fmt.split(";")[0];
+	const unquoted = section.replace(/"[^"]*"/g, "").replace(/\[.*?\]/g, "");
+	const hasHour = /h/i.test(unquoted);
+	const hasAmPm = /am\/pm|a\/p/i.test(unquoted);
+	let out = "", i = 0;
+	let prevHour = false;
+	while (i < section.length) {
+		if (section[i] === "[") {
+			const end = section.indexOf("]", i);
+			if (end >= 0) {
+				i = end + 1;
+				continue;
+			}
+		}
+		if (section[i] === "_") {
+			i += 2;
+			continue;
+		}
+		if (section[i] === "*") {
+			i += 2;
+			continue;
+		}
+		if (section[i] === "\"") {
+			const end = section.indexOf("\"", i + 1);
+			if (end < 0) {
+				out += section.slice(i + 1);
+				break;
+			}
+			out += section.slice(i + 1, end);
+			i = end + 1;
+			continue;
+		}
+		if (section[i] === "\\") {
+			out += section[i + 1] ?? "";
+			i += 2;
+			continue;
+		}
+		const rest = section.slice(i);
+		if (/^AM\/PM/i.test(rest)) {
+			out += p.h >= 12 ? "PM" : "AM";
+			i += 5;
+			prevHour = false;
+			continue;
+		}
+		if (/^A\/P/i.test(rest)) {
+			out += p.h >= 12 ? "P" : "A";
+			i += 3;
+			prevHour = false;
+			continue;
+		}
+		if (/^hh/i.test(rest)) {
+			const hr = hasAmPm ? p.h % 12 || 12 : p.h;
+			out += String(hr).padStart(2, "0");
+			i += 2;
+			prevHour = true;
+			continue;
+		}
+		if (/^h/i.test(rest)) {
+			const hr = hasAmPm ? p.h % 12 || 12 : p.h;
+			out += String(hr);
+			i += 1;
+			prevHour = true;
+			continue;
+		}
+		if (/^ss/i.test(rest)) {
+			out += String(p.s).padStart(2, "0");
+			i += 2;
+			prevHour = false;
+			continue;
+		}
+		if (/^s/i.test(rest)) {
+			out += String(p.s);
+			i += 1;
+			prevHour = false;
+			continue;
+		}
+		if (/^yyyy/i.test(rest)) {
+			out += String(p.y).padStart(4, "0");
+			i += 4;
+			prevHour = false;
+			continue;
+		}
+		if (/^yy/i.test(rest)) {
+			out += String(p.y % 100).padStart(2, "0");
+			i += 2;
+			prevHour = false;
+			continue;
+		}
+		if (/^mmmm/i.test(rest)) {
+			out += MONTH_LONG[p.mo - 1] ?? "";
+			i += 4;
+			prevHour = false;
+			continue;
+		}
+		if (/^mmm/i.test(rest)) {
+			out += MONTH_SHORT[p.mo - 1] ?? "";
+			i += 3;
+			prevHour = false;
+			continue;
+		}
+		if (/^mm/i.test(rest)) {
+			if (hasHour) out += String(p.mi).padStart(2, "0");
+			else out += String(p.mo).padStart(2, "0");
+			i += 2;
+			prevHour = false;
+			continue;
+		}
+		if (/^m/i.test(rest)) {
+			if (hasHour && prevHour) out += String(p.mi);
+			else out += String(p.mo);
+			i += 1;
+			prevHour = false;
+			continue;
+		}
+		if (/^dddd/i.test(rest)) {
+			out += DAY_LONG[p.dow] ?? "";
+			i += 4;
+			prevHour = false;
+			continue;
+		}
+		if (/^ddd/i.test(rest)) {
+			out += DAY_SHORT[p.dow] ?? "";
+			i += 3;
+			prevHour = false;
+			continue;
+		}
+		if (/^dd/i.test(rest)) {
+			out += String(p.d).padStart(2, "0");
+			i += 2;
+			prevHour = false;
+			continue;
+		}
+		if (/^d/i.test(rest)) {
+			out += String(p.d);
+			i += 1;
+			prevHour = false;
+			continue;
+		}
+		out += section[i];
+		i++;
+		prevHour = false;
+	}
+	return out;
+}
+function fmtExcelDate(d, numFmt) {
+	const parts = serialToDateParts(d.getTime() / 864e5 + 25569);
+	return numFmt && /[yYmMdDhHsS]/.test(numFmt) ? applyDateFmt(numFmt, parts) : fmtDate(d);
+}
+function fmtNumber(value, numFmt) {
+	if (!numFmt || numFmt === "General" || numFmt === "@") return null;
+	if (/[yY]/.test(numFmt) || /mmmm?/i.test(numFmt) || /[hH]/.test(numFmt)) return null;
+	const sections = numFmt.split(";");
+	let si = 0;
+	if (value < 0 && sections.length >= 2) si = 1;
+	else if (value === 0 && sections.length >= 3) si = 2;
+	const sec = sections[si];
+	let isPercent = false;
+	{
+		let inQ = false;
+		for (const ch of sec) if (ch === "\"") inQ = !inQ;
+		else if (!inQ && ch === "%") {
+			isPercent = true;
+			break;
+		}
+	}
+	let prefix = "", suffix = "", numStr = "";
+	let inNum = false;
+	let i = 0;
+	while (i < sec.length) {
+		if (sec[i] === "[") {
+			const e = sec.indexOf("]", i);
+			i = e >= 0 ? e + 1 : i + 1;
+			continue;
+		}
+		if (sec[i] === "_") {
+			i += 2;
+			continue;
+		}
+		if (sec[i] === "*") {
+			i += 2;
+			continue;
+		}
+		if (sec[i] === "\"") {
+			const e = sec.indexOf("\"", i + 1);
+			const lit = e >= 0 ? sec.slice(i + 1, e) : sec.slice(i + 1);
+			inNum ? suffix += lit : prefix += lit;
+			i = e >= 0 ? e + 1 : sec.length;
+			continue;
+		}
+		if (sec[i] === "\\") {
+			inNum ? suffix += sec[i + 1] ?? "" : prefix += sec[i + 1] ?? "";
+			i += 2;
+			continue;
+		}
+		const ch = sec[i];
+		if ("$€£¥".includes(ch)) {
+			inNum ? suffix += ch : prefix += ch;
+			i++;
+			continue;
+		}
+		if (ch === "(" || ch === ")") {
+			i++;
+			continue;
+		}
+		if ("#0?.".includes(ch) || ch === "," && inNum) {
+			inNum = true;
+			numStr += ch;
+			i++;
+			continue;
+		}
+		inNum ? suffix += ch : prefix += ch;
+		i++;
+	}
+	if (!/[#0]/.test(numStr)) return (prefix + suffix).replace(/[$€£¥]/g, "").trim() || null;
+	const dotIdx = numStr.indexOf(".");
+	const decPlaces = dotIdx >= 0 ? (numStr.slice(dotIdx + 1).match(/^[#0?]+/) ?? [""])[0].length : 0;
+	const hasGroup = /[#0],[#0]/.test(numStr);
+	const formatted = Math.abs(isPercent ? value * 100 : value).toLocaleString("en-US", {
+		minimumFractionDigits: decPlaces,
+		maximumFractionDigits: decPlaces,
+		useGrouping: hasGroup
+	});
+	let result = `${prefix}${formatted}${suffix}`;
+	if (value < 0 && si === 0) result = `-${result}`;
+	else if (value < 0 && si === 1 && (sections[1].includes("(") || sections[1].includes(")"))) result = `(${result})`;
+	return result;
+}
+function getAccountingCurrency(numFmt) {
+	if (!numFmt) return null;
+	if (!/_\([$€£¥]\*/.test(numFmt) && !/_\(\*[$€£¥]/.test(numFmt)) return null;
+	const m = numFmt.match(/[$€£¥]/);
+	return m ? m[0] : null;
+}
+function effectiveValue(cell) {
+	const v = cell.value;
+	if (v !== null && typeof v === "object" && !(v instanceof Date) && ("formula" in v || "sharedFormula" in v)) return v.result ?? null;
+	return v;
+}
+function getCellText(cell) {
+	const val = effectiveValue(cell);
+	if (val !== null && typeof val === "object" && !(val instanceof Date) && "error" in val) return val.error ?? "";
+	if (typeof val === "string" && /^#[A-Z0-9\/]+[!?]?$/.test(val)) return val;
+	const text = cell.text ?? "";
+	if (val instanceof Date) {
+		if (isNaN(val.getTime())) return "";
+		return fmtExcelDate(val, cell.numFmt ?? "");
+	}
+	if (JS_DATE_TOSTRING_RE.test(text) || text === "Invalid Date") return "";
+	if (typeof val === "number") {
+		const numFmt = cell.numFmt ?? "";
+		if (numFmt && (/[yY]/.test(numFmt) || /mmmm?/i.test(numFmt) || /[hH]/.test(numFmt) || /[dD]/.test(numFmt))) {
+			if (val >= 0) {
+				const d = excelSerialToDate(val);
+				if (!isNaN(d.getTime())) return fmtExcelDate(d, numFmt);
+			}
+			return text;
+		}
+		if (numFmt && numFmt !== "General" && numFmt !== "@") {
+			const formatted = fmtNumber(val, numFmt);
+			if (formatted !== null) return formatted;
+		}
+		if (text && !/^-?\d+\.?\d*$/.test(text)) return text;
+		if (!text) return Number.isInteger(val) ? String(val) : val.toLocaleString("en-US");
+	}
+	return text;
+}
+function borderStyle(b) {
+	if (!b?.style) return void 0;
+	const color = argbToCss(b.color) || "#000000";
+	return `${b.style.includes("thick") || b.style.includes("medium") ? "2px" : "1px"} ${b.style.includes("dash") ? "dashed" : b.style.includes("dot") ? "dotted" : b.style.includes("double") ? "double" : "solid"} ${color}`;
+}
+function buildRawResultMap(ws) {
+	const map = /* @__PURE__ */ new Map();
+	const sheetModel = ws.model;
+	for (const rawRow of sheetModel?.rows ?? []) {
+		const rn = rawRow?.number;
+		if (!rn || !rawRow.cells) continue;
+		for (const rc of rawRow.cells) {
+			if (!rc?.col) continue;
+			if ((rc.type === 6 || rc.formula !== void 0 || rc.sharedFormula !== void 0) && rc.result !== void 0) map.set(`${rn}:${rc.col}`, rc.result);
+		}
+	}
+	return map;
+}
+function formatRawResult(result, numFmt) {
+	if (result === null || result === void 0) return "";
+	if (typeof result === "object" && !Array.isArray(result) && !(result instanceof Date)) {
+		if ("error" in result) return result.error ?? "";
+	}
+	if (result instanceof Date) {
+		if (isNaN(result.getTime())) return "";
+		return fmtExcelDate(result, numFmt);
+	}
+	if (typeof result === "number") {
+		if (numFmt && numFmt !== "General" && numFmt !== "@") {
+			const f = fmtNumber(result, numFmt);
+			if (f !== null) return f;
+		}
+		return Number.isInteger(result) ? String(result) : result.toLocaleString("en-US");
+	}
+	if (typeof result === "string") return result;
+	if (typeof result === "boolean") return result ? "TRUE" : "FALSE";
+	return String(result);
+}
+function buildSheet(ws, sjSheet) {
+	const sjCells = /* @__PURE__ */ new Map();
+	let sjMaxRow = 0;
+	let sjMaxCol = 0;
+	if (sjSheet) for (const addr of Object.keys(sjSheet)) {
+		if (addr.startsWith("!")) continue;
+		const sjc = sjSheet[addr];
+		if (!sjc || !sjc.t || sjc.t === "z") continue;
+		const m = addr.match(/^([A-Z]+)(\d+)$/);
+		if (!m) continue;
+		const rowNum = parseInt(m[2], 10);
+		const colNum = letterToNum(m[1]);
+		if (rowNum > sjMaxRow) sjMaxRow = rowNum;
+		if (colNum > sjMaxCol) sjMaxCol = colNum;
+		sjCells.set(`${rowNum}:${colNum}`, sjc);
+	}
+	let originalCols = Math.max(ws.columnCount, sjMaxCol);
+	let cols = Math.max(originalCols, 26);
+	let rowsN = Math.max(ws.rowCount, 50);
+	const exRawModel = ws.model;
+	if (exRawModel?.rows) {
+		for (const rawRow of exRawModel.rows) if (rawRow?.number) rowsN = Math.max(rowsN, rawRow.number);
+	}
+	if (sjMaxRow > 0) rowsN = Math.max(rowsN, sjMaxRow);
+	if (sjMaxCol > 0) {
+		originalCols = Math.max(originalCols, sjMaxCol);
+		cols = Math.max(cols, sjMaxCol);
+	}
+	const rawResults = buildRawResultMap(ws);
+	const merges = {};
+	const covered = /* @__PURE__ */ new Set();
+	const mergeList = ws.model.merges || [];
+	for (const range of mergeList) {
+		const [a, b] = range.split(":");
+		const m1 = a.match(/([A-Z]+)(\d+)/);
+		const m2 = b.match(/([A-Z]+)(\d+)/);
+		if (!m1 || !m2) continue;
+		const c1 = letterToNum(m1[1]);
+		const r1 = parseInt(m1[2], 10);
+		const c2 = letterToNum(m2[1]);
+		const r2 = parseInt(m2[2], 10);
+		merges[`${r1}:${c1}`] = {
+			rowSpan: r2 - r1 + 1,
+			colSpan: c2 - c1 + 1
+		};
+		for (let r = r1; r <= r2; r++) for (let c = c1; c <= c2; c++) if (!(r === r1 && c === c1)) covered.add(`${r}:${c}`);
+	}
+	const colWidths = [];
+	for (let c = 1; c <= cols; c++) {
+		const col = ws.getColumn(c);
+		if (col.hidden) {
+			colWidths[c - 1] = 0;
+			continue;
+		}
+		const w = col.width;
+		colWidths[c - 1] = w ? Math.max(Math.round((w * 7 + 5) * SCALE), 10) : Math.round(64 * SCALE);
+	}
+	const rowHeights = [];
+	const rows = [];
+	for (let r = 1; r <= rowsN; r++) {
+		const row = ws.getRow(r);
+		rowHeights[r - 1] = row.height ? Math.max(Math.round(row.height * 4 / 3 * SCALE), 6) : Math.round(20 * SCALE);
+		const cells = [];
+		const ccIndices = [];
+		for (let c = 1; c <= cols; c++) {
+			if (covered.has(`${r}:${c}`)) {
+				cells.push(null);
+				continue;
+			}
+			const cell = row.getCell(c);
+			const s = cell.style || {};
+			const style = {};
+			let isCenterContinuous = false;
+			if (s.font) {
+				if (s.font.bold) style.fontWeight = 600;
+				if (s.font.italic) style.fontStyle = "italic";
+				{
+					const dec = [];
+					if (s.font.underline) dec.push("underline");
+					if (s.font.strike) dec.push("line-through");
+					if (dec.length) style.textDecoration = dec.join(" ");
+				}
+				if (s.font.size) style.fontSize = `${Math.round(s.font.size * 4 / 3 * SCALE)}px`;
+				if (s.font.name) style.fontFamily = s.font.name;
+				const fc = argbToCss(s.font.color);
+				if (fc) style.color = fc;
+			}
+			if (s.fill && s.fill.type === "pattern" && s.fill.pattern === "solid") {
+				const bg = argbToCss(s.fill.fgColor);
+				if (bg) style.backgroundColor = bg;
+			}
+			if (s.alignment) {
+				const h = s.alignment.horizontal;
+				if (h) {
+					isCenterContinuous = h === "centerContinuous";
+					style.textAlign = isCenterContinuous || h === "distributed" ? "center" : h === "fill" ? "left" : h;
+				}
+				const v = s.alignment.vertical;
+				if (v) style.verticalAlign = v === "center" || v === "middle" ? "middle" : v === "top" ? "top" : "bottom";
+				if (s.alignment.wrapText) style.whiteSpace = "normal";
+				if (s.alignment.indent) style.paddingLeft = `${s.alignment.indent * 16 + 6}px`;
+			}
+			if (s.border) {
+				const t = borderStyle(s.border.top);
+				const l = borderStyle(s.border.left);
+				const bo = borderStyle(s.border.bottom);
+				const ri = borderStyle(s.border.right);
+				if (t) style.borderTop = t;
+				if (l) style.borderLeft = l;
+				if (bo) style.borderBottom = bo;
+				if (ri) style.borderRight = ri;
+			}
+			if (style.textAlign === void 0) {
+				const ev = effectiveValue(cell);
+				if (typeof ev === "number" || ev instanceof Date) style.textAlign = "right";
+			}
+			const merge = merges[`${r}:${c}`];
+			const sj = sjCells.get(`${r}:${c}`);
+			const numFmt = cell.numFmt || sj?.z || "";
+			const accountingCurrency = getAccountingCurrency(numFmt);
+			let text = "";
+			if (sj) if (sj.t === "e") text = sj.w ?? (typeof sj.v === "string" ? sj.v : "");
+			else if (sj.t === "n" && typeof sj.v === "number") {
+				if (numFmt && (/[yY]/.test(numFmt) || /mmmm?/i.test(numFmt) || /[hH]/.test(numFmt) || /[dD]/.test(numFmt)) && sj.v >= 0) {
+					const d = excelSerialToDate(sj.v);
+					if (!isNaN(d.getTime())) text = fmtExcelDate(d, numFmt);
+				} else if (numFmt && numFmt !== "General" && numFmt !== "@") {
+					const formatted = fmtNumber(sj.v, numFmt);
+					if (formatted !== null) text = formatted;
+				}
+				if (!text) text = sj.w ?? String(sj.v);
+				if (style.textAlign === void 0) style.textAlign = "right";
+			} else if (sj.t === "s") text = sj.w ?? "";
+			else if (sj.t === "str") text = sj.w ?? String(sj.v ?? "");
+			else if (sj.t === "b") text = sj.v ? "TRUE" : "FALSE";
+			else text = sj.w ?? String(sj.v ?? "");
+			if (!text) text = getCellText(cell);
+			if (!text) {
+				const raw = rawResults.get(`${r}:${c}`);
+				if (raw !== void 0) {
+					text = formatRawResult(raw, numFmt);
+					if (style.textAlign === void 0) {
+						if (typeof raw === "number" || raw instanceof Date) style.textAlign = "right";
+					}
+				}
+			}
+			if (accountingCurrency && text) text = text.replace(/[$€£¥]/g, "").trim() || text;
+			cells.push({
+				key: `${r}:${c}`,
+				text,
+				accountingPrefix: accountingCurrency && text ? accountingCurrency : void 0,
+				style,
+				rowSpan: merge?.rowSpan ?? 1,
+				colSpan: merge?.colSpan ?? 1
+			});
+			if (isCenterContinuous && text) ccIndices.push(cells.length - 1);
+		}
+		for (const idx of ccIndices) {
+			const cc = cells[idx];
+			for (let cj = idx + 1; cj < originalCols; cj++) {
+				const adj = cells[cj];
+				if (adj === null || adj.text !== "") break;
+				cc.colSpan++;
+				cells[cj] = null;
+			}
+		}
+		for (let idx = 0; idx < cells.length; idx++) {
+			const cell = cells[idx];
+			if (!cell || !cell.text || cell.colSpan > 1 || cell.style.whiteSpace === "normal") continue;
+			const align = cell.style.textAlign;
+			if (align === "right" || align === "center") continue;
+			if (cell.style.borderRight) continue;
+			for (let cj = idx + 1; cj < originalCols; cj++) {
+				const adj = cells[cj];
+				if (!adj || adj.text !== "") break;
+				if (adj.style.borderLeft) break;
+				if (adj.style.borderRight) {
+					cell.style.borderRight = adj.style.borderRight;
+					cells[cj] = null;
+					cell.colSpan++;
+					break;
+				}
+				cells[cj] = null;
+				cell.colSpan++;
+			}
+		}
+		rows.push(cells);
+	}
+	return {
+		name: ws.name,
+		rows,
+		colWidths,
+		rowHeights,
+		cols
+	};
+}
+function XlsxViewer({ data, className, onError }) {
+	const [sheets, setSheets] = useState([]);
+	const [active, setActive] = useState(0);
+	const [loading, setLoading] = useState(true);
+	const [error, setError] = useState(null);
+	const tabBarRef = useRef(null);
+	const scrollTabs = (dir) => {
+		tabBarRef.current?.scrollBy({
+			left: dir === "left" ? -160 : 160,
+			behavior: "smooth"
+		});
+	};
+	useEffect(() => {
+		let cancelled = false;
+		setLoading(true);
+		setError(null);
+		(async () => {
+			try {
+				const wb = new ExcelJS.Workbook();
+				await wb.xlsx.load(data.slice(0));
+				let sjSheets = [];
+				try {
+					const sjWb = XLSX.read(new Uint8Array(data), {
+						type: "array",
+						cellFormula: true,
+						cellText: true,
+						cellNF: true,
+						cellDates: false,
+						sheetRows: 0
+					});
+					sjSheets = wb.worksheets.filter((ws) => ws.state !== "hidden" && ws.state !== "veryHidden").map((ws, idx) => {
+						if (sjWb.Sheets[ws.name]) return sjWb.Sheets[ws.name];
+						const lc = ws.name.toLowerCase();
+						const found = sjWb.SheetNames.find((n) => n.toLowerCase() === lc);
+						if (found && sjWb.Sheets[found]) return sjWb.Sheets[found];
+						const sjName = sjWb.SheetNames[idx];
+						return sjName && sjWb.Sheets[sjName] ? sjWb.Sheets[sjName] : void 0;
+					});
+				} catch (sjErr) {
+					console.warn("[XlsxViewer] SheetJS failed, falling back to ExcelJS only:", sjErr);
+				}
+				const built = wb.worksheets.filter((ws) => ws.state !== "hidden" && ws.state !== "veryHidden").map((ws, idx) => buildSheet(ws, sjSheets[idx]));
+				if (cancelled) return;
+				setSheets(built);
+				setActive(0);
+			} catch (e) {
+				const err = e instanceof Error ? e : /* @__PURE__ */ new Error("Failed to read spreadsheet");
+				if (!cancelled) {
+					setError(err.message);
+					onError?.(err);
+				}
+			} finally {
+				if (!cancelled) setLoading(false);
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [data, onError]);
+	const sheet = sheets[active];
+	const headerCols = useMemo(() => sheet ? Array.from({ length: sheet.cols }, (_, i) => i + 1) : [], [sheet]);
+	if (loading) return /* @__PURE__ */ jsxs("div", {
+		className: `ov-xlsx__loading${className ? ` ${className}` : ""}`,
+		children: [/* @__PURE__ */ jsx(Loader2, { className: "ov-xlsx__loading-icon" }), /* @__PURE__ */ jsx("span", {
+			className: "ov-xlsx__loading-text",
+			children: "Reading spreadsheet…"
+		})]
+	});
+	if (error) return /* @__PURE__ */ jsx("div", {
+		className: `ov-xlsx__error${className ? ` ${className}` : ""}`,
+		children: error
+	});
+	if (!sheet) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `ov-xlsx${className ? ` ${className}` : ""}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "ov-xlsx__grid-area",
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "ov-xlsx__table",
+				style: {
+					tableLayout: "fixed",
+					fontFamily: "Calibri, 'Segoe UI', Arial, sans-serif"
+				},
+				children: [
+					/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", { style: {
+						width: 44,
+						minWidth: 44
+					} }), headerCols.map((c) => /* @__PURE__ */ jsx("col", { style: {
+						width: sheet.colWidths[c - 1],
+						minWidth: sheet.colWidths[c - 1]
+					} }, c))] }),
+					/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { className: "ov-xlsx__corner" }), headerCols.map((c) => {
+						if (sheet.colWidths[c - 1] === 0) return /* @__PURE__ */ jsx("th", { style: {
+							width: 0,
+							padding: 0,
+							border: "none"
+						} }, c);
+						return /* @__PURE__ */ jsx("th", {
+							className: "ov-xlsx__col-header",
+							children: colLetter(c)
+						}, c);
+					})] }) }),
+					/* @__PURE__ */ jsx("tbody", { children: sheet.rows.map((row, ri) => {
+						const h = sheet.rowHeights[ri];
+						if (h === 0) return null;
+						return /* @__PURE__ */ jsxs("tr", {
+							style: { height: h },
+							children: [/* @__PURE__ */ jsx("td", {
+								className: "ov-xlsx__row-header",
+								children: ri + 1
+							}), row.map((cell) => cell === null ? null : /* @__PURE__ */ jsx("td", {
+								rowSpan: cell.rowSpan,
+								colSpan: cell.colSpan,
+								className: "ov-xlsx__cell",
+								style: cell.style,
+								"data-ov-bold": cell.style.fontWeight === 600 ? "" : void 0,
+								children: cell.accountingPrefix ? /* @__PURE__ */ jsxs("span", {
+									className: "ov-xlsx__cell-accounting",
+									style: { whiteSpace: "nowrap" },
+									children: [/* @__PURE__ */ jsx("span", { children: cell.accountingPrefix }), /* @__PURE__ */ jsx("span", {
+										style: {
+											flex: 1,
+											textAlign: "right"
+										},
+										children: cell.text
+									})]
+								}) : /* @__PURE__ */ jsx("span", {
+									className: "ov-xlsx__cell-text",
+									style: { whiteSpace: cell.style.whiteSpace ?? "nowrap" },
+									children: cell.text
+								})
+							}, cell.key))]
+						}, ri);
+					}) })
+				]
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "ov-xlsx__tabbar",
+			children: [sheets.length > 5 && /* @__PURE__ */ jsxs("div", {
+				className: "ov-xlsx__tabnav",
+				children: [/* @__PURE__ */ jsx("button", {
+					onClick: () => scrollTabs("left"),
+					"aria-label": "Scroll sheet tabs left",
+					className: "ov-xlsx__tabnav-btn",
+					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "ov-xlsx__tabnav-icon" })
+				}), /* @__PURE__ */ jsx("button", {
+					onClick: () => scrollTabs("right"),
+					"aria-label": "Scroll sheet tabs right",
+					className: "ov-xlsx__tabnav-btn",
+					children: /* @__PURE__ */ jsx(ChevronRight, { className: "ov-xlsx__tabnav-icon" })
+				})]
+			}), /* @__PURE__ */ jsx("div", {
+				ref: tabBarRef,
+				className: "ov-xlsx__tabs",
+				children: sheets.map((s, i) => /* @__PURE__ */ jsx("button", {
+					onClick: () => setActive(i),
+					title: s.name,
+					className: `ov-xlsx__tab${i === active ? " ov-xlsx__tab--active" : ""}`,
+					children: /* @__PURE__ */ jsx("span", {
+						className: "ov-xlsx__tab-name",
+						children: s.name
+					})
+				}, i))
+			})]
+		})]
+	});
+}
+//#endregion
+export { XlsxViewer };