reamkit 1.4.0 → 1.6.0

package/dist/esm/excel/xlsx-writer.js

@@ -0,0 +1,278 @@
+import { FEATURES } from "../core/ir/features.js";
+import { buildOpcPackage } from "../core/opc/opc-writer.js";
+import "../core/opc/index.js";
+//#region src/excel/xlsx-writer.ts
+var encoder = new TextEncoder();
+var REL_OFFICE_DOCUMENT = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument";
+var REL_WORKSHEET = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet";
+var REL_SHARED_STRINGS = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings";
+var REL_STYLES = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles";
+var REL_TABLE = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/table";
+var CT_WORKBOOK = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml";
+var CT_WORKSHEET = "application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml";
+var CT_SHARED_STRINGS = "application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml";
+var CT_STYLES = "application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml";
+var CT_TABLE = "application/vnd.openxmlformats-officedocument.spreadsheetml.table+xml";
+var MAIN_NS = "http://schemas.openxmlformats.org/spreadsheetml/2006/main";
+var R_NS = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
+function writeXlsx(sheet) {
+	const losses = [];
+	const worksheetParts = [];
+	const tableParts = [];
+	const worksheetRels = [];
+	const sheetEntries = [];
+	const workbookRels = [];
+	let tableCounter = 0;
+	sheet.sheets.forEach((s, i) => {
+		const idx = i + 1;
+		const rid = `rId${idx}`;
+		const wsPath = `xl/worksheets/sheet${idx}.xml`;
+		const tableRelIds = [];
+		const wsTableRels = [];
+		for (const t of s.grid.tables ?? []) {
+			const tid = ++tableCounter;
+			const tRid = `rIdTbl${tid}`;
+			tableRelIds.push(tRid);
+			tableParts.push({
+				path: `xl/tables/table${tid}.xml`,
+				data: encoder.encode(tableXml(t, tid)),
+				contentType: CT_TABLE
+			});
+			wsTableRels.push(rel(tRid, REL_TABLE, `../tables/table${tid}.xml`));
+		}
+		if (wsTableRels.length > 0) worksheetRels.push({
+			sourcePart: wsPath,
+			relationships: wsTableRels
+		});
+		worksheetParts.push({
+			path: wsPath,
+			data: encoder.encode(worksheetXml(s.grid, tableRelIds)),
+			contentType: CT_WORKSHEET
+		});
+		workbookRels.push(rel(rid, REL_WORKSHEET, `worksheets/sheet${idx}.xml`));
+		sheetEntries.push({
+			name: s.name,
+			sheetId: idx,
+			rid
+		});
+		recordSheetLosses(s, losses);
+	});
+	const sstRid = `rId${sheet.sheets.length + 1}`;
+	const stylesRid = `rId${sheet.sheets.length + 2}`;
+	workbookRels.push(rel(sstRid, REL_SHARED_STRINGS, "sharedStrings.xml"));
+	workbookRels.push(rel(stylesRid, REL_STYLES, "styles.xml"));
+	return {
+		bytes: buildOpcPackage({
+			parts: [
+				{
+					path: "xl/workbook.xml",
+					data: encoder.encode(workbookXml(sheetEntries, sheet.definedNames, sheet.date1904)),
+					contentType: CT_WORKBOOK
+				},
+				...worksheetParts,
+				...tableParts,
+				{
+					path: "xl/sharedStrings.xml",
+					data: encoder.encode(sharedStringsXml(sheet.sharedStrings)),
+					contentType: CT_SHARED_STRINGS
+				},
+				{
+					path: "xl/styles.xml",
+					data: encoder.encode(stylesXml(sheet.styles)),
+					contentType: CT_STYLES
+				}
+			],
+			rootRelationships: [rel("rId1", REL_OFFICE_DOCUMENT, "xl/workbook.xml")],
+			partRelationships: [{
+				sourcePart: "xl/workbook.xml",
+				relationships: workbookRels
+			}, ...worksheetRels]
+		}),
+		losses
+	};
+}
+new Set([FEATURES.text, FEATURES.tables]);
+function rel(id, type, target) {
+	return {
+		id,
+		type,
+		target,
+		targetMode: "Internal"
+	};
+}
+function recordSheetLosses(s, losses) {
+	if (s.charts && s.charts.length > 0) losses.push({
+		severity: "dropped",
+		feature: FEATURES.charts,
+		detail: `sheet "${s.name}": embedded charts not written back`
+	});
+}
+function workbookXml(sheets, definedNames, date1904) {
+	const sheetTags = sheets.map((s) => `<sheet name="${escapeAttr(s.name)}" sheetId="${s.sheetId}" r:id="${s.rid}"/>`).join("");
+	const definedNamesXml = definedNames.length > 0 ? `<definedNames>${definedNames.map((d) => `<definedName name="${escapeAttr(d.name)}"${d.localSheetId !== void 0 ? ` localSheetId="${d.localSheetId}"` : ""}>${escapeText(d.value)}</definedName>`).join("")}</definedNames>` : "";
+	return XML_DECL + `<workbook xmlns="${MAIN_NS}" xmlns:r="${R_NS}">` + (date1904 ? "<workbookPr date1904=\"1\"/>" : "") + `<sheets>${sheetTags}</sheets>` + definedNamesXml + "</workbook>";
+}
+function worksheetXml(grid, tableRelIds = []) {
+	const dimension = grid.maxRow >= 0 && grid.maxColumn >= 0 ? `<dimension ref="A1:${cellRef(grid.maxRow, grid.maxColumn)}"/>` : "<dimension ref=\"A1\"/>";
+	const colsXml = grid.columns.length > 0 ? `<cols>${grid.columns.map((c) => `<col min="${c.min}" max="${c.max}" width="${c.widthChars}" customWidth="1"/>`).join("")}</cols>` : "";
+	const heightByRow = /* @__PURE__ */ new Map();
+	for (const rh of grid.rowHeights) heightByRow.set(rh.row, {
+		heightPt: rh.heightPt,
+		customHeight: rh.customHeight
+	});
+	const cellsByRow = /* @__PURE__ */ new Map();
+	for (const cell of grid.cells) {
+		let row = cellsByRow.get(cell.row);
+		if (!row) {
+			row = [];
+			cellsByRow.set(cell.row, row);
+		}
+		row.push(cell);
+	}
+	const rowsXml = [...new Set([...cellsByRow.keys(), ...heightByRow.keys()])].sort((a, b) => a - b).map((r) => {
+		const cells = (cellsByRow.get(r) ?? []).slice().sort((a, b) => a.column - b.column);
+		const h = heightByRow.get(r);
+		const heightAttrs = h ? ` ht="${h.heightPt}"${h.customHeight ? " customHeight=\"1\"" : ""}` : "";
+		return `<row r="${r + 1}"${heightAttrs}>${cells.map(cellXml).join("")}</row>`;
+	}).join("");
+	const mergesXml = grid.merges.length > 0 ? `<mergeCells count="${grid.merges.length}">${grid.merges.map((m) => `<mergeCell ref="${cellRef(m.startRow, m.startColumn)}:${cellRef(m.endRow, m.endColumn)}"/>`).join("")}</mergeCells>` : "";
+	return XML_DECL + `<worksheet xmlns="${MAIN_NS}" xmlns:r="${R_NS}">` + (grid.fitToPage ? "<sheetPr><pageSetUpPr fitToPage=\"1\"/></sheetPr>" : "") + dimension + sheetViewsXml(grid.pane) + colsXml + `<sheetData>${rowsXml}</sheetData>` + mergesXml + conditionalFormattingXml(grid.conditionalFormats) + printOptionsXml(grid.printOptions) + pageMarginsXml(grid.pageMargins) + pageSetupXml(grid.pageSetup) + breaksXml("rowBreaks", grid.rowBreaks) + breaksXml("colBreaks", grid.colBreaks) + (tableRelIds.length > 0 ? `<tableParts count="${tableRelIds.length}">${tableRelIds.map((id) => `<tablePart r:id="${id}"/>`).join("")}</tableParts>` : "") + sparklineExtXml(grid.sparklines) + "</worksheet>";
+}
+function sheetViewsXml(pane) {
+	if (!pane || pane.frozenRows <= 0 && pane.frozenCols <= 0) return "";
+	const { frozenRows, frozenCols } = pane;
+	const topLeftCell = cellRef(frozenRows, frozenCols);
+	const activePane = frozenRows > 0 && frozenCols > 0 ? "bottomRight" : frozenRows > 0 ? "bottomLeft" : "topRight";
+	return `<sheetViews><sheetView workbookViewId="0"><pane${(frozenCols > 0 ? ` xSplit="${frozenCols}"` : "") + (frozenRows > 0 ? ` ySplit="${frozenRows}"` : "") + ` topLeftCell="${topLeftCell}" activePane="${activePane}" state="frozen"`}/></sheetView></sheetViews>`;
+}
+function tableXml(t, id) {
+	const ref = rangeRef(t.ref);
+	const name = t.name ?? `Table${id}`;
+	const ncols = t.ref.endColumn - t.ref.startColumn + 1;
+	const columns = Array.from({ length: ncols }, (_, c) => `<tableColumn id="${c + 1}" name="Column${c + 1}"/>`).join("");
+	const styleInfo = t.styleName ? `<tableStyleInfo name="${escapeAttr(t.styleName)}" showFirstColumn="${t.showFirstColumn ? 1 : 0}" showLastColumn="${t.showLastColumn ? 1 : 0}" showRowStripes="${t.showRowStripes ? 1 : 0}" showColumnStripes="${t.showColumnStripes ? 1 : 0}"/>` : "";
+	return XML_DECL + `<table xmlns="${MAIN_NS}" id="${id}" name="${escapeAttr(name)}" displayName="${escapeAttr(name)}" ref="${ref}"${t.headerRowCount !== 1 ? ` headerRowCount="${t.headerRowCount}"` : ""} totalsRowShown="0">` + (t.autoFilter ? `<autoFilter ref="${ref}"/>` : "") + `<tableColumns count="${ncols}">${columns}</tableColumns>` + styleInfo + "</table>";
+}
+function conditionalFormattingXml(cfs) {
+	if (!cfs || cfs.length === 0) return "";
+	return cfs.map((cf) => {
+		return `<conditionalFormatting sqref="${cf.ranges.map(rangeRef).join(" ")}">${cf.rules.map(cfRuleXml).join("")}</conditionalFormatting>`;
+	}).join("");
+}
+function cfRuleXml(rule) {
+	const p = ` priority="${rule.priority}"`;
+	switch (rule.type) {
+		case "cellIs": return `<cfRule type="cellIs"${p} operator="${rule.operator}" dxfId="${rule.dxfId}">` + rule.formulas.map((f) => `<formula>${escapeText(f)}</formula>`).join("") + "</cfRule>";
+		case "colorScale": return `<cfRule type="colorScale"${p}><colorScale>` + rule.cfvos.map(cfvoXml).join("") + rule.colorsHex.map((c) => `<color rgb="FF${c}"/>`).join("") + "</colorScale></cfRule>";
+		case "dataBar": return `<cfRule type="dataBar"${p}><dataBar` + (rule.minLength !== void 0 ? ` minLength="${rule.minLength}"` : "") + (rule.maxLength !== void 0 ? ` maxLength="${rule.maxLength}"` : "") + ">" + rule.cfvos.map(cfvoXml).join("") + `<color rgb="FF${rule.colorHex}"/></dataBar></cfRule>`;
+		case "iconSet": return `<cfRule type="iconSet"${p}><iconSet iconSet="${rule.iconSet}"` + (rule.reverse ? " reverse=\"1\"" : "") + ">" + rule.cfvos.map(cfvoXml).join("") + "</iconSet></cfRule>";
+	}
+}
+function cfvoXml(cfvo) {
+	return `<cfvo type="${cfvo.type}"${cfvo.val !== void 0 ? ` val="${escapeAttr(cfvo.val)}"` : ""}/>`;
+}
+var X14_NS = "http://schemas.microsoft.com/office/spreadsheetml/2009/9/main";
+var XM_NS = "http://schemas.microsoft.com/office/excel/2006/main";
+function sparklineExtXml(sparklines) {
+	if (!sparklines || sparklines.length === 0) return "";
+	return `<extLst><ext uri="{05C60535-1F16-4fd2-B633-F4F36F0B64E0}" xmlns:x14="${X14_NS}"><x14:sparklineGroups xmlns:xm="${XM_NS}">${sparklines.map((sp) => {
+		return `<x14:sparklineGroup${sp.kind === "column" ? " type=\"column\"" : sp.kind === "winLoss" ? " type=\"stacked\"" : ""}>${sp.colorHex ? `<x14:colorSeries rgb="FF${sp.colorHex}"/>` : ""}<x14:sparklines><x14:sparkline><xm:f>${escapeText(sp.dataRange)}</xm:f><xm:sqref>${escapeText(sp.sqref)}</xm:sqref></x14:sparkline></x14:sparklines></x14:sparklineGroup>`;
+	}).join("")}</x14:sparklineGroups></ext></extLst>`;
+}
+function rangeRef(r) {
+	const a = cellRef(r.startRow, r.startColumn);
+	if (r.startRow === r.endRow && r.startColumn === r.endColumn) return a;
+	return `${a}:${cellRef(r.endRow, r.endColumn)}`;
+}
+function printOptionsXml(po) {
+	if (!po) return "";
+	const flag = (name, v) => v !== void 0 ? ` ${name}="${v ? "1" : "0"}"` : "";
+	const attrs = flag("gridLines", po.gridLines) + flag("horizontalCentered", po.horizontalCentered) + flag("verticalCentered", po.verticalCentered);
+	return attrs ? `<printOptions${attrs}/>` : "";
+}
+function pageMarginsXml(m) {
+	if (!m) return "";
+	return `<pageMargins left="${m.leftInches}" right="${m.rightInches}" top="${m.topInches}" bottom="${m.bottomInches}"` + (m.headerInches !== void 0 ? ` header="${m.headerInches}"` : "") + (m.footerInches !== void 0 ? ` footer="${m.footerInches}"` : "") + "/>";
+}
+function pageSetupXml(s) {
+	if (!s) return "";
+	const attr = (name, v) => v !== void 0 ? ` ${name}="${v}"` : "";
+	const attrs = attr("paperSize", s.paperSize) + attr("orientation", s.orientation) + attr("scale", s.scale) + attr("fitToWidth", s.fitToWidth) + attr("fitToHeight", s.fitToHeight);
+	return attrs ? `<pageSetup${attrs}/>` : "";
+}
+function breaksXml(tag, breaks) {
+	if (!breaks || breaks.length === 0) return "";
+	const brks = breaks.map((id) => `<brk id="${id}" man="1"/>`).join("");
+	return `<${tag} count="${breaks.length}" manualBreakCount="${breaks.length}">${brks}</${tag}>`;
+}
+function cellXml(cell) {
+	const ref = cellRef(cell.row, cell.column);
+	const sAttr = cell.styleIndex !== void 0 ? ` s="${cell.styleIndex}"` : "";
+	const tAttr = cell.type === "n" ? "" : ` t="${cell.type}"`;
+	if (cell.type === "inlineStr") return `<c r="${ref}"${sAttr}${tAttr}><is><t xml:space="preserve">${escapeText(cell.inlineText ?? "")}</t></is></c>`;
+	if (cell.rawValue === "") return `<c r="${ref}"${sAttr}${tAttr}/>`;
+	return `<c r="${ref}"${sAttr}${tAttr}><v>${escapeText(cell.rawValue)}</v></c>`;
+}
+function sharedStringsXml(strings) {
+	const items = strings.map((s) => `<si><t xml:space="preserve">${escapeText(s)}</t></si>`).join("");
+	return XML_DECL + `<sst xmlns="${MAIN_NS}" count="${strings.length}" uniqueCount="${strings.length}">` + items + "</sst>";
+}
+function stylesXml(styles) {
+	const numFmts = styles.numFmts.size > 0 ? `<numFmts count="${styles.numFmts.size}">${[...styles.numFmts].map(([id, code]) => `<numFmt numFmtId="${id}" formatCode="${escapeAttr(code)}"/>`).join("")}</numFmts>` : "";
+	const fonts = `<fonts count="${styles.fonts.length}">${styles.fonts.map(fontXml).join("")}</fonts>`;
+	const fills = `<fills count="${styles.fills.length}">${styles.fills.map(fillXml).join("")}</fills>`;
+	const borders = `<borders count="${styles.borders.length}">${styles.borders.map(borderXml).join("")}</borders>`;
+	const cellStyleXfs = "<cellStyleXfs count=\"1\"><xf numFmtId=\"0\" fontId=\"0\" fillId=\"0\" borderId=\"0\"/></cellStyleXfs>";
+	const cellXfs = `<cellXfs count="${styles.cellXfs.length}">${styles.cellXfs.map(cellXfXml).join("")}</cellXfs>`;
+	const dxfs = styles.dxfs && styles.dxfs.length > 0 ? `<dxfs count="${styles.dxfs.length}">${styles.dxfs.map((d) => `<dxf>${d.font ? `<font>${fontInner(d.font)}</font>` : ""}${d.fill ? `<fill>${patternFill(d.fill)}</fill>` : ""}</dxf>`).join("")}</dxfs>` : "";
+	return XML_DECL + `<styleSheet xmlns="${MAIN_NS}">` + numFmts + fonts + fills + borders + cellStyleXfs + cellXfs + dxfs + "</styleSheet>";
+}
+function fontXml(f) {
+	return `<font>${fontInner(f)}</font>`;
+}
+function fontInner(f) {
+	return (f.sizePt !== void 0 ? `<sz val="${f.sizePt}"/>` : "") + (f.bold ? "<b/>" : "") + (f.italic ? "<i/>" : "") + (f.underline ? "<u/>" : "") + (f.colorHex ? `<color rgb="FF${f.colorHex}"/>` : "") + (f.name ? `<name val="${escapeAttr(f.name)}"/>` : "");
+}
+function fillXml(f) {
+	return `<fill>${patternFill(f)}</fill>`;
+}
+function patternFill(f) {
+	const inner = (f.fgColorHex ? `<fgColor rgb="FF${f.fgColorHex}"/>` : "") + (f.bgColorHex ? `<bgColor rgb="FF${f.bgColorHex}"/>` : "");
+	return `<patternFill${f.patternType ? ` patternType="${f.patternType}"` : ""}>${inner}</patternFill>`;
+}
+function borderXml(b) {
+	return `<border>${edgeXml("left", b.left)}${edgeXml("right", b.right)}${edgeXml("top", b.top)}${edgeXml("bottom", b.bottom)}</border>`;
+}
+function edgeXml(name, edge) {
+	if (!edge || !edge.style) return `<${name}/>`;
+	const color = edge.colorHex ? `<color rgb="FF${edge.colorHex}"/>` : "";
+	return `<${name} style="${edge.style}">${color}</${name}>`;
+}
+function cellXfXml(xf) {
+	const apply = applyAttr("applyNumberFormat", xf.applyNumberFormat) + applyAttr("applyFont", xf.applyFont) + applyAttr("applyFill", xf.applyFill) + applyAttr("applyBorder", xf.applyBorder) + applyAttr("applyAlignment", xf.applyAlignment);
+	const a = xf.alignment;
+	const alignment = a ? `<alignment${a.horizontal ? ` horizontal="${a.horizontal}"` : ""}${a.vertical ? ` vertical="${a.vertical}"` : ""}${a.wrapText ? " wrapText=\"1\"" : ""}/>` : "";
+	return `<xf numFmtId="${xf.numFmtId}" fontId="${xf.fontId}" fillId="${xf.fillId}" borderId="${xf.borderId}"${apply}>` + alignment + "</xf>";
+}
+function applyAttr(name, value) {
+	return value !== void 0 ? ` ${name}="${value ? "1" : "0"}"` : "";
+}
+var XML_DECL = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?>";
+function cellRef(row, col) {
+	let n = col + 1;
+	let letters = "";
+	while (n > 0) {
+		const rem = (n - 1) % 26;
+		letters = String.fromCharCode(65 + rem) + letters;
+		n = Math.floor((n - 1) / 26);
+	}
+	return `${letters}${row + 1}`;
+}
+function escapeText(s) {
+	return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escapeAttr(s) {
+	return escapeText(s).replace(/"/g, "&quot;");
+}
+//#endregion
+export { writeXlsx };

package/dist/esm/html/html-writer.js

@@ -3,6 +3,7 @@ import { detectImageFormat } from "../core/images.js";
 import { EMPTY_STYLE_SHEET, resolveParagraphProperties, resolveRunProperties } from "../core/style-cascade/resolver.js";
 import "../core/style-cascade/index.js";
 import { PathBuilder, flipTransform, svgPathData } from "../core/vector.js";
+import { buildSparkline } from "../core/drawingml/sparkline-geometry.js";
 import { arcPoint, arcToBeziers } from "../core/arc-to-bezier.js";
 import { buildChartScene } from "../core/drawingml/chart-geometry.js";
 import { buildShapePaths, buildShapeTransform, buildStroke } from "../core/drawingml/shape-render.js";
@@ -355,6 +356,21 @@ function emitTable(out, table, ctx) {
 			return start;
 		});
 	});
