reamkit 1.12.0 → 1.14.0

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

@@ -8,20 +8,31 @@ import { isOoxmlRel } from "../core/opc/relationship-types.js";
 import { OpcPackage } from "../core/opc/package.js";
 import { parseCoreProperties } from "../core/opc/core-properties.js";
 import "../core/opc/index.js";
+import { parseAreaRef } from "./defined-name-ref.js";
 import { parseSharedStrings } from "./shared-strings-parser.js";
 import { parseWorkbook } from "./workbook-parser.js";
 import { parseWorksheet } from "./worksheet-parser.js";
 import { EMPTY_XLSX_STYLES, parseXlsxStyles } from "./styles-parser.js";
 import "./index.js";
+import { resolveCellText } from "./print-model.js";
 import { parseSheetDrawing } from "./sheet-drawing.js";
-import { parseTablePart } from "./table-parser.js";
+import { parseTablePartFull } from "./table-parser.js";
 import { parsePivotTablePart } from "./pivot-table-parser.js";
+import { parseSlicerCachePart, parseSlicerPart } from "./slicer-parser.js";
+import { parseLegacyComments, parsePersons, parseThreadedComments } from "./comments-parser.js";
+import { parseFormControlProps } from "./form-control-parser.js";
+import { parseSheetShapes } from "./sheet-shape-parser.js";
 import { projectSheetDoc } from "./sheet-to-flow.js";
 //#region src/excel/xlsx-reader.ts
 var WORKBOOK_PART = "xl/workbook.xml";
 var SHARED_STRINGS_PART = "xl/sharedStrings.xml";
 var STYLES_PART = "xl/styles.xml";
 var CORE_PROPS_PART = "docProps/core.xml";
