@hirokisakabe/pom 2.0.0 → 3.0.0

package/dist/renderPptx/nodes/list.js

@@ -0,0 +1,145 @@
+import { pxToIn, pxToPt } from "../units.js";
+import { convertUnderline, convertStrike } from "../textOptions.js";
+function resolveStyle(li, parent) {
+    return {
+        fontPx: li.fontPx ?? parent.fontPx ?? 24,
+        color: li.color ?? parent.color,
+        bold: li.bold ?? parent.bold,
+        italic: li.italic ?? parent.italic,
+        underline: li.underline ?? parent.underline,
+        strike: li.strike ?? parent.strike,
+        highlight: li.highlight ?? parent.highlight,
+        fontFamily: li.fontFamily ?? parent.fontFamily ?? "Noto Sans JP",
+    };
+}
+function hasItemStyleOverride(items) {
+    return items.some((li) => li.fontPx !== undefined ||
+        li.color !== undefined ||
+        li.bold !== undefined ||
+        li.italic !== undefined ||
+        li.underline !== undefined ||
+        li.strike !== undefined ||
+        li.highlight !== undefined ||
+        li.fontFamily !== undefined);
+}
+export function renderUlNode(node, ctx) {
+    const fontSizePx = node.fontPx ?? 24;
+    const fontFamily = node.fontFamily ?? "Noto Sans JP";
+    const lineSpacingMultiple = node.lineSpacingMultiple ?? 1.3;
+    if (hasItemStyleOverride(node.items)) {
+        // Li に個別スタイルがある場合は配列形式を使用
+        const textItems = node.items.map((li, i) => {
+            const style = resolveStyle(li, node);
+            return {
+                text: i < node.items.length - 1 ? li.text + "\n" : li.text,
+                options: {
+                    fontSize: pxToPt(style.fontPx),
+                    fontFace: style.fontFamily,
+                    color: style.color,
+                    bold: style.bold,
+                    italic: style.italic,
+                    underline: convertUnderline(style.underline),
+                    strike: convertStrike(style.strike),
+                    highlight: style.highlight,
+                    bullet: true,
+                },
+            };
+        });
+        ctx.slide.addText(textItems, {
+            x: pxToIn(node.x),
+            y: pxToIn(node.y),
+            w: pxToIn(node.w),
+            h: pxToIn(node.h),
+            align: node.alignText ?? "left",
+            valign: "top",
+            margin: 0,
+            lineSpacingMultiple,
+        });
+    }
+    else {
+        // Li にスタイルオーバーライドがない場合は単一文字列形式を使用
+        const text = node.items.map((li) => li.text).join("\n");
+        ctx.slide.addText(text, {
+            x: pxToIn(node.x),
+            y: pxToIn(node.y),
+            w: pxToIn(node.w),
+            h: pxToIn(node.h),
+            fontSize: pxToPt(fontSizePx),
+            fontFace: fontFamily,
+            align: node.alignText ?? "left",
+            valign: "top",
+            margin: 0,
+            lineSpacingMultiple,
+            color: node.color,
+            bold: node.bold,
+            italic: node.italic,
+            underline: convertUnderline(node.underline),
+            strike: convertStrike(node.strike),
+            highlight: node.highlight,
+            bullet: true,
+        });
+    }
+}
+export function renderOlNode(node, ctx) {
+    const fontSizePx = node.fontPx ?? 24;
+    const fontFamily = node.fontFamily ?? "Noto Sans JP";
+    const lineSpacingMultiple = node.lineSpacingMultiple ?? 1.3;
+    const bulletOptions = { type: "number" };
+    if (node.numberType !== undefined) {
+        bulletOptions.numberType = node.numberType;
+    }
+    if (node.numberStartAt !== undefined) {
+        bulletOptions.numberStartAt = node.numberStartAt;
+    }
+    if (hasItemStyleOverride(node.items)) {
+        const textItems = node.items.map((li, i) => {
+            const style = resolveStyle(li, node);
+            return {
+                text: i < node.items.length - 1 ? li.text + "\n" : li.text,
+                options: {
+                    fontSize: pxToPt(style.fontPx),
+                    fontFace: style.fontFamily,
+                    color: style.color,
+                    bold: style.bold,
+                    italic: style.italic,
+                    underline: convertUnderline(style.underline),
+                    strike: convertStrike(style.strike),
+                    highlight: style.highlight,
+                    bullet: bulletOptions,
+                },
+            };
+        });
+        ctx.slide.addText(textItems, {
+            x: pxToIn(node.x),
+            y: pxToIn(node.y),
+            w: pxToIn(node.w),
+            h: pxToIn(node.h),
+            align: node.alignText ?? "left",
+            valign: "top",
+            margin: 0,
+            lineSpacingMultiple,
+        });
+    }
+    else {
+        const text = node.items.map((li) => li.text).join("\n");
+        ctx.slide.addText(text, {
+            x: pxToIn(node.x),
+            y: pxToIn(node.y),
+            w: pxToIn(node.w),
+            h: pxToIn(node.h),
+            fontSize: pxToPt(fontSizePx),
+            fontFace: fontFamily,
+            align: node.alignText ?? "left",
+            valign: "top",
+            margin: 0,
+            lineSpacingMultiple,
+            color: node.color,
+            bold: node.bold,
+            italic: node.italic,
+            underline: convertUnderline(node.underline),
+            strike: convertStrike(node.strike),
+            highlight: node.highlight,
+            bullet: bulletOptions,
+        });
+    }
+}

