pptx-kit-preview 0.6.0 → 0.6.1

package/dist/index.js

@@ -1,2 +1,2 @@
-import { a as SERIF, c as substituteFamily, i as SANS, n as ARIAL, o as TIMES, r as MONO, s as defaultMeasurer, t as renderSlideSvg } from "./src-DDyW3xOV.js";
+import { a as SERIF, c as substituteFamily, i as SANS, n as ARIAL, o as TIMES, r as MONO, s as defaultMeasurer, t as renderSlideSvg } from "./src-Q2z_XgT6.js";
 export { ARIAL, MONO, SANS, SERIF, TIMES, defaultMeasurer, renderSlideSvg as renderSlideToSvg, substituteFamily };

package/dist/node.js

@@ -1,4 +1,4 @@
-import { a as SERIF, c as substituteFamily, i as SANS, n as ARIAL, o as TIMES, r as MONO, s as defaultMeasurer, t as renderSlideSvg } from "./src-DDyW3xOV.js";
+import { a as SERIF, c as substituteFamily, i as SANS, n as ARIAL, o as TIMES, r as MONO, s as defaultMeasurer, t as renderSlideSvg } from "./src-Q2z_XgT6.js";
 import { getSlideSize } from "pptx-kit";
 import { Resvg } from "@resvg/resvg-js";
 import * as fontkit from "fontkit";

package/dist/{src-DDyW3xOV.js → src-Q2z_XgT6.js}

