@office-kit/pptx-preview 0.9.0 → 0.9.1

package/dist/index.js

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

package/dist/node.js

@@ -1,4 +1,4 @@
-import { a as MONO, c as TIMES, d as substituteFamily, i as AVG_GLYPH_W_RATIO, l as defaultMeasurer, n as renderSlideSvg, o as SANS, r as ARIAL, s as SERIF, t as auditTextLayout, u as isCjk } from "./src-DPHsJGe1.js";
+import { a as MONO, c as TIMES, d as substituteFamily, i as AVG_GLYPH_W_RATIO, l as defaultMeasurer, n as renderSlideSvg, o as SANS, r as ARIAL, s as SERIF, t as auditTextLayout, u as isCjk } from "./src-C_bsFwWV.js";
 import { getSlideSize } from "@office-kit/pptx";
 import { Resvg } from "@resvg/resvg-js";
 import * as fontkit from "fontkit";

package/dist/{src-DPHsJGe1.js → src-C_bsFwWV.js}

@@ -32,6 +32,29 @@ const FALLBACK_DESCENT = .22;
 const FALLBACK_LINEGAP = .08;
 const BASELINE_LEADING_DROP = .036;
 const GRID_NUDGE_X = -.75;
+const EAST_ASIAN_CHAR = /[ᄀ-ᅟ⺀-〾ぁ-㏿㐀-䶿一-鿿ꀀ-꓏가-힣豈-﫿︰-﹏＀-｠￠-￦]/;
+const CLOSING_PUNCT = /^[、。，．・）」』】〉》”’！？：；ー〜…,.!?:;)\]}]+$/;
+const OPENING_PUNCT = /^[（「『【〈《“‘([{]+$/;
+const splitEastAsianBreakables = (word) => {
+	if (!EAST_ASIAN_CHAR.test(word)) return [word];
+	const parts = [];
+	let latin = "";
+	for (const ch of word) if (EAST_ASIAN_CHAR.test(ch)) {
+		if (latin !== "") {
+			parts.push(latin);
+			latin = "";
+		}
+		parts.push(ch);
+	} else latin += ch;
+	if (latin !== "") parts.push(latin);
+	const glued = [];
+	for (const part of parts) {
+		const prev = glued.at(-1);
+		if (prev !== void 0 && (CLOSING_PUNCT.test(part) || OPENING_PUNCT.test(prev))) glued[glued.length - 1] = prev + part;
+		else glued.push(part);
+	}
+	return glued;
+};
 const specOf = (piece) => ({
 	family: piece.family,
 	sizePx: piece.sizePx,
@@ -113,23 +136,25 @@ const layoutCore = (input, measure) => {
 					});
 					continue;
 				}
-				for (const seg of piece.text.match(/\s+|\S+/g) ?? []) {
-					const isSpace = /^\s+$/.test(seg);
-					const w = mWidth(seg, specOf(piece));
-					if (input.wrap && !isSpace && w > avail - bulletLead && [...seg].length > 1) for (const ch of seg) tokens.push({
-						text: ch,
-						piece,
-						isSpace: false,
-						isBreak: false,
-						width: mWidth(ch, specOf(piece))
-					});
-					else tokens.push({
-						text: seg,
-						piece,
-						isSpace,
-						isBreak: false,
-						width: w
-					});
+				for (const word of piece.text.match(/\s+|\S+/g) ?? []) {
+					const isSpace = /^\s+$/.test(word);
+					for (const seg of isSpace ? [word] : splitEastAsianBreakables(word)) {
+						const w = mWidth(seg, specOf(piece));
+						if (input.wrap && !isSpace && w > avail - bulletLead && [...seg].length > 1) for (const ch of seg) tokens.push({
+							text: ch,
+							piece,
+							isSpace: false,
+							isBreak: false,
+							width: mWidth(ch, specOf(piece))
+						});
+						else tokens.push({
+							text: seg,
+							piece,
+							isSpace,
+							isBreak: false,
+							width: w
+						});
+					}
 				}
 			}
 			const wrapped = wrapTokens(tokens, input.wrap, wrapRight - firstLeft - bulletLead, avail);
@@ -2772,6 +2797,12 @@ const renderChartTitle = (f, title, style) => {
 	const fontStyleAttr = style?.italic ? " font-style=\"italic\"" : "";
 	return `<text x="${px(f.x + f.w / 2)}" y="${px(f.titleY)}" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="${chartFontPx(sz)}" fill="${fill}" font-weight="${weight}"${fontStyleAttr}>${escapeXml(title)}</text>`;
 };
+const FULLWIDTH_CHAR_PATTERN = /[\u1100-\u115F\u2E80-\u303E\u3041-\u33FF\u3400-\u4DBF\u4E00-\u9FFF\uA000-\uA4CF\uAC00-\uD7A3\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFF60\uFFE0-\uFFE6]/u;
+const approxLegendTextPx = (text, fontPx) => {
+	let units = 0;
+	for (const ch of text) units += FULLWIDTH_CHAR_PATTERN.test(ch) ? 1 : .55;
+	return units * fontPx;
+};
 const renderChartLegend = (f, names, colors, position = "b", textStyle, markerSymbols) => {
 	if (names.length === 0) return "";
 	const sz = textStyle?.sizePt ?? 11;
@@ -2789,33 +2820,27 @@ const renderChartLegend = (f, names, colors, position = "b", textStyle, markerSy
 		return `<rect x="${px(swatchX)}" y="${px(swatchY)}" width="9" height="9" fill="${color}"/>`;
 	};
 	const out = [];
-	if (position === "b") {
-		const itemPx = Math.min(140, f.w / names.length);
-		const totalW = itemPx * names.length;
-		const startX = f.x + (f.w - totalW) / 2;
-		for (let i = 0; i < names.length; i++) {
-			const swatchX = startX + i * itemPx + 4;
-			const swatchY = f.legendY - 4;
-			const labelX = swatchX + 14;
-			out.push(swatch(i, swatchX, swatchY), `<text x="${px(labelX)}" y="${px(f.legendY)}" dominant-baseline="middle" ${textAttrs}>${escapeXml(names[i] ?? `Series ${i + 1}`)}</text>`);
-		}
-		return out.join("");
-	}
-	if (position === "t") {
-		const itemPx = Math.min(140, f.w / names.length);
-		const totalW = itemPx * names.length;
-		const startX = f.x + (f.w - totalW) / 2;
-		const yTop = f.y + 4;
+	if (position === "b" || position === "t") {
+		const swatchGapPx = 14;
+		const itemGapPx = 12;
+		const labelWidths = names.map((name, i) => approxLegendTextPx(name ?? `Series ${i + 1}`, sz * PX_PER_PT));
+		const naturalTotal = labelWidths.reduce((sum, w) => sum + swatchGapPx + w, 0) + itemGapPx * (names.length - 1);
+		const scale = Math.min(1, f.w / Math.max(1, naturalTotal));
+		const effAttrs = scale < 1 ? `font-family="sans-serif" font-size="${chartFontPx(sz * scale)}" fill="${fill}"${weight}${italic}` : textAttrs;
+		const rowY = position === "b" ? f.legendY : f.y + 12;
+		let cursor = f.x + Math.max(0, (f.w - naturalTotal * scale) / 2);
 		for (let i = 0; i < names.length; i++) {
-			const cx = startX + i * itemPx;
-			out.push(swatch(i, cx + 4, yTop), `<text x="${px(cx + 18)}" y="${px(yTop + 8)}" dominant-baseline="middle" ${textAttrs}>${escapeXml(names[i] ?? `Series ${i + 1}`)}</text>`);
+			out.push(swatch(i, cursor, rowY - 4), `<text x="${px(cursor + swatchGapPx * scale)}" y="${px(rowY)}" dominant-baseline="middle" ${effAttrs}>${escapeXml(names[i] ?? `Series ${i + 1}`)}</text>`);
+			cursor += (swatchGapPx + (labelWidths[i] ?? 0) + itemGapPx) * scale;
 		}
 		return out.join("");
 	}
 	const lineH = 14;
 	const totalH = names.length * lineH;
 	const yStart = position === "tr" ? f.y + 12 : Math.max(f.y + 12, f.y + (f.h - totalH) / 2);
-	const xCol = position === "l" ? f.x + 6 : position === "tr" ? f.x + f.w - 100 : f.x + f.w - 100;
+	const maxLabelPx = Math.max(0, ...names.map((name, i) => approxLegendTextPx(name ?? `Series ${i + 1}`, sz * PX_PER_PT)));
+	const rightColW = Math.min(f.w * .45, 14 + maxLabelPx + 4);
+	const xCol = position === "l" ? f.x + 6 : f.x + f.w - rightColW;
 	for (let i = 0; i < names.length; i++) {
 		const yp = yStart + i * lineH;
 		out.push(swatch(i, xCol, yp - 4), `<text x="${px(xCol + 14)}" y="${px(yp + 4)}" dominant-baseline="middle" ${textAttrs}>${escapeXml(names[i] ?? `Series ${i + 1}`)}</text>`);
@@ -4660,4 +4685,4 @@ const auditTextLayout = (pres, options = {}) => {
 //#endregion
 export { MONO as a, TIMES as c, substituteFamily as d, AVG_GLYPH_W_RATIO as i, defaultMeasurer as l, renderSlideSvg as n, SANS as o, ARIAL as r, SERIF as s, auditTextLayout as t, isCjk as u };
 
-//# sourceMappingURL=src-DPHsJGe1.js.map
+//# sourceMappingURL=src-C_bsFwWV.js.map