package/dist/renderPptx/nodes/matrix.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"matrix.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/matrix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,oBAAoB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAExE,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,oBAAoB,EAC1B,GAAG,EAAE,aAAa,GACjB,IAAI,CAkHN"}
+{"version":3,"file":"matrix.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/matrix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,oBAAoB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAExE,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,oBAAoB,EAC1B,GAAG,EAAE,aAAa,GACjB,IAAI,CAsIN"}

package/dist/renderPptx/nodes/matrix.js

@@ -1,14 +1,21 @@
 import { pxToIn, pxToPt } from "../units.js";
+import { measureMatrix } from "../../calcYogaLayout/measureCompositeNodes.js";
+import { calcScaleFactor } from "../utils/scaleToFit.js";
 export function renderMatrixNode(node, ctx) {
     const items = node.items;
     const axes = node.axes;
     const quadrants = node.quadrants;
     const defaultItemColor = "1D4ED8"; // blue
-    const itemSize = 24; // px
-    const lineWidth = 2; // px
+    const baseItemSize = 24; // px
+    const baseLineWidth = 2; // px
     const axisColor = "E2E8F0";
+    // スケール係数を計算
+    const intrinsic = measureMatrix(node);
+    const scaleFactor = calcScaleFactor(node.w, node.h, intrinsic.width, intrinsic.height, "matrix");
+    const itemSize = baseItemSize * scaleFactor;
+    const lineWidth = baseLineWidth * scaleFactor;
     // マトリクスの描画領域（パディングを考慮）
-    const padding = 60; // 軸ラベル用の余白
+    const padding = 60 * scaleFactor; // 軸ラベル用の余白
     const areaX = node.x + padding;
     const areaY = node.y + padding;
     const areaW = node.w - padding * 2;
@@ -34,13 +41,15 @@ export function renderMatrixNode(node, ctx) {
         line: { color: axisColor, width: pxToPt(lineWidth) },
     });
     // === 2. 軸ラベルを描画 ===
+    const axisLabelW = 120 * scaleFactor;
+    const axisLabelH = 24 * scaleFactor;
     // X軸ラベル（下部中央）
     ctx.slide.addText(axes.x, {
-        x: pxToIn(centerX - 60),
-        y: pxToIn(areaY + areaH + 8),
-        w: pxToIn(120),
-        h: pxToIn(24),
-        fontSize: pxToPt(12),
+        x: pxToIn(centerX - axisLabelW / 2),
+        y: pxToIn(areaY + areaH + 8 * scaleFactor),
+        w: pxToIn(axisLabelW),
+        h: pxToIn(axisLabelH),
+        fontSize: pxToPt(12 * scaleFactor),
         fontFace: "Noto Sans JP",
         color: "64748B",
         align: "center",
@@ -48,11 +57,11 @@ export function renderMatrixNode(node, ctx) {
     });
     // Y軸ラベル（左部中央）
     ctx.slide.addText(axes.y, {
-        x: pxToIn(node.x + 4),
-        y: pxToIn(centerY - 12),
-        w: pxToIn(48),
-        h: pxToIn(24),
-        fontSize: pxToPt(12),
+        x: pxToIn(node.x + 4 * scaleFactor),
+        y: pxToIn(centerY - 12 * scaleFactor),
+        w: pxToIn(48 * scaleFactor),
+        h: pxToIn(axisLabelH),
+        fontSize: pxToPt(12 * scaleFactor),
         fontFace: "Noto Sans JP",
         color: "64748B",
         align: "center",
@@ -60,9 +69,11 @@ export function renderMatrixNode(node, ctx) {
     });
     // === 3. 象限ラベルを描画 ===
     if (quadrants) {
-        renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, centerX, centerY);
+        renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, centerX, centerY, scaleFactor);
     }
     // === 4. アイテムをプロット ===
