reamkit 1.20.0 → 1.22.0

package/dist/esm/pdf/styled-page-emitter.js

@@ -6,7 +6,7 @@ import { reverseByCodePoint } from "../core/bidi/index.js";
 import { GLUE_SHRINK_RATIO } from "../layout/styled-layout.js";
 import { paintPlan } from "../layout/page-doc.js";
 import { emitClipPath, emitVectorShape, shadowBlurLayers } from "./vector-graphics.js";
-import { buildGradientPattern, shapeBbox } from "./shading.js";
+import { buildGradientAlphaMask, buildGradientPattern, shapeBbox } from "./shading.js";
 import { sanitizeHref } from "../core/links.js";
 import { embedAssociatedFile } from "./embedded-file.js";
 import { buildSrgbIccProfile } from "./icc-profile.js";
@@ -99,11 +99,20 @@ function assembleStyledPdf(laid, options, doc) {
 	let annotParentCount = 0;
 	const fontResourceDict = buildFontResourceDict(laid.fontResources, embeddedFonts);
 	const xobjectResourceDict = buildXObjectResourceDict(laid.imageResources, embeddedImages);
+	const imageRefByName = /* @__PURE__ */ new Map();
+	for (const [resourceId, res] of laid.imageResources) {
+		const r = embeddedImages.get(resourceId);
+		if (r) imageRefByName.set(res.resourceName, r);
+	}
 	const gradientNames = /* @__PURE__ */ new Map();
+	const gradientMaskNames = /* @__PURE__ */ new Map();
 	const patternEntries = {};
+	const extGStateEntries = {};
 	if (!pdfaProfile) for (const page of renderedPages) {
 		const ph = page.height;
-		for (const item of paintPlan(page.commands).shapes) {
+		const plan = paintPlan(page.commands);
+		const shapesNeedingPatterns = [...plan.shapes, ...[...plan.behind, ...plan.pictures.flat()].filter((i) => i.type === "shape")];
+		for (const item of shapesNeedingPatterns) {
 			const gradient = item.shape.fillGradient;
 			if (!gradient) continue;
 			const bbox = shapeBbox(item.shape);
@@ -120,10 +129,65 @@ function assembleStyledPdf(laid, options, doc) {
 			const nm = `Sh${gradientNames.size}`;
 			patternEntries[nm] = ref(buildGradientPattern(doc, gradient, bbox, ctm).id);
 			gradientNames.set(item.shape, nm);
+			const mask = buildGradientAlphaMask(doc, gradient, bbox, ctm);
+			if (mask) {
+				const gs = `GSm${gradientMaskNames.size}`;
+				gradientMaskNames.set(item.shape, gs);
+				extGStateEntries[gs] = dict({ SMask: dict({
+					S: name("Luminosity"),
+					G: ref(mask.id),
+					BC: [0]
+				}) });
+			}
 		}
 	}
+	const duotoneStates = /* @__PURE__ */ new Map();
+	const wantDuotone = (item, pageHeight) => {
+		if (!item.duotone || item.imageResourceName === "" || pdfaProfile) return void 0;
+		const key = [
+			item.imageResourceName,
+			Math.round(item.x * 100),
+			Math.round(item.y * 100),
+			Math.round(item.width * 100),
+			Math.round(item.height * 100)
+		].join("|");
+		const known = duotoneStates.get(key);
+		if (known !== void 0) return known;
+		const imageRef = imageRefByName.get(item.imageResourceName);
+		if (!imageRef) return void 0;
+		const form = doc.add(stream({
+			Type: name("XObject"),
+			Subtype: name("Form"),
+			BBox: [
+				0,
+				0,
+				item.width,
+				item.height
+			],
+			Matrix: [
+				1,
+				0,
+				0,
+				1,
+				item.x,
+				pageHeight - item.y - item.height
+			],
+			Group: dict({
+				S: name("Transparency"),
+				CS: name("DeviceGray")
+			}),
+			Resources: dict({ XObject: dict({ [item.imageResourceName]: ref(imageRef.id) }) })
+		}, encoder.encode(`q ${formatNumber(item.width)} 0 0 ${formatNumber(item.height)} 0 0 cm /${item.imageResourceName} Do Q`)));
+		const nm = `GSd${duotoneStates.size}`;
+		duotoneStates.set(key, nm);
+		extGStateEntries[nm] = dict({ SMask: dict({
+			S: name("Luminosity"),
+			G: ref(form.id),
+			BC: [0]
+		}) });
+		return nm;
+	};
 	const alphaStateNames = /* @__PURE__ */ new Map();
-	const extGStateEntries = {};
 	const wantAlpha = (alpha) => {
 		if (alpha === void 0 || alpha >= 1) return;
 		const key = Math.round(alpha * 1e3) / 1e3;
@@ -142,7 +206,23 @@ function assembleStyledPdf(laid, options, doc) {
 			if (s) wantAlpha(shadowBlurLayers(s).alpha);
 			wantAlpha(item.shape.fillAlpha);
 		}
-		for (const img of plan.images) wantAlpha(washVeil(img.wash)?.alpha);
+		for (const img of plan.images) {
+			wantAlpha(washVeil(img.wash)?.alpha);
+			wantAlpha(img.alpha);
+			wantDuotone(img, page.height);
+		}
+		for (const item of [...plan.behind, ...plan.pictures.flat()]) {
+			if (item.type === "image") {
+				wantAlpha(washVeil(item.wash)?.alpha);
+				wantAlpha(item.alpha);
+				wantDuotone(item, page.height);
+			}
+			if (item.type === "shape") {
+				const s = item.shape.shadow;
+				if (s) wantAlpha(shadowBlurLayers(s).alpha);
+				wantAlpha(item.shape.fillAlpha);
+			}
+		}
 		for (const line of plan.lines) for (const tok of line.line.tokens) {
 			if (tok.kind === "image" && tok.shadow) wantAlpha(shadowBlurLayers(tok.shadow).alpha);
 			if (tok.kind === "image") wantAlpha(washVeil(tok.wash)?.alpha);
@@ -179,7 +259,7 @@ function assembleStyledPdf(laid, options, doc) {
 				tagFor: (structId) => builder.node(structId).type
 			};
 		}
-		const { content: contentBytes, links } = emitPageContent(page, pageTagging, gradientNames, alphaStateNames);
+		const { content: contentBytes, links } = emitPageContent(page, pageTagging, gradientNames, alphaStateNames, wantDuotone, gradientMaskNames);
 		const contentsRef = doc.add(stream({}, contentBytes));
 		const pageEntries = {
 			Type: name("Page"),
@@ -449,6 +529,32 @@ function buildFontResourceDict(resources, embedded) {
 	}
 	return dict(entries);
 }
+/**
+* The operators that paint one picture: normally the XObject itself, but for a
+* §20.1.8.23 duotone the two colours it is recoloured between, composited
+* through the picture's own luminosity (`state` is that soft-mask ExtGState).
+*
+* @param item  The image to paint.
+* @param yUp   Its bottom edge in the page's y-up frame.
+* @param state The duotone's soft-mask state name, when it has one.
+* @returns The operators, without the surrounding `q`/`Q`.
+*/
+function paintImageBody(item, yUp, state) {
+	const place = placeImage(item.x, yUp, item.width, item.height, item.crop, item.rotationDeg, item.flipH, item.flipV);
+	if (state === void 0 || !item.duotone) return [...place, `/${item.imageResourceName} Do`];
+	const rect = `${formatNumber(item.x)} ${formatNumber(yUp)} ${formatNumber(item.width)} ${formatNumber(item.height)} re`;
+	const [sr, sg, sb] = hexToRgb01(item.duotone.shadowHex);
+	const [hr, hg, hb] = hexToRgb01(item.duotone.highlightHex);
+	return [
+		`${formatNumber(sr)} ${formatNumber(sg)} ${formatNumber(sb)} rg`,
+		rect,
+		"f",
+		`/${state} gs`,
+		`${formatNumber(hr)} ${formatNumber(hg)} ${formatNumber(hb)} rg`,
+		rect,
+		"f"
+	];
+}
 function buildXObjectResourceDict(resources, embedded) {
 	if (embedded.size === 0) return void 0;
 	const entries = {};
@@ -520,7 +626,7 @@ function dashPatternFor(style) {
 	const pattern = style !== void 0 ? BORDER_DASHES.get(style) : void 0;
 	return pattern ? `[${pattern.map(formatNumber).join(" ")}]` : "";
 }
-function emitPageContent(page, tagging, gradientNames, alphaStateNames) {
+function emitPageContent(page, tagging, gradientNames, alphaStateNames, duotoneStateFor, gradientMaskNames) {
 	const commands = page.commands;
 	const links = [];
 	if (commands.length === 0) return {
@@ -530,17 +636,503 @@ function emitPageContent(page, tagging, gradientNames, alphaStateNames) {
 	const H = page.height;
 	const out = [];
 	const plan = paintPlan(commands);
+	const lines = plan.lines;
+	let inBT = false;
+	let lastFont = "";
+	let lastTc = 0;
+	let lastSize = -1;
+	let lastColor = "";
+	const switchFontIfNeeded = (tok) => {
+		const fontKey = tok.font.resourceName;
+		if (fontKey !== lastFont || tok.fontSizePt !== lastSize) {
+			out.push(`/${fontKey} ${formatNumber(tok.fontSizePt)} Tf`);
+			lastFont = fontKey;
+			lastSize = tok.fontSizePt;
+		}
+		const tc = tok.resolvedRun.letterSpacingPt ?? 0;
+		if (tc !== lastTc) {
+			out.push(`${formatNumber(tc)} Tc`);
+			lastTc = tc;
+		}
+		if (tok.resolvedRun.colorHex !== lastColor) {
+			const [r, g, b] = hexToRgb01(tok.resolvedRun.colorHex);
+			out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} rg`);
+			lastColor = tok.resolvedRun.colorHex;
+		}
+	};
+	const emitImageToken = (tok, x, baselineY) => {
+		const meta = tok.metafile;
+		if (meta) {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			const b = tok.drawBox;
+			const ox = x + (b?.dxPt ?? 0);
+			const oy = baselineY + (b?.dyPt ?? 0);
+			for (const sh of meta.shapes) for (const op of emitVectorShape({
+				...sh,
+				transform: [
+					1,
+					0,
+					0,
+					1,
+					ox,
+					oy
+				]
+			})) out.push(op);
+			for (const t of meta.texts) {
+				const first = t.line.tokens.find((k) => k.kind === "text");
+				if (!first) continue;
+				const [r, g, bl] = hexToRgb01(first.resolvedRun.colorHex);
+				out.push("BT");
+				out.push(`/${first.font.resourceName} ${formatNumber(first.fontSizePt)} Tf`);
+				out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(bl)} rg`);
+				out.push(`1 0 0 1 ${formatNumber(ox + t.x)} ${formatNumber(oy + t.y)} Tm`);
+				out.push(first.font.measure.showText(first.text));
+				out.push("ET");
+			}
+			lastFont = "";
+			lastSize = -1;
+			lastColor = "";
+			return;
+		}
+		if (!tok.imageResourceName) return;
+		if (inBT) {
+			out.push("ET");
+			inBT = false;
+		}
+		const shdw = tok.shadow;
+		if (shdw) {
+			const bx = tok.drawBox;
+			const [shr, shg, shb] = hexToRgb01(shdw.colorHex);
+			const layers = shadowBlurLayers(shdw);
+			const state = layers.alpha < 1 ? alphaStateNames?.get(Math.round(layers.alpha * 1e3) / 1e3) : void 0;
+			const sx = x + (bx?.dxPt ?? 0) + shdw.dxPt;
+			const sy = baselineY + (bx?.dyPt ?? 0) - shdw.dyPt;
+			const sw = bx?.widthPt ?? tok.widthPt;
+			const sh = bx?.heightPt ?? tok.heightPt;
+			out.push("q");
+			if (state) out.push(`/${state} gs`);
+			out.push(`${formatNumber(shr)} ${formatNumber(shg)} ${formatNumber(shb)} rg`);
+			for (let i = 0; i < layers.count; i++) {
+				const grow = layers.count > 1 ? -shdw.blurPt / 2 + (i + .5) * shdw.blurPt / layers.count : 0;
+				out.push(`${formatNumber(sx - grow)} ${formatNumber(sy - grow)} ${formatNumber(Math.max(sw + 2 * grow, 0))} ${formatNumber(Math.max(sh + 2 * grow, 0))} re`);
+				out.push("f");
+			}
+			out.push("Q");
+		}
+		out.push("q");
+		const b = tok.drawBox;
+		out.push(...b ? placeImage(x + b.dxPt, baselineY + b.dyPt, b.widthPt, b.heightPt, tok.crop, tok.rotationDeg, tok.flipH, tok.flipV) : placeImage(x, baselineY, tok.widthPt, tok.heightPt, tok.crop, tok.rotationDeg, tok.flipH, tok.flipV));
+		out.push(`/${tok.imageResourceName} Do`);
+		out.push(...washItems(tok.wash, alphaStateNames));
+		out.push("Q");
+		const frame = tok.outline;
+		if (frame) {
+			const [fr, fg, fb] = hexToRgb01(frame.colorHex);
+			out.push("q");
+			out.push(`${formatNumber(frame.widthPt)} w`);
+			out.push(`${formatNumber(fr)} ${formatNumber(fg)} ${formatNumber(fb)} RG`);
+			out.push(`${formatNumber(x + (b?.dxPt ?? 0))} ${formatNumber(baselineY + (b?.dyPt ?? 0))} ${formatNumber(b?.widthPt ?? tok.widthPt)} ${formatNumber(b?.heightPt ?? tok.heightPt)} re`);
+			out.push("S");
+			out.push("Q");
+		}
+		lastFont = "";
+		lastSize = -1;
+		lastColor = "";
+		lastTc = 0;
+	};
+	const emitMathToken = (tok, originX, baselineY) => {
+		for (const it of tok.items) if (it.kind === "glyph") {
+			if (!inBT) {
+				out.push("BT");
+				inBT = true;
+			}
+			if (it.font.resourceName !== lastFont || it.sizePt !== lastSize) {
+				out.push(`/${it.font.resourceName} ${formatNumber(it.sizePt)} Tf`);
+				lastFont = it.font.resourceName;
+				lastSize = it.sizePt;
+			}
+			if (lastColor !== "000000") {
+				out.push("0 0 0 rg");
+				lastColor = "000000";
+			}
+			out.push(`1 0 0 1 ${formatNumber(originX + it.x)} ${formatNumber(baselineY + it.y)} Tm`);
+			out.push(it.font.measure.showText(it.text));
+		} else if (it.kind === "rule") {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			out.push("q");
+			out.push("0 0 0 rg");
+			out.push(`${formatNumber(originX + it.x)} ${formatNumber(baselineY + it.y)} ${formatNumber(it.w)} ${formatNumber(it.h)} re`);
+			out.push("f");
+			out.push("Q");
+			lastFont = "";
+			lastSize = -1;
+			lastColor = "";
+		} else {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			const shape = {
+				paths: [{ segments: it.segments }],
+				...it.fill ? { fillColorHex: "000000" } : {},
+				...it.strokeWidthPt !== void 0 ? { stroke: {
+					colorHex: "000000",
+					widthPt: it.strokeWidthPt
+				} } : {},
+				transform: [
+					1,
+					0,
+					0,
+					1,
+					originX,
+					baselineY
+				]
+			};
+			for (const op of emitVectorShape(shape)) out.push(op);
+			lastFont = "";
+			lastSize = -1;
+			lastColor = "";
+		}
+	};
+	const emitClipped = (cmd, body) => {
+		const clip = cmd.clip;
+		if (!clip) {
+			body(cmd);
+			return;
+		}
+		if (inBT) {
+			out.push("ET");
+			inBT = false;
+		}
+		out.push("q");
+		out.push(`${formatNumber(clip.x)} ${formatNumber(H - clip.y - clip.height)} ${formatNumber(clip.width)} ${formatNumber(clip.height)} re W n`);
+		lastFont = "";
+		lastSize = -1;
+		lastColor = "";
+		lastTc = 0;
+		out.push("BT");
+		inBT = true;
+		body(cmd);
+		if (inBT) {
+			out.push("ET");
+			inBT = false;
+		}
+		out.push("Q");
+		lastFont = "";
+		lastSize = -1;
+		lastColor = "";
+		lastTc = 0;
+	};
+	const emitOneLine = (cmd) => {
+		const line = cmd.line;
+		const originX = cmd.originX;
+		const baselineY = H - cmd.baselineY;
+		const rotationDeg = cmd.rotationDeg ?? 0;
+		const lineFs = line.maxFontSizePt || 12;
+		const linkAscent = Math.max(lineFs, line.mathAscentPt ?? 0);
+		const linkDescent = Math.max(lineFs * .2, line.mathDescentPt ?? 0);
+		let linkHref;
+		let linkAnchor;
+		let linkText = "";
+		let linkX0 = 0;
+		let linkX1 = 0;
+		const flushLink = () => {
+			if (linkHref === void 0 && linkAnchor === void 0) return;
+			const safe = linkHref !== void 0 ? sanitizeHref(linkHref) : void 0;
+			const target = safe !== void 0 ? { href: safe } : linkAnchor !== void 0 ? { anchor: linkAnchor } : void 0;
+			if (target) links.push({
+				...target,
+				text: linkText.trim(),
+				rect: [
+					linkX0,
+					baselineY - linkDescent,
+					linkX1,
+					baselineY + linkAscent
+				],
+				...cmd.structId !== void 0 ? { structId: cmd.structId } : {}
+			});
+			linkHref = void 0;
+			linkAnchor = void 0;
+			linkText = "";
+		};
+		const trackLink = (href, anchor, text, x0, x1) => {
+			if (href !== linkHref || anchor !== linkAnchor) {
+				flushLink();
+				if (href !== void 0 || anchor !== void 0) {
+					linkHref = href;
+					linkAnchor = anchor;
+					linkX0 = x0;
+				}
+			}
+			if (href !== void 0 || anchor !== void 0) {
+				linkX1 = x1;
+				linkText += text;
+			}
+		};
+		const extraPerSpace = computeJustifyExtra(line);
+		const hasImageToken = line.tokens.some((t) => t.kind === "image");
+		const hasMathToken = line.tokens.some((t) => t.kind === "math");
+		const hasRtl = line.tokens.some((t) => t.bidiLevel % 2 === 1);
+		const hasTab = line.tokens.some((t) => t.kind === "text" && t.tab === true);
+		/** A text token carrying underline or strikethrough. */
+		const isDecorated = (tok) => tok.kind === "text" && (tok.resolvedRun.underline !== "none" || tok.resolvedRun.strike);
+		const showToken = (tok) => {
+			const text = tok.bidiLevel % 2 === 1 ? reverseByCodePoint(tok.text) : tok.text;
+			return tok.font.measure.showText(text);
+		};
+		if (line.tokens.some((t) => t.kind === "text" && t.resolvedRun.shadingColorHex)) {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			const shAscent = Math.max(lineFs, line.mathAscentPt ?? 0);
+			const shDescent = Math.max(lineFs * .2, line.mathDescentPt ?? 0);
+			out.push("q");
+			let sx = originX;
+			let painted = "";
+			for (const tok of line.tokens) {
+				const w = tok.widthPt + (tok.kind === "text" && tok.isSpace ? extraPerSpace : 0);
+				const hex = tok.kind === "text" ? tok.resolvedRun.shadingColorHex : void 0;
+				if (hex !== void 0) {
+					if (hex !== painted) {
+						if (painted !== "") out.push("f");
+						const [sr, sg, sb] = hexToRgb01(hex);
+						out.push(`${formatNumber(sr)} ${formatNumber(sg)} ${formatNumber(sb)} rg`);
+						painted = hex;
+					}
+					out.push(`${formatNumber(sx)} ${formatNumber(baselineY - shDescent)} ${formatNumber(w)} ${formatNumber(shAscent + shDescent)} re`);
+				}
+				sx += w;
+			}
+			if (painted !== "") out.push("f");
+			out.push("Q");
+		}
+		if (line.tokens.some((t) => t.kind === "text" && t.highlight === true)) {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			const hlAscent = Math.max(lineFs, line.mathAscentPt ?? 0);
+			const hlDescent = Math.max(lineFs * .2, line.mathDescentPt ?? 0);
+			const [hr, hg, hb] = hexToRgb01("fff3a3");
+			out.push("q");
+			out.push(`${formatNumber(hr)} ${formatNumber(hg)} ${formatNumber(hb)} rg`);
+			let hx = originX;
+			for (const tok of line.tokens) {
+				const w = tok.widthPt + (tok.kind === "text" && tok.isSpace ? extraPerSpace : 0);
+				if (tok.kind === "text" && tok.highlight === true) out.push(`${formatNumber(hx)} ${formatNumber(baselineY - hlDescent)} ${formatNumber(w)} ${formatNumber(hlAscent + hlDescent)} re`);
+				hx += w;
+			}
+			out.push("f");
+			out.push("Q");
+		}
+		if (line.tokens.some(isDecorated)) {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			out.push("q");
+			let dx = originX;
+			for (const tok of line.tokens) {
+				const w = tok.widthPt + (tok.kind === "text" && tok.isSpace ? extraPerSpace : 0);
+				if (isDecorated(tok)) {
+					const thickness = Math.max(.4, tok.fontSizePt * .06);
+					const paint = (hex) => {
+						const [r, g, b] = hexToRgb01(hex);
+						out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} rg`);
+					};
+					paint(tok.resolvedRun.colorHex);
+					if (tok.resolvedRun.underline !== "none") {
+						if (tok.resolvedRun.underlineColorHex) paint(tok.resolvedRun.underlineColorHex);
+						const style = tok.resolvedRun.underline;
+						const t = style === "thick" || style === "dottedHeavy" || style === "dashHeavy" ? thickness * 2 : thickness;
+						const y = baselineY - tok.fontSizePt * .12 - t;
+						const dashed = style === "dotted" || style === "dottedHeavy" ? [t, t * 2] : style === "dash" || style === "dashHeavy" ? [t * 4, t * 3] : void 0;
+						if (dashed) {
+							out.push(`${formatNumber(t)} w`);
+							out.push(`[${dashed.map((n) => formatNumber(n)).join(" ")}] 0 d`);
+							const [r, g, b] = hexToRgb01(tok.resolvedRun.underlineColorHex ?? tok.resolvedRun.colorHex);
+							out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} RG`);
+							out.push(`${formatNumber(dx)} ${formatNumber(y + t / 2)} m ${formatNumber(dx + w)} ${formatNumber(y + t / 2)} l S`);
+							out.push("[] 0 d");
+						} else {
+							out.push(`${formatNumber(dx)} ${formatNumber(y)} ${formatNumber(w)} ${formatNumber(t)} re f`);
+							if (style === "double") out.push(`${formatNumber(dx)} ${formatNumber(y - t * 2)} ${formatNumber(w)} ${formatNumber(t)} re f`);
+						}
+						if (tok.resolvedRun.underlineColorHex) paint(tok.resolvedRun.colorHex);
+					}
+					if (tok.resolvedRun.strike) {
+						const y = baselineY + tok.fontSizePt * .26;
+						out.push(`${formatNumber(dx)} ${formatNumber(y)} ${formatNumber(w)} ${formatNumber(thickness)} re f`);
+					}
+				}
+				dx += w;
+			}
+			out.push("Q");
+		}
+		const hasRise = line.tokens.some((t) => t.kind === "text" && t.risePt !== void 0);
+		if (rotationDeg !== 0 && !hasImageToken && !hasMathToken) {
+			if (!inBT) {
+				out.push("BT");
+				inBT = true;
+			}
+			const rad = rotationDeg * Math.PI / 180;
+			const cos = formatNumber(Math.cos(rad));
+			const sin = formatNumber(Math.sin(rad));
+			out.push(`${cos} ${sin} ${formatNumber(-Math.sin(rad))} ${cos} ${formatNumber(originX)} ${formatNumber(baselineY)} Tm`);
+			for (const tok of line.tokens) {
+				if (tok.kind !== "text") continue;
+				switchFontIfNeeded(tok);
+				out.push(tok.font.measure.showText(tok.text));
+			}
+		} else if (extraPerSpace !== 0 || hasImageToken || hasMathToken || hasRtl || hasRise || hasTab) {
+			const order = hasRtl ? lineVisualOrder(line) : line.tokens.map((_, i) => i);
+			let x = originX;
+			for (const ti of order) {
+				const tok = line.tokens[ti];
+				if (tok.kind === "image") {
+					flushLink();
+					emitImageToken(tok, x, baselineY);
+					x += tok.widthPt;
+					continue;
+				}
+				if (tok.kind === "math") {
+					flushLink();
+					emitMathToken(tok, x, baselineY);
+					x += tok.widthPt;
+					continue;
+				}
+				if (!inBT) {
+					out.push("BT");
+					inBT = true;
+				}
+				switchFontIfNeeded(tok);
+				out.push(`1 0 0 1 ${formatNumber(x)} ${formatNumber(baselineY + (tok.risePt ?? 0))} Tm`);
+				out.push(showToken(tok));
+				const tokenX0 = x;
+				x += tok.widthPt;
+				if (tok.isSpace) x += extraPerSpace;
+				trackLink(tok.href, tok.anchor, tok.text, tokenX0, x);
+			}
+			flushLink();
+		} else {
+			if (!inBT) {
+				out.push("BT");
+				inBT = true;
+			}
+			out.push(`1 0 0 1 ${formatNumber(originX)} ${formatNumber(baselineY)} Tm`);
+			let x = originX;
+			for (const tok of line.tokens) {
+				if (tok.kind !== "text") continue;
+				switchFontIfNeeded(tok);
+				out.push(tok.font.measure.showText(tok.text));
+				trackLink(tok.href, tok.anchor, tok.text, x, x + tok.widthPt);
+				x += tok.widthPt;
+			}
+			flushLink();
+		}
+	};
+	const emitLinesPass = () => {
+		if (lines.length === 0) return;
+		if (tagging) for (const cmd of lines) {
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			const sid = cmd.structId;
+			if (sid !== void 0) {
+				const mcid = tagging.next++;
+				tagging.assigned = true;
+				tagging.record(sid, mcid);
+				out.push(`/${tagging.tagFor(sid)} <</MCID ${mcid}>> BDC`);
+			} else if (cmd.artifact === "pagination") out.push("/Artifact <</Type /Pagination>> BDC");
+			else out.push("/Artifact BMC");
+			emitClipped(cmd, emitOneLine);
+			if (inBT) {
+				out.push("ET");
+				inBT = false;
+			}
+			out.push("EMC");
+		}
+		else {
+			out.push("BT");
+			inBT = true;
+			for (const cmd of lines) emitClipped(cmd, emitOneLine);
+			if (inBT) out.push("ET");
+		}
+	};
+	const emitInOrder = (item) => {
+		if (item.type === "shape") {
+			const t = item.shape.transform;
+			const fillAlpha = item.shape.fillAlpha;
+			for (const op of emitVectorShape({
+				...item.shape,
+				transform: [
+					t[0],
+					-t[1],
+					t[2],
+					-t[3],
+					t[4],
+					H - t[5]
+				]
+			}, gradientNames?.get(item.shape), void 0, gradientMaskNames?.get(item.shape) ?? (fillAlpha !== void 0 && fillAlpha < 1 ? alphaStateNames?.get(Math.round(fillAlpha * 1e3) / 1e3) : void 0))) out.push(op);
+			return;
+		}
+		if (item.type === "image") {
+			if (item.imageResourceName === "") return;
+			out.push("q");
+			if (item.clip) {
+				const t = item.clip.transform;
+				out.push(...emitClipPath(item.clip.paths, [
+					t[0],
+					-t[1],
+					t[2],
+					-t[3],
+					t[4],
+					H - t[5]
+				]));
+			}
+			const state = item.alpha !== void 0 && item.alpha < 1 ? alphaStateNames?.get(Math.round(item.alpha * 1e3) / 1e3) : void 0;
+			if (state !== void 0) out.push(`/${state} gs`);
+			out.push(...paintImageBody(item, H - item.y - item.height, duotoneStateFor?.(item, H)));
+			out.push(...washItems(item.wash, alphaStateNames));
+			out.push("Q");
+			return;
+		}
+		if (item.type === "fill") {
+			const [r, g, b] = hexToRgb01(item.fillColorHex);
+			out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} rg`, `${formatNumber(item.x)} ${formatNumber(H - item.y - item.height)} ${formatNumber(item.width)} ${formatNumber(item.height)} re`, "f");
+			return;
+		}
+		if (item.type !== "line") return;
+		emitClipped(item, emitOneLine);
+		if (inBT) {
+			out.push("ET");
+			inBT = false;
+		}
+	};
+	if (plan.behind.length > 0) {
+		if (tagging) out.push("/Artifact BMC");
+		for (const item of plan.behind) emitInOrder(item);
+		if (tagging) out.push("EMC");
+	}
 	const fills = plan.fills;
 	if (fills.length > 0) {
 		if (tagging) out.push("/Artifact BMC");
 		out.push("q");
-		let lastColor = "";
+		let lastFill = "";
 		for (const f of fills) {
 			const color = f.fillColorHex;
-			if (color !== lastColor) {
+			if (color !== lastFill) {
 				const [r, g, b] = hexToRgb01(color);
 				out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} rg`);
-				lastColor = color;
+				lastFill = color;
 			}
 			out.push(`${formatNumber(f.x)} ${formatNumber(H - f.y - f.height)} ${formatNumber(f.width)} ${formatNumber(f.height)} re`);
 			out.push("f");
@@ -561,8 +1153,9 @@ function emitPageContent(page, tagging, gradientNames, alphaStateNames) {
 				H - t[5]
 			]));
 		}