+	const frozen = table.properties.frozen;
+	const leftOffsets = [];
+	const topOffsets = [];
+	if (frozen) {
+		let left = 0;
+		for (const w of table.grid) {
+			leftOffsets.push(left);
+			left += w;
+		}
+		let top = 0;
+		for (const row of table.rows) {
+			topOffsets.push(top);
+			top += row.properties.height ?? 15;
+		}
+	}
 	for (let ri = 0; ri < table.rows.length; ri++) {
 		const row = table.rows[ri];
 		out.push("<tr>");
@@ -362,14 +378,17 @@ function emitTable(out, table, ctx) {
 			const cell = row.cells[ci];
 			const merge = cell.properties.merge;
 			if (merge === "middle" || merge === "end") continue;
-			const rowSpan = merge === "start" ? mergeRowSpan(table, colStarts, ri, colStarts[ri][ci]) : 1;
+			const cs = colStarts[ri][ci];
+			const rowSpan = merge === "start" ? mergeRowSpan(table, colStarts, ri, cs) : 1;
 			emitCell(out, cell, table, ctx, {
 				isHeader: row.properties.isHeader === true,
 				firstRow: ri === 0,
 				lastRow: ri === table.rows.length - 1,
-				firstCol: colStarts[ri][ci] === 0,
-				lastCol: colStarts[ri][ci] + (cell.properties.colSpan ?? 1) >= table.grid.length,
-				rowSpan
+				firstCol: cs === 0,
+				lastCol: cs + (cell.properties.colSpan ?? 1) >= table.grid.length,
+				rowSpan,
+				...frozen && ri < frozen.rows ? { stickyTop: topOffsets[ri] } : {},
+				...frozen && cs < frozen.cols ? { stickyLeft: leftOffsets[cs] } : {}
 			});
 		}
 		out.push("</tr>");
@@ -402,16 +421,119 @@ function emitCell(out, cell, table, ctx, pos) {
 	pushBorder(css, "left", c?.left ?? (pos.firstCol ? t?.left : t?.insideV));
 	pushBorder(css, "right", c?.right ?? (pos.lastCol ? t?.right : t?.insideV));
 	if (cell.properties.shading) css.push(`background-color:#${cell.properties.shading.colorHex}`);
+	if (cell.properties.dataBar) {
+		const db = cell.properties.dataBar;
+		const clamp = (n) => Math.max(0, Math.min(1, n));
+		const start = (clamp(db.startFraction ?? 0) * 100).toFixed(2);
+		const end = (clamp((db.startFraction ?? 0) + db.fraction) * 100).toFixed(2);
+		const c = db.colorHex;
+		css.push(`background-image:linear-gradient(to right,transparent ${start}%,#${c} ${start}%,#${c} ${end}%,transparent ${end}%)`);
+	}
 	const margins = cell.properties.margins ?? table.properties.defaultCellMargins;
 	const padTop = margins?.top ?? 0;
 	const padRight = margins?.right ?? 5.4;
 	const padBottom = margins?.bottom ?? 0;
 	const padLeft = margins?.left ?? 5.4;
 	css.push(`padding:${fmt(padTop)}pt ${fmt(padRight)}pt ${fmt(padBottom)}pt ${fmt(padLeft)}pt`);
+	if (pos.stickyTop !== void 0 || pos.stickyLeft !== void 0) {
+		css.push("position:sticky");
+		if (pos.stickyTop !== void 0) css.push(`top:${fmt(pos.stickyTop)}pt`);
+		if (pos.stickyLeft !== void 0) css.push(`left:${fmt(pos.stickyLeft)}pt`);
+		const z = pos.stickyTop !== void 0 && pos.stickyLeft !== void 0 ? 3 : pos.stickyTop !== void 0 ? 2 : 1;
+		css.push(`z-index:${z}`);
+		if (!cell.properties.shading) css.push("background-color:#fff");
+	}
 	out.push(`<${tag}${attrs.length > 0 ? ` ${attrs.join(" ")}` : ""} style="${css.join(";")}">`);
+	if (cell.properties.icon) out.push(cellIconSvg(cell.properties.icon));
+	if (cell.properties.sparkline) out.push(cellSparklineSvg(cell.properties.sparkline));
 	for (const child of cell.content) emitBlock(out, child, ctx);
 	out.push(`</${tag}>`);
 }
+function cellSparklineSvg(sp) {
+	const W = 56;
+	const H = 16;
+	if (sp.values.length === 0) return "";
+	const prims = buildSparkline(sp.kind, sp.values, W, H, sp.colorHex);
+	const fmt = (n) => (Math.round(n * 100) / 100).toString();
+	const parts = [];
+	for (const prim of prims) {
+		const d = prim.paths.map((p) => svgPathData(p.segments, fmt)).join(" ");
+		parts.push(prim.stroke ? `<path d="${d}" fill="none" stroke="#${prim.stroke.colorHex}" stroke-width="${prim.stroke.widthPt}"/>` : `<path d="${d}" fill="#${prim.fillColorHex ?? "376092"}"/>`);
+	}
+	return `<svg width="${W}" height="${H}" viewBox="0 0 ${W} ${H}" style="vertical-align:middle"><g transform="translate(0,${H}) scale(1,-1)">${parts.join("")}</g></svg>`;
+}
+var ICON_EMPTY_HEX = "BFBFBF";
+function cellIconSvg(icon) {
+	const fill = `#${icon.colorHex}`;
+	let body;
+	switch (icon.shape) {
+		case "square":
+			body = `<rect x="1" y="1" width="8" height="8" fill="${fill}"/>`;
+			break;
+		case "diamond":
+			body = `<polygon points="5,1 9,5 5,9 1,5" fill="${fill}"/>`;
+			break;
+		case "triangleUp":
+			body = `<polygon points="5,1 9,9 1,9" fill="${fill}"/>`;
+			break;
+		case "triangleDown":
+			body = `<polygon points="1,1 9,1 5,9" fill="${fill}"/>`;
+			break;
+		case "triangleRight":
+			body = `<polygon points="9,5 1,1 1,9" fill="${fill}"/>`;
+			break;
+		case "check":
+			body = `<polyline points="1.6,5 4,7.4 8.4,2.6" fill="none" stroke="${fill}" stroke-width="1.6"/>`;
+			break;
+		case "cross":
+			body = `<path d="M2.4 2.4 L7.6 7.6 M2.4 7.6 L7.6 2.4" fill="none" stroke="${fill}" stroke-width="1.6"/>`;
+			break;
+		case "exclamation":
+			body = `<rect x="4.1" y="1" width="1.8" height="5.6" fill="${fill}"/><rect x="4.1" y="7.4" width="1.8" height="1.6" fill="${fill}"/>`;
+			break;
+		case "bars":
+			body = barsIconSvg(icon.fill, fill, `#${ICON_EMPTY_HEX}`);
+			break;
+		case "pie":
+			body = pieIconSvg(icon.fill, fill, `#${ICON_EMPTY_HEX}`);
+			break;
+		case "circle":
+			body = `<circle cx="5" cy="5" r="4" fill="${fill}"/>`;
+			break;
+	}
+	return `<svg width="10" height="10" viewBox="0 0 10 10" style="vertical-align:middle;margin-right:3px">${body}</svg>`;
+}
+var round2 = (n) => (Math.round(n * 100) / 100).toString();
+function barsIconSvg(fill, color, empty) {
+	const n = Math.max(1, fill?.levels ?? 4);
+	const filled = fill?.filled ?? 0;
+	const gap = 10 * .12;
+	const bw = (10 - gap * (n - 1)) / n;
+	let out = "";
+	for (let i = 0; i < n; i++) {
+		const h = 10 * (.32 + .68 * (i + 1) / n);
+		out += `<rect x="${round2(i * (bw + gap))}" y="${round2(10 - h)}" width="${round2(bw)}" height="${round2(h)}" fill="${i < filled ? color : empty}"/>`;
+	}
+	return out;
+}
+function pieIconSvg(fill, color, empty) {
+	const cx = 5;
+	const cy = 5;
+	const r = 4.4;
+	const levels = Math.max(1, fill?.levels ?? 4);
+	const filled = Math.max(0, Math.min(levels, fill?.filled ?? 0));
+	let out = `<circle cx="${cx}" cy="${cy}" r="${r}" fill="${empty}"/>`;
+	if (filled >= levels) out += `<circle cx="${cx}" cy="${cy}" r="${r}" fill="${color}"/>`;
+	else if (filled > 0) {
+		const frac = filled / levels;
+		const ang = -Math.PI / 2 + frac * 2 * Math.PI;
+		const ex = cx + r * Math.cos(ang);
+		const ey = cy + r * Math.sin(ang);
+		const large = frac > .5 ? 1 : 0;
+		out += `<path d="M${cx} ${cy} L${cx} ${round2(cy - r)} A${r} ${r} 0 ${large} 1 ${round2(ex)} ${round2(ey)} Z" fill="${color}"/>`;
+	}
+	return out;
+}
 function pushBorder(css, side, border) {
 	if (!border || border.style === "none") return;
 	const width = border.width ?? .5;

package/dist/esm/layout/styled-layout.js

@@ -12,6 +12,7 @@ import { DEFAULT_RESOLVED_PARAGRAPH, DEFAULT_RESOLVED_RUN } from "../core/style-
 import { resolveParagraphProperties, resolveRunProperties } from "../core/style-cascade/resolver.js";
 import "../core/style-cascade/index.js";
 import { PathBuilder, flipTransform } from "../core/vector.js";
+import { buildSparkline } from "../core/drawingml/sparkline-geometry.js";
 import { arcPoint, arcToBeziers } from "../core/arc-to-bezier.js";
 import { buildChartScene } from "../core/drawingml/chart-geometry.js";
 import { layoutMath, mathGlyphSegments, variantStyle } from "./math-layout.js";
@@ -560,6 +561,101 @@ function buildChartLayout(chart, widthPt, heightPt, font) {
 function rectAtPath(x, y, w, h) {
 	return new PathBuilder().moveTo(x, y).lineTo(x + w, y).lineTo(x + w, y + h).lineTo(x, y + h).close().build();
 }
+var CF_ICON_SIZE_PT = 9;
+var CF_ICON_GUTTER_PT = 12;
+var CF_ICON_EMPTY_HEX = "BFBFBF";
+function buildCellIconShape(icon, s) {
+	const color = icon.colorHex;
+	switch (icon.shape) {
+		case "bars": return barsIconPrims(s, color, icon.fill);
+		case "pie": return pieIconPrims(s, color, icon.fill);
+		case "check": return [{
+			paths: [checkPath(s)],
+			stroke: {
+				colorHex: color,
+				widthPt: s * .16
+			}
+		}];
+		case "cross": return [{
+			paths: crossPaths(s),
+			stroke: {
+				colorHex: color,
+				widthPt: s * .16
+			}
+		}];
+		case "exclamation": return [{
+			paths: [rectAtPath(s * .41, s * .34, s * .18, s * .56), rectAtPath(s * .41, s * .1, s * .18, s * .16)],
+			fillColorHex: color
+		}];
+		default: return [{
+			paths: [cellIconPath(icon.shape, s)],
+			fillColorHex: color
+		}];
+	}
+}
+function cellIconPath(shape, s) {
+	switch (shape) {
+		case "square": return rectAtPath(s * .12, s * .12, s * .76, s * .76);
+		case "diamond": return new PathBuilder().moveTo(s / 2, s * .92).lineTo(s * .92, s / 2).lineTo(s / 2, s * .08).lineTo(s * .08, s / 2).close().build();
+		case "triangleUp": return trianglePath([s / 2, s * .9], [s * .1, s * .12], [s * .9, s * .12]);
+		case "triangleDown": return trianglePath([s / 2, s * .1], [s * .1, s * .88], [s * .9, s * .88]);
+		case "triangleRight": return trianglePath([s * .9, s / 2], [s * .12, s * .1], [s * .12, s * .9]);
+		case "circle": return circlePath(s / 2, s / 2, s * .42);
+	}
+}
+function barsIconPrims(s, color, fill) {
+	const n = Math.max(1, fill?.levels ?? 4);
+	const filled = fill?.filled ?? 0;
+	const gap = s * .12;
+	const bw = (s - gap * (n - 1)) / n;
+	const prims = [];
+	for (let i = 0; i < n; i++) {
+		const h = s * (.32 + .68 * (i + 1) / n);
+		prims.push({
+			paths: [rectAtPath(i * (bw + gap), 0, bw, h)],
+			fillColorHex: i < filled ? color : CF_ICON_EMPTY_HEX
+		});
+	}
+	return prims;
+}
+function pieIconPrims(s, color, fill) {
+	const cx = s / 2;
+	const cy = s / 2;
+	const r = s * .46;
+	const levels = Math.max(1, fill?.levels ?? 4);
+	const filled = Math.max(0, Math.min(levels, fill?.filled ?? 0));
+	const prims = [{
+		paths: [circlePath(cx, cy, r)],
+		fillColorHex: CF_ICON_EMPTY_HEX
+	}];
+	if (filled >= levels) prims.push({
+		paths: [circlePath(cx, cy, r)],
+		fillColorHex: color
+	});
+	else if (filled > 0) {
+		const start = Math.PI / 2;
+		const sweep = -(filled / levels) * 2 * Math.PI;
+		const [sx, sy] = arcPoint(cx, cy, r, r, start);
+		prims.push({
+			paths: [new PathBuilder().moveTo(cx, cy).lineTo(sx, sy).append(arcToBeziers(cx, cy, r, r, start, sweep)).close().build()],
+			fillColorHex: color
+		});
+	}
+	return prims;
+}
+function checkPath(s) {
+	return new PathBuilder().moveTo(s * .16, s * .5).lineTo(s * .4, s * .26).lineTo(s * .84, s * .78).build();
+}
+function crossPaths(s) {
+	return [new PathBuilder().moveTo(s * .24, s * .24).lineTo(s * .76, s * .76).build(), new PathBuilder().moveTo(s * .24, s * .76).lineTo(s * .76, s * .24).build()];
+}
+function trianglePath(a, b, c) {
+	return new PathBuilder().moveTo(a[0], a[1]).lineTo(b[0], b[1]).lineTo(c[0], c[1]).close().build();
+}
+function circlePath(cx, cy, r) {
+	const k = .5522847498307936 * r;
+	return new PathBuilder().moveTo(cx + r, cy).cubicTo(cx + r, cy + k, cx + k, cy + r, cx, cy + r).cubicTo(cx - k, cy + r, cx - r, cy + k, cx - r, cy).cubicTo(cx - r, cy - k, cx - k, cy - r, cx, cy - r).cubicTo(cx + k, cy - r, cx + r, cy - k, cx + r, cy).close().build();
+}
 function rectPrim(r) {
 	return {
 		paths: [rectAtPath(r.x, r.y, r.w, r.h)],
@@ -1431,8 +1527,9 @@ function layoutTableCell(cell, tableProps, widthPt, options, fontResources, imag
 	const tableMar = tableProps.defaultCellMargins;
 	const padTopPt = cellMar?.top ?? tableMar?.top ?? 0;
 	const padBottomPt = cellMar?.bottom ?? tableMar?.bottom ?? 0;
-	const padLeftPt = cellMar?.left ?? tableMar?.left ?? DEFAULT_CELL_PADDING_TWIPS * TWIP_TO_PT;
+	const padLeftBase = cellMar?.left ?? tableMar?.left ?? DEFAULT_CELL_PADDING_TWIPS * TWIP_TO_PT;
 	const padRightPt = cellMar?.right ?? tableMar?.right ?? DEFAULT_CELL_PADDING_TWIPS * TWIP_TO_PT;
+	const padLeftPt = padLeftBase + (cell.properties.icon ? CF_ICON_GUTTER_PT : 0);
 	const innerWidth = Math.max(1, widthPt - padLeftPt - padRightPt);
 	const lines = [];
 	const nestedTables = [];
@@ -1462,6 +1559,9 @@ function layoutTableCell(cell, tableProps, widthPt, options, fontResources, imag
 		padLeftPt,
 		borders,
 		...cell.properties.shading?.colorHex ? { shadingColorHex: cell.properties.shading.colorHex } : {},
+		...cell.properties.dataBar ? { dataBar: cell.properties.dataBar } : {},
+		...cell.properties.icon ? { icon: cell.properties.icon } : {},
+		...cell.properties.sparkline ? { sparkline: cell.properties.sparkline } : {},
 		lines,
 		...nestedTables.length > 0 ? { nestedTables } : {},
 		contentHeightPt,
@@ -2084,6 +2184,65 @@ function emitRowChunk(out, row, marginLeft, cursorY, pageHeight, colCount, cellS
 			height: pt(row.heightPt),
 			fillColorHex: cell.shadingColorHex
 		});
+		if (cell.dataBar && cell.mergeRole !== "middle" && cell.mergeRole !== "end") {
+			const start = Math.max(0, Math.min(1, cell.dataBar.startFraction ?? 0));
+			const barWidth = cell.widthPt * Math.max(0, Math.min(1, cell.dataBar.fraction));
+			if (barWidth > 0) out.push({
+				type: "fill",
+				x: pt(cellX + cell.widthPt * start),
+				y: pt(pageHeight - rowBottom - row.heightPt),
+				width: pt(barWidth),
+				height: pt(row.heightPt),
+				fillColorHex: cell.dataBar.colorHex
+			});
+		}
+		if (cell.icon && cell.mergeRole !== "middle" && cell.mergeRole !== "end") {
+			const iconSize = Math.min(CF_ICON_SIZE_PT, Math.max(0, row.heightPt - 1));
+			if (iconSize > 0) {
+				const iconTransform = flipTransform([
+					1,
+					0,
+					0,
+					1,
+					cellX + (CF_ICON_GUTTER_PT - iconSize) / 2,
+					rowBottom + (row.heightPt - iconSize) / 2
+				], pageHeight);
+				for (const prim of buildCellIconShape(cell.icon, iconSize)) out.push({
+					type: "shape",
+					shape: {
+						paths: prim.paths,
+						...prim.fillColorHex ? { fillColorHex: prim.fillColorHex } : {},
+						...prim.stroke ? { stroke: prim.stroke } : {},
+						transform: iconTransform
+					}
+				});
+			}
+		}
+		if (cell.sparkline && cell.sparkline.values.length > 0 && cell.mergeRole !== "middle" && cell.mergeRole !== "end") {
+			const inset = 1.5;
+			const sw = cell.widthPt - 2 * inset;
+			const sh = row.heightPt - 2 * inset;
+			if (sw > 0 && sh > 0) {
+				const prims = buildSparkline(cell.sparkline.kind, cell.sparkline.values, sw, sh, cell.sparkline.colorHex);
+				const transform = flipTransform([
+					1,
+					0,
+					0,
+					1,
+					cellX + inset,
+					rowBottom + inset
+				], pageHeight);
+				for (const prim of prims) out.push({
+					type: "shape",
+					shape: {
+						paths: prim.paths,
+						...prim.fillColorHex ? { fillColorHex: prim.fillColorHex } : {},
+						...prim.stroke ? { stroke: prim.stroke } : {},
+						transform
+					}
+				});
+			}
+		}
 		emitCellBorders(out, cell, cellX, rowBottom, row.heightPt, pageHeight, row.rowIdx, row.rowCount, colCount);
 		if (cell.mergeRole === "middle" || cell.mergeRole === "end") continue;
 		let textY = rowTop - cell.padTopPt;

package/dist/esm/pdf-reader/cmap.d.ts

@@ -0,0 +1,5 @@
+export interface ToUnicode {
+    readonly map: ReadonlyMap<number, string>;
+    readonly codeBytes: 1 | 2;
+}
+export declare function parseToUnicodeCMap(bytes: Uint8Array): ToUnicode;