+    const itemLabelW = 100 * scaleFactor;
+    const itemLabelH = 18 * scaleFactor;
     for (const item of items) {
         // 座標変換: (0,0)=左下, (1,1)=右上
         // x: 0 -> areaX, 1 -> areaX + areaW
@@ -81,11 +92,11 @@ export function renderMatrixNode(node, ctx) {
         });
         // ラベルを描画（円の上）
         ctx.slide.addText(item.label, {
-            x: pxToIn(itemX - 50),
-            y: pxToIn(itemY - itemSize / 2 - 20),
-            w: pxToIn(100),
-            h: pxToIn(18),
-            fontSize: pxToPt(11),
+            x: pxToIn(itemX - itemLabelW / 2),
+            y: pxToIn(itemY - itemSize / 2 - 20 * scaleFactor),
+            w: pxToIn(itemLabelW),
+            h: pxToIn(itemLabelH),
+            fontSize: pxToPt(11 * scaleFactor),
             fontFace: "Noto Sans JP",
             color: "1E293B",
             bold: true,
@@ -94,15 +105,16 @@ export function renderMatrixNode(node, ctx) {
         });
     }
 }
-function renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, centerX, centerY) {
-    const quadrantFontSize = 11;
+function renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, centerX, centerY, scaleFactor) {
+    const quadrantFontSize = 11 * scaleFactor;
     const quadrantColor = "94A3B8"; // slate-400
-    const quadrantW = areaW / 2 - 20;
-    const quadrantH = 48;
+    const quadrantInset = 10 * scaleFactor;
+    const quadrantW = areaW / 2 - 20 * scaleFactor;
+    const quadrantH = 48 * scaleFactor;
     // 左上
     ctx.slide.addText(quadrants.topLeft, {
-        x: pxToIn(areaX + 10),
-        y: pxToIn(areaY + 10),
+        x: pxToIn(areaX + quadrantInset),
+        y: pxToIn(areaY + quadrantInset),
         w: pxToIn(quadrantW),
         h: pxToIn(quadrantH),
         fontSize: pxToPt(quadrantFontSize),
@@ -113,8 +125,8 @@ function renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, center
     });
     // 右上
     ctx.slide.addText(quadrants.topRight, {
-        x: pxToIn(centerX + 10),
-        y: pxToIn(areaY + 10),
+        x: pxToIn(centerX + quadrantInset),
+        y: pxToIn(areaY + quadrantInset),
         w: pxToIn(quadrantW),
         h: pxToIn(quadrantH),
         fontSize: pxToPt(quadrantFontSize),
@@ -125,8 +137,8 @@ function renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, center
     });
     // 左下
     ctx.slide.addText(quadrants.bottomLeft, {
-        x: pxToIn(areaX + 10),
-        y: pxToIn(centerY + areaH / 2 - quadrantH - 10),
+        x: pxToIn(areaX + quadrantInset),
+        y: pxToIn(centerY + areaH / 2 - quadrantH - quadrantInset),
         w: pxToIn(quadrantW),
         h: pxToIn(quadrantH),
         fontSize: pxToPt(quadrantFontSize),
@@ -137,8 +149,8 @@ function renderQuadrantLabels(ctx, quadrants, areaX, areaY, areaW, areaH, center
     });
     // 右下
     ctx.slide.addText(quadrants.bottomRight, {
-        x: pxToIn(centerX + 10),
-        y: pxToIn(centerY + areaH / 2 - quadrantH - 10),
+        x: pxToIn(centerX + quadrantInset),
+        y: pxToIn(centerY + areaH / 2 - quadrantH - quadrantInset),
         w: pxToIn(quadrantW),
         h: pxToIn(quadrantH),
         fontSize: pxToPt(quadrantFontSize),

package/dist/renderPptx/nodes/processArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processArrow.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/processArrow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,KAAK,0BAA0B,GAAG,OAAO,CACvC,cAAc,EACd;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CACzB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,0BAA0B,EAChC,GAAG,EAAE,aAAa,GACjB,IAAI,CAsCN"}
+{"version":3,"file":"processArrow.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/processArrow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMjD,KAAK,0BAA0B,GAAG,OAAO,CACvC,cAAc,EACd;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CACzB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,0BAA0B,EAChC,GAAG,EAAE,aAAa,GACjB,IAAI,CAsDN"}

package/dist/renderPptx/nodes/processArrow.js

@@ -1,5 +1,7 @@
 import { pxToIn, pxToPt } from "../units.js";
 import { convertUnderline, convertStrike } from "../textOptions.js";
+import { measureProcessArrow } from "../../calcYogaLayout/measureCompositeNodes.js";
+import { calcScaleFactor } from "../utils/scaleToFit.js";
 export function renderProcessArrowNode(node, ctx) {
     const direction = node.direction ?? "horizontal";
     const steps = node.steps;
@@ -11,14 +13,20 @@ export function renderProcessArrowNode(node, ctx) {
     const itemWidth = node.itemWidth ?? 150;
     const itemHeight = node.itemHeight ?? 60;
     const gap = node.gap ?? -15; // 負の値でシェブロンを重ねる
+    // スケール係数を計算
+    const intrinsic = measureProcessArrow(node);
+    const scaleFactor = calcScaleFactor(node.w, node.h, intrinsic.width, intrinsic.height, "processArrow");
+    const scaledItemWidth = itemWidth * scaleFactor;
+    const scaledItemHeight = itemHeight * scaleFactor;
+    const scaledGap = gap * scaleFactor;
     if (direction === "horizontal") {
-        renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor);
+        renderHorizontalProcessArrow(node, ctx, steps, stepCount, scaledItemWidth, scaledItemHeight, scaledGap, defaultColor, defaultTextColor, scaleFactor);
     }
     else {
-        renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor);
+        renderVerticalProcessArrow(node, ctx, steps, stepCount, scaledItemWidth, scaledItemHeight, scaledGap, defaultColor, defaultTextColor, scaleFactor);
     }
 }
-function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor) {
+function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor, scaleFactor) {
     const totalWidth = stepCount * itemWidth + (stepCount - 1) * gap;
     const startX = node.x + (node.w - totalWidth) / 2;
     const centerY = node.y + node.h / 2;
@@ -37,7 +45,7 @@ function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, it
             shape: shapeType,
             fill: { color: fillColor },
             line: { type: "none" },
-            fontSize: pxToPt(node.fontPx ?? 14),
+            fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,
             bold: node.bold ?? false,
@@ -50,7 +58,7 @@ function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, it
         });
     });
 }