-		out.push(...placeImage(img.x, H - img.y - img.height, img.width, img.height, img.crop, img.rotationDeg, img.flipH, img.flipV));
-		out.push(`/${img.imageResourceName} Do`);
+		const state = img.alpha !== void 0 && img.alpha < 1 ? alphaStateNames?.get(Math.round(img.alpha * 1e3) / 1e3) : void 0;
+		if (state !== void 0) out.push(`/${state} gs`);
+		out.push(...paintImageBody(img, H - img.y - img.height, duotoneStateFor?.(img, H)));
 		out.push(...washItems(img.wash, alphaStateNames));
 		out.push("Q");
 	});
@@ -572,7 +1165,7 @@ function emitPageContent(page, tagging, gradientNames, alphaStateNames) {
 		out.push("q");
 		out.push("2 J");
 		let lastWidth = -1;
-		let lastColor = "";
+		let lastStroke = "";
 		let lastDash = "";
 		for (const b of borders) {
 			const width = b.borderSizePt;
@@ -587,10 +1180,10 @@ function emitPageContent(page, tagging, gradientNames, alphaStateNames) {
 				out.push(`${formatNumber(strokeW)} w`);
 				lastWidth = strokeW;
 			}
-			if (color !== lastColor) {
+			if (color !== lastStroke) {
 				const [r, g, bl] = hexToRgb01(color);
 				out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(bl)} RG`);
-				lastColor = color;
+				lastStroke = color;
 			}
 			const x = b.x;
 			const y = H - b.y - b.height;
@@ -652,439 +1245,16 @@ function emitPageContent(page, tagging, gradientNames, alphaStateNames) {
 		const shadowLayer = sh.shape.shadow ? shadowBlurLayers(sh.shape.shadow) : void 0;
 		const alphaState = shadowLayer && shadowLayer.alpha < 1 ? alphaStateNames?.get(Math.round(shadowLayer.alpha * 1e3) / 1e3) : void 0;
 		const fillAlpha = sh.shape.fillAlpha;
-		const fillAlphaState = fillAlpha !== void 0 && fillAlpha < 1 ? alphaStateNames?.get(Math.round(fillAlpha * 1e3) / 1e3) : void 0;
+		const fillAlphaState = gradientMaskNames?.get(sh.shape) ?? (fillAlpha !== void 0 && fillAlpha < 1 ? alphaStateNames?.get(Math.round(fillAlpha * 1e3) / 1e3) : void 0);
 		for (const op of emitVectorShape(shape, gradientNames?.get(sh.shape), alphaState, fillAlphaState)) out.push(op);
 	});
-	const lines = plan.lines;
-	if (lines.length > 0) {
-		let inBT = false;
-		let lastFont = "";
-		let lastTc = 0;
-		let lastSize = -1;
-		let lastColor = "";
-		const switchFontIfNeeded = (tok) => {
-			const fontKey = tok.font.resourceName;
-			if (fontKey !== lastFont || tok.fontSizePt !== lastSize) {
-				out.push(`/${fontKey} ${formatNumber(tok.fontSizePt)} Tf`);
-				lastFont = fontKey;
-				lastSize = tok.fontSizePt;
-			}
-			const tc = tok.resolvedRun.letterSpacingPt ?? 0;
-			if (tc !== lastTc) {
-				out.push(`${formatNumber(tc)} Tc`);
-				lastTc = tc;
-			}
-			if (tok.resolvedRun.colorHex !== lastColor) {
-				const [r, g, b] = hexToRgb01(tok.resolvedRun.colorHex);
-				out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} rg`);
-				lastColor = tok.resolvedRun.colorHex;
-			}
-		};
-		const emitImageToken = (tok, x, baselineY) => {
-			const meta = tok.metafile;
-			if (meta) {
-				if (inBT) {
-					out.push("ET");
-					inBT = false;
-				}
-				const b = tok.drawBox;
-				const ox = x + (b?.dxPt ?? 0);
-				const oy = baselineY + (b?.dyPt ?? 0);
-				for (const sh of meta.shapes) for (const op of emitVectorShape({
-					...sh,
-					transform: [
-						1,
-						0,
-						0,
-						1,
-						ox,
-						oy
-					]
-				})) out.push(op);
-				for (const t of meta.texts) {
-					const first = t.line.tokens.find((k) => k.kind === "text");
-					if (!first) continue;
-					const [r, g, bl] = hexToRgb01(first.resolvedRun.colorHex);
-					out.push("BT");
-					out.push(`/${first.font.resourceName} ${formatNumber(first.fontSizePt)} Tf`);
-					out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(bl)} rg`);
-					out.push(`1 0 0 1 ${formatNumber(ox + t.x)} ${formatNumber(oy + t.y)} Tm`);
-					out.push(first.font.measure.showText(first.text));
-					out.push("ET");
-				}
-				lastFont = "";
-				lastSize = -1;
-				lastColor = "";
-				return;
-			}
-			if (!tok.imageResourceName) return;
-			if (inBT) {
-				out.push("ET");
-				inBT = false;
-			}
-			const shdw = tok.shadow;
-			if (shdw) {
-				const bx = tok.drawBox;
-				const [shr, shg, shb] = hexToRgb01(shdw.colorHex);
-				const layers = shadowBlurLayers(shdw);
-				const state = layers.alpha < 1 ? alphaStateNames?.get(Math.round(layers.alpha * 1e3) / 1e3) : void 0;
-				const sx = x + (bx?.dxPt ?? 0) + shdw.dxPt;
-				const sy = baselineY + (bx?.dyPt ?? 0) - shdw.dyPt;
-				const sw = bx?.widthPt ?? tok.widthPt;
-				const sh = bx?.heightPt ?? tok.heightPt;
-				out.push("q");
-				if (state) out.push(`/${state} gs`);
-				out.push(`${formatNumber(shr)} ${formatNumber(shg)} ${formatNumber(shb)} rg`);
-				for (let i = 0; i < layers.count; i++) {
-					const grow = layers.count > 1 ? -shdw.blurPt / 2 + (i + .5) * shdw.blurPt / layers.count : 0;
-					out.push(`${formatNumber(sx - grow)} ${formatNumber(sy - grow)} ${formatNumber(Math.max(sw + 2 * grow, 0))} ${formatNumber(Math.max(sh + 2 * grow, 0))} re`);
-					out.push("f");
-				}
-				out.push("Q");
-			}
-			out.push("q");
-			const b = tok.drawBox;
-			out.push(...b ? placeImage(x + b.dxPt, baselineY + b.dyPt, b.widthPt, b.heightPt, tok.crop, tok.rotationDeg, tok.flipH, tok.flipV) : placeImage(x, baselineY, tok.widthPt, tok.heightPt, tok.crop, tok.rotationDeg, tok.flipH, tok.flipV));
-			out.push(`/${tok.imageResourceName} Do`);
-			out.push(...washItems(tok.wash, alphaStateNames));
-			out.push("Q");
-			const frame = tok.outline;
-			if (frame) {
-				const [fr, fg, fb] = hexToRgb01(frame.colorHex);
-				out.push("q");
-				out.push(`${formatNumber(frame.widthPt)} w`);
-				out.push(`${formatNumber(fr)} ${formatNumber(fg)} ${formatNumber(fb)} RG`);
-				out.push(`${formatNumber(x + (b?.dxPt ?? 0))} ${formatNumber(baselineY + (b?.dyPt ?? 0))} ${formatNumber(b?.widthPt ?? tok.widthPt)} ${formatNumber(b?.heightPt ?? tok.heightPt)} re`);
-				out.push("S");
-				out.push("Q");
-			}
-			lastFont = "";
-			lastSize = -1;
-			lastColor = "";
-			lastTc = 0;
-		};
-		const emitMathToken = (tok, originX, baselineY) => {
-			for (const it of tok.items) if (it.kind === "glyph") {
-				if (!inBT) {
-					out.push("BT");
-					inBT = true;
-				}
-				if (it.font.resourceName !== lastFont || it.sizePt !== lastSize) {
-					out.push(`/${it.font.resourceName} ${formatNumber(it.sizePt)} Tf`);
-					lastFont = it.font.resourceName;
-					lastSize = it.sizePt;
-				}
-				if (lastColor !== "000000") {
-					out.push("0 0 0 rg");
-					lastColor = "000000";
-				}
-				out.push(`1 0 0 1 ${formatNumber(originX + it.x)} ${formatNumber(baselineY + it.y)} Tm`);
-				out.push(it.font.measure.showText(it.text));
-			} else if (it.kind === "rule") {
-				if (inBT) {
-					out.push("ET");
-					inBT = false;
-				}
-				out.push("q");
-				out.push("0 0 0 rg");
-				out.push(`${formatNumber(originX + it.x)} ${formatNumber(baselineY + it.y)} ${formatNumber(it.w)} ${formatNumber(it.h)} re`);
-				out.push("f");
-				out.push("Q");
-				lastFont = "";
-				lastSize = -1;
-				lastColor = "";
-			} else {
-				if (inBT) {
-					out.push("ET");
-					inBT = false;
-				}
-				const shape = {
-					paths: [{ segments: it.segments }],
-					...it.fill ? { fillColorHex: "000000" } : {},
-					...it.strokeWidthPt !== void 0 ? { stroke: {
-						colorHex: "000000",
-						widthPt: it.strokeWidthPt
-					} } : {},
-					transform: [
-						1,
-						0,
-						0,
-						1,
-						originX,
-						baselineY
-					]
-				};
-				for (const op of emitVectorShape(shape)) out.push(op);
-				lastFont = "";
-				lastSize = -1;
-				lastColor = "";
-			}
-		};
-		const emitClipped = (cmd, body) => {
-			const clip = cmd.clip;
-			if (!clip) {
-				body(cmd);
-				return;
-			}
-			if (inBT) {
-				out.push("ET");
-				inBT = false;
-			}
-			out.push("q");
-			out.push(`${formatNumber(clip.x)} ${formatNumber(H - clip.y - clip.height)} ${formatNumber(clip.width)} ${formatNumber(clip.height)} re W n`);
-			lastFont = "";
-			lastSize = -1;
-			lastColor = "";
-			lastTc = 0;
-			out.push("BT");
-			inBT = true;
-			body(cmd);
-			if (inBT) {
-				out.push("ET");
-				inBT = false;
-			}
-			out.push("Q");
-			lastFont = "";
-			lastSize = -1;
-			lastColor = "";
-			lastTc = 0;
-		};
-		const emitOneLine = (cmd) => {
-			const line = cmd.line;
-			const originX = cmd.originX;
-			const baselineY = H - cmd.baselineY;
-			const rotationDeg = cmd.rotationDeg ?? 0;
-			const lineFs = line.maxFontSizePt || 12;
-			const linkAscent = Math.max(lineFs, line.mathAscentPt ?? 0);
-			const linkDescent = Math.max(lineFs * .2, line.mathDescentPt ?? 0);
-			let linkHref;
-			let linkAnchor;
-			let linkText = "";
-			let linkX0 = 0;
-			let linkX1 = 0;
-			const flushLink = () => {
-				if (linkHref === void 0 && linkAnchor === void 0) return;
-				const safe = linkHref !== void 0 ? sanitizeHref(linkHref) : void 0;
-				const target = safe !== void 0 ? { href: safe } : linkAnchor !== void 0 ? { anchor: linkAnchor } : void 0;
-				if (target) links.push({
-					...target,
-					text: linkText.trim(),
-					rect: [
-						linkX0,
-						baselineY - linkDescent,
-						linkX1,
-						baselineY + linkAscent
-					],
-					...cmd.structId !== void 0 ? { structId: cmd.structId } : {}
-				});
-				linkHref = void 0;
-				linkAnchor = void 0;
-				linkText = "";
-			};
-			const trackLink = (href, anchor, text, x0, x1) => {
-				if (href !== linkHref || anchor !== linkAnchor) {
-					flushLink();
-					if (href !== void 0 || anchor !== void 0) {
-						linkHref = href;
-						linkAnchor = anchor;
-						linkX0 = x0;
-					}
-				}
-				if (href !== void 0 || anchor !== void 0) {
-					linkX1 = x1;
-					linkText += text;
-				}
-			};
-			const extraPerSpace = computeJustifyExtra(line);
-			const hasImageToken = line.tokens.some((t) => t.kind === "image");
-			const hasMathToken = line.tokens.some((t) => t.kind === "math");
-			const hasRtl = line.tokens.some((t) => t.bidiLevel % 2 === 1);
-			const hasTab = line.tokens.some((t) => t.kind === "text" && t.tab === true);
-			/** A text token carrying underline or strikethrough. */
-			const isDecorated = (tok) => tok.kind === "text" && (tok.resolvedRun.underline !== "none" || tok.resolvedRun.strike);
-			const showToken = (tok) => {
-				const text = tok.bidiLevel % 2 === 1 ? reverseByCodePoint(tok.text) : tok.text;
-				return tok.font.measure.showText(text);
-			};
-			if (line.tokens.some((t) => t.kind === "text" && t.resolvedRun.shadingColorHex)) {
-				if (inBT) {
-					out.push("ET");
-					inBT = false;
-				}
-				const shAscent = Math.max(lineFs, line.mathAscentPt ?? 0);
-				const shDescent = Math.max(lineFs * .2, line.mathDescentPt ?? 0);
-				out.push("q");
-				let sx = originX;
-				let painted = "";
-				for (const tok of line.tokens) {
-					const w = tok.widthPt + (tok.kind === "text" && tok.isSpace ? extraPerSpace : 0);
-					const hex = tok.kind === "text" ? tok.resolvedRun.shadingColorHex : void 0;
-					if (hex !== void 0) {
-						if (hex !== painted) {
-							if (painted !== "") out.push("f");
-							const [sr, sg, sb] = hexToRgb01(hex);
-							out.push(`${formatNumber(sr)} ${formatNumber(sg)} ${formatNumber(sb)} rg`);
-							painted = hex;
-						}
-						out.push(`${formatNumber(sx)} ${formatNumber(baselineY - shDescent)} ${formatNumber(w)} ${formatNumber(shAscent + shDescent)} re`);
-					}
-					sx += w;
-				}
-				if (painted !== "") out.push("f");
-				out.push("Q");
-			}
-			if (line.tokens.some((t) => t.kind === "text" && t.highlight === true)) {
-				if (inBT) {
-					out.push("ET");
-					inBT = false;
-				}
-				const hlAscent = Math.max(lineFs, line.mathAscentPt ?? 0);
-				const hlDescent = Math.max(lineFs * .2, line.mathDescentPt ?? 0);
-				const [hr, hg, hb] = hexToRgb01("fff3a3");
-				out.push("q");
-				out.push(`${formatNumber(hr)} ${formatNumber(hg)} ${formatNumber(hb)} rg`);
-				let hx = originX;
-				for (const tok of line.tokens) {
-					const w = tok.widthPt + (tok.kind === "text" && tok.isSpace ? extraPerSpace : 0);
-					if (tok.kind === "text" && tok.highlight === true) out.push(`${formatNumber(hx)} ${formatNumber(baselineY - hlDescent)} ${formatNumber(w)} ${formatNumber(hlAscent + hlDescent)} re`);
-					hx += w;
-				}
-				out.push("f");
-				out.push("Q");
-			}
-			if (line.tokens.some(isDecorated)) {
-				if (inBT) {
-					out.push("ET");
-					inBT = false;
-				}
-				out.push("q");
-				let dx = originX;
-				for (const tok of line.tokens) {
-					const w = tok.widthPt + (tok.kind === "text" && tok.isSpace ? extraPerSpace : 0);
-					if (isDecorated(tok)) {
-						const thickness = Math.max(.4, tok.fontSizePt * .06);
-						const paint = (hex) => {
-							const [r, g, b] = hexToRgb01(hex);
-							out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} rg`);
-						};
-						paint(tok.resolvedRun.colorHex);
-						if (tok.resolvedRun.underline !== "none") {
-							if (tok.resolvedRun.underlineColorHex) paint(tok.resolvedRun.underlineColorHex);
-							const style = tok.resolvedRun.underline;
-							const t = style === "thick" || style === "dottedHeavy" || style === "dashHeavy" ? thickness * 2 : thickness;
-							const y = baselineY - tok.fontSizePt * .12 - t;
-							const dashed = style === "dotted" || style === "dottedHeavy" ? [t, t * 2] : style === "dash" || style === "dashHeavy" ? [t * 4, t * 3] : void 0;
-							if (dashed) {
-								out.push(`${formatNumber(t)} w`);
-								out.push(`[${dashed.map((n) => formatNumber(n)).join(" ")}] 0 d`);
-								const [r, g, b] = hexToRgb01(tok.resolvedRun.underlineColorHex ?? tok.resolvedRun.colorHex);
-								out.push(`${formatNumber(r)} ${formatNumber(g)} ${formatNumber(b)} RG`);
-								out.push(`${formatNumber(dx)} ${formatNumber(y + t / 2)} m ${formatNumber(dx + w)} ${formatNumber(y + t / 2)} l S`);
-								out.push("[] 0 d");
-							} else {
-								out.push(`${formatNumber(dx)} ${formatNumber(y)} ${formatNumber(w)} ${formatNumber(t)} re f`);
-								if (style === "double") out.push(`${formatNumber(dx)} ${formatNumber(y - t * 2)} ${formatNumber(w)} ${formatNumber(t)} re f`);
-							}
-							if (tok.resolvedRun.underlineColorHex) paint(tok.resolvedRun.colorHex);
-						}
-						if (tok.resolvedRun.strike) {
-							const y = baselineY + tok.fontSizePt * .26;
-							out.push(`${formatNumber(dx)} ${formatNumber(y)} ${formatNumber(w)} ${formatNumber(thickness)} re f`);
-						}
-					}
-					dx += w;
-				}
-				out.push("Q");
-			}
-			const hasRise = line.tokens.some((t) => t.kind === "text" && t.risePt !== void 0);
-			if (rotationDeg !== 0 && !hasImageToken && !hasMathToken) {
-				if (!inBT) {
-					out.push("BT");
-					inBT = true;
-				}
-				const rad = rotationDeg * Math.PI / 180;
-				const cos = formatNumber(Math.cos(rad));
-				const sin = formatNumber(Math.sin(rad));
-				out.push(`${cos} ${sin} ${formatNumber(-Math.sin(rad))} ${cos} ${formatNumber(originX)} ${formatNumber(baselineY)} Tm`);
-				for (const tok of line.tokens) {
-					if (tok.kind !== "text") continue;
-					switchFontIfNeeded(tok);
-					out.push(tok.font.measure.showText(tok.text));
-				}
-			} else if (extraPerSpace !== 0 || hasImageToken || hasMathToken || hasRtl || hasRise || hasTab) {
-				const order = hasRtl ? lineVisualOrder(line) : line.tokens.map((_, i) => i);
-				let x = originX;
-				for (const ti of order) {
-					const tok = line.tokens[ti];
-					if (tok.kind === "image") {
-						flushLink();
-						emitImageToken(tok, x, baselineY);
-						x += tok.widthPt;
-						continue;
-					}
-					if (tok.kind === "math") {
-						flushLink();
-						emitMathToken(tok, x, baselineY);
-						x += tok.widthPt;
-						continue;
-					}
-					if (!inBT) {
-						out.push("BT");
-						inBT = true;
-					}
-					switchFontIfNeeded(tok);
-					out.push(`1 0 0 1 ${formatNumber(x)} ${formatNumber(baselineY + (tok.risePt ?? 0))} Tm`);
-					out.push(showToken(tok));
-					const tokenX0 = x;
-					x += tok.widthPt;
-					if (tok.isSpace) x += extraPerSpace;
-					trackLink(tok.href, tok.anchor, tok.text, tokenX0, x);
-				}
-				flushLink();
-			} else {
-				if (!inBT) {
-					out.push("BT");
-					inBT = true;
-				}
-				out.push(`1 0 0 1 ${formatNumber(originX)} ${formatNumber(baselineY)} Tm`);
-				let x = originX;
-				for (const tok of line.tokens) {
-					if (tok.kind !== "text") continue;
-					switchFontIfNeeded(tok);
-					out.push(tok.font.measure.showText(tok.text));
-					trackLink(tok.href, tok.anchor, tok.text, x, x + tok.widthPt);
-					x += tok.widthPt;
-				}
-				flushLink();
-			}
-		};
-		if (tagging) for (const cmd of lines) {
-			if (inBT) {
-				out.push("ET");
-				inBT = false;
-			}
-			const sid = cmd.structId;
-			if (sid !== void 0) {
-				const mcid = tagging.next++;
-				tagging.assigned = true;
-				tagging.record(sid, mcid);
-				out.push(`/${tagging.tagFor(sid)} <</MCID ${mcid}>> BDC`);
-			} else if (cmd.artifact === "pagination") out.push("/Artifact <</Type /Pagination>> BDC");
-			else out.push("/Artifact BMC");
-			emitClipped(cmd, emitOneLine);
-			if (inBT) {
-				out.push("ET");
-				inBT = false;
-			}
-			out.push("EMC");
-		}
-		else {
-			out.push("BT");
-			inBT = true;
-			for (const cmd of lines) emitClipped(cmd, emitOneLine);
-			if (inBT) out.push("ET");
-		}
+	for (const run of plan.pictures) {
+		if (run.length === 0) continue;
+		if (tagging) out.push("/Artifact BMC");
+		for (const item of run) emitInOrder(item);
+		if (tagging) out.push("EMC");
 	}
+	emitLinesPass();
 	return {
 		content: encoder.encode(out.join("\n")),
 		links