@hirokisakabe/pom 2.0.0 → 4.0.0

package/README.md

@@ -1,25 +1,60 @@
-# pom
+<h1 align="center">pom</h1>
+<p align="center">
+  Declarative PowerPoint generation from XML — built for AI
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@hirokisakabe/pom"><img src="https://img.shields.io/npm/v/@hirokisakabe/pom.svg" alt="npm version"></a>
+  <a href="https://github.com/hirokisakabe/pom/actions/workflows/ci.yml"><img src="https://github.com/hirokisakabe/pom/actions/workflows/ci.yml/badge.svg" alt="CI"></a>
+  <a href="https://github.com/hirokisakabe/pom/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@hirokisakabe/pom.svg" alt="License"></a>
+</p>
+
+<p align="center">
+  <b>pom (PowerPoint Object Model)</b> is a TypeScript library that converts XML into PowerPoint files (.pptx).<br>
+  Flexbox-style layout powered by <a href="https://www.yogalayout.dev/">yoga-layout</a>, rendered with <a href="https://github.com/nicktomlin/pptxgenjs">pptxgenjs</a>.
+</p>
+
+<p align="center">
+  <a href="https://pom-playground.vercel.app/"><b>Try it online — Playground</b></a>
+</p>
+
+<p align="center">
+  <a href="https://pom-playground.vercel.app/">
+    <img src="./docs/images/playground.png" alt="Playground" width="800">
+  </a>
+</p>
+
+---
+
+## Table of Contents
+
+- [Features](#features)
+- [Quick Start](#quick-start)
+- [Available Nodes](#available-nodes)
+- [Node Examples](#node-examples)
+- [Documentation](#documentation)
+- [License](#license)
 
-**pom (PowerPoint Object Model)** is a library for declaratively describing PowerPoint presentations (pptx) in TypeScript. It is designed for use cases where XML in POM format generated by AI is converted into PowerPoint files.
-
-> **[Try it online](https://pom-playground.vercel.app/)** — XML Playground
-
-## Requirements
+## Features
 
-- Node.js 18 or higher (for Node.js environments)
-- Modern browser with ES2020+ support (for browser environments)
+- **AI Friendly** — Simple XML structure designed for LLM code generation. Pair with [LLM Integration guide](./docs/llm-integration.md) for prompt-ready references.
+- **Declarative** — Describe slides as XML. No imperative API calls needed.
+- **Flexible Layout** — Flexbox-style layout with VStack / HStack / Box, powered by yoga-layout.
+- **Rich Nodes** — 15 built-in node types: charts, flowcharts, tables, timelines, org trees, and more.
+- **Schema-validated** — XML input is validated with Zod schemas at runtime with clear error messages.
+- **PowerPoint Native** — Full access to native PowerPoint shape features (roundRect, ellipse, arrows, etc.).
+- **Pixel Units** — Intuitive pixel-based sizing (internally converted to inches at 96 DPI).
+- **Master Slide** — Define headers, footers, and page numbers once — applied to all slides automatically.
+- **Accurate Text Measurement** — Text width measured with opentype.js and bundled Noto Sans JP fonts for consistent layout.
 
-> [!NOTE]
-> pom works in both Node.js and browser environments. Text measurement uses opentype.js with bundled Noto Sans JP fonts, ensuring consistent layout across all environments.
+## Quick Start
 
-## Installation
+> Requires Node.js 18+
 
 ```bash
 npm install @hirokisakabe/pom
 ```
 
-## Quick Start
-
 ```typescript
 import { buildPptx } from "@hirokisakabe/pom";
 
@@ -34,36 +69,134 @@ const pptx = await buildPptx(xml, { w: 1280, h: 720 });
 await pptx.writeFile({ fileName: "presentation.pptx" });
 ```
 
-## Features
-
-- **Schema-validated**: XML input validated with Zod schemas at runtime
-- **Declarative**: Describe slides with XML
-- **PowerPoint First**: Native support for Shape features
-- **Flexible Layout**: Automatic layout with VStack/HStack/Box
-- **Pixel Units**: Intuitive pixel-based sizing (internally converted to inches)
-- **Master Slide**: Automatically insert common headers, footers, and page numbers across all pages
-- **AI Friendly**: Simple structure that makes it easy for LLMs to generate code
-
 ## Available Nodes
 
-| Node         | Description                                           |
-| ------------ | ----------------------------------------------------- |
-| text         | Text with font styling, decoration, and bullet points |
-| image        | Images from file path, URL, or base64                 |
-| table        | Tables with customizable columns and rows             |
-| shape        | PowerPoint shapes (roundRect, ellipse, etc.)          |
-| chart        | Charts (bar, line, pie, area, doughnut, radar)        |
-| timeline     | Timeline/roadmap visualizations                       |
-| matrix       | 2x2 positioning maps                                  |
-| tree         | Organization charts and decision trees                |
-| flow         | Flowcharts with nodes and edges                       |
-| processArrow | Chevron-style process diagrams                        |
-| box          | Container for single child with padding               |
-| vstack       | Vertical stack layout                                 |
-| hstack       | Horizontal stack layout                               |
+| Node         | Description                                    |
+| ------------ | ---------------------------------------------- |
+| Text         | Text with font styling and decoration          |
+| Ul           | Unordered (bullet) list with Li items          |
+| Ol           | Ordered (numbered) list with Li items          |
+| Image        | Images from file path, URL, or base64          |
+| Table        | Tables with customizable columns and rows      |
+| Shape        | PowerPoint shapes (roundRect, ellipse, etc.)   |
+| Chart        | Charts (bar, line, pie, area, doughnut, radar) |
+| Timeline     | Timeline / roadmap visualizations              |
+| Matrix       | 2x2 positioning maps                           |
+| Tree         | Organization charts and decision trees         |
+| Flow         | Flowcharts with nodes and edges                |
+| ProcessArrow | Chevron-style process diagrams                 |
+| Pyramid      | Pyramid diagrams for hierarchies               |
+| Line         | Horizontal / vertical lines                    |
+| Layer        | Absolute-positioned overlay container          |
+| Box          | Container for single child with padding        |
+| VStack       | Vertical stack layout                          |
+| HStack       | Horizontal stack layout                        |
 
 For detailed node documentation, see [Nodes Reference](./docs/nodes.md).
 
+## Node Examples
+
+### Chart
+
+```xml
+<Chart chartType="bar" w="350" h="250" showTitle="true" title="Bar Chart" showLegend="true">
+  <ChartSeries name="Q1">
+    <ChartDataPoint label="Jan" value="30" />
+    <ChartDataPoint label="Feb" value="45" />
+  </ChartSeries>
+</Chart>
+```
+
+<img src="./docs/images/chart.png" alt="Chart example" width="600">
+
+### Flow
+
+```xml
+<Flow direction="horizontal" w="100%" h="300">
+  <FlowNode id="start" shape="flowChartTerminator" text="Start" color="16A34A" />
+  <FlowNode id="process" shape="flowChartProcess" text="Process" color="1D4ED8" />
+  <FlowNode id="end" shape="flowChartTerminator" text="End" color="DC2626" />
+  <FlowConnection from="start" to="process" />
+  <FlowConnection from="process" to="end" />
+</Flow>
+```
+
+<img src="./docs/images/flow.png" alt="Flow example" width="600">
+
+### Tree
+
+```xml
+<Tree layout="vertical" nodeShape="roundRect" w="100%" h="400">
+  <TreeItem label="CEO" color="0F172A">
+    <TreeItem label="CTO" color="1D4ED8">
+      <TreeItem label="Dev Team" color="0EA5E9" />
+    </TreeItem>
+    <TreeItem label="CFO" color="16A34A">
+      <TreeItem label="Finance" color="0EA5E9" />
+    </TreeItem>
+  </TreeItem>
+</Tree>
+```
+
+<img src="./docs/images/tree.png" alt="Tree example" width="600">
+
+### Table
+
+```xml
+<Table defaultRowHeight="36">
+  <TableColumn width="80" />
+  <TableColumn width="200" />
+  <TableRow>
+    <TableCell bold="true" backgroundColor="0F172A" color="FFFFFF">ID</TableCell>
+    <TableCell bold="true" backgroundColor="0F172A" color="FFFFFF">Name</TableCell>
+  </TableRow>
+  <TableRow>
+    <TableCell>001</TableCell>
+    <TableCell>Project Alpha</TableCell>
+  </TableRow>
+</Table>
+```
+
+<img src="./docs/images/table.png" alt="Table example" width="600">
+
+### Timeline
+
+```xml
+<Timeline direction="horizontal" w="100%" h="200">
+  <TimelineItem date="2024 Q1" title="Phase 1" description="Planning" color="1D4ED8" />
+  <TimelineItem date="2024 Q2" title="Phase 2" description="Development" color="16A34A" />
+  <TimelineItem date="2024 Q3" title="Phase 3" description="Testing" color="0EA5E9" />
+</Timeline>
+```
+
+<img src="./docs/images/timeline.png" alt="Timeline example" width="600">
+
+### ProcessArrow
+
+```xml
+<ProcessArrow direction="horizontal" w="100%" h="100">
+  <ProcessArrowStep label="Planning" color="4472C4" />
+  <ProcessArrowStep label="Design" color="5B9BD5" />
+  <ProcessArrowStep label="Development" color="70AD47" />
+  <ProcessArrowStep label="Testing" color="FFC000" />
+  <ProcessArrowStep label="Release" color="ED7D31" />
+</ProcessArrow>
+```
+
+<img src="./docs/images/processArrow.png" alt="ProcessArrow example" width="600">
+
+### Pyramid
+
+```xml
+<Pyramid direction="up" w="600" h="300">
+  <PyramidLevel label="Strategy" color="E91E63" />
+  <PyramidLevel label="Tactics" color="9C27B0" />
+  <PyramidLevel label="Execution" color="673AB7" />
+</Pyramid>
+```
+
+<img src="./docs/images/pyramid.png" alt="Pyramid example" width="600">
+
 ## Documentation
 
 | Document                                         | Description                             |

package/dist/buildPptx.js

@@ -1,6 +1,6 @@
 import { calcYogaLayout } from "./calcYogaLayout/calcYogaLayout.js";
 import { setTextMeasurementMode, } from "./calcYogaLayout/measureText.js";
-import { parseXml } from "./parseXml.js";
+import { parseXml } from "./parseXml/parseXml.js";
 import { renderPptx } from "./renderPptx/renderPptx.js";
 import { toPositioned } from "./toPositioned/toPositioned.js";
 export async function buildPptx(xml, slideSize, options) {

package/dist/calcYogaLayout/calcYogaLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calcYogaLayout.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/calcYogaLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAA0B,MAAM,aAAa,CAAC;AAcnE;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,iBAiBpC"}
+{"version":3,"file":"calcYogaLayout.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/calcYogaLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAA0B,MAAM,aAAa,CAAC;AA+BnE;;;;;;GAMG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE,OAAO,EACb,SAAS,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,iBAiBpC"}

package/dist/calcYogaLayout/calcYogaLayout.js

@@ -1,8 +1,19 @@
 import { loadYoga } from "yoga-layout/load";
 import { measureText } from "./measureText.js";
-import { measureImage, prefetchImageSize } from "./measureImage.js";
-import { calcTableIntrinsicSize } from "../table/utils.js";
-import { measureProcessArrow, measureTimeline, measureMatrix, measureTree, measureFlow, } from "./measureCompositeNodes.js";
+import { measureFontLineHeightRatio } from "./fontLoader.js";
+import { measureImage, prefetchImageSize } from "../shared/measureImage.js";
+import { calcTableIntrinsicSize } from "../shared/tableUtils.js";
+import { measureProcessArrow, measureTimeline, measureMatrix, measureTree, measureFlow, measurePyramid, } from "./measureCompositeNodes.js";
+/**
+ * コンポジットノードの最小スケール閾値。
+ * renderPptx/utils/scaleToFit.ts の MIN_SCALE_THRESHOLD と同じ値を維持すること。
+ */
+const MIN_SCALE_THRESHOLD = 0.5;
+/** 制約付きサイズを閾値でクランプする */
+function constrainWithMinScale(intrinsicSize, availableSize) {
+    const minSize = intrinsicSize * MIN_SCALE_THRESHOLD;
+    return Math.max(minSize, Math.min(intrinsicSize, availableSize));
+}
 /**
  * POMNode ツリーを Yoga でレイアウト計算する
  * POMNode ツリーの各ノードに yogaNode プロパティがセットされる
@@ -114,6 +125,7 @@ async function buildPomWithYogaTree(node, parentYoga, parentNode) {
         case "tree":
         case "flow":
         case "processArrow":
+        case "pyramid":
         case "line":
             // 子要素なし
             break;
@@ -232,6 +244,45 @@ async function applyStyleToYogaNode(node, yn) {
                 });
             }
             break;
+        case "ul":
+        case "ol":
+            {
+                const combinedText = node.items.map((item) => item.text).join("\n");
+                const fontSizePx = node.fontPx ?? 24;
+                const fontFamily = "Noto Sans JP";
+                const fontWeight = node.bold ? "bold" : "normal";
+                const lineSpacingMultiple = node.lineSpacingMultiple ?? 1.3;
+                // PowerPoint の lineSpacingMultiple はフォントメトリクス（ascent + descent）に
+                // 対する倍率。fontSizePx × fontMetricsRatio × lineSpacingMultiple で計算する。
+                const fontMetricsRatio = measureFontLineHeightRatio(fontWeight);
+                const lineHeight = fontMetricsRatio * lineSpacingMultiple;
+                // バレット/番号のインデント幅（pptxgenjs DEF_BULLET_MARGIN = 27pt = 36px @96dpi）
+                const bulletIndentPx = 36;
+                yn.setMeasureFunc((width, widthMode) => {
+                    const maxWidthPx = (() => {
+                        switch (widthMode) {
+                            case yoga.MEASURE_MODE_UNDEFINED:
+                                return Number.POSITIVE_INFINITY;
+                            case yoga.MEASURE_MODE_EXACTLY:
+                            case yoga.MEASURE_MODE_AT_MOST:
+                                return width;
+                        }
+                    })();
+                    // バレットインデント分を除いたテキスト利用可能幅で計測
+                    const textMaxWidthPx = Math.max(0, maxWidthPx - bulletIndentPx);
+                    const { widthPx, heightPx } = measureText(combinedText, textMaxWidthPx, {
+                        fontFamily,
+                        fontSizePx,
+                        lineHeight,
+                        fontWeight,
+                    });
+                    return {
+                        width: widthPx + bulletIndentPx,
+                        height: heightPx,
+                    };
+                });
+            }
+            break;
         case "image":
             {
                 const src = node.src;
@@ -262,9 +313,9 @@ async function applyStyleToYogaNode(node, yn) {
                     // テキストがある場合、テキストサイズを測定
                     const text = node.text;
                     const fontSizePx = node.fontPx ?? 24;
-                    const fontFamily = "Noto Sans JP";
+                    const fontFamily = node.fontFamily ?? "Noto Sans JP";
                     const fontWeight = node.bold ? "bold" : "normal";
-                    const lineHeight = 1.3;
+                    const lineHeight = node.lineSpacingMultiple ?? 1.3;
                     yn.setMeasureFunc((width, widthMode) => {
                         const maxWidthPx = (() => {
                             switch (widthMode) {
@@ -292,41 +343,91 @@ async function applyStyleToYogaNode(node, yn) {
             break;
         case "processArrow":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureProcessArrow(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureProcessArrow(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
+                });
+            }
+            break;
+        case "pyramid":
+            {
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measurePyramid(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "timeline":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureTimeline(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureTimeline(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "matrix":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureMatrix(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureMatrix(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "tree":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureTree(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureTree(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;
         case "flow":
             {
-                yn.setMeasureFunc(() => {
-                    const { width, height } = measureFlow(node);
-                    return { width, height };
+                yn.setMeasureFunc((width, widthMode, height, heightMode) => {
+                    const intrinsic = measureFlow(node);
+                    return {
+                        width: widthMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.width, width)
+                            : intrinsic.width,
+                        height: heightMode !== yoga.MEASURE_MODE_UNDEFINED
+                            ? constrainWithMinScale(intrinsic.height, height)
+                            : intrinsic.height,
+                    };
                 });
             }
             break;

package/dist/calcYogaLayout/fontLoader.d.ts

@@ -10,4 +10,20 @@
  * @returns テキスト幅（ピクセル）
  */
 export declare function measureTextWidth(text: string, fontSizePx: number, weight: "normal" | "bold"): number;
+/**
+ * フォントの自然な行高さ比率を取得する
+ *
+ * PowerPoint の lineSpacingMultiple はフォントサイズではなく、
+ * フォントメトリクス（ascent + descent）に対する倍率として適用される。
+ * この関数は fontSizePx に対する自然な行高さの比率を返す。
+ *
+ * - USE_TYPO_METRICS (fsSelection bit 7) が設定されている場合:
+ *   sTypoAscender, sTypoDescender, sTypoLineGap を使用
+ * - 設定されていない場合:
+ *   usWinAscent, usWinDescent を使用
+ *
+ * @param weight フォントウェイト
+ * @returns fontSizePx に対する行高さの比率（例: 1.448）
+ */
+export declare function measureFontLineHeightRatio(weight: "normal" | "bold"): number;
 //# sourceMappingURL=fontLoader.d.ts.map

package/dist/calcYogaLayout/fontLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fontLoader.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/fontLoader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2DH;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,QAAQ,GAAG,MAAM,GACxB,MAAM,CAGR"}
+{"version":3,"file":"fontLoader.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/fontLoader.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA2DH;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,QAAQ,GAAG,MAAM,GACxB,MAAM,CAGR;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAgB5E"}

package/dist/calcYogaLayout/fontLoader.js

@@ -57,3 +57,31 @@ export function measureTextWidth(text, fontSizePx, weight) {
     const font = getFont(weight);
     return font.getAdvanceWidth(text, fontSizePx, { kerning: true });
 }
+/**
+ * フォントの自然な行高さ比率を取得する
+ *
+ * PowerPoint の lineSpacingMultiple はフォントサイズではなく、
+ * フォントメトリクス（ascent + descent）に対する倍率として適用される。
+ * この関数は fontSizePx に対する自然な行高さの比率を返す。
+ *
+ * - USE_TYPO_METRICS (fsSelection bit 7) が設定されている場合:
+ *   sTypoAscender, sTypoDescender, sTypoLineGap を使用
+ * - 設定されていない場合:
+ *   usWinAscent, usWinDescent を使用
+ *
+ * @param weight フォントウェイト
+ * @returns fontSizePx に対する行高さの比率（例: 1.448）
+ */
+export function measureFontLineHeightRatio(weight) {
+    const font = getFont(weight);
+    const upm = font.unitsPerEm;
+    const os2 = font.tables?.os2;
+    if (!os2) {
+        return 1.0;
+    }
+    const useTypoMetrics = Boolean(os2.fsSelection & (1 << 7));
+    if (useTypoMetrics) {
+        return (os2.sTypoAscender - os2.sTypoDescender + os2.sTypoLineGap) / upm;
+    }
+    return (os2.usWinAscent + os2.usWinDescent) / upm;
+}

package/dist/calcYogaLayout/measureCompositeNodes.d.ts

@@ -1,4 +1,4 @@
-import type { ProcessArrowNode, TimelineNode, MatrixNode, TreeNode, FlowNode } from "../types.ts";
+import type { ProcessArrowNode, TimelineNode, MatrixNode, TreeNode, FlowNode, PyramidNode } from "../types.ts";
 /**
  * ProcessArrow ノードの intrinsic size を計算する
  */
@@ -46,4 +46,16 @@ export declare function measureFlow(node: FlowNode): {
     width: number;
     height: number;
 };
+/**
+ * Pyramid ノードの intrinsic size を計算する
+ *
+ * ピラミッドの描画には以下のデフォルト値が使用される：
+ * - baseWidth: 400px (最も広い層の幅)
+ * - layerHeight: 50px (各層の高さ)
+ * - gap: 2px (層間の隙間)
+ */
+export declare function measurePyramid(node: PyramidNode): {
+    width: number;
+    height: number;
+};
 //# sourceMappingURL=measureCompositeNodes.d.ts.map

package/dist/calcYogaLayout/measureCompositeNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"measureCompositeNodes.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/measureCompositeNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,EAET,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAsBA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAoCA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAQA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAuCA;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAsBA"}
+{"version":3,"file":"measureCompositeNodes.d.ts","sourceRoot":"","sources":["../../src/calcYogaLayout/measureCompositeNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EAEZ,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAsBA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAoCA;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAQA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAuCA;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAsBA;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAcA"}

package/dist/calcYogaLayout/measureCompositeNodes.js

@@ -141,3 +141,24 @@ export function measureFlow(node) {
         };
     }
 }
+/**
+ * Pyramid ノードの intrinsic size を計算する
+ *
+ * ピラミッドの描画には以下のデフォルト値が使用される：
+ * - baseWidth: 400px (最も広い層の幅)
+ * - layerHeight: 50px (各層の高さ)
+ * - gap: 2px (層間の隙間)
+ */
+export function measurePyramid(node) {
+    const levelCount = node.levels.length;
+    if (levelCount === 0) {
+        return { width: 0, height: 0 };
+    }
+    const baseWidth = 400;
+    const layerHeight = 50;
+    const gap = 2;
+    return {
+        width: baseWidth,
+        height: levelCount * layerHeight + (levelCount - 1) * gap,
+    };
+}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { buildPptx } from "./buildPptx.ts";
 export type { TextMeasurementMode } from "./buildPptx.ts";
-export { ParseXmlError } from "./parseXml.ts";
+export { ParseXmlError } from "./parseXml/parseXml.ts";
 export type { SlideMasterOptions, SlideMasterBackground, SlideMasterMargin, MasterObject, MasterTextObject, MasterImageObject, MasterRectObject, MasterLineObject, SlideNumberOptions, } from "./types.ts";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,2 +1,2 @@
 export { buildPptx } from "./buildPptx.js";
-export { ParseXmlError } from "./parseXml.js";
+export { ParseXmlError } from "./parseXml/parseXml.js";