@@ -255,22 +255,27 @@ const placeColumns = (frame, columns, anchor, buildLines) => {
 	const { lines } = buildLines(frame.x, frame.x + colW);
 	let col = 0;
 	let colStartTopY = 0;
-	const colHasLine = [];
+	let rowTopY = 0;
+	let curColHasLine = false;
 	let tallest = 0;
 	const placed = [];
 	for (const line of lines) {
-		const localBottom = line.topY - colStartTopY + line.advance;
-		if (col < columns.count - 1 && localBottom > frame.h && colHasLine[col]) {
-			col += 1;
+		if (line.topY - colStartTopY + line.ascent + line.descent > frame.h && curColHasLine) {
+			if (col + 1 < columns.count) col += 1;
+			else {
+				col = 0;
+				rowTopY += frame.h;
+			}
 			colStartTopY = line.topY;
+			curColHasLine = false;
 		}
-		const localTopY = line.topY - colStartTopY;
+		const localTopY = rowTopY + (line.topY - colStartTopY);
 		placed.push({
 			line,
 			localTopY,
 			col
 		});
-		colHasLine[col] = true;
+		curColHasLine = true;
 		if (localTopY + line.advance > tallest) tallest = localTopY + line.advance;
 	}
 	const offsetY = anchorOffsetY(frame.y, frame.h, tallest, anchor, lines[0]);
@@ -312,27 +317,76 @@ const emitLine = (line, baselineY, dx) => {
 	while (toks.length > 0 && (toks[toks.length - 1].isSpace || toks[toks.length - 1].isBreak)) toks.pop();
 	const content = toks.filter((t) => !t.isBreak);
 	if (content.length === 0) return "";
-	const tspans = groupTokens(content).map((g) => tspan(g)).join("");
+	const groups = groupTokens(content);
+	const tspans = groups.map((g) => tspan(g)).join("");
 	if (tspans === "") return "";
-	return `<text x="${fmt(line.anchorX + dx + GRID_NUDGE_X)}" y="${fmt(baselineY)}" text-anchor="${line.textAnchor}" xml:space="preserve">${tspans}</text>`;
+	const x0 = line.anchorX + dx + GRID_NUDGE_X;
+	return `<text x="${fmt(x0)}" y="${fmt(baselineY)}" text-anchor="${line.textAnchor}" xml:space="preserve">${tspans}</text>` + emitWavyUnderlines(groups, line.textAnchor, x0, baselineY);
 };
 const groupTokens = (toks) => {
 	const groups = [];
 	for (const t of toks) {
 		if (t.isBreak) continue;
 		const last = groups[groups.length - 1];
-		if (last && samePiece(last.piece, t.piece)) last.text += t.text;
-		else groups.push({
+		if (last && samePiece(last.piece, t.piece)) {
+			last.text += t.text;
+			last.width += t.width;
+		} else groups.push({
 			text: t.text,
-			piece: t.piece
+			piece: t.piece,
+			width: t.width
 		});
 	}
 	return groups;
 };
+const SUPERSCRIPT_SHIFT_RATIO = .33;
+const SUBSCRIPT_SHIFT_RATIO = .16;
+const baselineShiftPxOf = (p) => p.superSub === 1 ? p.sizePx * SUPERSCRIPT_SHIFT_RATIO : p.superSub === -1 ? -p.sizePx * SUBSCRIPT_SHIFT_RATIO : 0;
+const SUPER_SUB_SIZE_RATIO = .65;
+const renderedSizePxOf = (p) => p.superSub !== 0 ? p.sizePx * SUPER_SUB_SIZE_RATIO : p.sizePx;
+const emitWavyUnderlines = (groups, textAnchor, x0, baselineY) => {
+	if (!groups.some((g) => g.piece.underline === "wavy")) return "";
+	const totalWidth = groups.reduce((sum, g) => sum + g.width, 0);
+	let cursor = textAnchor === "middle" ? x0 - totalWidth / 2 : textAnchor === "end" ? x0 - totalWidth : x0;
+	const parts = [];
+	for (const g of groups) {
+		if (g.piece.underline === "wavy" && g.width > 0) {
+			const y = baselineY - baselineShiftPxOf(g.piece);
+			parts.push(wavyPath(cursor, cursor + g.width, y, g.piece));
+		}
+		cursor += g.width;
+	}
+	return parts.join("");
+};
+const WAVY_AMPLITUDE_RATIO = .045;
+const WAVY_AMPLITUDE_MIN_PX = .6;
+const WAVY_PERIOD_RATIO = .18;
+const WAVY_PERIOD_MIN_PX = 2;
+const WAVY_BASELINE_OFFSET_RATIO = .12;
+const WAVY_STROKE_WIDTH_RATIO = .06;
+const WAVY_STROKE_WIDTH_MIN_PX = .6;
+const wavyPath = (x1, x2, baselineY, piece) => {
+	const size = renderedSizePxOf(piece);
+	const amp = Math.max(WAVY_AMPLITUDE_MIN_PX, size * WAVY_AMPLITUDE_RATIO);
+	const period = Math.max(WAVY_PERIOD_MIN_PX, size * WAVY_PERIOD_RATIO);
+	const y = baselineY + size * WAVY_BASELINE_OFFSET_RATIO;
+	let d = `M${fmt(x1)} ${fmt(y)}`;
+	let cx = x1;
+	let up = true;
+	while (cx < x2 - .01) {
+		const half = Math.min(period / 2, x2 - cx);
+		const midX = cx + half;
+		d += ` Q${fmt(cx + half / 2)} ${fmt(y + (up ? -amp : amp))} ${fmt(midX)} ${fmt(y)}`;
+		cx = midX;
+		up = !up;
+	}
+	const strokeWidth = Math.max(WAVY_STROKE_WIDTH_MIN_PX, size * WAVY_STROKE_WIDTH_RATIO);
+	return `<path d="${d}" stroke="${piece.fillHex}" stroke-width="${fmt(strokeWidth)}" fill="none"/>`;
+};
 const samePiece = (a, b) => a.family === b.family && a.sizePx === b.sizePx && a.bold === b.bold && a.italic === b.italic && a.letterSpacingPx === b.letterSpacingPx && a.fillHex === b.fillHex && a.underline === b.underline && a.strike === b.strike && a.superSub === b.superSub && a.href === b.href;
 const tspan = (g) => {
 	const p = g.piece;
-	const sizePx = p.superSub !== 0 ? p.sizePx * .65 : p.sizePx;
+	const sizePx = renderedSizePxOf(p);
 	const attrs = [
 		`font-family="${escapeXml$1(p.family)}"`,
 		`font-size="${fmt(sizePx)}"`,
@@ -341,12 +395,11 @@ const tspan = (g) => {
 	if (p.bold) attrs.push("font-weight=\"700\"");
 	if (p.italic) attrs.push("font-style=\"italic\"");
 	const deco = [];
-	if (p.underline) deco.push("underline");
+	if (p.underline === "single") deco.push("underline");
 	if (p.strike) deco.push("line-through");
 	if (deco.length) attrs.push(`text-decoration="${deco.join(" ")}"`);
 	if (p.letterSpacingPx !== 0) attrs.push(`letter-spacing="${fmt(p.letterSpacingPx)}"`);
-	if (p.superSub === 1) attrs.push(`baseline-shift="${fmt(p.sizePx * .33)}"`);
-	else if (p.superSub === -1) attrs.push(`baseline-shift="${fmt(-p.sizePx * .16)}"`);
+	if (p.superSub !== 0) attrs.push(`baseline-shift="${fmt(baselineShiftPxOf(p))}"`);
 	return `<tspan ${attrs.join(" ")}>${escapeXml$1(g.text)}</tspan>`;
 };
 const wrapTokens = (tokens, wrap, firstAvail, avail) => {
@@ -617,50 +670,56 @@ const gradientDef = (grad, theme) => {
 		fillAttr: `url(#${id})`
 	};
 };
+const ORTHO_TILE = 4;
+const ORTHO_WIDE_TILE = 16;
+const DIAG_TILE = 16;
+const MOTIF_TILE = 8;
+const PATTERN_TILE_SIZE = {
+	horz: ORTHO_TILE,
+	ltHorz: ORTHO_TILE,
+	narHorz: ORTHO_TILE,
+	dashHorz: ORTHO_TILE,
+	horzBrick: ORTHO_TILE,
+	dkHorz: ORTHO_TILE,
+	vert: ORTHO_TILE,
+	ltVert: ORTHO_TILE,
+	narVert: ORTHO_TILE,
+	dashVert: ORTHO_TILE,
+	dkVert: ORTHO_TILE,
+	ltHorzCross: ORTHO_TILE,
+	cross: ORTHO_TILE,
+	dotGrid: ORTHO_TILE,
+	smGrid: ORTHO_TILE,
+	dkHorzCross: ORTHO_WIDE_TILE,
+	lgGrid: ORTHO_WIDE_TILE,
+	plaid: ORTHO_WIDE_TILE,
+	wave: MOTIF_TILE,
+	zigZag: MOTIF_TILE,
+	weave: MOTIF_TILE,
+	divot: MOTIF_TILE,
+	sphere: MOTIF_TILE,
+	solidDmnd: MOTIF_TILE,
+	openDmnd: MOTIF_TILE
+};
 const patternDef = (pat) => {
 	const id = mintId();
 	const fg = pat.foreground;
 	const bg = pat.background;
 	const preset = pat.preset;
 	let body = "";
-	const W = 8;
-	const H = 8;
+	const PCT_DENSITY_FLOOR = .05;
+	const PCT_TILE_MIN = 6;
+	const pctMatch = /^pct(\d+)$/.exec(preset);
+	const pctDensity = pctMatch ? Math.min(100, Math.max(0, Number.parseInt(pctMatch[1], 10))) / 100 : null;
+	const W = pctDensity !== null ? Math.max(PCT_TILE_MIN, DIAG_TILE * 2 * Math.sqrt(PCT_DENSITY_FLOOR / Math.max(pctDensity, PCT_DENSITY_FLOOR))) : PATTERN_TILE_SIZE[preset] ?? DIAG_TILE;
+	const H = W;
 	const stripe = (orientation, width = 1) => {
 		if (orientation === "h") return `<path d="M0 ${H / 2}H${W}" stroke="${fg}" stroke-width="${width}"/>`;
 		if (orientation === "v") return `<path d="M${W / 2} 0V${H}" stroke="${fg}" stroke-width="${width}"/>`;
 		if (orientation === "d") return `<path d="M0 0L${W} ${H}" stroke="${fg}" stroke-width="${width}"/>`;
 		return `<path d="M${W} 0L0 ${H}" stroke="${fg}" stroke-width="${width}"/>`;
 	};
-	const BAYER4 = [
-		0,
-		8,
-		2,
-		10,
-		12,
-		4,
-		14,
-		6,
-		3,
-		11,
-		1,
-		9,
-		15,
-		7,
-		13,
-		5
-	];
-	const screen = (density) => {
-		const threshold = density * 16;
-		const out = [];
-		for (let i = 0; i < 16; i++) if (BAYER4[i] < threshold) {
-			const cx = i % 4 * 2;
-			const cy = Math.floor(i / 4) * 2;
-			out.push(`<rect x="${cx}" y="${cy}" width="2" height="2" fill="${fg}"/>`);
-		}
-		return out.join("");
-	};
-	const pctMatch = /^pct(\d+)$/.exec(preset);
-	if (pctMatch) body = screen(Math.min(100, Math.max(0, Number.parseInt(pctMatch[1], 10))) / 100);
+	if (pctDensity !== null) body = pctDensity >= .3 ? stripe("d", .8) + stripe("a", .8) : stripe("d", .8);
 	else if (preset === "horz" || preset === "ltHorz" || preset === "narHorz" || preset === "dashHorz" || preset === "horzBrick") body = stripe("h", .8);
 	else if (preset === "dkHorz") body = stripe("h", 2);
 	else if (preset === "vert" || preset === "ltVert" || preset === "narVert" || preset === "dashVert") body = stripe("v", .8);
@@ -677,7 +736,7 @@ const patternDef = (pat) => {
 	else if (preset === "weave" || preset === "divot") body = `<path d="M0 0L4 4 0 8M4 0L8 4 4 8" stroke="${fg}" stroke-width="0.8" fill="none"/>`;
 	else if (preset === "sphere") body = `<circle cx="4" cy="4" r="3" fill="${fg}" fill-opacity="0.7"/>`;
 	else if (preset === "solidDmnd" || preset === "openDmnd") body = `<path d="M4 1L7 4 4 7 1 4Z" fill="${preset === "solidDmnd" ? fg : "none"}" stroke="${fg}" stroke-width="0.6"/>`;
-	else body = screen(.5);
+	else body = stripe("d", .8) + stripe("a", .8);
 	return {
 		defs: `<defs><pattern id="${id}" patternUnits="userSpaceOnUse" width="${W}" height="${H}"><rect width="${W}" height="${H}" fill="${bg}"/>${body}</pattern></defs>`,
 		fillAttr: `url(#${id})`
@@ -1789,9 +1848,14 @@ const renderRun = (text, format, theme, effectivePt, _wasDefault = false) => {
 	const strike = format?.strike;
 	const hasUnderline = underline !== void 0 && underline !== false && underline !== "none";
 	const hasStrike = strike !== void 0 && strike !== false && strike !== "noStrike";
-	if (hasUnderline && hasStrike) styles.push("text-decoration:underline line-through");
-	else if (hasUnderline) styles.push("text-decoration:underline");
-	else if (hasStrike) styles.push("text-decoration:line-through");
+	const isWavyUnderline = typeof underline === "string" && underline.startsWith("wavy");
+	const nestedWavyUnderline = hasUnderline && hasStrike && isWavyUnderline;
+	if (nestedWavyUnderline) styles.push("text-decoration:line-through");
+	else if (hasUnderline && hasStrike) styles.push("text-decoration:underline line-through");
+	else if (hasUnderline) {
+		styles.push("text-decoration:underline");
+		if (isWavyUnderline) styles.push("text-decoration-style:wavy");
+	} else if (hasStrike) styles.push("text-decoration:line-through");
 	if (format?.color !== void 0 && format.color !== null) styles.push(`color:${resolveColor(format.color, theme, "#000000")}`);
 	if (format?.spc !== void 0 && format.spc !== 0) {
 		const trackingPx = format.spc / 100 * PX_PER_PT;
@@ -1806,15 +1870,18 @@ const renderRun = (text, format, theme, effectivePt, _wasDefault = false) => {
 	else if (format?.cap === "small") styles.push("font-variant:small-caps");
 	if (format?.highlight !== void 0 && format.highlight !== null) styles.push(`background-color:${resolveColor(format.highlight, theme, "#FFFF00")}`);
 	const html = text.split("\n").map((part) => escapeXml(part)).join("<br/>");
-	return `<span style="${styles.join(";")}">${html}</span>`;
+	const content = nestedWavyUnderline ? `<span style="text-decoration:underline;text-decoration-style:wavy">${html}</span>` : html;
+	return `<span style="${styles.join(";")}">${content}</span>`;
 };
 const LINE_HEIGHT = 1.05;
 const AVG_GLYPH_W_RATIO = .55;
 const AUTOFIT_FLOOR = .25;
 const AUTOFIT_STEP = .05;
-const hasUnderlineFmt = (fmt) => {
+const underlineStyleOf = (fmt) => {
 	const u = fmt?.underline;
-	return u !== void 0 && u !== false && u !== "none";
+	if (u === void 0 || u === false || u === "none") return "none";
+	if (typeof u === "string" && u.startsWith("wavy")) return "wavy";
+	return "single";
 };
 const hasStrikeFmt = (fmt) => {
 	const s = fmt?.strike;
@@ -1863,7 +1930,7 @@ const buildSvgTextInput = (a) => {
 				italic: fmt?.italic ?? false,
 				letterSpacingPx,
 				fillHex,
-				underline: hasUnderlineFmt(fmt),
+				underline: underlineStyleOf(fmt),
 				strike: hasStrikeFmt(fmt),
 				superSub,
 				href: run.href ?? null
@@ -1935,7 +2002,7 @@ const breakPiece = () => ({
 	italic: false,
 	letterSpacingPx: 0,
 	fillHex: "#000000",
-	underline: false,
+	underline: "none",
 	strike: false,
 	superSub: 0,
 	href: null,
@@ -3097,6 +3164,7 @@ const renderLineChart = (f, spec, colors, fill) => {
 	const out = [];
 	out.push(`<line x1="${px(f.plotX)}" y1="${px(baseY)}" x2="${px(f.plotX + f.plotW)}" y2="${px(baseY)}" stroke="#E5E7EB" stroke-width="0.5"/>`);
 	const accumulated = Array.from({ length: N }, () => 0);
+	const perSeries = [];
 	for (let s = 0; s < spec.series.length; s++) {
 		const series = spec.series[s];
 		if (!series) continue;
@@ -3144,10 +3212,22 @@ const renderLineChart = (f, spec, colors, fill) => {
 			}
 			return path.trim();
 		})();
-		if (fill) {
-			const back = basePts.slice().reverse().map(([xp, yp]) => `L${px(xp)},${px(yp)}`).join(" ");
-			out.push(`<path d="${dPath} ${back} Z" fill="${color}" stroke="none"/>`);
-		}
+		perSeries.push({
+			s,
+			series,
+			color,
+			ptsRaw,
+			pts,
+			basePts,
+			dPath
+		});
+	}
+	const paintOrder = fill && !isStacked ? perSeries.slice().reverse() : perSeries;
+	if (fill) for (const { color, basePts, dPath } of paintOrder) {
+		const back = basePts.slice().reverse().map(([xp, yp]) => `L${px(xp)},${px(yp)}`).join(" ");
+		out.push(`<path d="${dPath} ${back} Z" fill="${color}" stroke="none"/>`);
+	}
+	for (const { s, series, color, ptsRaw, pts, dPath } of paintOrder) {
 		const lineWPx = series.lineWidthEmu ? Math.max(.3, series.lineWidthEmu / EMU_PER_PX) : 1.5;
 		const dashAttr = series.lineDash ? (() => {
 			const sw = lineWPx;
@@ -3298,12 +3378,12 @@ const renderPieChart = (f, spec, colors, doughnut) => {
 		const labelX = sx + labelR * Math.cos(labelMid);
 		const labelY = sy + labelR * Math.sin(labelMid);
 		const labels = [];
-		if (spec.dataLabels?.showValue) labels.push(formatDataLabelValue(spec, 0, v));
-		if (spec.dataLabels?.showPercent) labels.push(`${(v / total * 100).toFixed(0)}%`);
 		if (spec.dataLabels?.showCategory) {
 			const catLabel = spec.categories[i];
 			if (catLabel) labels.push(catLabel);
 		}
+		if (spec.dataLabels?.showValue) labels.push(formatDataLabelValue(spec, 0, v));
+		if (spec.dataLabels?.showPercent) labels.push(`${(v / total * 100).toFixed(0)}%`);
 		if (labels.length > 0) out.push(`<text x="${px(labelX)}" y="${px(labelY)}" text-anchor="middle" dominant-baseline="middle" ${dataLabelTextAttrs(spec, 0, labelFill, 10, true)}>${escapeXml(labels.join(spec.series[0]?.dataLabels?.separator ?? spec.dataLabels?.separator ?? " "))}</text>`);
 	}
 	return out.join("");
@@ -3611,7 +3691,7 @@ const renderChart = (shape, x, y, w, h, transform, theme) => {
 	const valueAxisTitleSvg = spec.valueAxisTitle ? `<text x="${px(f.plotX - 26)}" y="${px(f.plotY + f.plotH / 2)}" text-anchor="middle" ${axisTitleAttrs(spec.valueAxisTitleStyle)} transform="rotate(${valueAxisTitleRot} ${px(f.plotX - 26)} ${px(f.plotY + f.plotH / 2)})">${escapeXml(spec.valueAxisTitle)}</text>` : "";
 	const catTitleRot = spec.categoryAxisTitleRotationDeg ?? 0;
 	const catTitleCx = f.plotX + f.plotW / 2;
-	const catTitleCy = f.plotY + f.plotH + 16;
+	const catTitleCy = f.plotY + f.plotH + 28;
 	const catTitleTransform = catTitleRot !== 0 ? ` transform="rotate(${catTitleRot} ${px(catTitleCx)} ${px(catTitleCy)})"` : "";
 	const categoryAxisTitleSvg = spec.categoryAxisTitle ? `<text x="${px(catTitleCx)}" y="${px(catTitleCy)}" text-anchor="middle" ${axisTitleAttrs(spec.categoryAxisTitleStyle)}${catTitleTransform}>${escapeXml(spec.categoryAxisTitle)}</text>` : "";
 	return [
@@ -3746,7 +3826,8 @@ const renderTable = (shape, pres, x, y, w, h, transform, theme, ctx) => {
 	const flags = getTableStyleFlags(shape);
 	const accent = theme ? normalizeHex(theme.accent1) : "#4472C4";
 	const headerFill = accent;
-	const bandFill = mixHex(accent, "#FFFFFF", .92);
+	const bandFill = mixHex(accent, "#FFFFFF", .12);
+	const bandFill2 = mixHex(accent, "#FFFFFF", .27);
 	const textColor = activeDeckTextColor;
 	const tableThemeFace = getPresentationFonts(pres)?.minorLatin ?? null;
 	const out = [];
@@ -3772,8 +3853,8 @@ const renderTable = (shape, pres, x, y, w, h, transform, theme, ctx) => {
 		else if (flags.lastRow && r === dims.rows - 1) resolvedFill = headerFill;
 		else if (flags.firstCol && c === 0) resolvedFill = bandFill;
 		else if (flags.lastCol && c === dims.cols - 1) resolvedFill = bandFill;
-		else if (flags.bandRow && r % 2 === (flags.firstRow ? 0 : 1)) resolvedFill = bandFill;
-		else if (flags.bandCol && c % 2 === (flags.firstCol ? 0 : 1)) resolvedFill = bandFill;
+		else if (flags.bandRow) resolvedFill = (r - (flags.firstRow ? 1 : 0)) % 2 === 0 ? bandFill : bandFill2;
+		else if (flags.bandCol) resolvedFill = (c - (flags.firstCol ? 1 : 0)) % 2 === 0 ? bandFill : bandFill2;
 		else resolvedFill = "none";
 		const cellTextColor = resolvedFill === headerFill ? "#FFFFFF" : textColor;
 		out.push(`<rect x="${px(cx)}" y="${px(cy)}" width="${px(cw)}" height="${px(ch)}" fill="${resolvedFill}"/>`);
@@ -3956,7 +4037,8 @@ const renderShape = (shape, pres, theme, ctx) => {
 	if (flip.horizontal) transforms.push(`translate(${E(2 * cx)} 0) scale(-1 1)`);
 	if (flip.vertical) transforms.push(`translate(0 ${E(2 * cy)}) scale(1 -1)`);
 	const transform = transforms.length > 0 ? ` transform="${transforms.join(" ")}"` : "";
-	const textTransform = rotation !== 0 ? ` transform="rotate(${rotation} ${E(cx)} ${E(cy)})"` : "";
+	const textRotation = (flip.vertical ? rotation + 180 : rotation) % 360;
+	const textTransform = textRotation !== 0 ? ` transform="rotate(${textRotation} ${E(cx)} ${E(cy)})"` : "";
 	const textOverlay = kind === "shape" || kind === "graphicFrame" ? renderTextBody(pres, shape, {
 		x,
 		y,
@@ -3980,13 +4062,14 @@ const renderShape = (shape, pres, theme, ctx) => {
 			y1 = y + h;
 			y2 = y;
 		}
+		const connectorTransform = rotation !== 0 ? ` transform="rotate(${rotation} ${E(cx)} ${E(cy)})"` : "";
 		const strokeColor = p.stroke === "none" ? resolveColor("scheme:tx1", theme, "#1F2937") : p.stroke;
 		const sa = p.strokeAttrs ? ` ${p.strokeAttrs}` : "";
 		const ma = p.markerAttrs ?? "";
 		const capDefault = sa.includes("stroke-linecap") ? "" : " stroke-linecap=\"round\"";
 		const joinDefault = sa.includes("stroke-linejoin") ? "" : " stroke-linejoin=\"round\"";
 		const preset = getShapePreset(shape) ?? "line";
-		if (preset === "straightConnector1" || preset === "line") return `${p.defs}<line x1="${E(x1)}" y1="${E(y1)}" x2="${E(x2)}" y2="${E(y2)}" stroke="${strokeColor}" stroke-width="${E(sw)}"${capDefault}${sa}${ma}${transform}/>`;
+		if (preset === "straightConnector1" || preset === "line") return `${p.defs}<line x1="${E(x1)}" y1="${E(y1)}" x2="${E(x2)}" y2="${E(y2)}" stroke="${strokeColor}" stroke-width="${E(sw)}"${capDefault}${sa}${ma}${connectorTransform}/>`;
 		const px1 = x1 / EMU_PER_PX;
 		const py1 = y1 / EMU_PER_PX;
 		const px2 = x2 / EMU_PER_PX;
@@ -4011,7 +4094,7 @@ const renderShape = (shape, pres, theme, ctx) => {
 			const c2x = px1 + 2 * (px2 - px1) / 3;
 			d += ` C${c1x.toFixed(2)} ${py1.toFixed(2)} ${c2x.toFixed(2)} ${py2.toFixed(2)} ${px2.toFixed(2)} ${py2.toFixed(2)}`;
 		} else d += ` L${px2.toFixed(2)} ${py2.toFixed(2)}`;
-		return `${p.defs}<path d="${d}" fill="none" stroke="${strokeColor}" stroke-width="${E(sw)}"${capDefault}${joinDefault}${sa}${ma}${transform}/>`;
+		return `${p.defs}<path d="${d}" fill="none" stroke="${strokeColor}" stroke-width="${E(sw)}"${capDefault}${joinDefault}${sa}${ma}${connectorTransform}/>`;
 	}
 	if (kind === "group") {
 		const xform = getGroupTransform(shape);
@@ -4340,4 +4423,4 @@ const detectImageFormatLocal = (bytes) => {
 //#endregion
 export { SERIF as a, substituteFamily as c, SANS as i, ARIAL as n, TIMES as o, MONO as r, defaultMeasurer as s, renderSlideSvg as t };
 
-//# sourceMappingURL=src-DDyW3xOV.js.map
+//# sourceMappingURL=src-Q2z_XgT6.js.map