-function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor) {
+function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor, scaleFactor) {
     const totalHeight = stepCount * itemHeight + (stepCount - 1) * gap;
     const startY = node.y + (node.h - totalHeight) / 2;
     const centerX = node.x + node.w / 2;
@@ -69,7 +77,7 @@ function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, item
             shape: shapeType,
             fill: { color: fillColor },
             line: { type: "none" },
-            fontSize: pxToPt(node.fontPx ?? 14),
+            fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,
             bold: node.bold ?? false,

package/dist/renderPptx/nodes/shape.js

@@ -36,7 +36,7 @@ export function renderShapeNode(node, ctx) {
             ...shapeOptions,
             shape: node.shapeType,
             fontSize: pxToPt(node.fontPx ?? 24),
-            fontFace: "Noto Sans JP",
+            fontFace: node.fontFamily ?? "Noto Sans JP",
             color: node.color,
             bold: node.bold,
             italic: node.italic,
@@ -45,7 +45,7 @@ export function renderShapeNode(node, ctx) {
             highlight: node.highlight,
             align: node.alignText ?? "center",
             valign: "middle",
-            lineSpacingMultiple: 1.3,
+            lineSpacingMultiple: node.lineSpacingMultiple ?? 1.3,
         });
     }
     else {

package/dist/renderPptx/nodes/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,mBAAmB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEtE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,mBAAmB,EACzB,GAAG,EAAE,aAAa,GACjB,IAAI,CAmCN"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQjD,KAAK,mBAAmB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEtE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,mBAAmB,EACzB,GAAG,EAAE,aAAa,GACjB,IAAI,CAmCN"}

package/dist/renderPptx/nodes/table.js

