@apollo-design/docx-preview 0.6.2

package/dist/docx-preview.mjs

@@ -0,0 +1,4096 @@
+/*
+* @license
+* @apollo-design/docx-preview <https://github.com/apollocmh/docx-preview>
+* Released under Apache License 2.0 — Copyright apollocmh
+* Based on docxjs by Volodymyr Baydalka <https://github.com/VolodymyrBaydalka/docxjs>
+*/
+import JSZip from "jszip";
+//#region src/common/relationship.ts
+var RelationshipTypes = /* @__PURE__ */ function(RelationshipTypes) {
+	RelationshipTypes["OfficeDocument"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument";
+	RelationshipTypes["FontTable"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/fontTable";
+	RelationshipTypes["Image"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/image";
+	RelationshipTypes["Numbering"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/numbering";
+	RelationshipTypes["Styles"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles";
+	RelationshipTypes["StylesWithEffects"] = "http://schemas.microsoft.com/office/2007/relationships/stylesWithEffects";
+	RelationshipTypes["Theme"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme";
+	RelationshipTypes["Settings"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/settings";
+	RelationshipTypes["WebSettings"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/webSettings";
+	RelationshipTypes["Hyperlink"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/hyperlink";
+	RelationshipTypes["Footnotes"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footnotes";
+	RelationshipTypes["Endnotes"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/endnotes";
+	RelationshipTypes["Footer"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/footer";
+	RelationshipTypes["Header"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/header";
+	RelationshipTypes["ExtendedProperties"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties";
+	RelationshipTypes["CoreProperties"] = "http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties";
+	RelationshipTypes["CustomProperties"] = "http://schemas.openxmlformats.org/package/2006/relationships/metadata/custom-properties";
+	RelationshipTypes["Comments"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/comments";
+	RelationshipTypes["CommentsExtended"] = "http://schemas.microsoft.com/office/2011/relationships/commentsExtended";
+	RelationshipTypes["AltChunk"] = "http://schemas.openxmlformats.org/officeDocument/2006/relationships/aFChunk";
+	return RelationshipTypes;
+}({});
+function parseRelationships(root, xml) {
+	return xml.elements(root).map((e) => ({
+		id: xml.attr(e, "Id"),
+		type: xml.attr(e, "Type"),
+		target: xml.attr(e, "Target"),
+		targetMode: xml.attr(e, "TargetMode")
+	}));
+}
+//#endregion
+//#region src/utils.ts
+function escapeClassName(className) {
+	return className?.replace(/[ .]+/g, "-").replace(/[&]+/g, "and").toLowerCase();
+}
+function encloseFontFamily(fontFamily) {
+	return /^[^"'].*\s.*[^"']$/.test(fontFamily) ? `'${fontFamily}'` : fontFamily;
+}
+function splitPath(path) {
+	let si = path.lastIndexOf("/") + 1;
+	return [si == 0 ? "" : path.substring(0, si), si == 0 ? path : path.substring(si)];
+}
+function resolvePath(path, base) {
+	try {
+		return new URL(path, "http://docx/" + base).toString().substring(12);
+	} catch {
+		return `${base}${path}`;
+	}
+}
+function keyBy(array, by) {
+	return array.reduce((a, x) => {
+		a[by(x)] = x;
+		return a;
+	}, {});
+}
+function blobToBase64(blob) {
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onloadend = () => resolve(reader.result);
+		reader.onerror = () => reject();
+		reader.readAsDataURL(blob);
+	});
+}
+function isObject(item) {
+	return item && typeof item === "object" && !Array.isArray(item);
+}
+function isString(item) {
+	return typeof item === "string" || item instanceof String;
+}
+function mergeDeep(target, ...sources) {
+	if (!sources.length) return target;
+	const source = sources.shift();
+	if (isObject(target) && isObject(source)) for (const key in source) if (isObject(source[key])) mergeDeep(target[key] ?? (target[key] = {}), source[key]);
+	else target[key] = source[key];
+	return mergeDeep(target, ...sources);
+}
+function asArray(val) {
+	return Array.isArray(val) ? val : [val];
+}
+function clamp(val, min, max) {
+	return min > val ? min : max < val ? max : val;
+}
+//#endregion
+//#region src/document/common.ts
+var ns$1 = {
+	wordml: "http://schemas.openxmlformats.org/wordprocessingml/2006/main",
+	drawingml: "http://schemas.openxmlformats.org/drawingml/2006/main",
+	picture: "http://schemas.openxmlformats.org/drawingml/2006/picture",
+	compatibility: "http://schemas.openxmlformats.org/markup-compatibility/2006",
+	math: "http://schemas.openxmlformats.org/officeDocument/2006/math"
+};
+var LengthUsage = {
+	Dxa: {
+		mul: .05,
+		unit: "pt"
+	},
+	Emu: {
+		mul: 1 / 12700,
+		unit: "pt"
+	},
+	FontSize: {
+		mul: .5,
+		unit: "pt"
+	},
+	Border: {
+		mul: .125,
+		unit: "pt",
+		min: .25,
+		max: 12
+	},
+	Point: {
+		mul: 1,
+		unit: "pt"
+	},
+	Percent: {
+		mul: .02,
+		unit: "%"
+	},
+	LineHeight: {
+		mul: 1 / 240,
+		unit: ""
+	},
+	VmlEmu: {
+		mul: 1 / 12700,
+		unit: ""
+	}
+};
+function convertLength(val, usage = LengthUsage.Dxa) {
+	if (val == null || /.+(p[xt]|[%])$/.test(val)) return val;
+	var num = parseInt(val) * usage.mul;
+	if (usage.min && usage.max) num = clamp(num, usage.min, usage.max);
+	return `${num.toFixed(2)}${usage.unit}`;
+}
+function convertBoolean(v, defaultValue = false) {
+	switch (v) {
+		case "1": return true;
+		case "0": return false;
+		case "on": return true;
+		case "off": return false;
+		case "true": return true;
+		case "false": return false;
+		default: return defaultValue;
+	}
+}
+function parseCommonProperty(elem, props, xml) {
+	if (elem.namespaceURI != ns$1.wordml) return false;
+	switch (elem.localName) {
+		case "color":
+			props.color = xml.attr(elem, "val");
+			break;
+		case "sz":
+			props.fontSize = xml.lengthAttr(elem, "val", LengthUsage.FontSize);
+			break;
+		default: return false;
+	}
+	return true;
+}
+//#endregion
+//#region src/parser/xml-parser.ts
+function parseXmlString(xmlString, trimXmlDeclaration = false) {
+	if (trimXmlDeclaration) xmlString = xmlString.replace(/<[?].*[?]>/, "");
+	xmlString = removeUTF8BOM(xmlString);
+	const result = new DOMParser().parseFromString(xmlString, "application/xml");
+	const errorText = hasXmlParserError(result);
+	if (errorText) throw new Error(errorText);
+	return result;
+}
+function hasXmlParserError(doc) {
+	return doc.getElementsByTagName("parsererror")[0]?.textContent;
+}
+function removeUTF8BOM(data) {
+	return data.charCodeAt(0) === 65279 ? data.substring(1) : data;
+}
+function serializeXmlString(elem) {
+	return new XMLSerializer().serializeToString(elem);
+}
+var XmlParser = class {
+	elements(elem, localName = null) {
+		const result = [];
+		for (let i = 0, l = elem.childNodes.length; i < l; i++) {
+			let c = elem.childNodes.item(i);
+			if (c.nodeType == Node.ELEMENT_NODE && (localName == null || c.localName == localName)) result.push(c);
+		}
+		return result;
+	}
+	element(elem, localName) {
+		for (let i = 0, l = elem.childNodes.length; i < l; i++) {
+			let c = elem.childNodes.item(i);
+			if (c.nodeType == 1 && c.localName == localName) return c;
+		}
+		return null;
+	}
+	elementAttr(elem, localName, attrLocalName) {
+		var el = this.element(elem, localName);
+		return el ? this.attr(el, attrLocalName) : void 0;
+	}
+	attrs(elem) {
+		return Array.from(elem.attributes);
+	}
+	attr(elem, localName) {
+		for (let i = 0, l = elem.attributes.length; i < l; i++) {
+			let a = elem.attributes.item(i);
+			if (a.localName == localName) return a.value;
+		}
+		return null;
+	}
+	intAttr(node, attrName, defaultValue = null) {
+		var val = this.attr(node, attrName);
+		return val ? parseInt(val) : defaultValue;
+	}
+	hexAttr(node, attrName, defaultValue = null) {
+		var val = this.attr(node, attrName);
+		return val ? parseInt(val, 16) : defaultValue;
+	}
+	floatAttr(node, attrName, defaultValue = null) {
+		var val = this.attr(node, attrName);
+		return val ? parseFloat(val) : defaultValue;
+	}
+	boolAttr(node, attrName, defaultValue = null) {
+		return convertBoolean(this.attr(node, attrName), defaultValue);
+	}
+	lengthAttr(node, attrName, usage = LengthUsage.Dxa) {
+		return convertLength(this.attr(node, attrName), usage);
+	}
+};
+var globalXmlParser = new XmlParser();
+//#endregion
+//#region src/common/part.ts
+var Part = class {
+	constructor(_package, path) {
+		this._package = _package;
+		this.path = path;
+	}
+	async load() {
+		this.rels = await this._package.loadRelationships(this.path);
+		const xmlText = await this._package.load(this.path);
+		const xmlDoc = this._package.parseXmlDocument(xmlText);
+		if (this._package.options.keepOrigin) this._xmlDocument = xmlDoc;
+		this.parseXml(xmlDoc.firstElementChild);
+	}
+	save() {
+		this._package.update(this.path, serializeXmlString(this._xmlDocument));
+	}
+	parseXml(root) {}
+};
+//#endregion
+//#region src/font-table/fonts.ts
+var embedFontTypeMap = {
+	embedRegular: "regular",
+	embedBold: "bold",
+	embedItalic: "italic",
+	embedBoldItalic: "boldItalic"
+};
+function parseFonts(root, xml) {
+	return xml.elements(root).map((el) => parseFont(el, xml));
+}
+function parseFont(elem, xml) {
+	let result = {
+		name: xml.attr(elem, "name"),
+		embedFontRefs: []
+	};
+	for (let el of xml.elements(elem)) switch (el.localName) {
+		case "family":
+			result.family = xml.attr(el, "val");
+			break;
+		case "altName":
+			result.altName = xml.attr(el, "val");
+			break;
+		case "embedRegular":
+		case "embedBold":
+		case "embedItalic":
+		case "embedBoldItalic": result.embedFontRefs.push(parseEmbedFontRef(el, xml));
+	}
+	return result;
+}
+function parseEmbedFontRef(elem, xml) {
+	return {
+		id: xml.attr(elem, "id"),
+		key: xml.attr(elem, "fontKey"),
+		type: embedFontTypeMap[elem.localName]
+	};
+}
+//#endregion
+//#region src/font-table/font-table.ts
+var FontTablePart = class extends Part {
+	parseXml(root) {
+		this.fonts = parseFonts(root, this._package.xmlParser);
+	}
+};
+//#endregion
+//#region src/common/content-types.ts
+function parseContentTypes(root, xml) {
+	return xml.elements(root).map((e) => ({
+		extension: xml.attr(e, "Extension"),
+		partName: xml.attr(e, "PartName"),
+		contentType: xml.attr(e, "ContentType")
+	}));
+}
+//#endregion
+//#region src/common/open-xml-package.ts
+var OpenXmlPackage = class OpenXmlPackage {
+	constructor(_zip, options) {
+		this._zip = _zip;
+		this.options = options;
+		this.xmlParser = new XmlParser();
+	}
+	get(path) {
+		const p = normalizePath(path);
+		return this._zip.files[p] ?? this._zip.files[p.replace(/\//g, "\\")];
+	}
+	update(path, content) {
+		this._zip.file(path, content);
+	}
+	static async load(input, options) {
+		const zip = await JSZip.loadAsync(input);
+		return new OpenXmlPackage(zip, options);
+	}
+	save(type = "blob") {
+		return this._zip.generateAsync({ type });
+	}
+	load(path, type = "string") {
+		return this.get(path)?.async(type) ?? Promise.resolve(null);
+	}
+	async loadRelationships(path = null) {
+		let relsPath = `_rels/.rels`;
+		if (path != null) {
+			const [f, fn] = splitPath(path);
+			relsPath = `${f}_rels/${fn}.rels`;
+		}
+		const txt = await this.load(relsPath);
+		return txt ? parseRelationships(this.parseXmlDocument(txt).firstElementChild, this.xmlParser) : null;
+	}
+	async loadContentTypes() {
+		const txt = await this.load("[Content_Types].xml");
+		return txt ? parseContentTypes(this.parseXmlDocument(txt).firstElementChild, this.xmlParser) : [];
+	}
+	/** @internal */
+	parseXmlDocument(txt) {
+		return parseXmlString(txt, this.options.trimXmlDeclaration);
+	}
+};
+function normalizePath(path) {
+	return path.startsWith("/") ? path.substr(1) : path;
+}
+//#endregion
+//#region src/document/document-part.ts
+var DocumentPart = class extends Part {
+	constructor(pkg, path, parser) {
+		super(pkg, path);
+		this._documentParser = parser;
+	}
+	parseXml(root) {
+		this.body = this._documentParser.parseDocumentFile(root);
+	}
+};
+//#endregion
+//#region src/document/border.ts
+function parseBorder(elem, xml) {
+	return {
+		type: xml.attr(elem, "val"),
+		color: xml.attr(elem, "color"),
+		size: xml.lengthAttr(elem, "sz", LengthUsage.Border),
+		offset: xml.lengthAttr(elem, "space", LengthUsage.Point),
+		frame: xml.boolAttr(elem, "frame"),
+		shadow: xml.boolAttr(elem, "shadow")
+	};
+}
+function parseBorders(elem, xml) {
+	var result = {};
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "left":
+			result.left = parseBorder(e, xml);
+			break;
+		case "top":
+			result.top = parseBorder(e, xml);
+			break;
+		case "right":
+			result.right = parseBorder(e, xml);
+			break;
+		case "bottom": result.bottom = parseBorder(e, xml);
+	}
+	return result;
+}
+//#endregion
+//#region src/document/section.ts
+function parseSectionProperties(elem, xml = globalXmlParser) {
+	var section = {};
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "pgSz":
+			section.pageSize = {
+				width: xml.lengthAttr(e, "w"),
+				height: xml.lengthAttr(e, "h"),
+				orientation: xml.attr(e, "orient")
+			};
+			break;
+		case "type":
+			section.type = xml.attr(e, "val");
+			break;
+		case "pgMar":
+			section.pageMargins = {
+				left: xml.lengthAttr(e, "left"),
+				right: xml.lengthAttr(e, "right"),
+				top: xml.lengthAttr(e, "top"),
+				bottom: xml.lengthAttr(e, "bottom"),
+				header: xml.lengthAttr(e, "header"),
+				footer: xml.lengthAttr(e, "footer"),
+				gutter: xml.lengthAttr(e, "gutter")
+			};
+			break;
+		case "cols":
+			section.columns = parseColumns(e, xml);
+			break;
+		case "headerReference":
+			(section.headerRefs ?? (section.headerRefs = [])).push(parseFooterHeaderReference(e, xml));
+			break;
+		case "footerReference":
+			(section.footerRefs ?? (section.footerRefs = [])).push(parseFooterHeaderReference(e, xml));
+			break;
+		case "titlePg":
+			section.titlePage = xml.boolAttr(e, "val", true);
+			break;
+		case "pgBorders":
+			section.pageBorders = parseBorders(e, xml);
+			break;
+		case "pgNumType": section.pageNumber = parsePageNumber(e, xml);
+	}
+	return section;
+}
+function parseColumns(elem, xml) {
+	return {
+		numberOfColumns: xml.intAttr(elem, "num"),
+		space: xml.lengthAttr(elem, "space"),
+		separator: xml.boolAttr(elem, "sep"),
+		equalWidth: xml.boolAttr(elem, "equalWidth", true),
+		columns: xml.elements(elem, "col").map((e) => ({
+			width: xml.lengthAttr(e, "w"),
+			space: xml.lengthAttr(e, "space")
+		}))
+	};
+}
+function parsePageNumber(elem, xml) {
+	return {
+		chapSep: xml.attr(elem, "chapSep"),
+		chapStyle: xml.attr(elem, "chapStyle"),
+		format: xml.attr(elem, "fmt"),
+		start: xml.intAttr(elem, "start")
+	};
+}
+function parseFooterHeaderReference(elem, xml) {
+	return {
+		id: xml.attr(elem, "id"),
+		type: xml.attr(elem, "type")
+	};
+}
+//#endregion
+//#region src/document/line-spacing.ts
+function parseLineSpacing(elem, xml) {
+	return {
+		before: xml.lengthAttr(elem, "before"),
+		after: xml.lengthAttr(elem, "after"),
+		line: xml.intAttr(elem, "line"),
+		lineRule: xml.attr(elem, "lineRule")
+	};
+}
+//#endregion
+//#region src/document/run.ts
+function parseRunProperties(elem, xml) {
+	let result = {};
+	for (let el of xml.elements(elem)) parseRunProperty(el, result, xml);
+	return result;
+}
+function parseRunProperty(elem, props, xml) {
+	if (parseCommonProperty(elem, props, xml)) return true;
+	return false;
+}
+//#endregion
+//#region src/document/paragraph.ts
+function parseParagraphProperties(elem, xml) {
+	let result = {};
+	for (let el of xml.elements(elem)) parseParagraphProperty(el, result, xml);
+	return result;
+}
+function parseParagraphProperty(elem, props, xml) {
+	if (elem.namespaceURI != ns$1.wordml) return false;
+	if (parseCommonProperty(elem, props, xml)) return true;
+	switch (elem.localName) {
+		case "tabs":
+			props.tabs = parseTabs(elem, xml);
+			break;
+		case "sectPr":
+			props.sectionProps = parseSectionProperties(elem, xml);
+			break;
+		case "numPr":
+			props.numbering = parseNumbering$1(elem, xml);
+			break;
+		case "spacing":
+			props.lineSpacing = parseLineSpacing(elem, xml);
+			return false;
+		case "textAlignment":
+			props.textAlignment = xml.attr(elem, "val");
+			return false;
+		case "keepLines":
+			props.keepLines = xml.boolAttr(elem, "val", true);
+			break;
+		case "keepNext":
+			props.keepNext = xml.boolAttr(elem, "val", true);
+			break;
+		case "pageBreakBefore":
+			props.pageBreakBefore = xml.boolAttr(elem, "val", true);
+			break;
+		case "outlineLvl":
+			props.outlineLevel = xml.intAttr(elem, "val");
+			break;
+		case "pStyle":
+			props.styleName = xml.attr(elem, "val");
+			break;
+		case "rPr":
+			props.runProps = parseRunProperties(elem, xml);
+			break;
+		default: return false;
+	}
+	return true;
+}
+function parseTabs(elem, xml) {
+	return xml.elements(elem, "tab").map((e) => ({
+		position: xml.lengthAttr(e, "pos"),
+		leader: xml.attr(e, "leader"),
+		style: xml.attr(e, "val")
+	}));
+}
+function parseNumbering$1(elem, xml) {
+	var result = {};
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "numId":
+			result.id = xml.attr(e, "val");
+			break;
+		case "ilvl": result.level = xml.intAttr(e, "val");
+	}
+	return result;
+}
+//#endregion
+//#region src/numbering/numbering.ts
+function parseNumberingPart(elem, xml) {
+	let result = {
+		numberings: [],
+		abstractNumberings: [],
+		bulletPictures: []
+	};
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "num":
+			result.numberings.push(parseNumbering(e, xml));
+			break;
+		case "abstractNum":
+			result.abstractNumberings.push(parseAbstractNumbering(e, xml));
+			break;
+		case "numPicBullet": result.bulletPictures.push(parseNumberingBulletPicture(e, xml));
+	}
+	return result;
+}
+function parseNumbering(elem, xml) {
+	let result = {
+		id: xml.attr(elem, "numId"),
+		overrides: []
+	};
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "abstractNumId":
+			result.abstractId = xml.attr(e, "val");
+			break;
+		case "lvlOverride": result.overrides.push(parseNumberingLevelOverrride(e, xml));
+	}
+	return result;
+}
+function parseAbstractNumbering(elem, xml) {
+	let result = {
+		id: xml.attr(elem, "abstractNumId"),
+		levels: []
+	};
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "name":
+			result.name = xml.attr(e, "val");
+			break;
+		case "multiLevelType":
+			result.multiLevelType = xml.attr(e, "val");
+			break;
+		case "numStyleLink":
+			result.numberingStyleLink = xml.attr(e, "val");
+			break;
+		case "styleLink":
+			result.styleLink = xml.attr(e, "val");
+			break;
+		case "lvl": result.levels.push(parseNumberingLevel(e, xml));
+	}
+	return result;
+}
+function parseNumberingLevel(elem, xml) {
+	let result = { level: xml.intAttr(elem, "ilvl") };
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "start":
+			result.start = xml.attr(e, "val");
+			break;
+		case "lvlRestart":
+			result.restart = xml.intAttr(e, "val");
+			break;
+		case "numFmt":
+			result.format = xml.attr(e, "val");
+			break;
+		case "lvlText":
+			result.text = xml.attr(e, "val");
+			break;
+		case "lvlJc":
+			result.justification = xml.attr(e, "val");
+			break;
+		case "lvlPicBulletId":
+			result.bulletPictureId = xml.attr(e, "val");
+			break;
+		case "pStyle":
+			result.paragraphStyle = xml.attr(e, "val");
+			break;
+		case "pPr":
+			result.paragraphProps = parseParagraphProperties(e, xml);
+			break;
+		case "rPr": result.runProps = parseRunProperties(e, xml);
+	}
+	return result;
+}
+function parseNumberingLevelOverrride(elem, xml) {
+	let result = { level: xml.intAttr(elem, "ilvl") };
+	for (let e of xml.elements(elem)) switch (e.localName) {
+		case "startOverride":
+			result.start = xml.intAttr(e, "val");
+			break;
+		case "lvl": result.numberingLevel = parseNumberingLevel(e, xml);
+	}
+	return result;
+}
+function parseNumberingBulletPicture(elem, xml) {
+	var pict = xml.element(elem, "pict");
+	var shape = pict && xml.element(pict, "shape");
+	var imagedata = shape && xml.element(shape, "imagedata");
+	return imagedata ? {
+		id: xml.attr(elem, "numPicBulletId"),
+		referenceId: xml.attr(imagedata, "id"),
+		style: xml.attr(shape, "style")
+	} : null;
+}
+//#endregion
+//#region src/numbering/numbering-part.ts
+var NumberingPart = class extends Part {
+	constructor(pkg, path, parser) {
+		super(pkg, path);
+		this._documentParser = parser;
+	}
+	parseXml(root) {
+		Object.assign(this, parseNumberingPart(root, this._package.xmlParser));
+		this.domNumberings = this._documentParser.parseNumberingFile(root);
+	}
+};
+//#endregion
+//#region src/styles/styles-part.ts
+var StylesPart = class extends Part {
+	constructor(pkg, path, parser) {
+		super(pkg, path);
+		this._documentParser = parser;
+	}
+	parseXml(root) {
+		this.styles = this._documentParser.parseStylesFile(root);
+	}
+};
+//#endregion
+//#region src/document/dom.ts
+var DomType = /* @__PURE__ */ function(DomType) {
+	DomType["Document"] = "document";
+	DomType["Paragraph"] = "paragraph";
+	DomType["Run"] = "run";
+	DomType["Break"] = "break";
+	DomType["NoBreakHyphen"] = "noBreakHyphen";
+	DomType["Table"] = "table";
+	DomType["Row"] = "row";
+	DomType["Cell"] = "cell";
+	DomType["Hyperlink"] = "hyperlink";
+	DomType["SmartTag"] = "smartTag";
+	DomType["Drawing"] = "drawing";
+	DomType["Image"] = "image";
+	DomType["Text"] = "text";
+	DomType["Tab"] = "tab";
+	DomType["Symbol"] = "symbol";
+	DomType["BookmarkStart"] = "bookmarkStart";
+	DomType["BookmarkEnd"] = "bookmarkEnd";
+	DomType["Footer"] = "footer";
+	DomType["Header"] = "header";
+	DomType["FootnoteReference"] = "footnoteReference";
+	DomType["EndnoteReference"] = "endnoteReference";
+	DomType["Footnote"] = "footnote";
+	DomType["Endnote"] = "endnote";
+	DomType["SimpleField"] = "simpleField";
+	DomType["ComplexField"] = "complexField";
+	DomType["Instruction"] = "instruction";
+	DomType["VmlPicture"] = "vmlPicture";
+	DomType["MmlMath"] = "mmlMath";
+	DomType["MmlMathParagraph"] = "mmlMathParagraph";
+	DomType["MmlFraction"] = "mmlFraction";
+	DomType["MmlFunction"] = "mmlFunction";
+	DomType["MmlFunctionName"] = "mmlFunctionName";
+	DomType["MmlNumerator"] = "mmlNumerator";
+	DomType["MmlDenominator"] = "mmlDenominator";
+	DomType["MmlRadical"] = "mmlRadical";
+	DomType["MmlBase"] = "mmlBase";
+	DomType["MmlDegree"] = "mmlDegree";
+	DomType["MmlSuperscript"] = "mmlSuperscript";
+	DomType["MmlSubscript"] = "mmlSubscript";
+	DomType["MmlPreSubSuper"] = "mmlPreSubSuper";
+	DomType["MmlSubArgument"] = "mmlSubArgument";
+	DomType["MmlSuperArgument"] = "mmlSuperArgument";
+	DomType["MmlNary"] = "mmlNary";
+	DomType["MmlDelimiter"] = "mmlDelimiter";
+	DomType["MmlRun"] = "mmlRun";
+	DomType["MmlEquationArray"] = "mmlEquationArray";
+	DomType["MmlLimit"] = "mmlLimit";
+	DomType["MmlLimitLower"] = "mmlLimitLower";
+	DomType["MmlMatrix"] = "mmlMatrix";
+	DomType["MmlMatrixRow"] = "mmlMatrixRow";
+	DomType["MmlBox"] = "mmlBox";
+	DomType["MmlBar"] = "mmlBar";
+	DomType["MmlGroupChar"] = "mmlGroupChar";
+	DomType["VmlElement"] = "vmlElement";
+	DomType["Inserted"] = "inserted";
+	DomType["Deleted"] = "deleted";
+	DomType["DeletedText"] = "deletedText";
+	DomType["Comment"] = "comment";
+	DomType["CommentReference"] = "commentReference";
+	DomType["CommentRangeStart"] = "commentRangeStart";
+	DomType["CommentRangeEnd"] = "commentRangeEnd";
+	DomType["AltChunk"] = "altChunk";
+	return DomType;
+}({});
+var OpenXmlElementBase = class {
+	constructor() {
+		this.children = [];
+		this.cssStyle = {};
+	}
+};
+//#endregion
+//#region src/header-footer/elements.ts
+var WmlHeader = class extends OpenXmlElementBase {
+	constructor(..._args) {
+		super(..._args);
+		this.type = DomType.Header;
+	}
+};
+var WmlFooter = class extends OpenXmlElementBase {
+	constructor(..._args2) {
+		super(..._args2);
+		this.type = DomType.Footer;
+	}
+};
+//#endregion
+//#region src/header-footer/parts.ts
+var BaseHeaderFooterPart = class extends Part {
+	constructor(pkg, path, parser) {
+		super(pkg, path);
+		this._documentParser = parser;
+	}
+	parseXml(root) {
+		this.rootElement = this.createRootElement();
+		this.rootElement.children = this._documentParser.parseBodyElements(root);
+	}
+};
+var HeaderPart = class extends BaseHeaderFooterPart {
+	createRootElement() {
+		return new WmlHeader();
+	}
+};
+var FooterPart = class extends BaseHeaderFooterPart {
+	createRootElement() {
+		return new WmlFooter();
+	}
+};
+//#endregion
+//#region src/document-props/extended-props.ts
+function parseExtendedProps(root, xmlParser) {
+	const result = {};
+	for (let el of xmlParser.elements(root)) switch (el.localName) {
+		case "Template":
+			result.template = el.textContent;
+			break;
+		case "Pages":
+			result.pages = safeParseToInt(el.textContent);
+			break;
+		case "Words":
+			result.words = safeParseToInt(el.textContent);
+			break;
+		case "Characters":
+			result.characters = safeParseToInt(el.textContent);
+			break;
+		case "Application":
+			result.application = el.textContent;
+			break;
+		case "Lines":
+			result.lines = safeParseToInt(el.textContent);
+			break;
+		case "Paragraphs":
+			result.paragraphs = safeParseToInt(el.textContent);
+			break;
+		case "Company":
+			result.company = el.textContent;
+			break;
+		case "AppVersion": result.appVersion = el.textContent;
+	}
+	return result;
+}
+function safeParseToInt(value) {
+	if (typeof value === "undefined") return;
+	return parseInt(value);
+}
+//#endregion
+//#region src/document-props/extended-props-part.ts
+var ExtendedPropsPart = class extends Part {
+	parseXml(root) {
+		this.props = parseExtendedProps(root, this._package.xmlParser);
+	}
+};
+//#endregion
+//#region src/document-props/core-props.ts
+function parseCoreProps(root, xmlParser) {
+	const result = {};
+	for (let el of xmlParser.elements(root)) switch (el.localName) {
+		case "title":
+			result.title = el.textContent;
+			break;
+		case "description":
+			result.description = el.textContent;
+			break;
+		case "subject":
+			result.subject = el.textContent;
+			break;
+		case "creator":
+			result.creator = el.textContent;
+			break;
+		case "keywords":
+			result.keywords = el.textContent;
+			break;
+		case "language":
+			result.language = el.textContent;
+			break;
+		case "lastModifiedBy":
+			result.lastModifiedBy = el.textContent;
+			break;
+		case "revision": el.textContent && (result.revision = parseInt(el.textContent));
+	}
+	return result;
+}
+//#endregion
+//#region src/document-props/core-props-part.ts
+var CorePropsPart = class extends Part {
+	parseXml(root) {
+		this.props = parseCoreProps(root, this._package.xmlParser);
+	}
+};
+//#endregion
+//#region src/theme/theme.ts
+var DmlTheme = class {};
+function parseTheme(elem, xml) {
+	var result = new DmlTheme();
+	var themeElements = xml.element(elem, "themeElements");
+	for (let el of xml.elements(themeElements)) switch (el.localName) {
+		case "clrScheme":
+			result.colorScheme = parseColorScheme(el, xml);
+			break;
+		case "fontScheme": result.fontScheme = parseFontScheme(el, xml);
+	}
+	return result;
+}
+function parseColorScheme(elem, xml) {
+	var result = {
+		name: xml.attr(elem, "name"),
+		colors: {}
+	};
+	for (let el of xml.elements(elem)) {
+		var srgbClr = xml.element(el, "srgbClr");
+		var sysClr = xml.element(el, "sysClr");
+		if (srgbClr) result.colors[el.localName] = xml.attr(srgbClr, "val");
+		else if (sysClr) result.colors[el.localName] = xml.attr(sysClr, "lastClr");
+	}
+	return result;
+}
+function parseFontScheme(elem, xml) {
+	var result = { name: xml.attr(elem, "name") };
+	for (let el of xml.elements(elem)) switch (el.localName) {
+		case "majorFont":
+			result.majorFont = parseFontInfo(el, xml);
+			break;
+		case "minorFont": result.minorFont = parseFontInfo(el, xml);
+	}
+	return result;
+}
+function parseFontInfo(elem, xml) {
+	return {
+		latinTypeface: xml.elementAttr(elem, "latin", "typeface"),
+		eaTypeface: xml.elementAttr(elem, "ea", "typeface"),
+		csTypeface: xml.elementAttr(elem, "cs", "typeface")
+	};
+}
+//#endregion
+//#region src/theme/theme-part.ts
+var ThemePart = class extends Part {
+	constructor(pkg, path) {
+		super(pkg, path);
+	}
+	parseXml(root) {
+		this.theme = parseTheme(root, this._package.xmlParser);
+	}
+};
+//#endregion
+//#region src/notes/elements.ts
+var WmlBaseNote = class {};
+var WmlFootnote = class extends WmlBaseNote {
+	constructor(..._args) {
+		super(..._args);
+		this.type = DomType.Footnote;
+	}
+};
+var WmlEndnote = class extends WmlBaseNote {
+	constructor(..._args2) {
+		super(..._args2);
+		this.type = DomType.Endnote;
+	}
+};
+//#endregion
+//#region src/notes/parts.ts
+var BaseNotePart = class extends Part {
+	constructor(pkg, path, parser) {
+		super(pkg, path);
+		this._documentParser = parser;
+	}
+};
+var FootnotesPart = class extends BaseNotePart {
+	constructor(pkg, path, parser) {
+		super(pkg, path, parser);
+	}
+	parseXml(root) {
+		this.notes = this._documentParser.parseNotes(root, "footnote", WmlFootnote);
+	}
+};
+var EndnotesPart = class extends BaseNotePart {
+	constructor(pkg, path, parser) {
+		super(pkg, path, parser);
+	}
+	parseXml(root) {
+		this.notes = this._documentParser.parseNotes(root, "endnote", WmlEndnote);
+	}
+};
+//#endregion
+//#region src/settings/settings.ts
+function parseSettings(elem, xml) {
+	var result = {};
+	for (let el of xml.elements(elem)) switch (el.localName) {
+		case "defaultTabStop":
+			result.defaultTabStop = xml.lengthAttr(el, "val");
+			break;
+		case "footnotePr":
+			result.footnoteProps = parseNoteProperties(el, xml);
+			break;
+		case "endnotePr":
+			result.endnoteProps = parseNoteProperties(el, xml);
+			break;
+		case "autoHyphenation":
+			result.autoHyphenation = xml.boolAttr(el, "val");
+			break;
+		case "compat": for (let c of xml.elements(el)) if (c.localName == "compatSetting" && xml.attr(c, "name") == "compatibilityMode" && (xml.attr(c, "uri") ?? "").includes("schemas.microsoft.com/office/word")) result.compatMode = xml.intAttr(c, "val", null);
+	}
+	return result;
+}
+function parseNoteProperties(elem, xml) {
+	var result = { defaultNoteIds: [] };
+	for (let el of xml.elements(elem)) switch (el.localName) {
+		case "numFmt":
+			result.nummeringFormat = xml.attr(el, "val");
+			break;
+		case "footnote":
+		case "endnote": result.defaultNoteIds.push(xml.attr(el, "id"));
+	}
+	return result;
+}
+//#endregion
+//#region src/settings/settings-part.ts
+var SettingsPart = class extends Part {
+	constructor(pkg, path) {
+		super(pkg, path);
+	}
+	parseXml(root) {
+		this.settings = parseSettings(root, this._package.xmlParser);
+	}
+};
+//#endregion
+//#region src/document-props/custom-props.ts
+function parseCustomProps(root, xml) {
+	return xml.elements(root, "property").map((e) => {
+		const firstChild = e.firstChild;
+		return {
+			formatId: xml.attr(e, "fmtid"),
+			name: xml.attr(e, "name"),
+			type: firstChild.nodeName,
+			value: firstChild.textContent
+		};
+	});
+}
+//#endregion
+//#region src/document-props/custom-props-part.ts
+var CustomPropsPart = class extends Part {
+	parseXml(root) {
+		this.props = parseCustomProps(root, this._package.xmlParser);
+	}
+};
+//#endregion
+//#region src/comments/comments-part.ts
+var CommentsPart = class extends Part {
+	constructor(pkg, path, parser) {
+		super(pkg, path);
+		this._documentParser = parser;
+	}
+	parseXml(root) {
+		this.comments = this._documentParser.parseComments(root);
+		this.commentMap = keyBy(this.comments, (x) => x.id);
+	}
+};
+//#endregion
+//#region src/comments/comments-extended-part.ts
+var CommentsExtendedPart = class extends Part {
+	constructor(pkg, path) {
+		super(pkg, path);
+		this.comments = [];
+	}
+	parseXml(root) {
+		const xml = this._package.xmlParser;
+		for (let el of xml.elements(root, "commentEx")) this.comments.push({
+			paraId: xml.attr(el, "paraId"),
+			paraIdParent: xml.attr(el, "paraIdParent"),
+			done: xml.boolAttr(el, "done")
+		});
+		this.commentMap = keyBy(this.comments, (x) => x.paraId);
+	}
+};
+//#endregion
+//#region src/word-document.ts
+var topLevelRels = [
+	{
+		type: RelationshipTypes.OfficeDocument,
+		target: "word/document.xml"
+	},
+	{
+		type: RelationshipTypes.ExtendedProperties,
+		target: "docProps/app.xml"
+	},
+	{
+		type: RelationshipTypes.CoreProperties,
+		target: "docProps/core.xml"
+	},
+	{
+		type: RelationshipTypes.CustomProperties,
+		target: "docProps/custom.xml"
+	}
+];
+var WordDocument = class WordDocument {
+	constructor() {
+		this.parts = [];
+		this.partsMap = {};
+		this.contentTypes = [];
+	}
+	static async load(blob, parser, options) {
+		var d = new WordDocument();
+		d._options = options;
+		d._parser = parser;
+		d._package = await OpenXmlPackage.load(blob, options);
+		d.rels = await d._package.loadRelationships();
+		d.contentTypes = await d._package.loadContentTypes();
+		await Promise.all(topLevelRels.map((rel) => {
+			const r = d.rels.find((x) => x.type === rel.type) ?? rel;
+			return d.loadRelationshipPart(r.target, r.type);
+		}));
+		return d;
+	}
+	save(type = "blob") {
+		return this._package.save(type);
+	}
+	async loadRelationshipPart(path, type) {
+		if (this.partsMap[path]) return this.partsMap[path];
+		if (!this._package.get(path)) return null;
+		let part = null;
+		switch (type) {
+			case RelationshipTypes.OfficeDocument:
+				this.documentPart = part = new DocumentPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.FontTable:
+				this.fontTablePart = part = new FontTablePart(this._package, path);
+				break;
+			case RelationshipTypes.Numbering:
+				this.numberingPart = part = new NumberingPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.Styles:
+				this.stylesPart = part = new StylesPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.Theme:
+				this.themePart = part = new ThemePart(this._package, path);
+				break;
+			case RelationshipTypes.Footnotes:
+				this.footnotesPart = part = new FootnotesPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.Endnotes:
+				this.endnotesPart = part = new EndnotesPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.Footer:
+				part = new FooterPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.Header:
+				part = new HeaderPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.CoreProperties:
+				this.corePropsPart = part = new CorePropsPart(this._package, path);
+				break;
+			case RelationshipTypes.ExtendedProperties:
+				this.extendedPropsPart = part = new ExtendedPropsPart(this._package, path);
+				break;
+			case RelationshipTypes.CustomProperties:
+				part = new CustomPropsPart(this._package, path);
+				break;
+			case RelationshipTypes.Settings:
+				this.settingsPart = part = new SettingsPart(this._package, path);
+				break;
+			case RelationshipTypes.Comments:
+				this.commentsPart = part = new CommentsPart(this._package, path, this._parser);
+				break;
+			case RelationshipTypes.CommentsExtended: this.commentsExtendedPart = part = new CommentsExtendedPart(this._package, path);
+		}
+		if (part == null) return Promise.resolve(null);
+		this.partsMap[path] = part;
+		this.parts.push(part);
+		await part.load();
+		if (part.rels?.length > 0) {
+			const [folder] = splitPath(part.path);
+			await Promise.all(part.rels.map((rel) => this.loadRelationshipPart(resolvePath(rel.target, folder), rel.type)));
+		}
+		return part;
+	}
+	async loadDocumentImage(id, part) {
+		const path = this.getPathById(part ?? this.documentPart, id);
+		return path ? this.blobToURL(await this._package.load(path, "blob"), path) : null;
+	}
+	async loadNumberingImage(id) {
+		const path = this.getPathById(this.numberingPart, id);
+		return path ? this.blobToURL(await this._package.load(path, "blob"), path) : null;
+	}
+	async loadFont(id, key) {
+		const path = this.getPathById(this.fontTablePart, id);
+		if (!path) return null;
+		const x = await this._package.load(path, "uint8array");
+		return x ? this.blobToURL(new Blob([deobfuscate(x, key)]), path) : x;
+	}
+	async loadAltChunk(id, part) {
+		const path = this.getPathById(part ?? this.documentPart, id);
+		return path ? this._package.load(path, "string") : Promise.resolve(null);
+	}
+	blobToURL(blob, path) {
+		if (!blob) return null;
+		if (path) {
+			const ct = this.contentTypes.find((x) => x.partName === path || x.extension && path.endsWith(`.${x.extension}`));
+			blob = ct ? new Blob([blob], { type: ct.contentType }) : blob;
+		}
+		if (this._options.useBase64URL) return blobToBase64(blob);
+		return URL.createObjectURL(blob);
+	}
+	findPartByRelId(id, basePart = null) {
+		var rel = (basePart.rels ?? this.rels).find((r) => r.id == id);
+		const folder = basePart ? splitPath(basePart.path)[0] : "";
+		return rel ? this.partsMap[resolvePath(rel.target, folder)] : null;
+	}
+	getPathById(part, id) {
+		const rel = part.rels.find((x) => x.id == id);
+		const [folder] = splitPath(part.path);
+		return rel ? resolvePath(rel.target, folder) : null;
+	}
+};
+function deobfuscate(data, guidKey) {
+	const len = 16;
+	const trimmed = guidKey.replace(/{|}|-/g, "");
+	const numbers = new Array(len);
+	for (let i = 0; i < len; i++) numbers[len - i - 1] = parseInt(trimmed.substring(i * 2, i * 2 + 2), 16);
+	for (let i = 0; i < 32; i++) data[i] = data[i] ^ numbers[i % len];
+	return data;
+}
+//#endregion
+//#region src/document/bookmarks.ts
+function parseBookmarkStart(elem, xml) {
+	return {
+		type: DomType.BookmarkStart,
+		id: xml.attr(elem, "id"),
+		name: xml.attr(elem, "name"),
+		colFirst: xml.intAttr(elem, "colFirst"),
+		colLast: xml.intAttr(elem, "colLast")
+	};
+}
+function parseBookmarkEnd(elem, xml) {
+	return {
+		type: DomType.BookmarkEnd,
+		id: xml.attr(elem, "id")
+	};
+}
+//#endregion
+//#region src/vml/vml.ts
+var VmlElement = class extends OpenXmlElementBase {
+	constructor(..._args) {
+		super(..._args);
+		this.type = DomType.VmlElement;
+		this.attrs = {};
+	}
+};
+function parseVmlElement(elem, parser) {
+	var result = new VmlElement();
+	switch (elem.localName) {
+		case "rect":
+			result.tagName = "rect";
+			Object.assign(result.attrs, {
+				width: "100%",
+				height: "100%"
+			});
+			break;
+		case "oval":
+			result.tagName = "ellipse";
+			Object.assign(result.attrs, {
+				cx: "50%",
+				cy: "50%",
+				rx: "50%",
+				ry: "50%"
+			});
+			break;
+		case "line":
+			result.tagName = "line";
+			break;
+		case "shape":
+			result.tagName = "g";
+			break;
+		case "textbox":
+			result.tagName = "foreignObject";
+			Object.assign(result.attrs, {
+				width: "100%",
+				height: "100%"
+			});
+			break;
+		default: return null;
+	}
+	for (const at of globalXmlParser.attrs(elem)) switch (at.localName) {
+		case "style":
+			result.cssStyleText = at.value;
+			break;
+		case "fillcolor":
+			result.attrs.fill = at.value;
+			break;
+		case "from":
+			const [x1, y1] = parsePoint(at.value);
+			Object.assign(result.attrs, {
+				x1,
+				y1
+			});
+			break;
+		case "to":
+			const [x2, y2] = parsePoint(at.value);
+			Object.assign(result.attrs, {
+				x2,
+				y2
+			});
+	}
+	for (const el of globalXmlParser.elements(elem)) switch (el.localName) {
+		case "stroke":
+			Object.assign(result.attrs, parseStroke(el));
+			break;
+		case "fill":
+			Object.assign(result.attrs, parseFill(el));
+			break;
+		case "imagedata":
+			result.tagName = "image";
+			Object.assign(result.attrs, {
+				width: "100%",
+				height: "100%"
+			});
+			result.imageHref = {
+				id: globalXmlParser.attr(el, "id"),
+				title: globalXmlParser.attr(el, "title")
+			};
+			break;
+		case "txbxContent":
+			result.children.push(...parser.parseBodyElements(el));
+			break;
+		default:
+			const child = parseVmlElement(el, parser);
+			child && result.children.push(child);
+	}
+	return result;
+}
+function parseStroke(el) {
+	return {
+		"stroke": globalXmlParser.attr(el, "color"),
+		"stroke-width": globalXmlParser.lengthAttr(el, "weight", LengthUsage.Emu) ?? "1px"
+	};
+}
+function parseFill(el) {
+	return {};
+}
+function parsePoint(val) {
+	return val.split(",");
+}
+//#endregion
+//#region src/comments/elements.ts
+var WmlComment = class extends OpenXmlElementBase {
+	constructor(..._args) {
+		super(..._args);
+		this.type = DomType.Comment;
+	}
+};
+var WmlCommentReference = class extends OpenXmlElementBase {
+	constructor(id) {
+		super();
+		this.id = id;
+		this.type = DomType.CommentReference;
+	}
+};
+var WmlCommentRangeStart = class extends OpenXmlElementBase {
+	constructor(id) {
+		super();
+		this.id = id;
+		this.type = DomType.CommentRangeStart;
+	}
+};
+var WmlCommentRangeEnd = class extends OpenXmlElementBase {
+	constructor(id) {
+		super();
+		this.id = id;
+		this.type = DomType.CommentRangeEnd;
+	}
+};
+//#endregion
+//#region src/document-parser.ts
+var autos = {
+	shd: "inherit",
+	color: "black",
+	borderColor: "black",
+	highlight: "transparent"
+};
+var supportedNamespaceURIs = [];
+var mmlTagMap = {
+	"oMath": DomType.MmlMath,
+	"oMathPara": DomType.MmlMathParagraph,
+	"f": DomType.MmlFraction,
+	"func": DomType.MmlFunction,
+	"fName": DomType.MmlFunctionName,
+	"num": DomType.MmlNumerator,
+	"den": DomType.MmlDenominator,
+	"rad": DomType.MmlRadical,
+	"deg": DomType.MmlDegree,
+	"e": DomType.MmlBase,
+	"sSup": DomType.MmlSuperscript,
+	"sSub": DomType.MmlSubscript,
+	"sPre": DomType.MmlPreSubSuper,
+	"sup": DomType.MmlSuperArgument,
+	"sub": DomType.MmlSubArgument,
+	"d": DomType.MmlDelimiter,
+	"nary": DomType.MmlNary,
+	"eqArr": DomType.MmlEquationArray,
+	"lim": DomType.MmlLimit,
+	"limLow": DomType.MmlLimitLower,
+	"m": DomType.MmlMatrix,
+	"mr": DomType.MmlMatrixRow,
+	"box": DomType.MmlBox,
+	"bar": DomType.MmlBar,
+	"groupChr": DomType.MmlGroupChar
+};
+var DocumentParser = class {
+	constructor(options) {
+		this.options = {
+			ignoreWidth: false,
+			debug: false,
+			...options
+		};
+	}
+	parseNotes(xmlDoc, elemName, elemClass) {
+		var result = [];
+		for (let el of globalXmlParser.elements(xmlDoc, elemName)) {
+			const node = new elemClass();
+			node.id = globalXmlParser.attr(el, "id");
+			node.noteType = globalXmlParser.attr(el, "type");
+			node.children = this.parseBodyElements(el);
+			result.push(node);
+		}
+		return result;
+	}
+	parseComments(xmlDoc) {
+		var result = [];
+		for (let el of globalXmlParser.elements(xmlDoc, "comment")) {
+			const item = new WmlComment();
+			item.id = globalXmlParser.attr(el, "id");
+			item.author = globalXmlParser.attr(el, "author");
+			item.initials = globalXmlParser.attr(el, "initials");
+			item.date = globalXmlParser.attr(el, "date");
+			item.children = this.parseBodyElements(el);
+			result.push(item);
+		}
+		return result;
+	}
+	parseDocumentFile(xmlDoc) {
+		var xbody = globalXmlParser.element(xmlDoc, "body");
+		var background = globalXmlParser.element(xmlDoc, "background");
+		var sectPr = globalXmlParser.element(xbody, "sectPr");
+		return {
+			type: DomType.Document,
+			children: this.parseBodyElements(xbody),
+			props: sectPr ? parseSectionProperties(sectPr, globalXmlParser) : {},
+			cssStyle: background ? this.parseBackground(background) : {}
+		};
+	}
+	parseBackground(elem) {
+		var result = {};
+		var color = xmlUtil.colorAttr(elem, "color");
+		if (color) result["background-color"] = color;
+		return result;
+	}
+	parseBodyElements(element) {
+		var children = [];
+		for (const elem of globalXmlParser.elements(element)) switch (elem.localName) {
+			case "p":
+				children.push(this.parseParagraph(elem));
+				break;
+			case "altChunk":
+				children.push(this.parseAltChunk(elem));
+				break;
+			case "tbl":
+				children.push(this.parseTable(elem));
+				break;
+			case "sdt": children.push(...this.parseSdt(elem, (e) => this.parseBodyElements(e)));
+		}
+		return children;
+	}
+	parseStylesFile(xstyles) {
+		var result = [];
+		for (const n of globalXmlParser.elements(xstyles)) switch (n.localName) {
+			case "style":
+				result.push(this.parseStyle(n));
+				break;
+			case "docDefaults": result.push(this.parseDefaultStyles(n));
+		}
+		return result;
+	}
+	parseDefaultStyles(node) {
+		var result = {
+			id: null,
+			name: null,
+			target: null,
+			basedOn: null,
+			styles: []
+		};
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "rPrDefault":
+				var rPr = globalXmlParser.element(c, "rPr");
+				if (rPr) result.styles.push({
+					target: "span",
+					values: this.parseDefaultProperties(rPr, {})
+				});
+				break;
+			case "pPrDefault":
+				var pPr = globalXmlParser.element(c, "pPr");
+				if (pPr) result.styles.push({
+					target: "p",
+					values: this.parseDefaultProperties(pPr, {})
+				});
+		}
+		return result;
+	}
+	parseStyle(node) {
+		var result = {
+			id: globalXmlParser.attr(node, "styleId"),
+			isDefault: globalXmlParser.boolAttr(node, "default"),
+			name: null,
+			target: null,
+			basedOn: null,
+			styles: [],
+			linked: null
+		};
+		switch (globalXmlParser.attr(node, "type")) {
+			case "paragraph":
+				result.target = "p";
+				break;
+			case "table":
+				result.target = "table";
+				break;
+			case "character": result.target = "span";
+		}
+		for (const n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "basedOn":
+				result.basedOn = globalXmlParser.attr(n, "val");
+				break;
+			case "name":
+				result.name = globalXmlParser.attr(n, "val");
+				break;
+			case "link":
+				result.linked = globalXmlParser.attr(n, "val");
+				break;
+			case "next":
+				result.next = globalXmlParser.attr(n, "val");
+				break;
+			case "aliases":
+				result.aliases = globalXmlParser.attr(n, "val").split(",");
+				break;
+			case "pPr":
+				result.styles.push({
+					target: "p",
+					values: this.parseDefaultProperties(n, {})
+				});
+				result.paragraphProps = parseParagraphProperties(n, globalXmlParser);
+				break;
+			case "rPr":
+				result.styles.push({
+					target: "span",
+					values: this.parseDefaultProperties(n, {})
+				});
+				result.runProps = parseRunProperties(n, globalXmlParser);
+				break;
+			case "tblPr":
+			case "tcPr":
+				result.styles.push({
+					target: "td",
+					values: this.parseDefaultProperties(n, {})
+				});
+				break;
+			case "tblStylePr":
+				for (let s of this.parseTableStyle(n)) result.styles.push(s);
+				break;
+			case "rsid":
+			case "qFormat":
+			case "hidden":
+			case "semiHidden":
+			case "unhideWhenUsed":
+			case "autoRedefine":
+			case "uiPriority": break;
+			default: this.options.debug && console.warn(`DOCX: Unknown style element: ${n.localName}`);
+		}
+		return result;
+	}
+	parseTableStyle(node) {
+		var result = [];
+		var type = globalXmlParser.attr(node, "type");
+		var selector = "";
+		var modificator = "";
+		switch (type) {
+			case "firstRow":
+				modificator = ".first-row";
+				selector = "tr.first-row td";
+				break;
+			case "lastRow":
+				modificator = ".last-row";
+				selector = "tr.last-row td";
+				break;
+			case "firstCol":
+				modificator = ".first-col";
+				selector = "td.first-col";
+				break;
+			case "lastCol":
+				modificator = ".last-col";
+				selector = "td.last-col";
+				break;
+			case "band1Vert":
+				modificator = ":not(.no-vband)";
+				selector = "td.odd-col";
+				break;
+			case "band2Vert":
+				modificator = ":not(.no-vband)";
+				selector = "td.even-col";
+				break;
+			case "band1Horz":
+				modificator = ":not(.no-hband)";
+				selector = "tr.odd-row";
+				break;
+			case "band2Horz":
+				modificator = ":not(.no-hband)";
+				selector = "tr.even-row";
+				break;
+			default: return [];
+		}
+		for (const n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "pPr":
+				result.push({
+					target: `${selector} p`,
+					mod: modificator,
+					values: this.parseDefaultProperties(n, {})
+				});
+				break;
+			case "rPr":
+				result.push({
+					target: `${selector} span`,
+					mod: modificator,
+					values: this.parseDefaultProperties(n, {})
+				});
+				break;
+			case "tblPr":
+			case "tcPr": result.push({
+				target: selector,
+				mod: modificator,
+				values: this.parseDefaultProperties(n, {})
+			});
+		}
+		return result;
+	}
+	parseNumberingFile(node) {
+		const levels = [];
+		const nums = [];
+		const bullets = [];
+		for (const n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "abstractNum":
+				levels.push(...this.parseAbstractNumbering(n, bullets));
+				break;
+			case "numPicBullet":
+				bullets.push(this.parseNumberingPicBullet(n));
+				break;
+			case "num": nums.push({
+				numId: globalXmlParser.attr(n, "numId"),
+				abstractNumId: globalXmlParser.elementAttr(n, "abstractNumId", "val")
+			});
+		}
+		return nums.flatMap((x) => levels.filter((lvl) => x.abstractNumId == lvl.id).map((lvl) => ({
+			...lvl,
+			id: x.numId
+		})));
+	}
+	parseNumberingPicBullet(elem) {
+		var pict = globalXmlParser.element(elem, "pict");
+		var shape = pict && globalXmlParser.element(pict, "shape");
+		var imagedata = shape && globalXmlParser.element(shape, "imagedata");
+		return imagedata ? {
+			id: globalXmlParser.intAttr(elem, "numPicBulletId"),
+			src: globalXmlParser.attr(imagedata, "id"),
+			style: globalXmlParser.attr(shape, "style")
+		} : null;
+	}
+	parseAbstractNumbering(node, bullets) {
+		var result = [];
+		var id = globalXmlParser.attr(node, "abstractNumId");
+		for (const n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "lvl": result.push(this.parseNumberingLevel(id, n, bullets));
+		}
+		return result;
+	}
+	parseNumberingLevel(id, node, bullets) {
+		var result = {
+			id,
+			level: globalXmlParser.intAttr(node, "ilvl"),
+			start: 1,
+			pStyleName: void 0,
+			pStyle: {},
+			rStyle: {},
+			suff: "tab"
+		};
+		for (const n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "start":
+				result.start = globalXmlParser.intAttr(n, "val");
+				break;
+			case "pPr":
+				this.parseDefaultProperties(n, result.pStyle);
+				break;
+			case "rPr":
+				this.parseDefaultProperties(n, result.rStyle);
+				break;
+			case "lvlPicBulletId":
+				var bulletId = globalXmlParser.intAttr(n, "val");
+				result.bullet = bullets.find((x) => x?.id == bulletId);
+				break;
+			case "lvlText":
+				result.levelText = globalXmlParser.attr(n, "val");
+				break;
+			case "pStyle":
+				result.pStyleName = globalXmlParser.attr(n, "val");
+				break;
+			case "numFmt":
+				result.format = globalXmlParser.attr(n, "val");
+				break;
+			case "suff": result.suff = globalXmlParser.attr(n, "val");
+		}
+		return result;
+	}
+	parseSdt(node, parser) {
+		const sdtContent = globalXmlParser.element(node, "sdtContent");
+		return sdtContent ? parser(sdtContent) : [];
+	}
+	parseChange(type, node, parentParser) {
+		return {
+			type,
+			children: parentParser(node)?.children ?? [],
+			id: globalXmlParser.attr(node, "id"),
+			author: globalXmlParser.attr(node, "author"),
+			date: globalXmlParser.attr(node, "date")
+		};
+	}
+	parseAltChunk(node) {
+		return {
+			type: DomType.AltChunk,
+			children: [],
+			id: globalXmlParser.attr(node, "id")
+		};
+	}
+	parseParagraph(node) {
+		var result = {
+			type: DomType.Paragraph,
+			children: []
+		};
+		for (let el of globalXmlParser.elements(node)) switch (el.localName) {
+			case "pPr":
+				this.parseParagraphProperties(el, result);
+				break;
+			case "r":
+				result.children.push(this.parseRun(el, result));
+				break;
+			case "hyperlink":
+				result.children.push(this.parseHyperlink(el, result));
+				break;
+			case "smartTag":
+				result.children.push(this.parseSmartTag(el, result));
+				break;
+			case "bookmarkStart":
+				result.children.push(parseBookmarkStart(el, globalXmlParser));
+				break;
+			case "bookmarkEnd":
+				result.children.push(parseBookmarkEnd(el, globalXmlParser));
+				break;
+			case "commentRangeStart":
+				result.children.push(new WmlCommentRangeStart(globalXmlParser.attr(el, "id")));
+				break;
+			case "commentRangeEnd":
+				result.children.push(new WmlCommentRangeEnd(globalXmlParser.attr(el, "id")));
+				break;
+			case "oMath":
+			case "oMathPara":
+				result.children.push(this.parseMathElement(el));
+				break;
+			case "sdt":
+				result.children.push(...this.parseSdt(el, (e) => this.parseParagraph(e).children));
+				break;
+			case "ins":
+				result.children.push(this.parseChange(DomType.Inserted, el, (e) => this.parseParagraph(e)));
+				break;
+			case "del": result.children.push(this.parseChange(DomType.Deleted, el, (e) => this.parseParagraph(e)));
+		}
+		return result;
+	}
+	parseParagraphProperties(elem, paragraph) {
+		this.parseDefaultProperties(elem, paragraph.cssStyle = {}, null, (c) => {
+			if (parseParagraphProperty(c, paragraph, globalXmlParser)) return true;
+			switch (c.localName) {
+				case "pStyle":
+					paragraph.styleName = globalXmlParser.attr(c, "val");
+					break;
+				case "cnfStyle":
+					paragraph.className = values.classNameOfCnfStyle(c);
+					break;
+				case "framePr":
+					this.parseFrame(c, paragraph);
+					break;
+				case "rPr": break;
+				default: return false;
+			}
+			return true;
+		});
+	}
+	parseFrame(node, paragraph) {
+		if (globalXmlParser.attr(node, "dropCap") == "drop") paragraph.cssStyle["float"] = "left";
+	}
+	parseHyperlink(node, parent) {
+		var result = {
+			type: DomType.Hyperlink,
+			parent,
+			children: []
+		};
+		result.anchor = globalXmlParser.attr(node, "anchor");
+		result.id = globalXmlParser.attr(node, "id");
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "r": result.children.push(this.parseRun(c, result));
+		}
+		return result;
+	}
+	parseSmartTag(node, parent) {
+		var result = {
+			type: DomType.SmartTag,
+			parent,
+			children: []
+		};
+		var uri = globalXmlParser.attr(node, "uri");
+		var element = globalXmlParser.attr(node, "element");
+		if (uri) result.uri = uri;
+		if (element) result.element = element;
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "r":
+				result.children.push(this.parseRun(c, result));
+				break;
+			case "smartTag": result.children.push(this.parseSmartTag(c, result));
+		}
+		return result;
+	}
+	parseRun(node, parent) {
+		var result = {
+			type: DomType.Run,
+			parent,
+			children: []
+		};
+		for (let c of globalXmlParser.elements(node)) {
+			c = this.checkAlternateContent(c);
+			switch (c.localName) {
+				case "t":
+					result.children.push({
+						type: DomType.Text,
+						text: c.textContent
+					});
+					break;
+				case "delText":
+					result.children.push({
+						type: DomType.DeletedText,
+						text: c.textContent
+					});
+					break;
+				case "commentReference":
+					result.children.push(new WmlCommentReference(globalXmlParser.attr(c, "id")));
+					break;
+				case "fldSimple":
+					result.children.push({
+						type: DomType.SimpleField,
+						instruction: globalXmlParser.attr(c, "instr"),
+						lock: globalXmlParser.boolAttr(c, "lock", false),
+						dirty: globalXmlParser.boolAttr(c, "dirty", false)
+					});
+					break;
+				case "instrText":
+					result.fieldRun = true;
+					result.children.push({
+						type: DomType.Instruction,
+						text: c.textContent
+					});
+					break;
+				case "fldChar":
+					result.fieldRun = true;
+					result.children.push({
+						type: DomType.ComplexField,
+						charType: globalXmlParser.attr(c, "fldCharType"),
+						lock: globalXmlParser.boolAttr(c, "lock", false),
+						dirty: globalXmlParser.boolAttr(c, "dirty", false)
+					});
+					break;
+				case "noBreakHyphen":
+					result.children.push({ type: DomType.NoBreakHyphen });
+					break;
+				case "br":
+					result.children.push({
+						type: DomType.Break,
+						break: globalXmlParser.attr(c, "type") || "textWrapping"
+					});
+					break;
+				case "lastRenderedPageBreak":
+					result.children.push({
+						type: DomType.Break,
+						break: "lastRenderedPageBreak"
+					});
+					break;
+				case "sym":
+					result.children.push({
+						type: DomType.Symbol,
+						font: encloseFontFamily(globalXmlParser.attr(c, "font")),
+						char: globalXmlParser.hexAttr(c, "char")
+					});
+					break;
+				case "tab":
+					result.children.push({ type: DomType.Tab });
+					break;
+				case "footnoteReference":
+					result.children.push({
+						type: DomType.FootnoteReference,
+						id: globalXmlParser.attr(c, "id")
+					});
+					break;
+				case "endnoteReference":
+					result.children.push({
+						type: DomType.EndnoteReference,
+						id: globalXmlParser.attr(c, "id")
+					});
+					break;
+				case "drawing":
+					let d = this.parseDrawing(c);
+					if (d) result.children.push(d);
+					break;
+				case "pict":
+					result.children.push(this.parseVmlPicture(c));
+					break;
+				case "rPr": this.parseRunProperties(c, result);
+			}
+		}
+		return result;
+	}
+	parseMathElement(elem) {
+		const propsTag = `${elem.localName}Pr`;
+		const result = {
+			type: mmlTagMap[elem.localName],
+			children: []
+		};
+		for (const el of globalXmlParser.elements(elem)) if (mmlTagMap[el.localName]) result.children.push(this.parseMathElement(el));
+		else if (el.localName == "r") {
+			var run = this.parseRun(el);
+			run.type = DomType.MmlRun;
+			result.children.push(run);
+		} else if (el.localName == propsTag) result.props = this.parseMathProperies(el);
+		return result;
+	}
+	parseMathProperies(elem) {
+		const result = {};
+		for (const el of globalXmlParser.elements(elem)) switch (el.localName) {
+			case "chr":
+				result.char = globalXmlParser.attr(el, "val");
+				break;
+			case "vertJc":
+				result.verticalJustification = globalXmlParser.attr(el, "val");
+				break;
+			case "pos":
+				result.position = globalXmlParser.attr(el, "val");
+				break;
+			case "degHide":
+				result.hideDegree = globalXmlParser.boolAttr(el, "val");
+				break;
+			case "begChr":
+				result.beginChar = globalXmlParser.attr(el, "val");
+				break;
+			case "endChr": result.endChar = globalXmlParser.attr(el, "val");
+		}
+		return result;
+	}
+	parseRunProperties(elem, run) {
+		this.parseDefaultProperties(elem, run.cssStyle = {}, null, (c) => {
+			switch (c.localName) {
+				case "rStyle":
+					run.styleName = globalXmlParser.attr(c, "val");
+					break;
+				case "vertAlign":
+					run.verticalAlign = values.valueOfVertAlign(c, true);
+					break;
+				default: return false;
+			}
+			return true;
+		});
+	}
+	parseVmlPicture(elem) {
+		const result = {
+			type: DomType.VmlPicture,
+			children: []
+		};
+		for (const el of globalXmlParser.elements(elem)) {
+			const child = parseVmlElement(el, this);
+			child && result.children.push(child);
+		}
+		return result;
+	}
+	checkAlternateContent(elem) {
+		if (elem.localName != "AlternateContent") return elem;
+		var choice = globalXmlParser.element(elem, "Choice");
+		if (choice) {
+			var requires = globalXmlParser.attr(choice, "Requires");
+			var namespaceURI = elem.lookupNamespaceURI(requires);
+			if (supportedNamespaceURIs.includes(namespaceURI)) return choice.firstElementChild;
+		}
+		return globalXmlParser.element(elem, "Fallback")?.firstElementChild;
+	}
+	parseDrawing(node) {
+		for (var n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "inline":
+			case "anchor": return this.parseDrawingWrapper(n);
+		}
+	}
+	parseDrawingWrapper(node) {
+		var result = {
+			type: DomType.Drawing,
+			children: [],
+			cssStyle: {}
+		};
+		var isAnchor = node.localName == "anchor";
+		let wrapType = null;
+		let simplePos = globalXmlParser.boolAttr(node, "simplePos");
+		globalXmlParser.boolAttr(node, "behindDoc");
+		let posX = {
+			relative: "page",
+			align: "left",
+			offset: "0"
+		};
+		let posY = {
+			relative: "page",
+			align: "top",
+			offset: "0"
+		};
+		for (var n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "simplePos":
+				if (simplePos) {
+					posX.offset = globalXmlParser.lengthAttr(n, "x", LengthUsage.Emu);
+					posY.offset = globalXmlParser.lengthAttr(n, "y", LengthUsage.Emu);
+				}
+				break;
+			case "extent":
+				result.cssStyle["width"] = globalXmlParser.lengthAttr(n, "cx", LengthUsage.Emu);
+				result.cssStyle["height"] = globalXmlParser.lengthAttr(n, "cy", LengthUsage.Emu);
+				break;
+			case "positionH":
+			case "positionV":
+				if (!simplePos) {
+					let pos = n.localName == "positionH" ? posX : posY;
+					var alignNode = globalXmlParser.element(n, "align");
+					var offsetNode = globalXmlParser.element(n, "posOffset");
+					pos.relative = globalXmlParser.attr(n, "relativeFrom") ?? pos.relative;
+					if (alignNode) pos.align = alignNode.textContent;
+					if (offsetNode) pos.offset = convertLength(offsetNode.textContent, LengthUsage.Emu);
+				}
+				break;
+			case "wrapTopAndBottom":
+				wrapType = "wrapTopAndBottom";
+				break;
+			case "wrapNone":
+				wrapType = "wrapNone";
+				break;
+			case "graphic":
+				var g = this.parseGraphic(n);
+				if (g) result.children.push(g);
+		}
+		if (wrapType == "wrapTopAndBottom") {
+			result.cssStyle["display"] = "block";
+			if (posX.align) {
+				result.cssStyle["text-align"] = posX.align;
+				result.cssStyle["width"] = "100%";
+			}
+		} else if (wrapType == "wrapNone") {
+			result.cssStyle["display"] = "block";
+			result.cssStyle["position"] = "relative";
+			result.cssStyle["width"] = "0px";
+			result.cssStyle["height"] = "0px";
+			if (posX.offset) result.cssStyle["left"] = posX.offset;
+			if (posY.offset) result.cssStyle["top"] = posY.offset;
+		} else if (isAnchor && (posX.align == "left" || posX.align == "right")) result.cssStyle["float"] = posX.align;
+		return result;
+	}
+	parseGraphic(elem) {
+		var graphicData = globalXmlParser.element(elem, "graphicData");
+		for (let n of globalXmlParser.elements(graphicData)) switch (n.localName) {
+			case "pic": return this.parsePicture(n);
+		}
+		return null;
+	}
+	parsePicture(elem) {
+		var result = {
+			type: DomType.Image,
+			src: "",
+			cssStyle: {}
+		};
+		var blipFill = globalXmlParser.element(elem, "blipFill");
+		var blip = globalXmlParser.element(blipFill, "blip");
+		var srcRect = globalXmlParser.element(blipFill, "srcRect");
+		result.src = globalXmlParser.attr(blip, "embed");
+		if (srcRect) result.srcRect = [
+			globalXmlParser.intAttr(srcRect, "l", 0) / 1e5,
+			globalXmlParser.intAttr(srcRect, "t", 0) / 1e5,
+			globalXmlParser.intAttr(srcRect, "r", 0) / 1e5,
+			globalXmlParser.intAttr(srcRect, "b", 0) / 1e5
+		];
+		var spPr = globalXmlParser.element(elem, "spPr");
+		var xfrm = globalXmlParser.element(spPr, "xfrm");
+		result.cssStyle["position"] = "relative";
+		if (xfrm) {
+			result.rotation = globalXmlParser.intAttr(xfrm, "rot", 0) / 6e4;
+			for (var n of globalXmlParser.elements(xfrm)) switch (n.localName) {
+				case "ext":
+					result.cssStyle["width"] = globalXmlParser.lengthAttr(n, "cx", LengthUsage.Emu);
+					result.cssStyle["height"] = globalXmlParser.lengthAttr(n, "cy", LengthUsage.Emu);
+					break;
+				case "off":
+					result.cssStyle["left"] = globalXmlParser.lengthAttr(n, "x", LengthUsage.Emu);
+					result.cssStyle["top"] = globalXmlParser.lengthAttr(n, "y", LengthUsage.Emu);
+			}
+		}
+		return result;
+	}
+	parseTable(node) {
+		var result = {
+			type: DomType.Table,
+			children: []
+		};
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "tr":
+				result.children.push(this.parseTableRow(c));
+				break;
+			case "tblGrid":
+				result.columns = this.parseTableColumns(c);
+				break;
+			case "tblPr": this.parseTableProperties(c, result);
+		}
+		return result;
+	}
+	parseTableColumns(node) {
+		var result = [];
+		for (const n of globalXmlParser.elements(node)) switch (n.localName) {
+			case "gridCol": result.push({ width: globalXmlParser.lengthAttr(n, "w") });
+		}
+		return result;
+	}
+	parseTableProperties(elem, table) {
+		table.cssStyle = {};
+		table.cellStyle = {};
+		this.parseDefaultProperties(elem, table.cssStyle, table.cellStyle, (c) => {
+			switch (c.localName) {
+				case "tblStyle":
+					table.styleName = globalXmlParser.attr(c, "val");
+					break;
+				case "tblLook":
+					table.className = values.classNameOftblLook(c);
+					break;
+				case "tblpPr":
+					this.parseTablePosition(c, table);
+					break;
+				case "tblStyleColBandSize":
+					table.colBandSize = globalXmlParser.intAttr(c, "val");
+					break;
+				case "tblStyleRowBandSize":
+					table.rowBandSize = globalXmlParser.intAttr(c, "val");
+					break;
+				case "hidden":
+					table.cssStyle["display"] = "none";
+					break;
+				default: return false;
+			}
+			return true;
+		});
+		switch (table.cssStyle["text-align"]) {
+			case "center":
+				delete table.cssStyle["text-align"];
+				table.cssStyle["margin-left"] = "auto";
+				table.cssStyle["margin-right"] = "auto";
+				break;
+			case "right":
+				delete table.cssStyle["text-align"];
+				table.cssStyle["margin-left"] = "auto";
+		}
+	}
+	parseTablePosition(node, table) {
+		var topFromText = globalXmlParser.lengthAttr(node, "topFromText");
+		var bottomFromText = globalXmlParser.lengthAttr(node, "bottomFromText");
+		var rightFromText = globalXmlParser.lengthAttr(node, "rightFromText");
+		var leftFromText = globalXmlParser.lengthAttr(node, "leftFromText");
+		var horzAnchor = globalXmlParser.attr(node, "horzAnchor");
+		var vertAnchor = globalXmlParser.attr(node, "vertAnchor");
+		var tblpXSpec = globalXmlParser.attr(node, "tblpXSpec");
+		if (globalXmlParser.attr(node, "tblpYSpec") == "bottom" && vertAnchor != "text") {
+			table.cssStyle["position"] = "absolute";
+			table.cssStyle["bottom"] = vertAnchor == "page" ? "0px" : "var(--docx-pad-bottom, 0px)";
+			if (tblpXSpec == "right") table.cssStyle["right"] = horzAnchor == "page" ? "0px" : "var(--docx-pad-right, 0px)";
+			else if (tblpXSpec == "center") {
+				table.cssStyle["left"] = "50%";
+				table.cssStyle["transform"] = "translateX(-50%)";
+			} else table.cssStyle["left"] = horzAnchor == "page" ? "0px" : "var(--docx-pad-left, 0px)";
+			return;
+		}
+		table.cssStyle["float"] = "left";
+		table.cssStyle["margin-bottom"] = values.addSize(table.cssStyle["margin-bottom"], bottomFromText);
+		table.cssStyle["margin-left"] = values.addSize(table.cssStyle["margin-left"], leftFromText);
+		table.cssStyle["margin-right"] = values.addSize(table.cssStyle["margin-right"], rightFromText);
+		table.cssStyle["margin-top"] = values.addSize(table.cssStyle["margin-top"], topFromText);
+	}
+	parseTableRow(node) {
+		var result = {
+			type: DomType.Row,
+			children: []
+		};
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "tc":
+				result.children.push(this.parseTableCell(c));
+				break;
+			case "trPr":
+			case "tblPrEx": this.parseTableRowProperties(c, result);
+		}
+		return result;
+	}
+	parseTableRowProperties(elem, row) {
+		row.cssStyle = this.parseDefaultProperties(elem, {}, null, (c) => {
+			switch (c.localName) {
+				case "cnfStyle":
+					row.className = values.classNameOfCnfStyle(c);
+					break;
+				case "tblHeader":
+					row.isHeader = globalXmlParser.boolAttr(c, "val");
+					break;
+				case "gridBefore":
+					row.gridBefore = globalXmlParser.intAttr(c, "val");
+					break;
+				case "gridAfter":
+					row.gridAfter = globalXmlParser.intAttr(c, "val");
+					break;
+				default: return false;
+			}
+			return true;
+		});
+	}
+	parseTableCell(node) {
+		var result = {
+			type: DomType.Cell,
+			children: []
+		};
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "tbl":
+				result.children.push(this.parseTable(c));
+				break;
+			case "p":
+				result.children.push(this.parseParagraph(c));
+				break;
+			case "tcPr": this.parseTableCellProperties(c, result);
+		}
+		return result;
+	}
+	parseTableCellProperties(elem, cell) {
+		cell.cssStyle = this.parseDefaultProperties(elem, {}, null, (c) => {
+			switch (c.localName) {
+				case "gridSpan":
+					cell.span = globalXmlParser.intAttr(c, "val", null);
+					break;
+				case "vMerge":
+					cell.verticalMerge = globalXmlParser.attr(c, "val") ?? "continue";
+					break;
+				case "cnfStyle":
+					cell.className = values.classNameOfCnfStyle(c);
+					break;
+				default: return false;
+			}
+			return true;
+		});
+		this.parseTableCellVerticalText(elem, cell);
+	}
+	parseTableCellVerticalText(elem, cell) {
+		const directionMap = {
+			"btLr": {
+				writingMode: "vertical-rl",
+				transform: "rotate(180deg)"
+			},
+			"lrTb": {
+				writingMode: "vertical-lr",
+				transform: "none"
+			},
+			"tbRl": {
+				writingMode: "vertical-rl",
+				transform: "none"
+			}
+		};
+		for (const c of globalXmlParser.elements(elem)) if (c.localName === "textDirection") {
+			const style = directionMap[globalXmlParser.attr(c, "val")] || { writingMode: "horizontal-tb" };
+			cell.cssStyle["writing-mode"] = style.writingMode;
+			cell.cssStyle["transform"] = style.transform;
+		}
+	}
+	parseDefaultProperties(elem, style = null, childStyle = null, handler = null) {
+		style = style || {};
+		for (const c of globalXmlParser.elements(elem)) {
+			if (handler?.(c)) continue;
+			switch (c.localName) {
+				case "jc":
+					style["text-align"] = values.valueOfJc(c);
+					break;
+				case "textAlignment":
+					style["vertical-align"] = values.valueOfTextAlignment(c);
+					break;
+				case "color":
+					style["color"] = xmlUtil.colorAttr(c, "val", null, autos.color);
+					break;
+				case "sz":
+					style["font-size"] = style["min-height"] = globalXmlParser.lengthAttr(c, "val", LengthUsage.FontSize);
+					break;
+				case "shd":
+					style["background-color"] = xmlUtil.colorAttr(c, "fill", null, autos.shd);
+					break;
+				case "highlight":
+					style["background-color"] = xmlUtil.colorAttr(c, "val", null, autos.highlight);
+					break;
+				case "vertAlign": break;
+				case "position":
+					style.verticalAlign = globalXmlParser.lengthAttr(c, "val", LengthUsage.FontSize);
+					break;
+				case "tcW": if (this.options.ignoreWidth) break;
+				case "tblW":
+					style["width"] = values.valueOfSize(c, "w");
+					break;
+				case "trHeight":
+					this.parseTrHeight(c, style);
+					break;
+				case "strike":
+					style["text-decoration"] = globalXmlParser.boolAttr(c, "val", true) ? "line-through" : "none";
+					break;
+				case "b":
+					style["font-weight"] = globalXmlParser.boolAttr(c, "val", true) ? "bold" : "normal";
+					break;
+				case "i":
+					style["font-style"] = globalXmlParser.boolAttr(c, "val", true) ? "italic" : "normal";
+					break;
+				case "caps":
+					style["text-transform"] = globalXmlParser.boolAttr(c, "val", true) ? "uppercase" : "none";
+					break;
+				case "smallCaps":
+					style["font-variant"] = globalXmlParser.boolAttr(c, "val", true) ? "small-caps" : "none";
+					break;
+				case "u":
+					this.parseUnderline(c, style);
+					break;
+				case "ind":
+				case "tblInd":
+					this.parseIndentation(c, style);
+					break;
+				case "rFonts":
+					this.parseFont(c, style);
+					break;
+				case "tblBorders":
+					this.parseBorderProperties(c, childStyle || style);
+					break;
+				case "tblCellSpacing":
+					style["border-spacing"] = values.valueOfMargin(c);
+					style["border-collapse"] = "separate";
+					break;
+				case "pBdr":
+					this.parseBorderProperties(c, style);
+					break;
+				case "bdr":
+					style["border"] = values.valueOfBorder(c);
+					break;
+				case "tcBorders":
+					this.parseBorderProperties(c, style);
+					break;
+				case "vanish":
+					if (globalXmlParser.boolAttr(c, "val", true)) style["display"] = "none";
+					break;
+				case "kern": break;
+				case "noWrap": break;
+				case "tblCellMar":
+				case "tcMar":
+					this.parseMarginProperties(c, childStyle || style);
+					break;
+				case "tblLayout":
+					style["table-layout"] = values.valueOfTblLayout(c);
+					break;
+				case "vAlign":
+					style["vertical-align"] = values.valueOfTextAlignment(c);
+					break;
+				case "spacing":
+					if (elem.localName == "pPr") this.parseSpacing(c, style);
+					break;
+				case "wordWrap":
+					if (globalXmlParser.boolAttr(c, "val")) style["overflow-wrap"] = "break-word";
+					break;
+				case "suppressAutoHyphens":
+					style["hyphens"] = globalXmlParser.boolAttr(c, "val", true) ? "none" : "auto";
+					break;
+				case "lang":
+					style["$lang"] = globalXmlParser.attr(c, "val");
+					break;
+				case "rtl":
+				case "bidi":
+					if (globalXmlParser.boolAttr(c, "val", true)) style["direction"] = "rtl";
+					break;
+				case "bCs":
+				case "iCs":
+				case "szCs":
+				case "tabs":
+				case "outlineLvl":
+				case "contextualSpacing":
+				case "tblStyleColBandSize":
+				case "tblStyleRowBandSize":
+				case "webHidden":
+				case "pageBreakBefore":
+				case "suppressLineNumbers":
+				case "keepLines":
+				case "keepNext":
+				case "widowControl":
+				case "noProof": break;
+				default: if (this.options.debug) console.warn(`DOCX: Unknown document element: ${elem.localName}.${c.localName}`);
+			}
+		}
+		return style;
+	}
+	parseUnderline(node, style) {
+		var val = globalXmlParser.attr(node, "val");
+		if (val == null) return;
+		switch (val) {
+			case "dash":
+			case "dashDotDotHeavy":
+			case "dashDotHeavy":
+			case "dashedHeavy":
+			case "dashLong":
+			case "dashLongHeavy":
+			case "dotDash":
+			case "dotDotDash":
+				style["text-decoration"] = "underline dashed";
+				break;
+			case "dotted":
+			case "dottedHeavy":
+				style["text-decoration"] = "underline dotted";
+				break;
+			case "double":
+				style["text-decoration"] = "underline double";
+				break;
+			case "single":
+			case "thick":
+				style["text-decoration"] = "underline";
+				break;
+			case "wave":
+			case "wavyDouble":
+			case "wavyHeavy":
+				style["text-decoration"] = "underline wavy";
+				break;
+			case "words":
+				style["text-decoration"] = "underline";
+				break;
+			case "none": style["text-decoration"] = "none";
+		}
+		var col = xmlUtil.colorAttr(node, "color");
+		if (col) style["text-decoration-color"] = col;
+	}
+	parseFont(node, style) {
+		var ascii = globalXmlParser.attr(node, "ascii") ?? globalXmlParser.attr(node, "hAnsi") ?? values.themeValue(node, "asciiTheme") ?? values.themeValue(node, "hAnsiTheme");
+		var eastAsia = globalXmlParser.attr(node, "eastAsia") ?? values.themeValue(node, "eastAsiaTheme");
+		if (ascii) style["--docx-font-ascii"] = encloseFontFamily(ascii);
+		if (eastAsia) style["--docx-font-ea"] = encloseFontFamily(eastAsia);
+	}
+	parseIndentation(node, style) {
+		var firstLine = globalXmlParser.lengthAttr(node, "firstLine");
+		var hanging = globalXmlParser.lengthAttr(node, "hanging");
+		var left = globalXmlParser.lengthAttr(node, "left");
+		var start = globalXmlParser.lengthAttr(node, "start");
+		var right = globalXmlParser.lengthAttr(node, "right");
+		var end = globalXmlParser.lengthAttr(node, "end");
+		if (firstLine) style["text-indent"] = firstLine;
+		if (hanging) style["text-indent"] = `-${hanging}`;
+		if (left || start) style["margin-inline-start"] = left || start;
+		if (right || end) style["margin-inline-end"] = right || end;
+	}
+	parseSpacing(node, style) {
+		var before = globalXmlParser.lengthAttr(node, "before");
+		var after = globalXmlParser.lengthAttr(node, "after");
+		var beforeLines = globalXmlParser.intAttr(node, "beforeLines", null);
+		var afterLines = globalXmlParser.intAttr(node, "afterLines", null);
+		var line = globalXmlParser.intAttr(node, "line", null);
+		var lineRule = globalXmlParser.attr(node, "lineRule");
+		if (before) style["margin-top"] = before;
+		else if (beforeLines != null) style["margin-top"] = `${beforeLines / 100}em`;
+		if (after) style["margin-bottom"] = after;
+		else if (afterLines != null) style["margin-bottom"] = `${afterLines / 100}em`;
+		if (line !== null) switch (lineRule) {
+			case "auto":
+				style["line-height"] = `${(line / 240).toFixed(2)}`;
+				break;
+			case "atLeast":
+				style["line-height"] = `${line / 20}pt`;
+				break;
+			default: style["line-height"] = style["min-height"] = `${line / 20}pt`;
+		}
+	}
+	parseMarginProperties(node, output) {
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "left":
+				output["padding-left"] = values.valueOfMargin(c);
+				break;
+			case "right":
+				output["padding-right"] = values.valueOfMargin(c);
+				break;
+			case "top":
+				output["padding-top"] = values.valueOfMargin(c);
+				break;
+			case "bottom": output["padding-bottom"] = values.valueOfMargin(c);
+		}
+	}
+	parseTrHeight(node, output) {
+		switch (globalXmlParser.attr(node, "hRule")) {
+			case "exact":
+				output["height"] = globalXmlParser.lengthAttr(node, "val");
+				break;
+			default: output["height"] = globalXmlParser.lengthAttr(node, "val");
+		}
+	}
+	parseBorderProperties(node, output) {
+		for (const c of globalXmlParser.elements(node)) switch (c.localName) {
+			case "start":
+			case "left":
+				output["border-left"] = values.valueOfBorder(c);
+				break;
+			case "end":
+			case "right":
+				output["border-right"] = values.valueOfBorder(c);
+				break;
+			case "top":
+				output["border-top"] = values.valueOfBorder(c);
+				break;
+			case "bottom": output["border-bottom"] = values.valueOfBorder(c);
+		}
+	}
+};
+var knownColors = [
+	"black",
+	"blue",
+	"cyan",
+	"darkBlue",
+	"darkCyan",
+	"darkGray",
+	"darkGreen",
+	"darkMagenta",
+	"darkRed",
+	"darkYellow",
+	"green",
+	"lightGray",
+	"magenta",
+	"none",
+	"red",
+	"white",
+	"yellow"
+];
+var xmlUtil = class {
+	static colorAttr(node, attrName, defValue = null, autoColor = "black") {
+		var v = globalXmlParser.attr(node, attrName);
+		if (v) {
+			if (v == "auto") return autoColor;
+			else if (knownColors.includes(v)) return v;
+			return `#${v}`;
+		}
+		var themeColor = globalXmlParser.attr(node, "themeColor");
+		return themeColor ? `var(--docx-${themeColor}-color)` : defValue;
+	}
+};
+var values = class values {
+	static themeValue(c, attr) {
+		var val = globalXmlParser.attr(c, attr);
+		return val ? `var(--docx-${val}-font)` : null;
+	}
+	static valueOfSize(c, attr) {
+		var type = LengthUsage.Dxa;
+		switch (globalXmlParser.attr(c, "type")) {
+			case "dxa": break;
+			case "pct":
+				type = LengthUsage.Percent;
+				break;
+			case "auto": return "auto";
+		}
+		return globalXmlParser.lengthAttr(c, attr, type);
+	}
+	static valueOfMargin(c) {
+		return globalXmlParser.lengthAttr(c, "w");
+	}
+	static valueOfBorder(c) {
+		var type = values.parseBorderType(globalXmlParser.attr(c, "val"));
+		if (type == "none") return "none";
+		var color = xmlUtil.colorAttr(c, "color");
+		return `${globalXmlParser.lengthAttr(c, "sz", LengthUsage.Border)} ${type} ${color == "auto" ? autos.borderColor : color}`;
+	}
+	static parseBorderType(type) {
+		switch (type) {
+			case "single": return "solid";
+			case "dashDotStroked": return "solid";
+			case "dashed": return "dashed";
+			case "dashSmallGap": return "dashed";
+			case "dotDash": return "dotted";
+			case "dotDotDash": return "dotted";
+			case "dotted": return "dotted";
+			case "double": return "double";
+			case "doubleWave": return "double";
+			case "inset": return "inset";
+			case "nil": return "none";
+			case "none": return "none";
+			case "outset": return "outset";
+			case "thick": return "solid";
+			case "thickThinLargeGap": return "solid";
+			case "thickThinMediumGap": return "solid";
+			case "thickThinSmallGap": return "solid";
+			case "thinThickLargeGap": return "solid";
+			case "thinThickMediumGap": return "solid";
+			case "thinThickSmallGap": return "solid";
+			case "thinThickThinLargeGap": return "solid";
+			case "thinThickThinMediumGap": return "solid";
+			case "thinThickThinSmallGap": return "solid";
+			case "threeDEmboss": return "solid";
+			case "threeDEngrave": return "solid";
+			case "triple": return "double";
+			case "wave": return "solid";
+		}
+		return "solid";
+	}
+	static valueOfTblLayout(c) {
+		return globalXmlParser.attr(c, "val") == "fixed" ? "fixed" : "auto";
+	}
+	static classNameOfCnfStyle(c) {
+		const val = globalXmlParser.attr(c, "val");
+		const classes = [
+			"first-row",
+			"last-row",
+			"first-col",
+			"last-col",
+			"odd-col",
+			"even-col",
+			"odd-row",
+			"even-row",
+			"ne-cell",
+			"nw-cell",
+			"se-cell",
+			"sw-cell"
+		];
+		if (val) return classes.filter((_, i) => val[i] == "1").join(" ");
+		const attrs = [
+			"firstRow",
+			"lastRow",
+			"firstColumn",
+			"lastColumn",
+			"oddVBand",
+			"evenVBand",
+			"oddHBand",
+			"evenHBand",
+			"firstRowLastColumn",
+			"firstRowFirstColumn",
+			"lastRowLastColumn",
+			"lastRowFirstColumn"
+		];
+		return classes.filter((_, i) => globalXmlParser.boolAttr(c, attrs[i])).join(" ");
+	}
+	static valueOfJc(c) {
+		var type = globalXmlParser.attr(c, "val");
+		switch (type) {
+			case "start":
+			case "left": return "left";
+			case "center": return "center";
+			case "end":
+			case "right": return "right";
+			case "both": return "justify";
+		}
+		return type;
+	}
+	static valueOfVertAlign(c, asTagName = false) {
+		var type = globalXmlParser.attr(c, "val");
+		switch (type) {
+			case "subscript": return "sub";
+			case "superscript": return asTagName ? "sup" : "super";
+		}
+		return asTagName ? null : type;
+	}
+	static valueOfTextAlignment(c) {
+		var type = globalXmlParser.attr(c, "val");
+		switch (type) {
+			case "auto":
+			case "baseline": return "baseline";
+			case "top": return "top";
+			case "center": return "middle";
+			case "bottom": return "bottom";
+		}
+		return type;
+	}
+	static addSize(a, b) {
+		if (a == null) return b;
+		if (b == null) return a;
+		return `calc(${a} + ${b})`;
+	}
+	static classNameOftblLook(c) {
+		const val = globalXmlParser.hexAttr(c, "val", 0);
+		let className = "";
+		if (globalXmlParser.boolAttr(c, "firstRow") || val & 32) className += " first-row";
+		if (globalXmlParser.boolAttr(c, "lastRow") || val & 64) className += " last-row";
+		if (globalXmlParser.boolAttr(c, "firstColumn") || val & 128) className += " first-col";
+		if (globalXmlParser.boolAttr(c, "lastColumn") || val & 256) className += " last-col";
+		if (globalXmlParser.boolAttr(c, "noHBand") || val & 512) className += " no-hband";
+		if (globalXmlParser.boolAttr(c, "noVBand") || val & 1024) className += " no-vband";
+		return className.trim();
+	}
+};
+//#endregion
+//#region src/javascript.ts
+var defaultTab = {
+	pos: 0,
+	leader: "none",
+	style: "left"
+};
+var maxTabs = 50;
+function computePixelToPoint(container = document.body) {
+	const temp = document.createElement("div");
+	temp.style.width = "100pt";
+	container.appendChild(temp);
+	const result = 100 / temp.offsetWidth;
+	container.removeChild(temp);
+	return result;
+}
+function updateTabStop(elem, tabs, defaultTabSize, pixelToPoint = 72 / 96) {
+	const p = elem.closest("p");
+	const ebb = elem.getBoundingClientRect();
+	const pbb = p.getBoundingClientRect();
+	const pcs = getComputedStyle(p);
+	const tabStops = tabs?.length > 0 ? tabs.map((t) => ({
+		pos: lengthToPoint(t.position),
+		leader: t.leader,
+		style: t.style
+	})).sort((a, b) => a.pos - b.pos) : [defaultTab];
+	const lastTab = tabStops[tabStops.length - 1];
+	const pWidthPt = pbb.width * pixelToPoint;
+	const size = lengthToPoint(defaultTabSize);
+	let pos = lastTab.pos + size;
+	if (pos < pWidthPt) for (; pos < pWidthPt && tabStops.length < maxTabs; pos += size) tabStops.push({
+		...defaultTab,
+		pos
+	});
+	const marginLeft = parseFloat(pcs.marginLeft);
+	const pOffset = pbb.left + marginLeft;
+	const left = (ebb.left - pOffset) * pixelToPoint;
+	const tab = tabStops.find((t) => t.style != "clear" && t.pos > left);
+	if (tab == null) return;
+	let width = 1;
+	if (tab.style == "right" || tab.style == "center") {
+		const tabStops = Array.from(p.querySelectorAll(`.${elem.className}`));
+		const nextIdx = tabStops.indexOf(elem) + 1;
+		const range = document.createRange();
+		range.setStart(elem, 1);
+		if (nextIdx < tabStops.length) range.setEndBefore(tabStops[nextIdx]);
+		else range.setEndAfter(p);
+		const mul = tab.style == "center" ? .5 : 1;
+		const nextBB = range.getBoundingClientRect();
+		const offset = nextBB.left + mul * nextBB.width - (pbb.left - marginLeft);
+		width = tab.pos - offset * pixelToPoint;
+	} else width = tab.pos - left;
+	elem.innerHTML = "&nbsp;";
+	elem.style.textDecoration = "inherit";
+	elem.style.wordSpacing = `${width.toFixed(0)}pt`;
+	switch (tab.leader) {
+		case "dot":
+		case "middleDot":
+			elem.style.textDecoration = "underline";
+			elem.style.textDecorationStyle = "dotted";
+			break;
+		case "hyphen":
+		case "heavy":
+		case "underscore": elem.style.textDecoration = "underline";
+	}
+}
+function lengthToPoint(length) {
+	return parseFloat(length);
+}
+//#endregion
+//#region src/html.ts
+var ns = /* @__PURE__ */ function(ns) {
+	ns["html"] = "http://www.w3.org/1999/xhtml";
+	ns["svg"] = "http://www.w3.org/2000/svg";
+	ns["mathML"] = "http://www.w3.org/1998/Math/MathML";
+	return ns;
+}({});
+function h(elem) {
+	if (isString(elem)) return document.createTextNode(elem);
+	if (elem instanceof Node) return elem;
+	const { ns, tagName, className, style, children, ...props } = elem;
+	if (tagName === "#fragment") return document.createDocumentFragment();
+	if (tagName === "#comment") return document.createComment(children[0]);
+	const result = ns ? document.createElementNS(ns, tagName) : document.createElement(tagName);
+	if (className) result.setAttribute("class", className);
+	if (style) {
+		if (isString(style)) result.setAttribute("style", style);
+		else for (const [key, value] of Object.entries(style)) if (key.startsWith("--")) result.style.setProperty(key, value);
+		else result.style[key] = value;
+	}
+	if (props) {
+		for (const [key, value] of Object.entries(props)) if (value !== void 0) result[key] = value;
+	}
+	if (children) children.forEach((c) => result.appendChild(h(c)));
+	return result;
+}
+function cx(...classNames) {
+	return classNames.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/html-renderer.ts
+var HtmlRenderer = class {
+	constructor() {
+		this.className = "docx";
+		this.styleMap = {};
+		this.currentPart = null;
+		this.tableVerticalMerges = [];
+		this.currentVerticalMerge = null;
+		this.tableCellPositions = [];
+		this.currentCellPosition = null;
+		this.footnoteMap = {};
+		this.endnoteMap = {};
+		this.currentEndnoteIds = [];
+		this.usedHederFooterParts = [];
+		this.currentTabs = [];
+		this.legacyCompat = false;
+		this.commentMap = {};
+		this.tasks = [];
+		this.postRenderTasks = [];
+		this.h = h;
+	}
+	async render(document, options) {
+		this.document = document;
+		this.options = options;
+		this.className = options.className;
+		this.rootSelector = options.inWrapper ? `.${this.className}-wrapper` : ":root";
+		this.h = options.h ?? h;
+		this.styleMap = null;
+		this.tasks = [];
+		if (this.options.renderComments && globalThis.Highlight) this.commentHighlight = new Highlight();
+		const result = [...this.renderDefaultStyle()];
+		if (document.themePart) result.push(...this.renderTheme(document.themePart));
+		if (document.stylesPart != null) {
+			this.styleMap = this.processStyles(document.stylesPart.styles);
+			result.push(...this.renderStyles(document.stylesPart.styles));
+		}
+		if (document.numberingPart) {
+			this.prodessNumberings(document.numberingPart.domNumberings);
+			result.push(...await this.renderNumbering(document.numberingPart.domNumberings));
+		}
+		if (document.footnotesPart) this.footnoteMap = keyBy(document.footnotesPart.notes, (x) => x.id);
+		if (document.endnotesPart) this.endnoteMap = keyBy(document.endnotesPart.notes, (x) => x.id);
+		if (document.settingsPart) {
+			this.defaultTabSize = document.settingsPart.settings?.defaultTabStop;
+			const compatMode = document.settingsPart.settings?.compatMode;
+			this.legacyCompat = compatMode != null && compatMode <= 11;
+		}
+		if (!options.ignoreFonts && document.fontTablePart) result.push(...await this.renderFontTable(document.fontTablePart));
+		var sectionElements = this.renderSections(document.documentPart.body);
+		if (this.options.inWrapper) result.push(this.renderWrapper(sectionElements));
+		else result.push(...sectionElements);
+		if (this.commentHighlight && options.renderComments) CSS.highlights.set(`${this.className}-comments`, this.commentHighlight);
+		this.postRenderTasks.forEach((t) => t());
+		await Promise.allSettled(this.tasks);
+		this.refreshTabStops();
+		return result;
+	}
+	renderTheme(themePart) {
+		const variables = {};
+		const fontScheme = themePart.theme?.fontScheme;
+		if (fontScheme) {
+			if (fontScheme.majorFont) {
+				variables["--docx-majorHAnsi-font"] = fontScheme.majorFont.latinTypeface;
+				variables["--docx-majorEastAsia-font"] = fontScheme.majorFont.eaTypeface || fontScheme.majorFont.latinTypeface;
+			}
+			if (fontScheme.minorFont) {
+				variables["--docx-minorHAnsi-font"] = fontScheme.minorFont.latinTypeface;
+				variables["--docx-minorEastAsia-font"] = fontScheme.minorFont.eaTypeface || fontScheme.minorFont.latinTypeface;
+			}
+		}
+		const colorScheme = themePart.theme?.colorScheme;
+		if (colorScheme) for (let [k, v] of Object.entries(colorScheme.colors)) variables[`--docx-${k}-color`] = `#${v}`;
+		const cssText = this.styleToString(`.${this.className}`, variables);
+		return [this.h({
+			tagName: "#comment",
+			children: ["docxjs document theme values"]
+		}), this.h({
+			tagName: "style",
+			children: [cssText]
+		})];
+	}
+	async renderFontTable(fontsPart) {
+		const result = [];
+		for (let f of fontsPart.fonts) for (let ref of f.embedFontRefs) try {
+			const fontData = await this.document.loadFont(ref.id, ref.key);
+			const cssValues = {
+				"font-family": encloseFontFamily(f.name),
+				"src": `url(${fontData})`
+			};
+			if (ref.type == "bold" || ref.type == "boldItalic") cssValues["font-weight"] = "bold";
+			if (ref.type == "italic" || ref.type == "boldItalic") cssValues["font-style"] = "italic";
+			result.push(this.h({
+				tagName: "#comment",
+				children: [`docxjs ${f.name} font`]
+			}));
+			result.push(this.h({
+				tagName: "style",
+				children: [this.styleToString(`@font-face`, cssValues)]
+			}));
+		} catch (e) {
+			if (this.options.debug) console.warn(`Can't load font with id ${ref.id} and key ${ref.key}`);
+		}
+		return result;
+	}
+	processStyleName(className) {
+		return className ? `${this.className}_${escapeClassName(className)}` : this.className;
+	}
+	processStyles(styles) {
+		const stylesMap = keyBy(styles.filter((x) => x.id != null), (x) => x.id);
+		this.defaultParagraphStyle = styles.find((s) => s.isDefault && s.target == "p");
+		this.docDefaultsStyle = styles.find((s) => s.id == null);
+		for (const style of styles.filter((x) => x.basedOn)) {
+			var baseStyle = stylesMap[style.basedOn];
+			if (baseStyle) {
+				style.paragraphProps = mergeDeep(style.paragraphProps, baseStyle.paragraphProps);
+				style.runProps = mergeDeep(style.runProps, baseStyle.runProps);
+				for (const baseValues of baseStyle.styles) {
+					const styleValues = style.styles.find((x) => x.target == baseValues.target);
+					if (styleValues) this.copyStyleProperties(baseValues.values, styleValues.values);
+					else style.styles.push({
+						...baseValues,
+						values: { ...baseValues.values }
+					});
+				}
+			} else if (this.options.debug) console.warn(`Can't find base style ${style.basedOn}`);
+		}
+		for (let style of styles) style.cssName = this.processStyleName(style.id);
+		return stylesMap;
+	}
+	prodessNumberings(numberings) {
+		for (let num of numberings.filter((n) => n.pStyleName)) {
+			const style = this.findStyle(num.pStyleName);
+			if (style?.paragraphProps?.numbering) style.paragraphProps.numbering.level = num.level;
+		}
+	}
+	processElement(element) {
+		if (element.children) for (var e of element.children) {
+			e.parent = element;
+			if (e.type == DomType.Table) this.processTable(e);
+			else this.processElement(e);
+		}
+	}
+	processTable(table) {
+		for (var r of table.children) for (var c of r.children) {
+			c.cssStyle = this.copyStyleProperties(table.cellStyle, c.cssStyle, [
+				"border-left",
+				"border-right",
+				"border-top",
+				"border-bottom",
+				"padding-left",
+				"padding-right",
+				"padding-top",
+				"padding-bottom"
+			]);
+			this.processElement(c);
+		}
+	}
+	copyStyleProperties(input, output, attrs = null) {
+		if (!input) return output;
+		if (output == null) output = {};
+		if (attrs == null) attrs = Object.getOwnPropertyNames(input);
+		for (var key of attrs) if (input.hasOwnProperty(key) && !output.hasOwnProperty(key)) output[key] = input[key];
+		return output;
+	}
+	createPageElement(className, props, docStyle) {
+		const style = { ...docStyle };
+		if (props) {
+			if (props.pageMargins) {
+				style.paddingLeft = props.pageMargins.left;
+				style.paddingRight = props.pageMargins.right;
+				style.paddingTop = props.pageMargins.top;
+				style.paddingBottom = props.pageMargins.bottom;
+				style["--docx-pad-left"] = props.pageMargins.left;
+				style["--docx-pad-right"] = props.pageMargins.right;
+				style["--docx-pad-top"] = props.pageMargins.top;
+				style["--docx-pad-bottom"] = props.pageMargins.bottom;
+			}
+			if (props.pageSize) {
+				if (!this.options.ignoreWidth) style.width = props.pageSize.width;
+				if (!this.options.ignoreHeight) style.minHeight = props.pageSize.height;
+			}
+		}
+		return this.h({
+			tagName: "section",
+			className,
+			style
+		});
+	}
+	createSectionContent(props) {
+		const style = {};
+		if (props.columns && props.columns.numberOfColumns) {
+			style.columnCount = `${props.columns.numberOfColumns}`;
+			style.columnGap = props.columns.space;
+			if (props.columns.separator) style.columnRule = "1px solid black";
+		}
+		return this.h({
+			tagName: "article",
+			style
+		});
+	}
+	renderSections(document) {
+		const result = [];
+		this.processElement(document);
+		const sections = this.splitBySection(document.children, document.props);
+		const pages = this.groupByPageBreaks(sections);
+		let prevProps = null;
+		for (let i = 0, l = pages.length; i < l; i++) {
+			this.currentFootnoteIds = [];
+			let props = pages[i][0].sectProps;
+			const pageElement = this.createPageElement(this.className, props, document.cssStyle);
+			this.options.renderHeaders && this.renderHeaderFooter(props.headerRefs, props, result.length, prevProps != props, pageElement);
+			for (const sect of pages[i]) {
+				var contentElement = this.createSectionContent(sect.sectProps);
+				this.renderElements(sect.elements, contentElement);
+				pageElement.appendChild(contentElement);
+				props = sect.sectProps;
+			}
+			if (this.options.renderFootnotes) {
+				const notes = this.renderNotes(this.currentFootnoteIds, this.footnoteMap);
+				notes && pageElement.appendChild(notes);
+			}
+			if (this.options.renderEndnotes && i == l - 1) {
+				const notes = this.renderNotes(this.currentEndnoteIds, this.endnoteMap);
+				notes && pageElement.appendChild(notes);
+			}
+			this.options.renderFooters && this.renderHeaderFooter(props.footerRefs, props, result.length, prevProps != props, pageElement);
+			result.push(pageElement);
+			prevProps = props;
+		}
+		this.resolvePageFields(result);
+		return result;
+	}
+	renderHeaderFooter(refs, props, page, firstOfSection, into) {
+		if (!refs) return;
+		var ref = (props.titlePage && firstOfSection ? refs.find((x) => x.type == "first") : null) ?? (page % 2 == 1 ? refs.find((x) => x.type == "even") : null) ?? refs.find((x) => x.type == "default");
+		var part = ref && this.document.findPartByRelId(ref.id, this.document.documentPart);
+		if (part) {
+			this.currentPart = part;
+			if (!this.usedHederFooterParts.includes(part.path)) {
+				this.processElement(part.rootElement);
+				this.usedHederFooterParts.push(part.path);
+			}
+			const [el] = this.renderElements([part.rootElement], into);
+			if (props?.pageMargins) {
+				if (part.rootElement.type === DomType.Header) {
+					el.style.marginTop = `calc(${props.pageMargins.header} - ${props.pageMargins.top})`;
+					el.style.minHeight = `calc(${props.pageMargins.top} - ${props.pageMargins.header})`;
+				} else if (part.rootElement.type === DomType.Footer) {
+					el.style.marginBottom = `calc(${props.pageMargins.footer} - ${props.pageMargins.bottom})`;
+					el.style.minHeight = `calc(${props.pageMargins.bottom} - ${props.pageMargins.footer})`;
+				}
+			}
+			this.currentPart = null;
+		}
+	}
+	isPageBreakElement(elem) {
+		if (elem.type != DomType.Break) return false;
+		if (elem.break == "lastRenderedPageBreak") return !this.options.ignoreLastRenderedPageBreak;
+		return elem.break == "page";
+	}
+	isPageBreakSection(prev, next) {
+		if (!prev) return false;
+		if (!next) return false;
+		return prev.pageSize?.orientation != next.pageSize?.orientation || prev.pageSize?.width != next.pageSize?.width || prev.pageSize?.height != next.pageSize?.height;
+	}
+	splitBySection(elements, defaultProps) {
+		var current = {
+			sectProps: null,
+			elements: [],
+			pageBreak: false
+		};
+		var result = [current];
+		for (let elem of elements) {
+			if (elem.type == DomType.Paragraph) {
+				if (this.findStyle(elem.styleName)?.paragraphProps?.pageBreakBefore) {
+					current.sectProps = sectProps;
+					current.pageBreak = true;
+					current = {
+						sectProps: null,
+						elements: [],
+						pageBreak: false
+					};
+					result.push(current);
+				}
+			}
+			current.elements.push(elem);
+			if (elem.type == DomType.Paragraph) {
+				const p = elem;
+				var sectProps = p.sectionProps;
+				var pBreakIndex = -1;
+				var rBreakIndex = -1;
+				if (this.options.breakPages && p.children) pBreakIndex = p.children.findIndex((r) => {
+					rBreakIndex = r.children?.findIndex(this.isPageBreakElement.bind(this)) ?? -1;
+					return rBreakIndex != -1;
+				});
+				if (sectProps || pBreakIndex != -1) {
+					current.sectProps = sectProps;
+					current.pageBreak = pBreakIndex != -1;
+					current = {
+						sectProps: null,
+						elements: [],
+						pageBreak: false
+					};
+					result.push(current);
+				}
+				if (pBreakIndex != -1) {
+					let breakRun = p.children[pBreakIndex];
+					let splitRun = rBreakIndex < breakRun.children.length - 1;
+					if (pBreakIndex < p.children.length - 1 || splitRun) {
+						var children = elem.children;
+						var newParagraph = {
+							...elem,
+							children: children.slice(pBreakIndex)
+						};
+						elem.children = children.slice(0, pBreakIndex);
+						current.elements.push(newParagraph);
+						if (splitRun) {
+							let runChildren = breakRun.children;
+							let newRun = {
+								...breakRun,
+								children: runChildren.slice(0, rBreakIndex)
+							};
+							elem.children.push(newRun);
+							breakRun.children = runChildren.slice(rBreakIndex);
+						}
+					}
+				}
+			}
+		}
+		let currentSectProps = null;
+		for (let i = result.length - 1; i >= 0; i--) if (result[i].sectProps == null) result[i].sectProps = currentSectProps ?? defaultProps;
+		else currentSectProps = result[i].sectProps;
+		return result;
+	}
+	groupByPageBreaks(sections) {
+		let current = [];
+		let prev;
+		const result = [current];
+		for (let s of sections) {
+			current.push(s);
+			if (this.options.ignoreLastRenderedPageBreak || s.pageBreak || this.isPageBreakSection(prev, s.sectProps)) result.push(current = []);
+			prev = s.sectProps;
+		}
+		return result.filter((x) => x.length > 0);
+	}
+	renderWrapper(children) {
+		return this.h({
+			tagName: "div",
+			className: `${this.className}-wrapper`,
+			children
+		});
+	}
+	renderDefaultStyle() {
+		var c = this.className;
+		var wrapperStyle = `
+.${c}-wrapper { background: gray; padding: 30px; padding-bottom: 0px; display: flex; flex-flow: column; align-items: center; } 
+.${c}-wrapper>section.${c} { background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 30px; }`;
+		if (this.options.hideWrapperOnPrint) wrapperStyle = `@media not print { ${wrapperStyle} }`;
+		var styleText = `${wrapperStyle}
+.${c} { color: black; hyphens: auto; text-underline-position: from-font; }
+.${c} { --docx-font-ascii: serif; --docx-font-ea: serif; }
+.${c}, .${c} * { font-family: var(--docx-font-ascii), var(--docx-font-ea); }
+section.${c} { box-sizing: border-box; display: flex; flex-flow: column nowrap; position: relative; overflow: hidden; }
+section.${c}>article { margin-bottom: auto; z-index: 1; }
+section.${c}>footer { z-index: 1; }
+.${c} table { border-collapse: collapse; }
+.${c} table td, .${c} table th { vertical-align: top; }
+.${c} p { margin: 0pt; min-height: 1em; }
+.${c} span { white-space: pre-wrap; overflow-wrap: break-word; }
+.${c} a { color: inherit; text-decoration: inherit; }
+.${c} svg { fill: transparent; }
+`;
+		if (this.options.renderComments) styleText += `
+.${c}-comment-ref { cursor: default; }
+.${c}-comment-popover { display: none; z-index: 1000; padding: 0.5rem; background: white; position: absolute; box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.25); width: 30ch; }
+.${c}-comment-ref:hover~.${c}-comment-popover { display: block; }
+.${c}-comment-author,.${c}-comment-date { font-size: 0.875rem; color: #888; }
+`;
+		return [this.h({
+			tagName: "#comment",
+			children: ["docxjs library predefined styles"]
+		}), this.h({
+			tagName: "style",
+			children: [styleText]
+		})];
+	}
+	async renderNumbering(numberings) {
+		var styleText = "";
+		var resetCounters = [];
+		for (var num of numberings) {
+			var selector = `p.${this.numberingClass(num.id, num.level)}`;
+			var listStyleType = "none";
+			if (num.bullet) {
+				let valiable = `--${this.className}-${num.bullet.src}`.toLowerCase();
+				styleText += this.styleToString(`${selector}:before`, {
+					"content": "' '",
+					"display": "inline-block",
+					"background": `var(${valiable})`
+				}, num.bullet.style);
+				try {
+					const imgData = await this.document.loadNumberingImage(num.bullet.src);
+					styleText += `${this.rootSelector} { ${valiable}: url(${imgData}) }`;
+				} catch (e) {
+					if (this.options.debug) console.warn(`Can't load numbering image with src ${num.bullet.src}`);
+				}
+			} else if (num.levelText) {
+				let counter = this.numberingCounter(num.id, num.level);
+				const counterReset = counter + " " + (num.start - 1);
+				if (num.level > 0) styleText += this.styleToString(`p.${this.numberingClass(num.id, num.level - 1)}`, { "counter-set": counterReset });
+				resetCounters.push(counterReset);
+				styleText += this.styleToString(`${selector}:before`, {
+					"content": this.levelTextToContent(num.levelText, num.suff, num.id, this.numFormatToCssValue(num.format)),
+					"counter-increment": counter,
+					...num.rStyle
+				});
+			} else listStyleType = this.numFormatToCssValue(num.format);
+			styleText += this.styleToString(selector, {
+				"display": "list-item",
+				"list-style-position": "inside",
+				"list-style-type": listStyleType,
+				...num.pStyle
+			});
+		}
+		if (resetCounters.length > 0) styleText += this.styleToString(this.rootSelector, { "counter-reset": resetCounters.join(" ") });
+		return [this.h({
+			tagName: "#comment",
+			children: ["docxjs document numbering styles"]
+		}), this.h({
+			tagName: "style",
+			children: [styleText]
+		})];
+	}
+	renderStyles(styles) {
+		var styleText = "";
+		const stylesMap = this.styleMap;
+		const defautStyles = keyBy(styles.filter((s) => s.isDefault), (s) => s.target);
+		for (const style of styles) {
+			var subStyles = style.styles;
+			if (style.linked) {
+				var linkedStyle = style.linked && stylesMap[style.linked];
+				if (linkedStyle) subStyles = subStyles.concat(linkedStyle.styles);
+				else if (this.options.debug) console.warn(`Can't find linked style ${style.linked}`);
+			}
+			for (const subStyle of subStyles) {
+				var selector = `${style.target ?? ""}.${style.cssName}`;
+				if (style.target != subStyle.target) selector += ` ${subStyle.target}`;
+				if (style.id == null && subStyle.target == "span") selector = `.${this.className}`;
+				if (defautStyles[style.target] == style) selector = `.${this.className} ${style.target}, ` + selector;
+				styleText += this.styleToString(selector, subStyle.values);
+			}
+		}
+		return [this.h({
+			tagName: "#comment",
+			children: ["docxjs document styles"]
+		}), this.h({
+			tagName: "style",
+			children: [styleText]
+		})];
+	}
+	renderNotes(noteIds, notesMap) {
+		var notes = noteIds.map((id) => notesMap[id]).filter((x) => x);
+		if (notes.length > 0) return this.h({
+			tagName: "ol",
+			children: this.renderElements(notes)
+		});
+	}
+	renderElement(elem) {
+		switch (elem.type) {
+			case DomType.Paragraph: return this.renderParagraph(elem);
+			case DomType.BookmarkStart: return this.renderBookmarkStart(elem);
+			case DomType.BookmarkEnd: return null;
+			case DomType.Run: return this.renderRun(elem);
+			case DomType.Table: return this.renderTable(elem);
+			case DomType.Row: return this.renderTableRow(elem);
+			case DomType.Cell: return this.renderTableCell(elem);
+			case DomType.Hyperlink: return this.renderHyperlink(elem);
+			case DomType.SmartTag: return this.renderSmartTag(elem);
+			case DomType.Drawing: return this.renderDrawing(elem);
+			case DomType.Image: return this.renderImage(elem);
+			case DomType.Text: return this.renderText(elem);
+			case DomType.Text: return this.renderText(elem);
+			case DomType.DeletedText: return this.renderDeletedText(elem);
+			case DomType.Tab: return this.renderTab(elem);
+			case DomType.Symbol: return this.renderSymbol(elem);
+			case DomType.Break: return this.renderBreak(elem);
+			case DomType.Footer: return this.renderContainer(elem, "footer");
+			case DomType.Header: return this.renderContainer(elem, "header");
+			case DomType.Footnote:
+			case DomType.Endnote: return this.renderContainer(elem, "li");
+			case DomType.FootnoteReference: return this.renderFootnoteReference(elem);
+			case DomType.EndnoteReference: return this.renderEndnoteReference(elem);
+			case DomType.NoBreakHyphen: return this.h({ tagName: "wbr" });
+			case DomType.VmlPicture: return this.renderVmlPicture(elem);
+			case DomType.VmlElement: return this.renderVmlElement(elem);
+			case DomType.MmlMath: return this.renderContainerNS(elem, ns.mathML, "math", { xmlns: ns.mathML });
+			case DomType.MmlMathParagraph: return this.renderContainer(elem, "span");
+			case DomType.MmlFraction: return this.renderContainerNS(elem, ns.mathML, "mfrac");
+			case DomType.MmlBase: return this.renderContainerNS(elem, ns.mathML, elem.parent.type == DomType.MmlMatrixRow ? "mtd" : "mrow");
+			case DomType.MmlNumerator:
+			case DomType.MmlDenominator:
+			case DomType.MmlFunction:
+			case DomType.MmlLimit:
+			case DomType.MmlBox: return this.renderContainerNS(elem, ns.mathML, "mrow");
+			case DomType.MmlGroupChar: return this.renderMmlGroupChar(elem);
+			case DomType.MmlLimitLower: return this.renderContainerNS(elem, ns.mathML, "munder");
+			case DomType.MmlMatrix: return this.renderContainerNS(elem, ns.mathML, "mtable");
+			case DomType.MmlMatrixRow: return this.renderContainerNS(elem, ns.mathML, "mtr");
+			case DomType.MmlRadical: return this.renderMmlRadical(elem);
+			case DomType.MmlSuperscript: return this.renderContainerNS(elem, ns.mathML, "msup");
+			case DomType.MmlSubscript: return this.renderContainerNS(elem, ns.mathML, "msub");
+			case DomType.MmlDegree:
+			case DomType.MmlSuperArgument:
+			case DomType.MmlSubArgument: return this.renderContainerNS(elem, ns.mathML, "mn");
+			case DomType.MmlFunctionName: return this.renderContainerNS(elem, ns.mathML, "ms");
+			case DomType.MmlDelimiter: return this.renderMmlDelimiter(elem);
+			case DomType.MmlRun: return this.renderMmlRun(elem);
+			case DomType.MmlNary: return this.renderMmlNary(elem);
+			case DomType.MmlPreSubSuper: return this.renderMmlPreSubSuper(elem);
+			case DomType.MmlBar: return this.renderMmlBar(elem);
+			case DomType.MmlEquationArray: return this.renderMllList(elem);
+			case DomType.Inserted: return this.renderInserted(elem);
+			case DomType.Deleted: return this.renderDeleted(elem);
+			case DomType.CommentRangeStart: return this.renderCommentRangeStart(elem);
+			case DomType.CommentRangeEnd: return this.renderCommentRangeEnd(elem);
+			case DomType.CommentReference: return this.renderCommentReference(elem);
+			case DomType.AltChunk: return this.renderAltChunk(elem);
+		}
+		return null;
+	}
+	renderElements(elems, into) {
+		if (elems == null) return null;
+		var result = elems.flatMap((e) => this.renderElement(e)).filter((e) => e != null);
+		if (into) result.forEach((c) => into.appendChild(isString(c) ? document.createTextNode(c) : c));
+		return result;
+	}
+	renderContainer(elem, tagName, props) {
+		return this.h({
+			tagName,
+			children: this.renderElements(elem.children),
+			...props
+		});
+	}
+	renderContainerNS(elem, ns, tagName, props) {
+		return this.h({
+			ns,
+			tagName,
+			children: this.renderElements(elem.children),
+			...props
+		});
+	}
+	/**
+	* Marks the cached-result runs of PAGE / NUMPAGES complex fields with a
+	* marker class (`docx-field-page` / `docx-field-numpages`), so the actual
+	* numbers can be substituted once page layout is final (see the end of
+	* renderSections and pagination.ts). Field runs themselves are skipped
+	* by renderRun, leaving the cached value as a plain run between the
+	* separate and end markers.
+	*/
+	markPageFieldRuns(elem) {
+		let instruction = null;
+		let inResult = false;
+		for (const run of elem.children ?? []) {
+			if (run.type != DomType.Run) continue;
+			for (const sub of run.children ?? []) if (sub.type == DomType.ComplexField) {
+				const charType = sub.charType;
+				if (charType == "begin") {
+					instruction = null;
+					inResult = false;
+				} else if (charType == "separate") inResult = true;
+				else if (charType == "end") {
+					instruction = null;
+					inResult = false;
+				}
+			} else if (sub.type == DomType.Instruction) instruction = sub.text?.trim().split(/\s/)[0]?.toUpperCase();
+			if (inResult && (instruction == "PAGE" || instruction == "NUMPAGES") && !run.fieldRun) run.className = cx(run.className, `${this.className}-field-${instruction.toLowerCase()}`);
+		}
+	}
+	/**
+	* Substitutes final page numbers into PAGE / NUMPAGES field markers
+	* across the given page sections. Numbering is continuous from 1 —
+	* per-section restarts (w:pgNumType) are not modeled yet.
+	*/
+	resolvePageFields(pages) {
+		const total = `${pages.length}`;
+		pages.forEach((page, i) => {
+			for (const el of Array.from(page.querySelectorAll(`.${this.className}-field-page`))) el.textContent = `${i + 1}`;
+			for (const el of Array.from(page.querySelectorAll(`.${this.className}-field-numpages`))) el.textContent = total;
+		});
+	}
+	renderParagraph(elem) {
+		this.markPageFieldRuns(elem);
+		var result = this.toHTML(elem, ns.html, "p");
+		const style = this.findStyle(elem.styleName);
+		elem.tabs ?? (elem.tabs = style?.paragraphProps?.tabs);
+		const numbering = elem.numbering ?? style?.paragraphProps?.numbering;
+		if (numbering) result.classList.add(this.numberingClass(numbering.id, numbering.level));
+		if (this.legacyCompat && this.textAlignOf(elem) === "justify" && / {2,}| {2,}|　/.test(result.textContent)) result.style.setProperty("text-align-last", "justify");
+		return result;
+	}
+	/** Effective text-align of a paragraph: direct formatting, then its
+	* style, then the default paragraph style, then docDefaults. */
+	textAlignOf(elem) {
+		if (elem.cssStyle?.["text-align"]) return elem.cssStyle["text-align"];
+		const from = (s) => s?.styles?.find((x) => x.target == "p")?.values?.["text-align"];
+		return from(this.findStyle(elem.styleName)) ?? from(this.defaultParagraphStyle) ?? from(this.docDefaultsStyle) ?? null;
+	}
+	renderHyperlink(elem) {
+		const res = this.toH(elem, ns.html, "a");
+		res.href = "";
+		if (elem.id) res.href = this.document.documentPart.rels.find((it) => it.id == elem.id && it.targetMode === "External")?.target ?? res.href;
+		if (elem.anchor) res.href += `#${elem.anchor}`;
+		return this.h(res);
+	}
+	renderSmartTag(elem) {
+		return this.renderContainer(elem, "span");
+	}
+	renderCommentRangeStart(commentStart) {
+		if (!this.options.renderComments) return null;
+		const rng = new Range();
+		this.commentHighlight?.add(rng);
+		const result = this.h({
+			tagName: "#comment",
+			children: [`start of comment #${commentStart.id}`]
+		});
+		this.later(() => rng.setStart(result, 0));
+		this.commentMap[commentStart.id] = rng;
+		return result;
+	}
+	renderCommentRangeEnd(commentEnd) {
+		if (!this.options.renderComments) return null;
+		const rng = this.commentMap[commentEnd.id];
+		const result = this.h({
+			tagName: "#comment",
+			children: [`end of comment #${commentEnd.id}`]
+		});
+		this.later(() => rng?.setEnd(result, 0));
+		return result;
+	}
+	renderCommentReference(commentRef) {
+		if (!this.options.renderComments) return null;
+		var comment = this.document.commentsPart?.commentMap[commentRef.id];
+		if (!comment) return null;
+		const commentRefEl = this.h({
+			tagName: "span",
+			className: `${this.className}-comment-ref`,
+			children: ["💬"]
+		});
+		const commentsContainerEl = this.h({
+			tagName: "div",
+			className: `${this.className}-comment-popover`,
+			children: [
+				this.h({
+					tagName: "div",
+					className: `${this.className}-comment-author`,
+					children: [comment.author]
+				}),
+				this.h({
+					tagName: "div",
+					className: `${this.className}-comment-date`,
+					children: [new Date(comment.date).toLocaleString()]
+				}),
+				...this.renderElements(comment.children)
+			]
+		});
+		return this.h({
+			tagName: "#fragment",
+			children: [
+				this.h({
+					tagName: "#comment",
+					children: [`comment #${comment.id} by ${comment.author} on ${comment.date}`]
+				}),
+				commentRefEl,
+				commentsContainerEl
+			]
+		});
+	}
+	renderAltChunk(elem) {
+		if (!this.options.renderAltChunks) return null;
+		var result = this.h({ tagName: "iframe" });
+		this.tasks.push(this.document.loadAltChunk(elem.id, this.currentPart).then((x) => {
+			result.srcdoc = x;
+		}));
+		return result;
+	}
+	renderDrawing(elem) {
+		var result = this.toHTML(elem, ns.html, "div");
+		result.style.display = "inline-block";
+		result.style.position = "relative";
+		result.style.textIndent = "0px";
+		return result;
+	}
+	renderImage(elem) {
+		let result = this.toHTML(elem, ns.html, "img", []);
+		let transform = elem.cssStyle?.transform;
+		if (elem.srcRect && elem.srcRect.some((x) => x != 0)) {
+			var [left, top, right, bottom] = elem.srcRect;
+			transform = `scale(${1 / (1 - left - right)}, ${1 / (1 - top - bottom)})`;
+			result.style["clip-path"] = `rect(${(100 * top).toFixed(2)}% ${(100 * (1 - right)).toFixed(2)}% ${(100 * (1 - bottom)).toFixed(2)}% ${(100 * left).toFixed(2)}%)`;
+		}
+		if (elem.rotation) transform = `rotate(${elem.rotation}deg) ${transform ?? ""}`;
+		result.style.transform = transform?.trim();
+		if (this.document) this.tasks.push(this.document.loadDocumentImage(elem.src, this.currentPart).then((x) => {
+			result.src = x;
+		}));
+		return result;
+	}
+	renderText(elem) {
+		return this.h(elem.text);
+	}
+	renderDeletedText(elem) {
+		return this.options.renderChanges ? this.renderText(elem) : null;
+	}
+	renderBreak(elem) {
+		return elem.break == "textWrapping" ? this.h({ tagName: "br" }) : null;
+	}
+	renderInserted(elem) {
+		if (this.options.renderChanges) return this.renderChange(elem, "ins");
+		return this.renderElements(elem.children);
+	}
+	renderDeleted(elem) {
+		if (this.options.renderChanges) return this.renderChange(elem, "del");
+		return null;
+	}
+	renderChange(elem, tag) {
+		return this.renderContainer(elem, tag, { dateTime: elem.date });
+	}
+	renderSymbol(elem) {
+		return this.h({
+			tagName: "span",
+			children: [String.fromCharCode(elem.char)],
+			style: { fontFamily: elem.font }
+		});
+	}
+	renderFootnoteReference(elem) {
+		this.currentFootnoteIds.push(elem.id);
+		return this.h({
+			tagName: "sup",
+			children: [`${this.currentFootnoteIds.length}`]
+		});
+	}
+	renderEndnoteReference(elem) {
+		this.currentEndnoteIds.push(elem.id);
+		return this.h({
+			tagName: "sup",
+			children: [`${this.currentEndnoteIds.length}`]
+		});
+	}
+	renderTab(elem) {
+		var tabSpan = this.h({
+			tagName: "span",
+			children: [" "]
+		});
+		if (this.options.experimental) {
+			tabSpan.className = this.tabStopClass();
+			var stops = findParent(elem, DomType.Paragraph)?.tabs;
+			this.currentTabs.push({
+				stops,
+				span: tabSpan
+			});
+		}
+		return tabSpan;
+	}
+	renderBookmarkStart(elem) {
+		return this.h({
+			tagName: "span",
+			id: elem.name
+		});
+	}
+	renderRun(elem) {
+		if (elem.fieldRun) return null;
+		let children = this.renderElements(elem.children);
+		if (elem.verticalAlign) children = [this.h({
+			tagName: elem.verticalAlign,
+			children: this.renderElements(elem.children)
+		})];
+		const result = this.toHTML(elem, ns.html, "span", children);
+		if (elem.id) result.id = elem.id;
+		return result;
+	}
+	renderTable(elem) {
+		this.tableCellPositions.push(this.currentCellPosition);
+		this.tableVerticalMerges.push(this.currentVerticalMerge);
+		this.currentVerticalMerge = {};
+		this.currentCellPosition = {
+			col: 0,
+			row: 0
+		};
+		const children = [];
+		if (elem.columns) children.push(this.renderTableColumns(elem.columns));
+		children.push(...this.renderElements(elem.children));
+		this.currentVerticalMerge = this.tableVerticalMerges.pop();
+		this.currentCellPosition = this.tableCellPositions.pop();
+		return this.toHTML(elem, ns.html, "table", children);
+	}
+	renderTableColumns(columns) {
+		const children = columns.map((x) => this.h({
+			tagName: "col",
+			style: { width: x.width }
+		}));
+		return this.h({
+			tagName: "colgroup",
+			children
+		});
+	}
+	renderTableRow(elem) {
+		this.currentCellPosition.col = 0;
+		const children = [];
+		if (elem.gridBefore) children.push(this.renderTableCellPlaceholder(elem.gridBefore));
+		children.push(...this.renderElements(elem.children));
+		if (elem.gridAfter) children.push(this.renderTableCellPlaceholder(elem.gridAfter));
+		this.currentCellPosition.row++;
+		return this.toHTML(elem, ns.html, "tr", children);
+	}
+	renderTableCellPlaceholder(colSpan) {
+		return this.h({
+			tagName: "td",
+			colSpan,
+			style: { border: "none" }
+		});
+	}
+	renderTableCell(elem) {
+		let result = this.toHTML(elem, ns.html, "td");
+		const key = this.currentCellPosition.col;
+		if (elem.verticalMerge) {
+			if (elem.verticalMerge == "restart") {
+				this.currentVerticalMerge[key] = result;
+				result.rowSpan = 1;
+			} else if (this.currentVerticalMerge[key]) {
+				this.currentVerticalMerge[key].rowSpan += 1;
+				result.style.display = "none";
+			}
+		} else this.currentVerticalMerge[key] = null;
+		if (elem.span) result.colSpan = elem.span;
+		this.currentCellPosition.col += result.colSpan;
+		return result;
+	}
+	renderVmlPicture(elem) {
+		return this.renderContainer(elem, "div");
+	}
+	renderVmlElement(elem) {
+		var container = this.h({
+			ns: ns.svg,
+			tagName: "svg",
+			style: elem.cssStyleText
+		});
+		const result = this.renderVmlChildElement(elem);
+		if (elem.imageHref?.id) this.tasks.push(this.document?.loadDocumentImage(elem.imageHref.id, this.currentPart).then((x) => result.setAttribute("href", x)));
+		container.appendChild(result);
+		requestAnimationFrame(() => {
+			const bb = container.firstElementChild.getBBox();
+			container.setAttribute("width", `${Math.ceil(bb.x + bb.width)}`);
+			container.setAttribute("height", `${Math.ceil(bb.y + bb.height)}`);
+		});
+		return container;
+	}
+	renderVmlChildElement(elem) {
+		const result = this.createSvgElement(elem.tagName);
+		Object.entries(elem.attrs).forEach(([k, v]) => result.setAttribute(k, v));
+		for (let child of elem.children) if (child.type == DomType.VmlElement) result.appendChild(this.renderVmlChildElement(child));
+		else result.appendChild(...asArray(this.renderElement(child)));
+		return result;
+	}
+	renderMmlRadical(elem) {
+		const base = elem.children.find((el) => el.type == DomType.MmlBase);
+		if (elem.props?.hideDegree) return this.createMathMLElement("msqrt", null, this.renderElements([base]));
+		const degree = elem.children.find((el) => el.type == DomType.MmlDegree);
+		return this.createMathMLElement("mroot", null, this.renderElements([base, degree]));
+	}
+	renderMmlDelimiter(elem) {
+		const children = [];
+		children.push(this.createMathMLElement("mo", null, [elem.props.beginChar ?? "("]));
+		children.push(...this.renderElements(elem.children));
+		children.push(this.createMathMLElement("mo", null, [elem.props.endChar ?? ")"]));
+		return this.createMathMLElement("mrow", null, children);
+	}
+	renderMmlNary(elem) {
+		const children = [];
+		const grouped = keyBy(elem.children, (x) => x.type);
+		const sup = grouped[DomType.MmlSuperArgument];
+		const sub = grouped[DomType.MmlSubArgument];
+		const supElem = sup ? this.createMathMLElement("mo", null, asArray(this.renderElement(sup))) : null;
+		const subElem = sub ? this.createMathMLElement("mo", null, asArray(this.renderElement(sub))) : null;
+		const charElem = this.createMathMLElement("mo", null, [elem.props?.char ?? "∫"]);
+		if (supElem || subElem) children.push(this.createMathMLElement("munderover", null, [
+			charElem,
+			subElem,
+			supElem
+		]));
+		else if (supElem) children.push(this.createMathMLElement("mover", null, [charElem, supElem]));
+		else if (subElem) children.push(this.createMathMLElement("munder", null, [charElem, subElem]));
+		else children.push(charElem);
+		children.push(...this.renderElements(grouped[DomType.MmlBase].children));
+		return this.createMathMLElement("mrow", null, children);
+	}
+	renderMmlPreSubSuper(elem) {
+		const children = [];
+		const grouped = keyBy(elem.children, (x) => x.type);
+		const sup = grouped[DomType.MmlSuperArgument];
+		const sub = grouped[DomType.MmlSubArgument];
+		const supElem = sup ? this.createMathMLElement("mo", null, asArray(this.renderElement(sup))) : null;
+		const subElem = sub ? this.createMathMLElement("mo", null, asArray(this.renderElement(sub))) : null;
+		const stubElem = this.createMathMLElement("mo", null);
+		children.push(this.createMathMLElement("msubsup", null, [
+			stubElem,
+			subElem,
+			supElem
+		]));
+		children.push(...this.renderElements(grouped[DomType.MmlBase].children));
+		return this.createMathMLElement("mrow", null, children);
+	}
+	renderMmlGroupChar(elem) {
+		const tagName = elem.props.verticalJustification === "bot" ? "mover" : "munder";
+		const result = this.renderContainerNS(elem, ns.mathML, tagName);
+		if (elem.props.char) result.appendChild(this.createMathMLElement("mo", null, [elem.props.char]));
+		return result;
+	}
+	renderMmlBar(elem) {
+		const style = {};
+		switch (elem.props.position) {
+			case "top":
+				style.textDecoration = "overline";
+				break;
+			case "bottom": style.textDecoration = "underline";
+		}
+		return this.renderContainerNS(elem, ns.mathML, "mrow", { style });
+	}
+	renderMmlRun(elem) {
+		return this.toHTML(elem, ns.mathML, "ms");
+	}
+	renderMllList(elem) {
+		const children = this.renderElements(elem.children).map((x) => this.createMathMLElement("mtr", null, [this.createMathMLElement("mtd", null, [x])]));
+		return this.toHTML(elem, ns.mathML, "mtable", children);
+	}
+	toH(elem, ns, tagName, children = null) {
+		const { "$lang": lang, ...style } = elem.cssStyle ?? {};
+		return {
+			ns,
+			tagName,
+			className: cx(elem.className, elem.styleName && this.processStyleName(elem.styleName)),
+			lang,
+			style,
+			children: children ?? this.renderElements(elem.children)
+		};
+	}
+	toHTML(elem, ns, tagName, children = null) {
+		return this.h(this.toH(elem, ns, tagName, children));
+	}
+	findStyle(styleName) {
+		return styleName && this.styleMap?.[styleName];
+	}
+	numberingClass(id, lvl) {
+		return `${this.className}-num-${id}-${lvl}`;
+	}
+	tabStopClass() {
+		return `${this.className}-tab-stop`;
+	}
+	styleToString(selectors, values, cssText = null) {
+		let result = `${selectors} {\r\n`;
+		for (const key in values) {
+			if (key.startsWith("$")) continue;
+			result += `  ${key}: ${values[key]};\r\n`;
+		}
+		if (cssText) result += cssText;
+		return result + "}\r\n";
+	}
+	numberingCounter(id, lvl) {
+		return `${this.className}-num-${id}-${lvl}`;
+	}
+	levelTextToContent(text, suff, id, numformat) {
+		return `"${text.replace(/%\d*/g, (s) => {
+			let lvl = parseInt(s.substring(1), 10) - 1;
+			return `"counter(${this.numberingCounter(id, lvl)}, ${numformat})"`;
+		})}${{
+			"tab": "\\9",
+			"space": "\\a0"
+		}[suff] ?? ""}"`;
+	}
+	numFormatToCssValue(format) {
+		return {
+			none: "none",
+			bullet: "disc",
+			decimal: "decimal",
+			lowerLetter: "lower-alpha",
+			upperLetter: "upper-alpha",
+			lowerRoman: "lower-roman",
+			upperRoman: "upper-roman",
+			decimalZero: "decimal-leading-zero",
+			aiueo: "katakana",
+			aiueoFullWidth: "katakana",
+			chineseCounting: "simp-chinese-informal",
+			chineseCountingThousand: "simp-chinese-informal",
+			chineseLegalSimplified: "simp-chinese-formal",
+			chosung: "hangul-consonant",
+			ideographDigital: "cjk-ideographic",
+			ideographTraditional: "cjk-heavenly-stem",
+			ideographLegalTraditional: "trad-chinese-formal",
+			ideographZodiac: "cjk-earthly-branch",
+			iroha: "katakana-iroha",
+			irohaFullWidth: "katakana-iroha",
+			japaneseCounting: "japanese-informal",
+			japaneseDigitalTenThousand: "cjk-decimal",
+			japaneseLegal: "japanese-formal",
+			thaiNumbers: "thai",
+			koreanCounting: "korean-hangul-formal",
+			koreanDigital: "korean-hangul-formal",
+			koreanDigital2: "korean-hanja-informal",
+			hebrew1: "hebrew",
+			hebrew2: "hebrew",
+			hindiNumbers: "devanagari",
+			ganada: "hangul",
+			taiwaneseCounting: "cjk-ideographic",
+			taiwaneseCountingThousand: "cjk-ideographic",
+			taiwaneseDigital: "cjk-decimal"
+		}[format] ?? format;
+	}
+	refreshTabStops() {
+		if (!this.options.experimental) return;
+		setTimeout(() => {
+			const pixelToPoint = computePixelToPoint();
+			for (let tab of this.currentTabs) updateTabStop(tab.span, tab.stops, this.defaultTabSize, pixelToPoint);
+		}, 500);
+	}
+	createElementNS(ns, tagName, props, children) {
+		return this.h({
+			ns,
+			tagName,
+			children,
+			...props
+		});
+	}
+	createElement(tagName, props, children) {
+		return this.createElementNS(ns.html, tagName, props, children);
+	}
+	createMathMLElement(tagName, props, children) {
+		return this.createElementNS(ns.mathML, tagName, props, children);
+	}
+	createSvgElement(tagName, props, children) {
+		return this.createElementNS(ns.svg, tagName, props, children);
+	}
+	later(func) {
+		this.postRenderTasks.push(func);
+	}
+};
+function findParent(elem, type) {
+	var parent = elem.parent;
+	while (parent != null && parent.type != type) parent = parent.parent;
+	return parent;
+}
+//#endregion
+//#region src/pagination.ts
+var FIT_EPSILON = 1;
+var MAX_PAGES_PER_SECTION = 1e3;
+function paginateWrapper(container, className) {
+	const sections = Array.from(container.querySelectorAll(`section.${className}`));
+	let pageCount = 0;
+	for (const section of sections) pageCount += paginateSection(section, className);
+	if (pageCount > 0) {
+		const style = document.createElement("style");
+		style.textContent = `.${className} .${className}-continuation { text-indent: 0 !important; }.${className} .${className}-continuation::before { content: none !important; }`;
+		container.prepend(style);
+		const pages = container.querySelectorAll(`section.${className}`);
+		const total = `${pages.length}`;
+		pages.forEach((page, i) => {
+			for (const el of Array.from(page.querySelectorAll(`.${className}-field-page`))) el.textContent = `${i + 1}`;
+			for (const el of Array.from(page.querySelectorAll(`.${className}-field-numpages`))) el.textContent = total;
+		});
+	}
+	return pageCount;
+}
+function paginateSection(section, className) {
+	const article = section.querySelector(":scope > article");
+	if (!article) return 0;
+	const sectionStyle = getComputedStyle(section);
+	const pageHeight = parseFloat(sectionStyle.minHeight);
+	if (!pageHeight || Number.isNaN(pageHeight)) return 0;
+	const columns = getComputedStyle(article).columnCount;
+	if (columns !== "auto" && columns !== "1") return 0;
+	const contentLimit = pageHeight - parseFloat(sectionStyle.paddingTop) - parseFloat(sectionStyle.paddingBottom);
+	if (!(contentLimit > 0) || article.scrollHeight <= contentLimit + FIT_EPSILON) return 0;
+	const header = section.querySelector(":scope > header");
+	const footer = section.querySelector(":scope > footer");
+	const notes = Array.from(section.querySelectorAll(":scope > ol"));
+	const pages = [section];
+	let currentArticle = article;
+	let lastPage = section;
+	function newPage() {
+		const shell = section.cloneNode(false);
+		if (header) shell.appendChild(header.cloneNode(true));
+		const pageArticle = article.cloneNode(false);
+		shell.appendChild(pageArticle);
+		if (footer) shell.appendChild(footer.cloneNode(true));
+		lastPage.after(shell);
+		lastPage = shell;
+		pages.push(shell);
+		currentArticle = pageArticle;
+	}
+	const fits = () => currentArticle.scrollHeight <= contentLimit + FIT_EPSILON;
+	const bottomLimit = () => currentArticle.getBoundingClientRect().top + contentLimit;
+	const blocks = Array.from(article.children);
+	for (const b of blocks) b.remove();
+	for (let i = 0; i < blocks.length && pages.length < MAX_PAGES_PER_SECTION; i++) {
+		const block = blocks[i];
+		currentArticle.appendChild(block);
+		if (fits()) continue;
+		const tail = splitBlock(block, bottomLimit(), className);
+		if (tail === "allfit") continue;
+		if (tail) {
+			blocks.splice(i + 1, 0, tail);
+			newPage();
+			continue;
+		}
+		if (tail) {
+			blocks.splice(i + 1, 0, tail);
+			newPage();
+			continue;
+		}
+		block.remove();
+		if (currentArticle.childElementCount === 0) {
+			currentArticle.appendChild(block);
+			continue;
+		}
+		newPage();
+		i--;
+	}
+	if (notes.length > 0 && pages.length > 1) {
+		const lastFooter = lastPage.querySelector(":scope > footer");
+		for (const ol of notes) lastPage.insertBefore(ol, lastFooter);
+	}
+	if (pages.length <= 1) return 0;
+	return pages.length;
+}
+/**
+* Splits `block` (already appended to a page and known to overflow) so its
+* head fits above `bottomLimit` (viewport coordinate). Returns the detached
+* tail fragment, "allfit" when the block's content doesn't actually
+* overflow (keep it on the current page), or null when the block can't
+* usefully be split here.
+*/
+function splitBlock(block, bottomLimit, className) {
+	if (block.tagName === "TABLE") return splitTable(block, bottomLimit);
+	const pos = findTextSplitOffset(block, bottomLimit);
+	if (pos === "allfit") return "allfit";
+	if (pos === null) return null;
+	const tail = splitAt(block, pos.node, pos.offset);
+	tail.classList.add(`${className}-continuation`);
+	return tail;
+}
+function splitTable(table, bottomLimit) {
+	const bodyRows = [];
+	for (const tbody of Array.from(table.tBodies)) bodyRows.push(...Array.from(tbody.rows));
+	if (bodyRows.length < 2) return null;
+	const splitIndex = bodyRows.findIndex((r) => r.getBoundingClientRect().bottom > bottomLimit);
+	if (splitIndex <= 0) return null;
+	const tail = table.cloneNode(false);
+	const colgroup = table.querySelector(":scope > colgroup");
+	if (colgroup) tail.appendChild(colgroup.cloneNode(true));
+	if (table.tHead) tail.appendChild(table.tHead.cloneNode(true));
+	for (let i = splitIndex; i < bodyRows.length; i++) tail.appendChild(bodyRows[i]);
+	return tail;
+}
+/**
+* Finds the latest text position inside `el` that still renders above
+* `bottomLimit`, by walking text nodes in order and binary-searching each
+* one with Range rects. Returns:
+* - { node, offset } — split here;
+* - "allfit" — every text node fits; the overflow comes from the block's
+*   own box (min-height overshoot), not its content, so it should stay;
+* - null — even the first character overflows (or there is no text).
+*/
+function findTextSplitOffset(el, bottomLimit) {
+	const doc = el.ownerDocument;
+	const walker = doc.createTreeWalker(el, NodeFilter.SHOW_TEXT);
+	const range = doc.createRange();
+	let hasFittingContent = false;
+	let sawText = false;
+	for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+		if (node.length === 0) continue;
+		sawText = true;
+		let lo = 0, hi = node.length, fit = 0;
+		while (lo <= hi) {
+			const mid = lo + hi >> 1;
+			range.setStart(node, 0);
+			range.setEnd(node, mid);
+			const rects = range.getClientRects();
+			const last = rects[rects.length - 1];
+			if (last && last.bottom <= bottomLimit) {
+				fit = mid;
+				lo = mid + 1;
+			} else hi = mid - 1;
+		}
+		if (fit === 0) return hasFittingContent ? {
+			node,
+			offset: 0
+		} : null;
+		if (fit < node.length) {
+			let back = fit;
+			const floor = Math.max(0, fit - 30);
+			while (back > floor && !/\s/.test(node.data[back - 1])) back--;
+			return {
+				node,
+				offset: back > floor ? back : fit
+			};
+		}
+		hasFittingContent = true;
+	}
+	return sawText ? "allfit" : null;
+}
+/**
+* Splits `el` at (textNode, offset): `el` keeps everything before the point,
+* and the returned element (a shallow clone of `el` with cloned inline
+* ancestors) gets everything from the point on.
+*/
+function splitAt(el, textNode, offset) {
+	const tail = el.cloneNode(false);
+	moveTail(textNode.splitText(offset), el, tail);
+	return tail;
+}
+/** Moves the split point's following content into a parallel clone
+* hierarchy under `tailRoot`: `node` and its following siblings go into a
+* clone of their parent, and each ancestor up to `root` contributes a clone
+* plus its following siblings. The ORIGINAL ancestors stay in the head —
+* moving them would rip the head's split-span text out (and reverse the
+* order of the two text halves in the tail). */
+function moveTail(node, root, tailRoot) {
+	let child = node;
+	let container = tailRoot;
+	while (child.parentNode && child.parentNode !== root) {
+		const parent = child.parentNode;
+		const parentClone = parent.cloneNode(false);
+		container.appendChild(parentClone);
+		parentClone.appendChild(child);
+		while (child.nextSibling) parentClone.appendChild(child.nextSibling);
+		child = parent;
+		container = parentClone;
+	}
+	if (child === node) tailRoot.appendChild(child);
+	while (child.nextSibling) tailRoot.appendChild(child.nextSibling);
+}
+//#endregion
+//#region src/docx-preview.ts
+var defaultOptions = {
+	ignoreHeight: false,
+	ignoreWidth: false,
+	ignoreFonts: false,
+	breakPages: true,
+	paginate: false,
+	debug: false,
+	experimental: false,
+	className: "docx",
+	inWrapper: true,
+	hideWrapperOnPrint: false,
+	trimXmlDeclaration: true,
+	ignoreLastRenderedPageBreak: true,
+	renderHeaders: true,
+	renderFooters: true,
+	renderFootnotes: true,
+	renderEndnotes: true,
+	useBase64URL: false,
+	renderChanges: false,
+	renderComments: false,
+	renderAltChunks: true,
+	h
+};
+function parseAsync(data, userOptions) {
+	const ops = {
+		...defaultOptions,
+		...userOptions
+	};
+	return WordDocument.load(data, new DocumentParser(ops), ops);
+}
+async function renderDocument(document, userOptions) {
+	const ops = {
+		...defaultOptions,
+		...userOptions
+	};
+	return await new HtmlRenderer().render(document, ops);
+}
+function renderFontFaces(fonts) {
+	const css = fonts.map((f) => {
+		const props = [`font-family: "${f.name.replace(/["\\\r\n]/g, "")}"`, `src: ${f.src}`];
+		if (f.weight != null) props.push(`font-weight: ${f.weight}`);
+		if (f.style != null) props.push(`font-style: ${f.style}`);
+		return `@font-face { ${props.join("; ")}; }`;
+	}).join("\n");
+	const el = document.createElement("style");
+	el.textContent = css;
+	return el;
+}
+async function renderAsync(data, bodyContainer, styleContainer, userOptions) {
+	const doc = await parseAsync(data, userOptions);
+	const nodes = await renderDocument(doc, userOptions);
+	const ops = {
+		...defaultOptions,
+		...userOptions
+	};
+	styleContainer ?? (styleContainer = bodyContainer);
+	styleContainer.innerHTML = "";
+	bodyContainer.innerHTML = "";
+	if (ops.fonts?.length) nodes.unshift(renderFontFaces(ops.fonts));
+	for (let n of nodes) (n.nodeName === "STYLE" ? styleContainer : bodyContainer).appendChild(n);
+	const fontSet = typeof document !== "undefined" ? document.fonts : null;
+	if (ops.fonts?.length && fontSet?.load) try {
+		await Promise.all(ops.fonts.map((f) => fontSet.load(`${f.style ?? "normal"} ${f.weight ?? "normal"} 12px "${f.name.replace(/["\\\r\n]/g, "")}"`)));
+	} catch {}
+	if (ops.paginate) {
+		if (fontSet?.ready) try {
+			await fontSet.ready;
+		} catch {}
+		paginateWrapper(bodyContainer, ops.className);
+	}
+	return doc;
+}
+//#endregion
+export { defaultOptions, parseAsync, renderAsync, renderDocument };
+
+//# sourceMappingURL=docx-preview.mjs.map