@hirokisakabe/pom 3.0.0 → 4.1.0

package/dist/parseXml/parseXml.js

@@ -1,7 +1,7 @@
 import { XMLParser } from "fast-xml-parser";
 import { z } from "zod";
-import { inputTextNodeSchema, inputUlNodeSchema, inputOlNodeSchema, inputLiNodeSchema, inputImageNodeSchema, inputTableNodeSchema, inputShapeNodeSchema, inputChartNodeSchema, inputTimelineNodeSchema, inputMatrixNodeSchema, inputTreeNodeSchema, inputFlowNodeSchema, inputProcessArrowNodeSchema, inputLineNodeSchema, inputBaseNodeSchema, } from "./inputSchema.js";
-import { alignItemsSchema, justifyContentSchema, shadowStyleSchema, processArrowStepSchema, timelineItemSchema, matrixAxisSchema, matrixQuadrantsSchema, matrixItemSchema, flowNodeItemSchema, flowConnectionSchema, chartDataSchema, tableColumnSchema, tableCellSchema, } from "../types.js";
+import { inputTextNodeSchema, inputUlNodeSchema, inputOlNodeSchema, inputLiNodeSchema, inputImageNodeSchema, inputTableNodeSchema, inputShapeNodeSchema, inputChartNodeSchema, inputTimelineNodeSchema, inputMatrixNodeSchema, inputTreeNodeSchema, inputFlowNodeSchema, inputProcessArrowNodeSchema, inputPyramidNodeSchema, inputLineNodeSchema, inputBaseNodeSchema, } from "./inputSchema.js";
+import { alignItemsSchema, justifyContentSchema, shadowStyleSchema, processArrowStepSchema, pyramidLevelSchema, timelineItemSchema, matrixAxisSchema, matrixQuadrantsSchema, matrixItemSchema, flowNodeItemSchema, flowConnectionSchema, chartDataSchema, tableColumnSchema, tableCellSchema, } from "../types.js";
 // ===== ParseXmlError =====
 export class ParseXmlError extends Error {
     errors;
@@ -24,6 +24,7 @@ const TAG_TO_TYPE = {
     Tree: "tree",
     Flow: "flow",
     ProcessArrow: "processArrow",
+    Pyramid: "pyramid",
     Ul: "ul",
     Ol: "ol",
     Line: "line",
@@ -48,6 +49,7 @@ const leafNodeShapes = {
     tree: extractShape(inputTreeNodeSchema),
     flow: extractShape(inputFlowNodeSchema),
     processArrow: extractShape(inputProcessArrowNodeSchema),
+    pyramid: extractShape(inputPyramidNodeSchema),
     line: extractShape(inputLineNodeSchema),
     ul: extractShape(inputUlNodeSchema),
     ol: extractShape(inputOlNodeSchema),
@@ -126,6 +128,7 @@ const leafNodeValidationSchemas = {
     tree: inputTreeNodeSchema,
     flow: inputFlowNodeSchema,
     processArrow: inputProcessArrowNodeSchema,
+    pyramid: inputPyramidNodeSchema,
     line: inputLineNodeSchema,
     ul: inputUlNodeSchema,
     ol: inputOlNodeSchema,
@@ -185,6 +188,7 @@ const CHILD_ELEMENT_PROPS = {
     timeline: new Set(["items"]),
     matrix: new Set(["axes", "items", "quadrants"]),
     processArrow: new Set(["steps"]),
+    pyramid: new Set(["levels"]),
     tree: new Set(["data"]),
     ul: new Set(["items"]),
     ol: new Set(["items"]),
@@ -408,15 +412,16 @@ function getTextContent(node) {
 }
 // ===== Child element schemas for type coercion =====
 const childElementShapes = {
-    Step: extractShape(processArrowStepSchema),
+    ProcessArrowStep: extractShape(processArrowStepSchema),
+    PyramidLevel: extractShape(pyramidLevelSchema),
     TimelineItem: extractShape(timelineItemSchema),
-    Axes: extractShape(matrixAxisSchema),
-    Quadrants: extractShape(matrixQuadrantsSchema),
+    MatrixAxes: extractShape(matrixAxisSchema),
+    MatrixQuadrants: extractShape(matrixQuadrantsSchema),
     MatrixItem: extractShape(matrixItemSchema),
     FlowNode: extractShape(flowNodeItemSchema),
-    Connection: extractShape(flowConnectionSchema),
-    Column: extractShape(tableColumnSchema),
-    Cell: extractShape(tableCellSchema),
+    FlowConnection: extractShape(flowConnectionSchema),
+    TableColumn: extractShape(tableColumnSchema),
+    TableCell: extractShape(tableCellSchema),
     Li: extractShape(inputLiNodeSchema),
 };
 function coerceChildAttrs(parentTagName, tagName, attrs, errors) {
@@ -448,14 +453,26 @@ function convertProcessArrowChildren(childElements, result, errors) {
     const steps = [];
     for (const child of childElements) {
         const tag = getTagName(child);
-        if (tag !== "Step") {
-            errors.push(`Unknown child element <${tag}> inside <ProcessArrow>. Expected: <Step>`);
+        if (tag !== "ProcessArrowStep") {
+            errors.push(`Unknown child element <${tag}> inside <ProcessArrow>. Expected: <ProcessArrowStep>`);
             continue;
         }
         steps.push(coerceChildAttrs("ProcessArrow", tag, getAttributes(child), errors));
     }
     result.steps = steps;
 }
+function convertPyramidChildren(childElements, result, errors) {
+    const levels = [];
+    for (const child of childElements) {
+        const tag = getTagName(child);
+        if (tag !== "PyramidLevel") {
+            errors.push(`Unknown child element <${tag}> inside <Pyramid>. Expected: <PyramidLevel>`);
+            continue;
+        }
+        levels.push(coerceChildAttrs("Pyramid", tag, getAttributes(child), errors));
+    }
+    result.levels = levels;
+}
 function convertTimelineChildren(childElements, result, errors) {
     const items = [];
     for (const child of childElements) {
@@ -473,17 +490,17 @@ function convertMatrixChildren(childElements, result, errors) {
     for (const child of childElements) {
         const tag = getTagName(child);
         switch (tag) {
-            case "Axes":
+            case "MatrixAxes":
                 result.axes = coerceChildAttrs("Matrix", tag, getAttributes(child), errors);
                 break;
-            case "Quadrants":
+            case "MatrixQuadrants":
                 result.quadrants = coerceChildAttrs("Matrix", tag, getAttributes(child), errors);
                 break;
             case "MatrixItem":
                 items.push(coerceChildAttrs("Matrix", tag, getAttributes(child), errors));
                 break;
             default:
-                errors.push(`Unknown child element <${tag}> inside <Matrix>. Expected: <Axes>, <Quadrants>, or <MatrixItem>`);
+                errors.push(`Unknown child element <${tag}> inside <Matrix>. Expected: <MatrixAxes>, <MatrixQuadrants>, or <MatrixItem>`);
         }
     }
     if (items.length > 0) {
@@ -499,11 +516,11 @@ function convertFlowChildren(childElements, result, errors) {
             case "FlowNode":
                 nodes.push(coerceChildAttrs("Flow", tag, getAttributes(child), errors));
                 break;
-            case "Connection":
+            case "FlowConnection":
                 connections.push(coerceChildAttrs("Flow", tag, getAttributes(child), errors));
                 break;
             default:
-                errors.push(`Unknown child element <${tag}> inside <Flow>. Expected: <FlowNode> or <Connection>`);
+                errors.push(`Unknown child element <${tag}> inside <Flow>. Expected: <FlowNode> or <FlowConnection>`);
         }
     }
     if (nodes.length > 0) {
@@ -518,8 +535,8 @@ function convertChartChildren(childElements, result, errors) {
     const data = [];
     for (const child of childElements) {
         const tag = getTagName(child);
-        if (tag !== "Series") {
-            errors.push(`Unknown child element <${tag}> inside <Chart>. Expected: <Series>`);
+        if (tag !== "ChartSeries") {
+            errors.push(`Unknown child element <${tag}> inside <Chart>. Expected: <ChartSeries>`);
             continue;
         }
         const attrs = getAttributes(child);
@@ -532,7 +549,7 @@ function convertChartChildren(childElements, result, errors) {
             if (nameSchema) {
                 const coerced = coerceValue(attrs.name, nameSchema);
                 if (coerced.error !== null) {
-                    errors.push(`<Chart>.<Series>: ${coerced.error}`);
+                    errors.push(`<Chart>.<ChartSeries>: ${coerced.error}`);
                 }
                 else {
                     series.name = coerced.value;
@@ -544,23 +561,23 @@ function convertChartChildren(childElements, result, errors) {
         }
         for (const dp of getChildElements(child)) {
             const dpTag = getTagName(dp);
-            if (dpTag !== "DataPoint") {
-                errors.push(`Unknown child element <${dpTag}> inside <Series>. Expected: <DataPoint>`);
+            if (dpTag !== "ChartDataPoint") {
+                errors.push(`Unknown child element <${dpTag}> inside <ChartSeries>. Expected: <ChartDataPoint>`);
                 continue;
             }
             const dpAttrs = getAttributes(dp);
             if (dpAttrs.label === undefined) {
-                errors.push('<DataPoint> requires a "label" attribute');
+                errors.push('<ChartDataPoint> requires a "label" attribute');
             }
             if (dpAttrs.value === undefined) {
-                errors.push('<DataPoint> requires a "value" attribute');
+                errors.push('<ChartDataPoint> requires a "value" attribute');
             }
             if (dpAttrs.label === undefined || dpAttrs.value === undefined) {
                 continue;
             }
             const numValue = Number(dpAttrs.value);
             if (isNaN(numValue)) {
-                errors.push(`Cannot convert "${dpAttrs.value}" to number in <DataPoint> "value" attribute`);
+                errors.push(`Cannot convert "${dpAttrs.value}" to number in <ChartDataPoint> "value" attribute`);
                 continue;
             }
             series.labels.push(dpAttrs.label);
@@ -576,19 +593,19 @@ function convertTableChildren(childElements, result, errors) {
     for (const child of childElements) {
         const tag = getTagName(child);
         switch (tag) {
-            case "Column":
+            case "TableColumn":
                 columns.push(coerceChildAttrs("Table", tag, getAttributes(child), errors));
                 break;
-            case "Row": {
+            case "TableRow": {
                 const rowAttrs = getAttributes(child);
                 const cells = [];
                 for (const cellEl of getChildElements(child)) {
                     const cellTag = getTagName(cellEl);
-                    if (cellTag !== "Cell") {
-                        errors.push(`Unknown child element <${cellTag}> inside <Row>. Expected: <Cell>`);
+                    if (cellTag !== "TableCell") {
+                        errors.push(`Unknown child element <${cellTag}> inside <TableRow>. Expected: <TableCell>`);
                         continue;
                     }
-                    const cellAttrs = coerceChildAttrs("Row", cellTag, getAttributes(cellEl), errors);
+                    const cellAttrs = coerceChildAttrs("TableRow", cellTag, getAttributes(cellEl), errors);
                     const cellText = getTextContent(cellEl);
                     if (cellText !== undefined && !("text" in cellAttrs)) {
                         cellAttrs.text = cellText;
@@ -599,7 +616,7 @@ function convertTableChildren(childElements, result, errors) {
                 if (rowAttrs.height !== undefined) {
                     const h = Number(rowAttrs.height);
                     if (isNaN(h)) {
-                        errors.push(`Cannot convert "${rowAttrs.height}" to number in <Row> "height" attribute`);
+                        errors.push(`Cannot convert "${rowAttrs.height}" to number in <TableRow> "height" attribute`);
                     }
                     else {
                         row.height = h;
@@ -609,7 +626,7 @@ function convertTableChildren(childElements, result, errors) {
                 break;
             }
             default:
-                errors.push(`Unknown child element <${tag}> inside <Table>. Expected: <Column> or <Row>`);
+                errors.push(`Unknown child element <${tag}> inside <Table>. Expected: <TableColumn> or <TableRow>`);
         }
     }
     if (columns.length > 0) {
@@ -680,6 +697,7 @@ const CHILD_ELEMENT_CONVERTERS = {
     ul: (childElements, result, errors) => convertListChildren("Ul", childElements, result, errors),
     ol: (childElements, result, errors) => convertListChildren("Ol", childElements, result, errors),
     processArrow: convertProcessArrowChildren,
+    pyramid: convertPyramidChildren,
     timeline: convertTimelineChildren,
     matrix: convertMatrixChildren,
     flow: convertFlowChildren,

package/dist/renderPptx/nodes/index.d.ts

@@ -8,6 +8,7 @@ export { renderMatrixNode } from "./matrix.ts";
 export { renderTreeNode } from "./tree.ts";
 export { renderFlowNode } from "./flow.ts";
 export { renderProcessArrowNode } from "./processArrow.ts";
+export { renderPyramidNode } from "./pyramid.ts";
 export { renderLineNode } from "./line.ts";
 export { renderUlNode, renderOlNode } from "./list.ts";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/renderPptx/nodes/index.js

@@ -8,5 +8,6 @@ export { renderMatrixNode } from "./matrix.js";
 export { renderTreeNode } from "./tree.js";
 export { renderFlowNode } from "./flow.js";
 export { renderProcessArrowNode } from "./processArrow.js";
+export { renderPyramidNode } from "./pyramid.js";
 export { renderLineNode } from "./line.js";
 export { renderUlNode, renderOlNode } from "./list.js";

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;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"}
+{"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;AAWjD,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,CA0DN"}

package/dist/renderPptx/nodes/processArrow.js

@@ -2,6 +2,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";
+import { ARROW_DEPTH_RATIO, DEFAULT_PROCESS_ARROW_ITEM_WIDTH, DEFAULT_PROCESS_ARROW_ITEM_HEIGHT, } from "../../shared/processArrowConstants.js";
 export function renderProcessArrowNode(node, ctx) {
     const direction = node.direction ?? "horizontal";
     const steps = node.steps;
@@ -10,23 +11,25 @@ export function renderProcessArrowNode(node, ctx) {
         return;
     const defaultColor = "4472C4"; // PowerPoint標準の青
     const defaultTextColor = "FFFFFF";
-    const itemWidth = node.itemWidth ?? 150;
-    const itemHeight = node.itemHeight ?? 60;
-    const gap = node.gap ?? -15; // 負の値でシェブロンを重ねる
+    const itemWidth = node.itemWidth ?? DEFAULT_PROCESS_ARROW_ITEM_WIDTH;
+    const itemHeight = node.itemHeight ?? DEFAULT_PROCESS_ARROW_ITEM_HEIGHT;
+    const arrowDepth = itemHeight * ARROW_DEPTH_RATIO;
+    const gap = node.gap ?? -arrowDepth;
     // スケール係数を計算
     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;
+    const scaledArrowDepth = arrowDepth * scaleFactor;
     if (direction === "horizontal") {
-        renderHorizontalProcessArrow(node, ctx, steps, stepCount, scaledItemWidth, scaledItemHeight, scaledGap, defaultColor, defaultTextColor, scaleFactor);
+        renderHorizontalProcessArrow(node, ctx, steps, stepCount, scaledItemWidth, scaledItemHeight, scaledGap, scaledArrowDepth, defaultColor, defaultTextColor, scaleFactor);
     }
     else {
-        renderVerticalProcessArrow(node, ctx, steps, stepCount, scaledItemWidth, scaledItemHeight, scaledGap, defaultColor, defaultTextColor, scaleFactor);
+        renderVerticalProcessArrow(node, ctx, steps, stepCount, scaledItemWidth, scaledItemHeight, scaledGap, scaledArrowDepth, defaultColor, defaultTextColor, scaleFactor);
     }
 }
-function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor, scaleFactor) {
+function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, arrowDepth, 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;
@@ -35,16 +38,45 @@ function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, it
         const stepY = centerY - itemHeight / 2;
         const fillColor = step.color?.replace("#", "") ?? defaultColor;
         const textColor = step.textColor?.replace("#", "") ?? defaultTextColor;
-        // 最初のステップは homePlate、以降は chevron
-        const shapeType = index === 0 ? ctx.pptx.ShapeType.homePlate : ctx.pptx.ShapeType.chevron;
-        ctx.slide.addText(step.label, {
+        // custGeom でシェブロン形状を描画
+        const isFirst = index === 0;
+        const points = isFirst
+            ? [
+                // homePlate 風: 左辺フラット、右辺が矢印
+                { x: 0, y: 0 },
+                { x: pxToIn(itemWidth - arrowDepth), y: 0 },
+                { x: pxToIn(itemWidth), y: pxToIn(itemHeight / 2) },
+                { x: pxToIn(itemWidth - arrowDepth), y: pxToIn(itemHeight) },
+                { x: 0, y: pxToIn(itemHeight) },
+                { close: true },
+            ]
+            : [
+                // chevron 風: 左辺に切り欠き、右辺が矢印
+                { x: 0, y: 0 },
+                { x: pxToIn(itemWidth - arrowDepth), y: 0 },
+                { x: pxToIn(itemWidth), y: pxToIn(itemHeight / 2) },
+                { x: pxToIn(itemWidth - arrowDepth), y: pxToIn(itemHeight) },
+                { x: 0, y: pxToIn(itemHeight) },
+                { x: pxToIn(arrowDepth), y: pxToIn(itemHeight / 2) },
+                { close: true },
+            ];
+        ctx.slide.addShape("custGeom", {
             x: pxToIn(stepX),
             y: pxToIn(stepY),
             w: pxToIn(itemWidth),
             h: pxToIn(itemHeight),
-            shape: shapeType,
+            points,
             fill: { color: fillColor },
             line: { type: "none" },
+        });
+        // テキストを図形の中央（矢印部分を除いた領域）に配置
+        const textOffsetLeft = isFirst ? 0 : arrowDepth;
+        const textWidth = Math.max(1, itemWidth - arrowDepth - textOffsetLeft);
+        ctx.slide.addText(step.label, {
+            x: pxToIn(stepX + textOffsetLeft),
+            y: pxToIn(stepY),
+            w: pxToIn(textWidth),
+            h: pxToIn(itemHeight),
             fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,
@@ -58,7 +90,7 @@ function renderHorizontalProcessArrow(node, ctx, steps, stepCount, itemWidth, it
         });
     });
 }
-function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, defaultColor, defaultTextColor, scaleFactor) {
+function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, itemHeight, gap, arrowDepth, 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;
@@ -67,16 +99,44 @@ function renderVerticalProcessArrow(node, ctx, steps, stepCount, itemWidth, item
         const stepY = startY + index * (itemHeight + gap);
         const fillColor = step.color?.replace("#", "") ?? defaultColor;
         const textColor = step.textColor?.replace("#", "") ?? defaultTextColor;
-        // 垂直方向では pentagon を使用（下向き矢印風）
-        const shapeType = index === 0 ? ctx.pptx.ShapeType.rect : ctx.pptx.ShapeType.pentagon;
-        ctx.slide.addText(step.label, {
+        const isFirst = index === 0;
+        const points = isFirst
+            ? [
+                // rect 風: 上辺フラット、下辺が矢印
+                { x: 0, y: 0 },
+                { x: pxToIn(itemWidth), y: 0 },
+                { x: pxToIn(itemWidth), y: pxToIn(itemHeight - arrowDepth) },
+                { x: pxToIn(itemWidth / 2), y: pxToIn(itemHeight) },
+                { x: 0, y: pxToIn(itemHeight - arrowDepth) },
+                { close: true },
+            ]
+            : [
+                // pentagon 風: 上辺に切り欠き、下辺が矢印
+                { x: pxToIn(itemWidth / 2), y: 0 },
+                { x: pxToIn(itemWidth), y: pxToIn(arrowDepth) },
+                { x: pxToIn(itemWidth), y: pxToIn(itemHeight - arrowDepth) },
+                { x: pxToIn(itemWidth / 2), y: pxToIn(itemHeight) },
+                { x: 0, y: pxToIn(itemHeight - arrowDepth) },
+                { x: 0, y: pxToIn(arrowDepth) },
+                { close: true },
+            ];
+        ctx.slide.addShape("custGeom", {
             x: pxToIn(stepX),
             y: pxToIn(stepY),
             w: pxToIn(itemWidth),
             h: pxToIn(itemHeight),
-            shape: shapeType,
+            points,
             fill: { color: fillColor },
             line: { type: "none" },
+        });
+        // テキストを図形の中央（矢印部分を除いた領域）に配置
+        const textOffsetTop = isFirst ? 0 : arrowDepth;
+        const textHeight = Math.max(1, itemHeight - arrowDepth - textOffsetTop);
+        ctx.slide.addText(step.label, {
+            x: pxToIn(stepX),
+            y: pxToIn(stepY + textOffsetTop),
+            w: pxToIn(itemWidth),
+            h: pxToIn(textHeight),
             fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
             fontFace: "Noto Sans JP",
             color: textColor,

package/dist/renderPptx/nodes/pyramid.d.ts

@@ -0,0 +1,8 @@
+import type { PositionedNode } from "../../types.ts";
+import type { RenderContext } from "../types.ts";
+type PyramidPositionedNode = Extract<PositionedNode, {
+    type: "pyramid";
+}>;
+export declare function renderPyramidNode(node: PyramidPositionedNode, ctx: RenderContext): void;
+export {};
+//# sourceMappingURL=pyramid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pyramid.d.ts","sourceRoot":"","sources":["../../../src/renderPptx/nodes/pyramid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,KAAK,qBAAqB,GAAG,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAE1E,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,qBAAqB,EAC3B,GAAG,EAAE,aAAa,GACjB,IAAI,CAgGN"}

package/dist/renderPptx/nodes/pyramid.js

@@ -0,0 +1,81 @@
+import { pxToIn, pxToPt } from "../units.js";
+import { measurePyramid } from "../../calcYogaLayout/measureCompositeNodes.js";
+import { calcScaleFactor } from "../utils/scaleToFit.js";
+export function renderPyramidNode(node, ctx) {
+    const direction = node.direction ?? "up";
+    const levels = node.levels;
+    const levelCount = levels.length;
+    if (levelCount === 0)
+        return;
+    const defaultColor = "4472C4";
+    const defaultTextColor = "FFFFFF";
+    // スケール係数を計算
+    const intrinsic = measurePyramid(node);
+    const scaleFactor = calcScaleFactor(node.w, node.h, intrinsic.width, intrinsic.height, "pyramid");
+    const baseWidth = 400 * scaleFactor;
+    const layerHeight = 50 * scaleFactor;
+    const gap = 2 * scaleFactor;
+    const totalHeight = levelCount * layerHeight + (levelCount - 1) * gap;
+    const startX = node.x + (node.w - baseWidth) / 2;
+    const startY = node.y + (node.h - totalHeight) / 2;
+    for (let i = 0; i < levelCount; i++) {
+        const level = levels[i];
+        const fillColor = level.color?.replace("#", "") ?? defaultColor;
+        const textColor = level.textColor?.replace("#", "") ?? defaultTextColor;
+        const layerY = startY + i * (layerHeight + gap);
+        // direction="up": i=0 が最上段（最も狭い＝三角形）、i=levelCount-1 が最下段（最も広い）
+        // direction="down": i=0 が最上段（最も広い）、i=levelCount-1 が最下段（最も狭い＝三角形）
+        // 頂点層の上辺は幅0（三角形）、それ以外は台形
+        let topWidthRatio;
+        let bottomWidthRatio;
+        if (direction === "up") {
+            topWidthRatio = i / levelCount;
+            bottomWidthRatio = (i + 1) / levelCount;
+        }
+        else {
+            topWidthRatio = (levelCount - i) / levelCount;
+            bottomWidthRatio = (levelCount - i - 1) / levelCount;
+        }
+        const topWidth = baseWidth * topWidthRatio;
+        const bottomWidth = baseWidth * bottomWidthRatio;
+        const topLeftX = startX + (baseWidth - topWidth) / 2;
+        const topRightX = topLeftX + topWidth;
+        const bottomLeftX = startX + (baseWidth - bottomWidth) / 2;
+        const bottomRightX = bottomLeftX + bottomWidth;
+        // custGeom のバウンディングボックス
+        const bboxX = Math.min(topLeftX, bottomLeftX);
+        const bboxW = Math.max(topRightX, bottomRightX) - bboxX;
+        // points はバウンディングボックス内の相対インチ座標
+        const points = [
+            { x: pxToIn(topLeftX - bboxX), y: 0 },
+            { x: pxToIn(topRightX - bboxX), y: 0 },
+            { x: pxToIn(bottomRightX - bboxX), y: pxToIn(layerHeight) },
+            { x: pxToIn(bottomLeftX - bboxX), y: pxToIn(layerHeight) },
+            { close: true },
+        ];
+        // 図形を描画（頂点層は三角形、それ以外は台形）
+        ctx.slide.addShape("custGeom", {
+            x: pxToIn(bboxX),
+            y: pxToIn(layerY),
+            w: pxToIn(bboxW),
+            h: pxToIn(layerHeight),
+            points,
+            fill: { color: fillColor },
+            line: { type: "none" },
+        });
+        // テキストを図形の中央に重ねて描画
+        ctx.slide.addText(level.label, {
+            x: pxToIn(bboxX),
+            y: pxToIn(layerY),
+            w: pxToIn(bboxW),
+            h: pxToIn(layerHeight),
+            fontSize: pxToPt((node.fontPx ?? 14) * scaleFactor),
+            fontFace: "Noto Sans JP",
+            color: textColor,
+            bold: node.bold ?? false,
+            align: "center",
+            valign: "middle",
+            autoFit: true,
+        });
+    }
+}

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;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"}
+{"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,CAqCN"}

package/dist/renderPptx/nodes/table.js

@@ -15,6 +15,8 @@ export function renderTableNode(node, ctx) {
             fill: cell.backgroundColor
                 ? { color: cell.backgroundColor }
                 : undefined,
+            colspan: cell.colspan,
+            rowspan: cell.rowspan,
         };
         return {
             text: cell.text,

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

@@ -1 +1 @@
-{"version":3,"file":"renderPptx.d.ts","sourceRoot":"","sources":["../../src/renderPptx/renderPptx.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAEnB,MAAM,aAAa,CAAC;AAsBrB,KAAK,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAqJxC;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,cAAc,EAAE,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,kBAAkB,+BA6K5B"}
+{"version":3,"file":"renderPptx.d.ts","sourceRoot":"","sources":["../../src/renderPptx/renderPptx.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAEnB,MAAM,aAAa,CAAC;AAuBrB,KAAK,OAAO,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAqJxC;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,cAAc,EAAE,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,CAAC,EAAE,kBAAkB,+BAiL5B"}

package/dist/renderPptx/renderPptx.js

@@ -9,7 +9,7 @@ import { pxToIn, pxToPt } from "./units.js";
 import { convertUnderline, convertStrike } from "./textOptions.js";
 import { getImageData } from "../shared/measureImage.js";
 import { renderBackgroundAndBorder } from "./utils/backgroundBorder.js";
-import { renderTextNode, renderImageNode, renderTableNode, renderShapeNode, renderChartNode, renderTimelineNode, renderMatrixNode, renderTreeNode, renderFlowNode, renderProcessArrowNode, renderLineNode, renderUlNode, renderOlNode, } from "./nodes/index.js";
+import { renderTextNode, renderImageNode, renderTableNode, renderShapeNode, renderChartNode, renderTimelineNode, renderMatrixNode, renderTreeNode, renderFlowNode, renderProcessArrowNode, renderPyramidNode, renderLineNode, renderUlNode, renderOlNode, } from "./nodes/index.js";
 const DEFAULT_MASTER_NAME = "POM_MASTER";
 /**
  * MasterObject を pptxgenjs の objects 形式に変換する
@@ -282,6 +282,9 @@ export function renderPptx(pages, slidePx, master) {
                 case "processArrow":
                     renderProcessArrowNode(node, ctx);
                     break;
+                case "pyramid":
+                    renderPyramidNode(node, ctx);
+                    break;
                 case "line":
                     renderLineNode(node, ctx);
                     break;

package/dist/shared/processArrowConstants.d.ts

@@ -0,0 +1,7 @@
+/** 矢印の先端/切り欠きの深さ（itemHeight に対する比率） */
+export declare const ARROW_DEPTH_RATIO = 0.35;
+/** ProcessArrow のデフォルト itemHeight（px） */
+export declare const DEFAULT_PROCESS_ARROW_ITEM_HEIGHT = 80;
+/** ProcessArrow のデフォルト itemWidth（px） */
+export declare const DEFAULT_PROCESS_ARROW_ITEM_WIDTH = 150;
+//# sourceMappingURL=processArrowConstants.d.ts.map

package/dist/shared/processArrowConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processArrowConstants.d.ts","sourceRoot":"","sources":["../../src/shared/processArrowConstants.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAEtC,yCAAyC;AACzC,eAAO,MAAM,iCAAiC,KAAK,CAAC;AAEpD,wCAAwC;AACxC,eAAO,MAAM,gCAAgC,MAAM,CAAC"}

package/dist/shared/processArrowConstants.js

@@ -0,0 +1,6 @@
+/** 矢印の先端/切り欠きの深さ（itemHeight に対する比率） */
+export const ARROW_DEPTH_RATIO = 0.35;
+/** ProcessArrow のデフォルト itemHeight（px） */
+export const DEFAULT_PROCESS_ARROW_ITEM_HEIGHT = 80;
+/** ProcessArrow のデフォルト itemWidth（px） */
+export const DEFAULT_PROCESS_ARROW_ITEM_WIDTH = 150;

package/dist/toPositioned/toPositioned.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toPositioned.d.ts","sourceRoot":"","sources":["../../src/toPositioned/toPositioned.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG3D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CA2MhB"}
+{"version":3,"file":"toPositioned.d.ts","sourceRoot":"","sources":["../../src/toPositioned/toPositioned.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG3D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,OAAO,EACZ,OAAO,SAAI,EACX,OAAO,SAAI,GACV,cAAc,CAoNhB"}

package/dist/toPositioned/toPositioned.js

@@ -108,6 +108,15 @@ export function toPositioned(pom, parentX = 0, parentY = 0) {
                 h: layout.height,
             };
         }
+        case "pyramid": {
+            return {
+                ...pom,
+                x: absoluteX,
+                y: absoluteY,
+                w: layout.width,
+                h: layout.height,
+            };
+        }
         case "box": {
             return {
                 ...pom,