@@ -1,4 +1,4 @@
-import { resolveColumnWidths, resolveRowHeights } from "../../table/utils.js";
+import { resolveColumnWidths, resolveRowHeights, } from "../../shared/tableUtils.js";
 import { pxToIn, pxToPt } from "../units.js";
 import { convertUnderline, convertStrike } from "../textOptions.js";
 export function renderTableNode(node, ctx) {

package/dist/renderPptx/nodes/timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,sBAAsB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAE5E,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,sBAAsB,EAC5B,GAAG,EAAE,aAAa,GACjB,IAAI,CA8BN"}
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,sBAAsB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAE5E,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,sBAAsB,EAC5B,GAAG,EAAE,aAAa,GACjB,IAAI,CA6CN"}

package/dist/renderPptx/nodes/timeline.js

@@ -1,4 +1,6 @@
 import { pxToIn, pxToPt } from "../units.js";
+import { measureTimeline } from "../../calcYogaLayout/measureCompositeNodes.js";
+import { calcScaleFactor } from "../utils/scaleToFit.js";
 export function renderTimelineNode(node, ctx) {
     const direction = node.direction ?? "horizontal";
     const items = node.items;
@@ -6,16 +8,21 @@ export function renderTimelineNode(node, ctx) {
     if (itemCount === 0)
         return;
     const defaultColor = "1D4ED8"; // blue
-    const nodeRadius = 12; // px
-    const lineWidth = 4; // px
+    const baseNodeRadius = 12; // px
+    const baseLineWidth = 4; // px
+    // スケール係数を計算
+    const intrinsic = measureTimeline(node);
+    const scaleFactor = calcScaleFactor(node.w, node.h, intrinsic.width, intrinsic.height, "timeline");
+    const nodeRadius = baseNodeRadius * scaleFactor;
+    const lineWidth = baseLineWidth * scaleFactor;
     if (direction === "horizontal") {
-        renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth);
+        renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth, scaleFactor);
     }
     else {
-        renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth);
+        renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth, scaleFactor);
     }
 }
-function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth) {
+function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth, scaleFactor) {
     const itemCount = items.length;
     const lineY = node.y + node.h / 2;
     const startX = node.x + nodeRadius;
@@ -29,6 +36,13 @@ function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, li
         h: 0,
         line: { color: "E2E8F0", width: pxToPt(lineWidth) },
     });
+    const labelW = 120 * scaleFactor;
+    const dateLabelH = 24 * scaleFactor;
+    const titleLabelH = 24 * scaleFactor;
+    const descLabelH = 32 * scaleFactor;
+    const dateOffset = 40 * scaleFactor;
+    const titleGap = 8 * scaleFactor;
+    const descOffset = 32 * scaleFactor;
     // 各アイテムを描画
     items.forEach((item, index) => {
         const progress = itemCount === 1 ? 0.5 : index / (itemCount - 1);
@@ -46,11 +60,11 @@ function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, li
         });
         // 日付を上に表示
         ctx.slide.addText(item.date, {
-            x: pxToIn(cx - 60),
-            y: pxToIn(cy - nodeRadius - 40),
-            w: pxToIn(120),
-            h: pxToIn(24),
-            fontSize: pxToPt(12),
+            x: pxToIn(cx - labelW / 2),
+            y: pxToIn(cy - nodeRadius - dateOffset),
+            w: pxToIn(labelW),
+            h: pxToIn(dateLabelH),
+            fontSize: pxToPt(12 * scaleFactor),
             fontFace: "Noto Sans JP",
             color: "64748B",
             align: "center",
@@ -58,11 +72,11 @@ function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, li
         });
         // タイトルを下に表示
         ctx.slide.addText(item.title, {
-            x: pxToIn(cx - 60),
-            y: pxToIn(cy + nodeRadius + 8),
-            w: pxToIn(120),
-            h: pxToIn(24),
-            fontSize: pxToPt(14),
+            x: pxToIn(cx - labelW / 2),
+            y: pxToIn(cy + nodeRadius + titleGap),
+            w: pxToIn(labelW),
+            h: pxToIn(titleLabelH),
+            fontSize: pxToPt(14 * scaleFactor),
             fontFace: "Noto Sans JP",
             color: "1E293B",
             bold: true,
@@ -72,11 +86,11 @@ function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, li
         // 説明を表示
         if (item.description) {
             ctx.slide.addText(item.description, {
-                x: pxToIn(cx - 60),
-                y: pxToIn(cy + nodeRadius + 32),
-                w: pxToIn(120),
-                h: pxToIn(32),
-                fontSize: pxToPt(11),
+                x: pxToIn(cx - labelW / 2),
+                y: pxToIn(cy + nodeRadius + descOffset),
+                w: pxToIn(labelW),
+                h: pxToIn(descLabelH),
+                fontSize: pxToPt(11 * scaleFactor),
                 fontFace: "Noto Sans JP",
                 color: "64748B",
                 align: "center",
@@ -85,9 +99,9 @@ function renderHorizontalTimeline(node, ctx, items, defaultColor, nodeRadius, li
         }
     });
 }
-function renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth) {
+function renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, lineWidth, scaleFactor) {
     const itemCount = items.length;
-    const lineX = node.x + 40;
+    const lineX = node.x + 40 * scaleFactor;
     const startY = node.y + nodeRadius;
     const endY = node.y + node.h - nodeRadius;
     const lineLength = endY - startY;
@@ -99,6 +113,13 @@ function renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, line
         h: pxToIn(lineLength),
         line: { color: "E2E8F0", width: pxToPt(lineWidth) },
     });