+var SLICER_REL_TAIL = "/slicer";
+var SLICER_CACHE_REL_TAIL = "/slicerCache";
+var THREADED_COMMENTS_REL_TAIL = "/threadedComment";
+var PERSON_REL_TAIL = "/person";
+var MAX_SLICER_ITEMS = 256;
 function readXlsx(xlsx) {
 	return {
 		doc: projectSheetDoc(readXlsxToSheetDoc(xlsx)),
@@ -35,14 +46,26 @@ function readXlsxToSheetDoc(xlsx) {
 	const { sheets, date1904, definedNames } = parseWorkbook(workbookData);
 	if (sheets.length === 0) throw new Error("xlsx has no sheets");
 	const sharedStringsData = pkg.getPart(SHARED_STRINGS_PART);
-	const sharedStrings = sharedStringsData ? parseSharedStrings(sharedStringsData) : [];
+	const { texts: sharedStrings, runs: sharedStringRuns } = sharedStringsData ? parseSharedStrings(sharedStringsData) : {
+		texts: [],
+		runs: []
+	};
 	const stylesData = pkg.getPart(STYLES_PART);
 	const styles = stylesData ? parseXlsxStyles(stylesData) : EMPTY_XLSX_STYLES;
 	const workbookRels = pkg.getPartRelationships(WORKBOOK_PART);
+	const persons = /* @__PURE__ */ new Map();
+	for (const rel of workbookRels) {
+		if (!rel.type.endsWith(PERSON_REL_TAIL)) continue;
+		const part = pkg.resolveRelatedPart(WORKBOOK_PART, rel);
+		if (part) for (const [id, name] of parsePersons(part.data)) persons.set(id, name);
+	}
 	const chartData = /* @__PURE__ */ new Map();
+	const resources = new ResourceStore();
 	const palette = buildThemePalette(pkg, workbookRels);
 	const resolveColor = makeColorResolver(palette);
 	const sheetsOut = [];
+	const tableIndex = /* @__PURE__ */ new Map();
+	const pendingSlicers = [];
 	for (let sheetIdx = 0; sheetIdx < sheets.length; sheetIdx++) {
 		const sheet = sheets[sheetIdx];
 		const sheetRel = workbookRels.find((r) => r.id === sheet.relationshipId);
@@ -51,21 +74,39 @@ function readXlsxToSheetDoc(xlsx) {
 		if (!resolved) continue;
 		const worksheet = parseWorksheet(resolved.data);
 		const charts = [];
+		const images = [];
+		let shapes;
 		if (worksheet.drawingRelId) {
 			const drawingRel = pkg.getPartRelationships(resolved.path).find((r) => r.id === worksheet.drawingRelId);
 			const drawing = drawingRel ? pkg.resolveRelatedPart(resolved.path, drawingRel) : void 0;
-			if (drawing) for (const ref of parseSheetDrawing(drawing.data, drawing.path, pkg, worksheet)) {
-				if (!chartData.has(ref.chartPartPath)) {
-					const chartXml = pkg.getPart(ref.chartPartPath);
-					const parsed = chartXml ? parseChart(chartXml, resolveColor) : null;
-					if (!parsed) continue;
-					chartData.set(ref.chartPartPath, withChartColorStyle(parsed, pkg, ref.chartPartPath, resolveColor));
+			if (drawing) {
+				const { charts: chartRefs, pictures } = parseSheetDrawing(drawing.data, drawing.path, pkg, worksheet);
+				for (const ref of chartRefs) {
+					if (!chartData.has(ref.chartPartPath)) {
+						const chartXml = pkg.getPart(ref.chartPartPath);
+						const parsed = chartXml ? parseChart(chartXml, resolveColor) : null;
+						if (!parsed) continue;
+						chartData.set(ref.chartPartPath, withChartColorStyle(parsed, pkg, ref.chartPartPath, resolveColor));
+					}
+					charts.push({
+						chartPartPath: ref.chartPartPath,
+						widthPt: ref.widthPt,
+						heightPt: ref.heightPt
+					});
+				}
+				for (const pic of pictures) {
+					const bytes = pkg.getPart(pic.imagePartPath);
+					if (!bytes) continue;
+					images.push({
+						resourceId: resources.put(bytes),
+						widthPt: pic.widthPt,
+						heightPt: pic.heightPt
+					});
+				}
+				if (bytesInclude(drawing.data, ":sp>") || bytesInclude(drawing.data, ":sp ")) {
+					const parsed = parseSheetShapes(drawing.data, worksheet, resolveColor);
+					if (parsed.length > 0) shapes = parsed;
 				}
-				charts.push({
-					chartPartPath: ref.chartPartPath,
-					widthPt: ref.widthPt,
-					heightPt: ref.heightPt
-				});
 			}
 		}
 		let tables;
@@ -75,11 +116,31 @@ function readXlsxToSheetDoc(xlsx) {
 			for (const rid of worksheet.tablePartRelIds) {
 				const rel = wsRels.find((r) => r.id === rid);
 				const part = rel ? pkg.resolveRelatedPart(resolved.path, rel) : void 0;
-				const parsed = part ? parseTablePart(part.data) : void 0;
-				if (parsed) resolvedTables.push(resolveTableStyle(parsed, palette));
+				const full = part ? parseTablePartFull(part.data) : void 0;
+				if (!full) continue;
+				resolvedTables.push(resolveTableStyle(full.table, palette));
+				if (full.id !== void 0) tableIndex.set(full.id, {
+					cells: worksheet.cells,
+					ref: full.table.ref,
+					headerRows: full.table.headerRowCount,
+					filters: full.filters
+				});
 			}
 			if (resolvedTables.length > 0) tables = resolvedTables;
 		}
+		{
+			const wsRels = pkg.getPartRelationships(resolved.path);
+			const defs = [];
+			for (const rel of wsRels) {
+				if (!rel.type.endsWith(SLICER_REL_TAIL)) continue;
+				const part = pkg.resolveRelatedPart(resolved.path, rel);
+				if (part) defs.push(...parseSlicerPart(part.data));
+			}
+			if (defs.length > 0) pendingSlicers.push({
+				outIdx: sheetsOut.length,
+				defs
+			});
+		}
 		let pivotTables;
 		{
 			const resolvedPivots = [];
@@ -91,6 +152,59 @@ function readXlsxToSheetDoc(xlsx) {
 			}
 			if (resolvedPivots.length > 0) pivotTables = resolvedPivots;
 		}
+		let hyperlinks;
+		if (worksheet.hyperlinks && worksheet.hyperlinks.length > 0) {
+			const wsRels = pkg.getPartRelationships(resolved.path);
+			const resolvedLinks = [];
+			for (const h of worksheet.hyperlinks) {
+				if (h.relId === void 0) continue;
+				const rel = wsRels.find((r) => r.id === h.relId);
+				if (!rel || rel.targetMode !== "External" || !rel.target) continue;
+				const area = parseAreaRef(h.ref);
+				if (!area) continue;
+				resolvedLinks.push({
+					ref: {
+						startColumn: area.startColumn,
+						startRow: area.startRow,
+						endColumn: area.endColumn,
+						endRow: area.endRow
+					},
+					url: rel.target
+				});
+			}
+			if (resolvedLinks.length > 0) hyperlinks = resolvedLinks;
+		}
+		let comments;
+		{
+			const wsRels = pkg.getPartRelationships(resolved.path);
+			const resolvedComments = [];
+			for (const rel of wsRels) {
+				if (!isOoxmlRel(rel.type, "comments")) continue;
+				const part = pkg.resolveRelatedPart(resolved.path, rel);
+				if (part) resolvedComments.push(...parseLegacyComments(part.data));
+			}
+			for (const rel of wsRels) {
+				if (!rel.type.endsWith(THREADED_COMMENTS_REL_TAIL)) continue;
+				const part = pkg.resolveRelatedPart(resolved.path, rel);
+				if (part) resolvedComments.push(...parseThreadedComments(part.data, persons));
+			}
+			if (resolvedComments.length > 0) comments = resolvedComments;
+		}
+		let formControls;
+		if (worksheet.formControls && worksheet.formControls.length > 0) {
+			const wsRels = pkg.getPartRelationships(resolved.path);
+			const resolvedControls = [];
+			for (const fc of worksheet.formControls) {
+				const rel = wsRels.find((r) => r.id === fc.relId);
+				const part = rel ? pkg.resolveRelatedPart(resolved.path, rel) : void 0;
+				const props = part ? parseFormControlProps(part.data) : {};
+				resolvedControls.push({
+					...fc.name ? { name: fc.name } : {},
+					...props
+				});
+			}
+			if (resolvedControls.length > 0) formControls = resolvedControls;
+		}
 		const grid = tables || pivotTables ? {
 			...worksheet,
 			...tables ? { tables } : {},
@@ -99,9 +213,32 @@ function readXlsxToSheetDoc(xlsx) {
 		sheetsOut.push({
 			name: sheet.name,
 			grid,
-			...charts.length > 0 ? { charts } : {}
+			...charts.length > 0 ? { charts } : {},
+			...images.length > 0 ? { images } : {},
+			...shapes ? { shapes } : {},
+			...hyperlinks ? { hyperlinks } : {},
+			...comments ? { comments } : {},
+			...formControls ? { formControls } : {}
 		});
 	}
+	if (pendingSlicers.length > 0) {
+		const cacheByName = /* @__PURE__ */ new Map();
+		for (const rel of workbookRels) {
+			if (!rel.type.endsWith(SLICER_CACHE_REL_TAIL)) continue;
+			const part = pkg.resolveRelatedPart(WORKBOOK_PART, rel);
+			const cache = part ? parseSlicerCachePart(part.data) : void 0;
+			if (cache) cacheByName.set(cache.name, cache);
+		}
+		for (const { outIdx, defs } of pendingSlicers) {
+			const sheet = sheetsOut[outIdx];
+			if (!sheet) continue;
+			const slicers = defs.map((def) => resolveSlicer(def, cacheByName.get(def.cacheName), tableIndex, styles, sharedStrings, date1904, palette));
+			sheetsOut[outIdx] = {
+				...sheet,
+				slicers
+			};
+		}
+	}
 	const coreData = pkg.getPart(CORE_PROPS_PART);
 	const info = infoFromCore(coreData ? parseCoreProperties(coreData) : void 0);
 	return {
@@ -109,10 +246,11 @@ function readXlsxToSheetDoc(xlsx) {
 		sheets: sheetsOut,
 		styles,
 		sharedStrings,
+		...sharedStringRuns.some((r) => r !== void 0) ? { sharedStringRuns } : {},
 		definedNames,
 		date1904,
 		...chartData.size > 0 ? { chartData } : {},
-		resources: new ResourceStore(),
+		resources,
 		...info ? { info } : {}
 	};
 }
@@ -163,6 +301,54 @@ function resolvePivotStyle(p, palette) {
 		headerTextHex: "FFFFFF"
 	};
 }
+function resolveSlicer(def, cache, tableIndex, styles, sharedStrings, date1904, palette) {
+	const items = cache ? resolveTableSlicerItems(cache, tableIndex, styles, sharedStrings, date1904) : [];
+	return {
+		caption: def.caption,
+		columnCount: def.columnCount,
+		items,
+		...resolveSlicerStyle(def.styleName, palette)
+	};
+}
+function resolveTableSlicerItems(cache, tableIndex, styles, sharedStrings, date1904) {
+	const loc = cache.tableId !== void 0 ? tableIndex.get(cache.tableId) : void 0;
+	if (!loc || cache.columnId === void 0) return [];
+	const colOffset = cache.columnId - 1;
+	const absCol = loc.ref.startColumn + colOffset;
+	if (absCol < loc.ref.startColumn || absCol > loc.ref.endColumn) return [];
+	const firstDataRow = loc.ref.startRow + Math.max(1, loc.headerRows);
+	const filter = loc.filters.find((f) => f.colId === colOffset);
+	const kept = filter ? new Set(filter.values) : void 0;
+	const byRow = /* @__PURE__ */ new Map();
+	for (const c of loc.cells) {
+		if (c.column !== absCol || c.row < firstDataRow || c.row > loc.ref.endRow) continue;
+		byRow.set(c.row, resolveCellText(c, sharedStrings, styles, date1904));
+	}
+	const seen = /* @__PURE__ */ new Set();
+	const out = [];
+	for (const row of [...byRow.keys()].sort((a, b) => a - b)) {
+		const label = byRow.get(row);
+		if (label === "" || seen.has(label)) continue;
+		seen.add(label);
+		out.push({
+			label,
+			selected: kept ? kept.has(label) : true
+		});
+		if (out.length >= MAX_SLICER_ITEMS) break;
+	}
+	return out;
+}
+function resolveSlicerStyle(styleName, palette) {
+	const m = styleName ? /SlicerStyle[A-Za-z]*?(\d+)/i.exec(styleName) : null;
+	const column = m ? (Number(m[1]) - 1) % 7 : 1;
+	const base = column === 0 ? "7F7F7F" : palette.get(`accent${column}`) ?? "4472C4";
+	return {
+		headerHex: base,
+		headerTextHex: "FFFFFF",
+		selectedHex: base,
+		selectedTextHex: "FFFFFF"
+	};
+}
 function lighten(hex, amount) {
 	const m = /^#?([0-9a-fA-F]{6})$/.exec(hex);
 	const n = m ? parseInt(m[1], 16) : 4485828;

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

@@ -200,7 +200,7 @@ function worksheetXml(grid, tableRelIds = [], drawingRelId) {
 		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) + (drawingRelId ? `<drawing r:id="${drawingRelId}"/>` : "") + (tableRelIds.length > 0 ? `<tableParts count="${tableRelIds.length}">${tableRelIds.map((id) => `<tablePart r:id="${id}"/>`).join("")}</tableParts>` : "") + sparklineExtXml(grid.sparklines) + "</worksheet>";
+	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) + dataValidationsXml(grid.dataValidations) + printOptionsXml(grid.printOptions) + pageMarginsXml(grid.pageMargins) + pageSetupXml(grid.pageSetup) + breaksXml("rowBreaks", grid.rowBreaks) + breaksXml("colBreaks", grid.colBreaks) + (drawingRelId ? `<drawing r:id="${drawingRelId}"/>` : "") + (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 "";
@@ -230,11 +230,27 @@ function cfRuleXml(rule) {
 		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>";
+		case "top10": return `<cfRule type="top10"${p} dxfId="${rule.dxfId}" rank="${rule.rank}"` + (rule.percent ? " percent=\"1\"" : "") + (rule.bottom ? " bottom=\"1\"" : "") + "/>";
+		case "aboveAverage": return `<cfRule type="aboveAverage"${p} dxfId="${rule.dxfId}"` + (rule.aboveAverage ? "" : " aboveAverage=\"0\"") + (rule.equalAverage ? " equalAverage=\"1\"" : "") + (rule.stdDev !== void 0 ? ` stdDev="${rule.stdDev}"` : "") + "/>";
+		case "duplicateValues":
+		case "uniqueValues": return `<cfRule type="${rule.type}"${p} dxfId="${rule.dxfId}"/>`;
+		case "containsText":
+		case "notContainsText":
+		case "beginsWith":
+		case "endsWith": return `<cfRule type="${rule.type}"${p} operator="${rule.type}" dxfId="${rule.dxfId}" text="${escapeAttr(rule.text)}">` + (rule.formula !== void 0 ? `<formula>${escapeText(rule.formula)}</formula>` : "") + "</cfRule>";
 	}
 }
 function cfvoXml(cfvo) {
 	return `<cfvo type="${cfvo.type}"${cfvo.val !== void 0 ? ` val="${escapeAttr(cfvo.val)}"` : ""}/>`;
 }
+function dataValidationsXml(dvs) {
+	if (!dvs || dvs.length === 0) return "";
+	return `<dataValidations count="${dvs.length}">${dvs.map(dataValidationXml).join("")}</dataValidations>`;
+}
+function dataValidationXml(dv) {
+	const sqref = dv.ranges.map(rangeRef).join(" ");
+	return `<dataValidation${(dv.type !== "none" ? ` type="${dv.type}"` : "") + (dv.operator !== void 0 ? ` operator="${escapeAttr(dv.operator)}"` : "") + (dv.allowBlank ? " allowBlank=\"1\"" : "") + (dv.showDropDown ? " showDropDown=\"1\"" : "") + (dv.showInputMessage ? " showInputMessage=\"1\"" : "") + (dv.showErrorMessage ? " showErrorMessage=\"1\"" : "") + (dv.errorStyle !== void 0 ? ` errorStyle="${escapeAttr(dv.errorStyle)}"` : "") + (dv.promptTitle !== void 0 ? ` promptTitle="${escapeAttr(dv.promptTitle)}"` : "") + (dv.prompt !== void 0 ? ` prompt="${escapeAttr(dv.prompt)}"` : "") + (dv.errorTitle !== void 0 ? ` errorTitle="${escapeAttr(dv.errorTitle)}"` : "") + (dv.error !== void 0 ? ` error="${escapeAttr(dv.error)}"` : "") + ` sqref="${sqref}"`}>${(dv.formula1 !== void 0 ? `<formula1>${escapeText(dv.formula1)}</formula1>` : "") + (dv.formula2 !== void 0 ? `<formula2>${escapeText(dv.formula2)}</formula2>` : "")}</dataValidation>`;
+}
 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) {
@@ -305,7 +321,7 @@ function patternFill(f) {
 	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>`;
+	return `<border${b.diagonal ? `${b.diagonalUp ? " diagonalUp=\"1\"" : ""}${b.diagonalDown ? " diagonalDown=\"1\"" : ""}` : ""}>${edgeXml("left", b.left)}${edgeXml("right", b.right)}${edgeXml("top", b.top)}${edgeXml("bottom", b.bottom)}${edgeXml("diagonal", b.diagonal)}</border>`;
 }
 function edgeXml(name, edge) {
 	if (!edge || !edge.style) return `<${name}/>`;
@@ -315,7 +331,7 @@ function edgeXml(name, edge) {
 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\"" : ""}/>` : "";
+	const alignment = a ? `<alignment${a.horizontal ? ` horizontal="${a.horizontal}"` : ""}${a.vertical ? ` vertical="${a.vertical}"` : ""}${a.wrapText ? " wrapText=\"1\"" : ""}${a.textRotation !== void 0 ? ` textRotation="${a.textRotation}"` : ""}${a.indent !== void 0 ? ` indent="${a.indent}"` : ""}${a.shrinkToFit ? " shrinkToFit=\"1\"" : ""}/>` : "";
 	return `<xf numFmtId="${xf.numFmtId}" fontId="${xf.fontId}" fillId="${xf.fillId}" borderId="${xf.borderId}"${apply}>` + alignment + "</xf>";
 }
 function applyAttr(name, value) {

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

@@ -496,6 +496,7 @@ function emitCell(out, cell, table, ctx, pos) {
 		if (!cell.properties.shading) css.push("background-color:#fff");
 	}
 	out.push(`<${tag}${attrs.length > 0 ? ` ${attrs.join(" ")}` : ""} style="${css.join(";")}">`);
+	if (cell.properties.dropdown) out.push(cellDropdownSvg());
 	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);
@@ -514,6 +515,9 @@ function cellSparklineSvg(sp) {
 	}
 	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>`;
 }
+function cellDropdownSvg() {
+	return "<svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" style=\"float:right;margin-left:3px\"><rect x=\"0.5\" y=\"0.5\" width=\"12\" height=\"12\" fill=\"#F0F0F0\" stroke=\"#B0B0B0\"/><polygon points=\"3.4,5 9.6,5 6.5,8.6\" fill=\"#595959\"/></svg>";
+}
 var ICON_EMPTY_HEX = "BFBFBF";
 function cellIconSvg(icon) {
 	const fill = `#${icon.colorHex}`;

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

@@ -668,6 +668,24 @@ function rectAtPath(x, y, w, h) {
 var CF_ICON_SIZE_PT = 9;
 var CF_ICON_GUTTER_PT = 12;
 var CF_ICON_EMPTY_HEX = "BFBFBF";
+var DROPDOWN_BUTTON_PT = 11;
+var DROPDOWN_GUTTER_PT = 13;
+var DROPDOWN_FILL_HEX = "F0F0F0";
+var DROPDOWN_BORDER_HEX = "B0B0B0";
+var DROPDOWN_ARROW_HEX = "595959";
+function buildDropdownPrims(s) {
+	return [{
+		paths: [rectAtPath(0, 0, s, s)],
+		fillColorHex: DROPDOWN_FILL_HEX,
+		stroke: {
+			colorHex: DROPDOWN_BORDER_HEX,
+			widthPt: .5
+		}
+	}, {
+		paths: [trianglePath([s / 2, s * .34], [s * .26, s * .64], [s * .74, s * .64])],
+		fillColorHex: DROPDOWN_ARROW_HEX
+	}];
+}
 function buildCellIconShape(icon, s) {
 	const color = icon.colorHex;
 	switch (icon.shape) {
@@ -1671,8 +1689,9 @@ function layoutTableCell(cell, tableProps, widthPt, options, fontResources, imag
 	const padTopPt = cellMar?.top ?? tableMar?.top ?? 0;
 	const padBottomPt = cellMar?.bottom ?? tableMar?.bottom ?? 0;
 	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 padRightBase = cellMar?.right ?? tableMar?.right ?? DEFAULT_CELL_PADDING_TWIPS * TWIP_TO_PT;
 	const padLeftPt = padLeftBase + (cell.properties.icon ? CF_ICON_GUTTER_PT : 0);
+	const padRightPt = padRightBase + (cell.properties.dropdown ? DROPDOWN_GUTTER_PT : 0);
 	const innerWidth = Math.max(1, widthPt - padLeftPt - padRightPt);
 	const lines = [];
 	const nestedTables = [];
@@ -1705,6 +1724,7 @@ function layoutTableCell(cell, tableProps, widthPt, options, fontResources, imag
 		...cell.properties.dataBar ? { dataBar: cell.properties.dataBar } : {},
 		...cell.properties.icon ? { icon: cell.properties.icon } : {},
 		...cell.properties.sparkline ? { sparkline: cell.properties.sparkline } : {},
+		...cell.properties.dropdown ? { dropdown: true } : {},
 		lines,
 		...nestedTables.length > 0 ? { nestedTables } : {},
 		contentHeightPt,
@@ -2362,6 +2382,28 @@ function emitRowChunk(out, row, marginLeft, cursorY, pageHeight, colCount, cellS
 				});
 			}
 		}
+		if (cell.dropdown && cell.mergeRole !== "middle" && cell.mergeRole !== "end") {
+			const btn = Math.min(DROPDOWN_BUTTON_PT, Math.max(0, row.heightPt - 2));
+			if (btn > 1) {
+				const btnTransform = flipTransform([
+					1,
+					0,
+					0,
+					1,
+					cellX + cell.widthPt - btn - 1.5,
+					rowBottom + (row.heightPt - btn) / 2
+				], pageHeight);
+				for (const prim of buildDropdownPrims(btn)) out.push({
+					type: "shape",
+					shape: {
+						paths: prim.paths,
+						...prim.fillColorHex ? { fillColorHex: prim.fillColorHex } : {},
+						...prim.stroke ? { stroke: prim.stroke } : {},
+						transform: btnTransform
+					}
+				});
+			}
+		}
 		if (cell.sparkline && cell.sparkline.values.length > 0 && cell.mergeRole !== "middle" && cell.mergeRole !== "end") {
 			const inset = 1.5;
 			const sw = cell.widthPt - 2 * inset;
@@ -2388,6 +2430,35 @@ function emitRowChunk(out, row, marginLeft, cursorY, pageHeight, colCount, cellS
 			}
 		}
 		emitCellBorders(out, cell, cellX, rowBottom, row.heightPt, pageHeight, row.rowIdx, row.rowCount, colCount);
+		const diagDown = cell.borders.diagonalDown;
+		const diagUp = cell.borders.diagonalUp;
+		if ((diagDown || diagUp) && cell.mergeRole !== "middle" && cell.mergeRole !== "end") {
+			const transform = flipTransform([
+				1,
+				0,
+				0,
+				1,
+				cellX,
+				rowBottom
+			], pageHeight);
+			const w = cell.widthPt;
+			const h = row.heightPt;
+			const pushDiagonal = (b, y0, y1) => {
+				out.push({
+					type: "shape",
+					shape: {
+						paths: [new PathBuilder().moveTo(0, y0).lineTo(w, y1).build()],
+						stroke: {
+							colorHex: b.colorHex ?? "000000",
+							widthPt: b.width ?? .75
+						},
+						transform
+					}
+				});
+			};
+			if (diagDown) pushDiagonal(diagDown, h, 0);
+			if (diagUp) pushDiagonal(diagUp, 0, h);
+		}
 		if (cell.mergeRole === "middle" || cell.mergeRole === "end") continue;
 		let textY = rowTop - cell.padTopPt;
 		for (const line of cell.lines) {

package/dist/esm/pptx/slide-parser.d.ts

@@ -1,9 +1,9 @@
-import { BodyElement, FloatAnchor, ShapeBlock, ShapeFill } from '../core/document-model/index.js';
+import { BodyElement, FloatAnchor, ShapeBlock, ShapeFill, ShapeGeometry, ShapeTextBody } from '../core/document-model/index.js';
 import { ColorResolver } from '../core/drawingml/colors.js';
 import { Loss, Pt, ResourceId } from '../core/ir/index.js';
 import { PoNode } from '../core/po-helpers.js';
 import { PlaceholderCascade } from './placeholder-cascade.js';
-import { ShapeBoxEmu } from './sp-helpers.js';
+import { PlaceholderRef, ShapeBoxEmu } from './sp-helpers.js';
 export interface SlideContext {
     readonly cascade?: PlaceholderCascade;
     readonly resolveImage?: (relId: string) => ResourceId | undefined;
@@ -21,4 +21,6 @@ export declare function noDiagramOverrideLoss(where?: string): Loss;
 export declare function parseDiagramDrawing(spTree: PoNode, transform: GroupTransform, makeFloat: (box: ShapeBoxEmu) => FloatAnchor, colors: ColorResolver, resolveLink: LinkResolver): Array<ShapeBlock>;
 export declare function parseBackgroundFill(bg: PoNode, colors: ColorResolver): ShapeFill | undefined;
 export declare function backdropElement(fill: ShapeFill, widthPt: Pt, heightPt: Pt): BodyElement;
+export declare function parseGeometry(spPr: PoNode | undefined): ShapeGeometry;
+export declare function parseTxBody(txBody: PoNode, ph: PlaceholderRef | undefined, cascade: PlaceholderCascade | undefined, colors: ColorResolver, resolveLink: LinkResolver): ShapeTextBody | undefined;
 export {};

package/dist/esm/pptx/slide-parser.js

@@ -424,4 +424,4 @@ function cellFillHex(tcPr, colors) {
 	}
 }
 //#endregion
-export { backdropElement, diagramTransform, noDiagramOverrideLoss, parseBackgroundFill, parseDiagramDrawing, parseSlideShapes };
+export { backdropElement, diagramTransform, noDiagramOverrideLoss, parseBackgroundFill, parseDiagramDrawing, parseGeometry, parseSlideShapes, parseTxBody };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reamkit",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "Ream — convert DOCX, XLSX, PPTX and PDF to PDF, SVG, HTML, DOCX and XLSX, built from scratch on the ECMA-376 and ISO 32000 specifications. Parse once, convert anywhere.",
   "license": "MIT",
   "author": "Alex Krassavin <info@reamkit.dev>",