+    const labelGap = 16 * scaleFactor;
+    const dateLabelW = 100 * scaleFactor;
+    const dateLabelH = 20 * scaleFactor;
+    const titleLabelH = 24 * scaleFactor;
+    const descLabelH = 32 * scaleFactor;
+    const titleLabelW = node.w - 80 * scaleFactor;
+    const descLabelW = node.w - 80 * scaleFactor;
     // 各アイテムを描画
     items.forEach((item, index) => {
         const progress = itemCount === 1 ? 0.5 : index / (itemCount - 1);
@@ -116,11 +137,11 @@ function renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, line
         });
         // 日付を左上に表示
         ctx.slide.addText(item.date, {
-            x: pxToIn(cx + nodeRadius + 16),
-            y: pxToIn(cy - nodeRadius - 4),
-            w: pxToIn(100),
-            h: pxToIn(20),
-            fontSize: pxToPt(12),
+            x: pxToIn(cx + nodeRadius + labelGap),
+            y: pxToIn(cy - nodeRadius - 4 * scaleFactor),
+            w: pxToIn(dateLabelW),
+            h: pxToIn(dateLabelH),
+            fontSize: pxToPt(12 * scaleFactor),
             fontFace: "Noto Sans JP",
             color: "64748B",
             align: "left",
@@ -128,11 +149,11 @@ function renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, line
         });
         // タイトルを右に表示
         ctx.slide.addText(item.title, {
-            x: pxToIn(cx + nodeRadius + 16),
-            y: pxToIn(cy - 4),
-            w: pxToIn(node.w - 80),
-            h: pxToIn(24),
-            fontSize: pxToPt(14),
+            x: pxToIn(cx + nodeRadius + labelGap),
+            y: pxToIn(cy - 4 * scaleFactor),
+            w: pxToIn(titleLabelW),
+            h: pxToIn(titleLabelH),
+            fontSize: pxToPt(14 * scaleFactor),
             fontFace: "Noto Sans JP",
             color: "1E293B",
             bold: true,
@@ -142,11 +163,11 @@ function renderVerticalTimeline(node, ctx, items, defaultColor, nodeRadius, line
         // 説明を表示
         if (item.description) {
             ctx.slide.addText(item.description, {
-                x: pxToIn(cx + nodeRadius + 16),
-                y: pxToIn(cy + 20),
-                w: pxToIn(node.w - 80),
-                h: pxToIn(32),
-                fontSize: pxToPt(11),
+                x: pxToIn(cx + nodeRadius + labelGap),
+                y: pxToIn(cy + 20 * scaleFactor),
+                w: pxToIn(descLabelW),
+                h: pxToIn(descLabelH),
+                fontSize: pxToPt(11 * scaleFactor),
                 fontFace: "Noto Sans JP",
                 color: "64748B",
                 align: "left",

package/dist/renderPptx/nodes/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,kBAAkB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAWpE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,kBAAkB,EACxB,GAAG,EAAE,aAAa,GACjB,IAAI,CAwQN"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,KAAK,kBAAkB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAWpE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,kBAAkB,EACxB,GAAG,EAAE,aAAa,GACjB,IAAI,CAwSN"}