@hirokisakabe/pom 9.1.1 → 10.0.0

package/dist/renderPptx/utils/backgroundBorder.js

@@ -1,7 +1,7 @@
 import { getImageData } from "../../shared/measureImage.js";
-import { pxToIn, rectPxToIn } from "../units.js";
-import { BORDER_SIDES, convertBorderLine, convertShadow, hasVisibleBorder, resolveBackgroundFill, resolvePerSideBorders, resolveRectRadius } from "./visualStyle.js";
-import { registerBackgroundGradient } from "../gradientFills.js";
+import { addGlimpsePicture, imageBytesFromSource } from "./glimpsePicture.js";
+import { addGlimpseShape, backgroundShapeFill, createShapeBoundsInput, noShapeOutline, noneShapeFill, shapeOutline } from "./glimpseShape.js";
+import { BORDER_SIDES, hasVisibleBorder, resolvePerSideBorders, resolveRectRadius } from "./visualStyle.js";
 //#region src/renderPptx/utils/backgroundBorder.ts
 /**
 * ノードの背景色・背景画像・ボーダー・影を描画する
@@ -11,62 +11,74 @@ import { registerBackgroundGradient } from "../gradientFills.js";
 */
 function renderBackgroundAndBorder(node, ctx) {
 	const { backgroundColor, backgroundGradient, backgroundImage, border, borderRadius, shadow } = node;
-	const gradientMarker = backgroundGradient ? registerBackgroundGradient(backgroundGradient, node.opacity, ctx.buildContext.gradientFills) : void 0;
 	const perSideBorders = resolveEffectivePerSideBorders(node, ctx);
-	const hasBackground = Boolean(backgroundColor) || Boolean(gradientMarker);
+	const hasBackground = Boolean(backgroundColor) || Boolean(backgroundGradient);
 	const hasBackgroundImage = Boolean(backgroundImage);
 	const hasUniformBorder = !perSideBorders && hasVisibleBorder(border);
 	const hasShadow = Boolean(shadow);
 	if (!hasBackground && !hasBackgroundImage && !hasUniformBorder && !perSideBorders && !hasShadow) return;
-	const shapeType = borderRadius ? ctx.pptx.ShapeType.roundRect : ctx.pptx.ShapeType.rect;
+	const shapeType = borderRadius ? "roundRect" : "rect";
 	const rectRadius = resolveRectRadius(borderRadius, node.w, node.h);
 	if (!hasBackgroundImage) {
 		if (hasBackground || hasUniformBorder || hasShadow) {
-			const fill = hasBackground ? resolveBackgroundFill(backgroundColor, node.opacity, gradientMarker) : { type: "none" };
-			const line = hasUniformBorder ? convertBorderLine(border, "000000") : { type: "none" };
-			ctx.slide.addShape(shapeType, {
-				...rectPxToIn(node),
+			const fill = hasBackground ? backgroundShapeFill(backgroundColor, backgroundGradient) : noneShapeFill();
+			const line = hasUniformBorder ? shapeOutline(border, "000000") : noShapeOutline();
+			addGlimpseShape(ctx, {
+				geometry: {
+					kind: "preset",
+					preset: shapeType
+				},
+				...createShapeBoundsInput(node),
 				fill,
-				line,
+				outline: line
+			}, node, {
+				fillColor: backgroundColor,
+				fillOpacity: node.opacity,
+				backgroundGradient,
+				shadow,
 				rectRadius,
-				shadow: convertShadow(shadow)
+				dashType: border?.dashType
 			});
 		}
 		renderPerSideBorderLines(node, perSideBorders, ctx);
 		return;
 	}
-	if (hasBackground) ctx.slide.addShape(shapeType, {
-		...rectPxToIn(node),
-		fill: resolveBackgroundFill(backgroundColor, node.opacity, gradientMarker),
-		line: { type: "none" },
-		rectRadius
+	if (hasBackground) addGlimpseShape(ctx, {
+		geometry: {
+			kind: "preset",
+			preset: shapeType
+		},
+		...createShapeBoundsInput(node),
+		fill: backgroundShapeFill(backgroundColor, backgroundGradient),
+		outline: noShapeOutline()
+	}, node, {
+		fillColor: backgroundColor,
+		fillOpacity: node.opacity,
+		backgroundGradient,
+		rectRadius,
+		dashType: border?.dashType
 	});
 	if (backgroundImage) {
 		const sizing = backgroundImage.sizing ?? "cover";
-		const imageOptions = {
-			...rectPxToIn(node),
-			sizing: {
-				type: sizing,
-				w: pxToIn(node.w),
-				h: pxToIn(node.h)
-			}
-		};
 		const cachedData = getImageData(backgroundImage.src, ctx.buildContext.imageDataCache);
-		if (cachedData) ctx.slide.addImage({
-			...imageOptions,
-			data: cachedData
-		});
-		else ctx.slide.addImage({
-			...imageOptions,
-			path: backgroundImage.src
-		});
+		addGlimpsePicture(ctx, node, imageBytesFromSource(backgroundImage.src, cachedData), { sizing: {
+			type: sizing,
+			w: node.w,
+			h: node.h
+		} });
 	}
-	if (hasUniformBorder || hasShadow) ctx.slide.addShape(shapeType, {
-		...rectPxToIn(node),
-		fill: { type: "none" },
-		line: hasUniformBorder ? convertBorderLine(border, "000000") : { type: "none" },
+	if (hasUniformBorder || hasShadow) addGlimpseShape(ctx, {
+		geometry: {
+			kind: "preset",
+			preset: shapeType
+		},
+		...createShapeBoundsInput(node),
+		fill: noneShapeFill(),
+		outline: hasUniformBorder ? shapeOutline(border, "000000") : noShapeOutline()
+	}, node, {
+		shadow,
 		rectRadius,
-		shadow: convertShadow(shadow)
+		dashType: border?.dashType
 	});
 	renderPerSideBorderLines(node, perSideBorders, ctx);
 }
@@ -96,12 +108,17 @@ function renderBorderOnly(node, ctx) {
 		return;
 	}
 	if (!hasVisibleBorder(border)) return;
-	const shapeType = borderRadius ? ctx.pptx.ShapeType.roundRect : ctx.pptx.ShapeType.rect;
-	ctx.slide.addShape(shapeType, {
-		...rectPxToIn(node),
-		fill: { type: "none" },
-		line: convertBorderLine(border, "000000"),
-		rectRadius: resolveRectRadius(borderRadius, node.w, node.h)
+	addGlimpseShape(ctx, {
+		geometry: {
+			kind: "preset",
+			preset: borderRadius ? "roundRect" : "rect"
+		},
+		...createShapeBoundsInput(node),
+		fill: noneShapeFill(),
+		outline: shapeOutline(border, "000000")
+	}, node, {
+		rectRadius: resolveRectRadius(borderRadius, node.w, node.h),
+		dashType: border.dashType
 	});
 }
 /**
@@ -140,10 +157,15 @@ function renderPerSideBorderLines(node, perSideBorders, ctx) {
 	for (const side of BORDER_SIDES) {
 		const style = perSideBorders[side];
 		if (!style) continue;
-		ctx.slide.addShape(ctx.pptx.ShapeType.line, {
-			...rectPxToIn(edges[side]),
-			line: convertBorderLine(style, "000000")
-		});
+		addGlimpseShape(ctx, {
+			geometry: {
+				kind: "preset",
+				preset: "line"
+			},
+			...createShapeBoundsInput(edges[side]),
+			fill: noneShapeFill(),
+			outline: shapeOutline(style, "000000")
+		}, edges[side], { dashType: style.dashType });
 	}
 }
 //#endregion

package/dist/renderPptx/utils/backgroundBorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"backgroundBorder.js","names":[],"sources":["../../../src/renderPptx/utils/backgroundBorder.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport { getImageData } from \"../../shared/measureImage.ts\";\nimport { registerBackgroundGradient } from \"../gradientFills.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport { pxToIn, rectPxToIn } from \"../units.ts\";\nimport {\n  BORDER_SIDES,\n  convertShadow,\n  convertBorderLine,\n  hasVisibleBorder,\n  resolveBackgroundFill,\n  resolvePerSideBorders,\n  resolveRectRadius,\n  type PerSideBorders,\n} from \"./visualStyle.ts\";\n\n/**\n * ノードの背景色・背景画像・ボーダー・影を描画する\n * 全ノードタイプで最初に呼び出される共通処理\n *\n * 描画順序: 背景色 → 背景画像 → ボーダー\n */\nexport function renderBackgroundAndBorder(\n  node: PositionedNode,\n  ctx: RenderContext,\n): void {\n  const {\n    backgroundColor,\n    backgroundGradient,\n    backgroundImage,\n    border,\n    borderRadius,\n    shadow,\n  } = node;\n\n  // backgroundGradient はマーカー色の solidFill として描画し、\n  // 出力時の後処理で gradFill に置換される (gradientFills.ts 参照)。\n  // opacity はマーカー側ではなく gradFill のカラーストップの alpha で表現する\n  const gradientMarker = backgroundGradient\n    ? registerBackgroundGradient(\n        backgroundGradient,\n        node.opacity,\n        ctx.buildContext.gradientFills,\n      )\n    : undefined;\n\n  const perSideBorders = resolveEffectivePerSideBorders(node, ctx);\n\n  const hasBackground = Boolean(backgroundColor) || Boolean(gradientMarker);\n  const hasBackgroundImage = Boolean(backgroundImage);\n  // 辺ごとの指定がある場合、一律 border は各辺へのマージで反映済みのため\n  // shape の line としては描画しない\n  const hasUniformBorder = !perSideBorders && hasVisibleBorder(border);\n  const hasShadow = Boolean(shadow);\n\n  if (\n    !hasBackground &&\n    !hasBackgroundImage &&\n    !hasUniformBorder &&\n    !perSideBorders &&\n    !hasShadow\n  ) {\n    return;\n  }\n\n  // borderRadius がある場合は roundRect を使用し、rectRadius を計算\n  const shapeType = borderRadius\n    ? ctx.pptx.ShapeType.roundRect\n    : ctx.pptx.ShapeType.rect;\n\n  const rectRadius = resolveRectRadius(borderRadius, node.w, node.h);\n\n  // backgroundImage がない場合は従来通り1回の addShape で処理\n  if (!hasBackgroundImage) {\n    if (hasBackground || hasUniformBorder || hasShadow) {\n      const fill = hasBackground\n        ? resolveBackgroundFill(backgroundColor, node.opacity, gradientMarker)\n        : { type: \"none\" as const };\n\n      const line = hasUniformBorder\n        ? convertBorderLine(border, \"000000\")\n        : { type: \"none\" as const };\n\n      ctx.slide.addShape(shapeType, {\n        ...rectPxToIn(node),\n        fill,\n        line,\n        rectRadius,\n        shadow: convertShadow(shadow),\n      });\n    }\n\n    renderPerSideBorderLines(node, perSideBorders, ctx);\n    return;\n  }\n\n  // backgroundImage がある場合は分割描画: 背景色 → 背景画像 → ボーダー\n\n  // 1. 背景色\n  if (hasBackground) {\n    ctx.slide.addShape(shapeType, {\n      ...rectPxToIn(node),\n      fill: resolveBackgroundFill(\n        backgroundColor,\n        node.opacity,\n        gradientMarker,\n      ),\n      line: { type: \"none\" as const },\n      rectRadius,\n    });\n  }\n\n  // 2. 背景画像\n  if (backgroundImage) {\n    const sizing = backgroundImage.sizing ?? \"cover\";\n    const imageOptions: Record<string, unknown> = {\n      ...rectPxToIn(node),\n      sizing: {\n        type: sizing,\n        w: pxToIn(node.w),\n        h: pxToIn(node.h),\n      },\n    };\n\n    const cachedData = getImageData(\n      backgroundImage.src,\n      ctx.buildContext.imageDataCache,\n    );\n    if (cachedData) {\n      ctx.slide.addImage({ ...imageOptions, data: cachedData });\n    } else {\n      ctx.slide.addImage({ ...imageOptions, path: backgroundImage.src });\n    }\n  }\n\n  // 3. ボーダー\n  if (hasUniformBorder || hasShadow) {\n    ctx.slide.addShape(shapeType, {\n      ...rectPxToIn(node),\n      fill: { type: \"none\" as const },\n      line: hasUniformBorder\n        ? convertBorderLine(border, \"000000\")\n        : { type: \"none\" as const },\n      rectRadius,\n      shadow: convertShadow(shadow),\n    });\n  }\n\n  renderPerSideBorderLines(node, perSideBorders, ctx);\n}\n\n/**\n * 辺ごとの border 指定を解決する。borderRadius との併用は角の接続処理が\n * 複雑になるためサポートせず、警告を発して 4 辺一律の border に\n * フォールバックする\n */\nfunction resolveEffectivePerSideBorders(\n  node: PositionedNode,\n  ctx: RenderContext,\n): PerSideBorders | undefined {\n  const perSideBorders = resolvePerSideBorders(node);\n  if (perSideBorders && node.borderRadius !== undefined) {\n    ctx.buildContext.diagnostics.add(\n      \"PER_SIDE_BORDER_WITH_RADIUS\",\n      'borderTop / borderRight / borderBottom / borderLeft cannot be combined with borderRadius — falling back to the uniform \"border\" style',\n    );\n    return undefined;\n  }\n  return perSideBorders;\n}\n\n/**\n * ノードの border のみを描画する (背景・影は描画しない)。\n * ルートノードの backgroundColor / backgroundImage を slide.background に\n * 適用した後、border だけを個別に描画するパス用\n */\nexport function renderBorderOnly(\n  node: PositionedNode,\n  ctx: RenderContext,\n): void {\n  const { border, borderRadius } = node;\n\n  const perSideBorders = resolveEffectivePerSideBorders(node, ctx);\n  if (perSideBorders) {\n    renderPerSideBorderLines(node, perSideBorders, ctx);\n    return;\n  }\n\n  if (!hasVisibleBorder(border)) return;\n\n  const shapeType = borderRadius\n    ? ctx.pptx.ShapeType.roundRect\n    : ctx.pptx.ShapeType.rect;\n\n  ctx.slide.addShape(shapeType, {\n    ...rectPxToIn(node),\n    fill: { type: \"none\" as const },\n    line: convertBorderLine(border, \"000000\"),\n    rectRadius: resolveRectRadius(borderRadius, node.w, node.h),\n  });\n}\n\n/**\n * 辺ごとの border をノードの各辺に沿った line shape として描画する。\n * shape の line オプション (4 辺一律) では表現できないため、辺ごとに\n * 独立した line shape を追加する\n */\nfunction renderPerSideBorderLines(\n  node: PositionedNode,\n  perSideBorders: PerSideBorders | undefined,\n  ctx: RenderContext,\n): void {\n  if (!perSideBorders) return;\n\n  const edges = {\n    top: { x: node.x, y: node.y, w: node.w, h: 0 },\n    right: { x: node.x + node.w, y: node.y, w: 0, h: node.h },\n    bottom: { x: node.x, y: node.y + node.h, w: node.w, h: 0 },\n    left: { x: node.x, y: node.y, w: 0, h: node.h },\n  } as const;\n\n  for (const side of BORDER_SIDES) {\n    const style = perSideBorders[side];\n    if (!style) continue;\n\n    ctx.slide.addShape(ctx.pptx.ShapeType.line, {\n      ...rectPxToIn(edges[side]),\n      line: convertBorderLine(style, \"000000\"),\n    });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"backgroundBorder.js","names":[],"sources":["../../../src/renderPptx/utils/backgroundBorder.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport { getImageData } from \"../../shared/measureImage.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport {\n  BORDER_SIDES,\n  hasVisibleBorder,\n  resolvePerSideBorders,\n  resolveRectRadius,\n  type PerSideBorders,\n} from \"./visualStyle.ts\";\nimport { addGlimpsePicture, imageBytesFromSource } from \"./glimpsePicture.ts\";\nimport {\n  addGlimpseShape,\n  backgroundShapeFill,\n  createShapeBoundsInput,\n  noShapeOutline,\n  noneShapeFill,\n  shapeOutline,\n} from \"./glimpseShape.ts\";\n\n/**\n * ノードの背景色・背景画像・ボーダー・影を描画する\n * 全ノードタイプで最初に呼び出される共通処理\n *\n * 描画順序: 背景色 → 背景画像 → ボーダー\n */\nexport function renderBackgroundAndBorder(\n  node: PositionedNode,\n  ctx: RenderContext,\n): void {\n  const {\n    backgroundColor,\n    backgroundGradient,\n    backgroundImage,\n    border,\n    borderRadius,\n    shadow,\n  } = node;\n\n  const perSideBorders = resolveEffectivePerSideBorders(node, ctx);\n\n  const hasBackground = Boolean(backgroundColor) || Boolean(backgroundGradient);\n  const hasBackgroundImage = Boolean(backgroundImage);\n  // 辺ごとの指定がある場合、一律 border は各辺へのマージで反映済みのため\n  // shape の line としては描画しない\n  const hasUniformBorder = !perSideBorders && hasVisibleBorder(border);\n  const hasShadow = Boolean(shadow);\n\n  if (\n    !hasBackground &&\n    !hasBackgroundImage &&\n    !hasUniformBorder &&\n    !perSideBorders &&\n    !hasShadow\n  ) {\n    return;\n  }\n\n  // borderRadius がある場合は roundRect を使用し、rectRadius を計算\n  const shapeType = borderRadius ? \"roundRect\" : \"rect\";\n  const rectRadius = resolveRectRadius(borderRadius, node.w, node.h);\n\n  // backgroundImage がない場合は従来通り1回の addShape で処理\n  if (!hasBackgroundImage) {\n    if (hasBackground || hasUniformBorder || hasShadow) {\n      const fill = hasBackground\n        ? backgroundShapeFill(backgroundColor, backgroundGradient)\n        : noneShapeFill();\n\n      const line = hasUniformBorder\n        ? shapeOutline(border, \"000000\")\n        : noShapeOutline();\n\n      addGlimpseShape(\n        ctx,\n        {\n          geometry: { kind: \"preset\", preset: shapeType },\n          ...createShapeBoundsInput(node),\n          fill,\n          outline: line,\n        },\n        node,\n        {\n          fillColor: backgroundColor,\n          fillOpacity: node.opacity,\n          backgroundGradient,\n          shadow,\n          rectRadius,\n          dashType: border?.dashType,\n        },\n      );\n    }\n\n    renderPerSideBorderLines(node, perSideBorders, ctx);\n    return;\n  }\n\n  // backgroundImage がある場合は分割描画: 背景色 → 背景画像 → ボーダー\n\n  // 1. 背景色\n  if (hasBackground) {\n    addGlimpseShape(\n      ctx,\n      {\n        geometry: { kind: \"preset\", preset: shapeType },\n        ...createShapeBoundsInput(node),\n        fill: backgroundShapeFill(backgroundColor, backgroundGradient),\n        outline: noShapeOutline(),\n      },\n      node,\n      {\n        fillColor: backgroundColor,\n        fillOpacity: node.opacity,\n        backgroundGradient,\n        rectRadius,\n        dashType: border?.dashType,\n      },\n    );\n  }\n\n  // 2. 背景画像\n  if (backgroundImage) {\n    const sizing = backgroundImage.sizing ?? \"cover\";\n    const cachedData = getImageData(\n      backgroundImage.src,\n      ctx.buildContext.imageDataCache,\n    );\n    addGlimpsePicture(\n      ctx,\n      node,\n      imageBytesFromSource(backgroundImage.src, cachedData),\n      {\n        sizing: { type: sizing, w: node.w, h: node.h },\n      },\n    );\n  }\n\n  // 3. ボーダー\n  if (hasUniformBorder || hasShadow) {\n    addGlimpseShape(\n      ctx,\n      {\n        geometry: { kind: \"preset\", preset: shapeType },\n        ...createShapeBoundsInput(node),\n        fill: noneShapeFill(),\n        outline: hasUniformBorder\n          ? shapeOutline(border, \"000000\")\n          : noShapeOutline(),\n      },\n      node,\n      {\n        shadow,\n        rectRadius,\n        dashType: border?.dashType,\n      },\n    );\n  }\n\n  renderPerSideBorderLines(node, perSideBorders, ctx);\n}\n\n/**\n * 辺ごとの border 指定を解決する。borderRadius との併用は角の接続処理が\n * 複雑になるためサポートせず、警告を発して 4 辺一律の border に\n * フォールバックする\n */\nfunction resolveEffectivePerSideBorders(\n  node: PositionedNode,\n  ctx: RenderContext,\n): PerSideBorders | undefined {\n  const perSideBorders = resolvePerSideBorders(node);\n  if (perSideBorders && node.borderRadius !== undefined) {\n    ctx.buildContext.diagnostics.add(\n      \"PER_SIDE_BORDER_WITH_RADIUS\",\n      'borderTop / borderRight / borderBottom / borderLeft cannot be combined with borderRadius — falling back to the uniform \"border\" style',\n    );\n    return undefined;\n  }\n  return perSideBorders;\n}\n\n/**\n * ノードの border のみを描画する (背景・影は描画しない)。\n * ルートノードの backgroundColor / backgroundImage を slide.background に\n * 適用した後、border だけを個別に描画するパス用\n */\nexport function renderBorderOnly(\n  node: PositionedNode,\n  ctx: RenderContext,\n): void {\n  const { border, borderRadius } = node;\n\n  const perSideBorders = resolveEffectivePerSideBorders(node, ctx);\n  if (perSideBorders) {\n    renderPerSideBorderLines(node, perSideBorders, ctx);\n    return;\n  }\n\n  if (!hasVisibleBorder(border)) return;\n\n  const shapeType = borderRadius ? \"roundRect\" : \"rect\";\n\n  addGlimpseShape(\n    ctx,\n    {\n      geometry: { kind: \"preset\", preset: shapeType },\n      ...createShapeBoundsInput(node),\n      fill: noneShapeFill(),\n      outline: shapeOutline(border, \"000000\"),\n    },\n    node,\n    {\n      rectRadius: resolveRectRadius(borderRadius, node.w, node.h),\n      dashType: border.dashType,\n    },\n  );\n}\n\n/**\n * 辺ごとの border をノードの各辺に沿った line shape として描画する。\n * shape の line オプション (4 辺一律) では表現できないため、辺ごとに\n * 独立した line shape を追加する\n */\nfunction renderPerSideBorderLines(\n  node: PositionedNode,\n  perSideBorders: PerSideBorders | undefined,\n  ctx: RenderContext,\n): void {\n  if (!perSideBorders) return;\n\n  const edges = {\n    top: { x: node.x, y: node.y, w: node.w, h: 0 },\n    right: { x: node.x + node.w, y: node.y, w: 0, h: node.h },\n    bottom: { x: node.x, y: node.y + node.h, w: node.w, h: 0 },\n    left: { x: node.x, y: node.y, w: 0, h: node.h },\n  } as const;\n\n  for (const side of BORDER_SIDES) {\n    const style = perSideBorders[side];\n    if (!style) continue;\n\n    addGlimpseShape(\n      ctx,\n      {\n        geometry: { kind: \"preset\", preset: \"line\" },\n        ...createShapeBoundsInput(edges[side]),\n        fill: noneShapeFill(),\n        outline: shapeOutline(style, \"000000\"),\n      },\n      edges[side],\n      {\n        dashType: style.dashType,\n      },\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/renderPptx/utils/contentArea.js

@@ -22,7 +22,7 @@ function getContentArea(node) {
 	};
 }
 /**
-* コンテンツ描画領域を pptxgenjs の位置オプション (inch 単位の x/y/w/h)
+* コンテンツ描画領域を互換用の位置オプション (inch 単位の x/y/w/h)
 * として返す。コンテンツを領域いっぱいに描画する renderer はこれを
 * addShape / addText 等のオプションへ spread するだけでよい。
 */

package/dist/renderPptx/utils/contentArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"contentArea.js","names":[],"sources":["../../../src/renderPptx/utils/contentArea.ts"],"sourcesContent":["import {\n  resolveBoxSpacing,\n  type BoxSpacingInput,\n} from \"../../shared/boxSpacing.ts\";\nimport { rectPxToIn } from \"../units.ts\";\n\ninterface ContentArea {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\n/**\n * ノードの padding を考慮したコンテンツ描画領域を計算する。\n * background/border はノード全体の領域 (node.x/y/w/h) に描画し、\n * コンテンツはこの関数で返される領域に描画する。\n */\nexport function getContentArea(node: {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n  padding?: BoxSpacingInput;\n}): ContentArea {\n  if (node.padding === undefined) {\n    return { x: node.x, y: node.y, w: node.w, h: node.h };\n  }\n\n  const { top, right, bottom, left } = resolveBoxSpacing(node.padding);\n\n  return {\n    x: node.x + left,\n    y: node.y + top,\n    w: Math.max(0, node.w - left - right),\n    h: Math.max(0, node.h - top - bottom),\n  };\n}\n\n/**\n * コンテンツ描画領域を pptxgenjs の位置オプション (inch 単位の x/y/w/h)\n * として返す。コンテンツを領域いっぱいに描画する renderer はこれを\n * addShape / addText 等のオプションへ spread するだけでよい。\n */\nexport function getContentAreaIn(\n  node: Parameters<typeof getContentArea>[0],\n): ReturnType<typeof rectPxToIn> {\n  return rectPxToIn(getContentArea(node));\n}\n\n/**\n * ノードの x/y/w/h を指定領域 (通常はコンテンツ領域) で置き換えた\n * 仮想ノードを返す。padding を解決済みの領域を基準に下位の描画関数へ\n * ノードを渡すために使う。\n */\nexport function withContentBounds<\n  T extends { x: number; y: number; w: number; h: number },\n>(node: T, bounds: ContentArea): T {\n  return { ...node, x: bounds.x, y: bounds.y, w: bounds.w, h: bounds.h };\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,eAAe,MAMf;CACd,IAAI,KAAK,YAAY,KAAA,GACnB,OAAO;EAAE,GAAG,KAAK;EAAG,GAAG,KAAK;EAAG,GAAG,KAAK;EAAG,GAAG,KAAK;CAAE;CAGtD,MAAM,EAAE,KAAK,OAAO,QAAQ,SAAS,kBAAkB,KAAK,OAAO;CAEnE,OAAO;EACL,GAAG,KAAK,IAAI;EACZ,GAAG,KAAK,IAAI;EACZ,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,KAAK;EACpC,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,MAAM;CACtC;AACF;;;;;;AAOA,SAAgB,iBACd,MAC+B;CAC/B,OAAO,WAAW,eAAe,IAAI,CAAC;AACxC;;;;;;AAOA,SAAgB,kBAEd,MAAS,QAAwB;CACjC,OAAO;EAAE,GAAG;EAAM,GAAG,OAAO;EAAG,GAAG,OAAO;EAAG,GAAG,OAAO;EAAG,GAAG,OAAO;CAAE;AACvE"}
+{"version":3,"file":"contentArea.js","names":[],"sources":["../../../src/renderPptx/utils/contentArea.ts"],"sourcesContent":["import {\n  resolveBoxSpacing,\n  type BoxSpacingInput,\n} from \"../../shared/boxSpacing.ts\";\nimport { rectPxToIn } from \"../units.ts\";\n\ninterface ContentArea {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\n/**\n * ノードの padding を考慮したコンテンツ描画領域を計算する。\n * background/border はノード全体の領域 (node.x/y/w/h) に描画し、\n * コンテンツはこの関数で返される領域に描画する。\n */\nexport function getContentArea(node: {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n  padding?: BoxSpacingInput;\n}): ContentArea {\n  if (node.padding === undefined) {\n    return { x: node.x, y: node.y, w: node.w, h: node.h };\n  }\n\n  const { top, right, bottom, left } = resolveBoxSpacing(node.padding);\n\n  return {\n    x: node.x + left,\n    y: node.y + top,\n    w: Math.max(0, node.w - left - right),\n    h: Math.max(0, node.h - top - bottom),\n  };\n}\n\n/**\n * コンテンツ描画領域を互換用の位置オプション (inch 単位の x/y/w/h)\n * として返す。コンテンツを領域いっぱいに描画する renderer はこれを\n * addShape / addText 等のオプションへ spread するだけでよい。\n */\nexport function getContentAreaIn(\n  node: Parameters<typeof getContentArea>[0],\n): ReturnType<typeof rectPxToIn> {\n  return rectPxToIn(getContentArea(node));\n}\n\n/**\n * ノードの x/y/w/h を指定領域 (通常はコンテンツ領域) で置き換えた\n * 仮想ノードを返す。padding を解決済みの領域を基準に下位の描画関数へ\n * ノードを渡すために使う。\n */\nexport function withContentBounds<\n  T extends { x: number; y: number; w: number; h: number },\n>(node: T, bounds: ContentArea): T {\n  return { ...node, x: bounds.x, y: bounds.y, w: bounds.w, h: bounds.h };\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,eAAe,MAMf;CACd,IAAI,KAAK,YAAY,KAAA,GACnB,OAAO;EAAE,GAAG,KAAK;EAAG,GAAG,KAAK;EAAG,GAAG,KAAK;EAAG,GAAG,KAAK;CAAE;CAGtD,MAAM,EAAE,KAAK,OAAO,QAAQ,SAAS,kBAAkB,KAAK,OAAO;CAEnE,OAAO;EACL,GAAG,KAAK,IAAI;EACZ,GAAG,KAAK,IAAI;EACZ,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,KAAK;EACpC,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,MAAM;CACtC;AACF;;;;;;AAOA,SAAgB,iBACd,MAC+B;CAC/B,OAAO,WAAW,eAAe,IAAI,CAAC;AACxC;;;;;;AAOA,SAAgB,kBAEd,MAAS,QAAwB;CACjC,OAAO;EAAE,GAAG;EAAM,GAAG,OAAO;EAAG,GAAG,OAAO;EAAG,GAAG,OAAO;EAAG,GAAG,OAAO;CAAE;AACvE"}

package/dist/renderPptx/utils/glimpsePicture.js

@@ -0,0 +1,111 @@
+import { pxToEmu } from "../units.js";
+import * as fs from "fs";
+import { asEmu, asOoxmlAngle, asOoxmlPercent } from "@pptx-glimpse/document";
+//#region src/renderPptx/utils/glimpsePicture.ts
+const FALLBACK_PNG = "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=";
+function dataToBytes(data) {
+	const base64 = data.includes(",") ? data.split(",").at(-1) : data;
+	return new Uint8Array(Buffer.from(base64 ?? "", "base64"));
+}
+function isPngOrJpeg(bytes) {
+	const isPng = bytes[0] === 137 && bytes[1] === 80 && bytes[2] === 78 && bytes[3] === 71;
+	const isJpeg = bytes[0] === 255 && bytes[1] === 216 && bytes[2] === 255;
+	return isPng || isJpeg;
+}
+function supportedOrFallback(bytes) {
+	return isPngOrJpeg(bytes) ? bytes : dataToBytes(FALLBACK_PNG);
+}
+function imageBytesFromSource(src, data) {
+	if (data) return supportedOrFallback(dataToBytes(data));
+	if (src.startsWith("data:")) return supportedOrFallback(dataToBytes(src));
+	if (src.startsWith("http://") || src.startsWith("https://")) return dataToBytes(FALLBACK_PNG);
+	try {
+		return supportedOrFallback(new Uint8Array(fs.readFileSync(src)));
+	} catch {
+		return dataToBytes(FALLBACK_PNG);
+	}
+}
+function positiveEmu(valuePx) {
+	return asEmu(Math.max(1, Math.round(pxToEmu(valuePx))));
+}
+function createPictureRotationInput(rotate) {
+	return rotate !== void 0 ? asOoxmlAngle(Math.round(rotate * 6e4)) : void 0;
+}
+function pct(value) {
+	return asOoxmlPercent(Math.round(value));
+}
+function createSizingCrop(sizing, content) {
+	const box = {
+		x: sizing.x ?? 0,
+		y: sizing.y ?? 0,
+		w: sizing.w ?? content.w,
+		h: sizing.h ?? content.h
+	};
+	const img = {
+		w: content.w,
+		h: content.h
+	};
+	if (sizing.type === "crop") {
+		const cropBase = {
+			w: content.w,
+			h: content.h
+		};
+		return {
+			bounds: {
+				...content,
+				w: box.w,
+				h: box.h
+			},
+			crop: {
+				left: pct(1e5 * (box.x / cropBase.w)),
+				right: pct(1e5 * ((cropBase.w - (box.x + box.w)) / cropBase.w)),
+				top: pct(1e5 * (box.y / cropBase.h)),
+				bottom: pct(1e5 * ((cropBase.h - (box.y + box.h)) / cropBase.h))
+			}
+		};
+	}
+	const imgRatio = img.h / img.w;
+	const boxRatio = box.h / box.w;
+	const isCoverBoxBased = boxRatio > imgRatio;
+	const isContainWidthBased = boxRatio > imgRatio;
+	const width = sizing.type === "cover" ? isCoverBoxBased ? box.h / imgRatio : box.w : isContainWidthBased ? box.w : box.h / imgRatio;
+	const height = sizing.type === "cover" ? isCoverBoxBased ? box.h : box.w * imgRatio : isContainWidthBased ? box.w * imgRatio : box.h;
+	const horizontal = 1e5 * .5 * (1 - box.w / width);
+	const vertical = 1e5 * .5 * (1 - box.h / height);
+	return {
+		bounds: {
+			...content,
+			w: box.w,
+			h: box.h
+		},
+		crop: {
+			left: pct(horizontal),
+			right: pct(horizontal),
+			top: pct(vertical),
+			bottom: pct(vertical)
+		}
+	};
+}
+function addGlimpsePicture(ctx, content, bytes, options) {
+	const sizingResult = options?.sizing ? createSizingCrop(options.sizing, content) : {
+		bounds: content,
+		crop: void 0
+	};
+	const input = {
+		bytes,
+		offsetX: asEmu(Math.round(pxToEmu(content.x))),
+		offsetY: asEmu(Math.round(pxToEmu(content.y))),
+		width: positiveEmu(sizingResult.bounds.w),
+		height: positiveEmu(sizingResult.bounds.h),
+		rotation: createPictureRotationInput(options?.rotate),
+		crop: sizingResult.crop
+	};
+	ctx.buildContext.pptxAuthoring.registerPicture(input, {
+		name: options?.name,
+		shadow: options?.shadow
+	});
+}
+//#endregion
+export { addGlimpsePicture, imageBytesFromSource };
+
+//# sourceMappingURL=glimpsePicture.js.map

package/dist/renderPptx/utils/glimpsePicture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glimpsePicture.js","names":[],"sources":["../../../src/renderPptx/utils/glimpsePicture.ts"],"sourcesContent":["import * as fs from \"fs\";\nimport {\n  asEmu,\n  asOoxmlAngle,\n  asOoxmlPercent,\n  type AddPictureCropInput,\n  type AddPictureInput,\n} from \"@pptx-glimpse/document\";\nimport type { ShadowStyle } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport { pxToEmu } from \"../units.ts\";\n\ntype PictureBoundsPx = { x: number; y: number; w: number; h: number };\ntype ImageSizing = {\n  type: \"contain\" | \"cover\" | \"crop\";\n  w?: number;\n  h?: number;\n  x?: number;\n  y?: number;\n};\n\nconst FALLBACK_PNG =\n  \"iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=\";\n\nfunction dataToBytes(data: string): Uint8Array {\n  const base64 = data.includes(\",\") ? data.split(\",\").at(-1) : data;\n  return new Uint8Array(Buffer.from(base64 ?? \"\", \"base64\"));\n}\n\nfunction isPngOrJpeg(bytes: Uint8Array): boolean {\n  const isPng =\n    bytes[0] === 0x89 &&\n    bytes[1] === 0x50 &&\n    bytes[2] === 0x4e &&\n    bytes[3] === 0x47;\n  const isJpeg = bytes[0] === 0xff && bytes[1] === 0xd8 && bytes[2] === 0xff;\n  return isPng || isJpeg;\n}\n\nfunction supportedOrFallback(bytes: Uint8Array): Uint8Array {\n  return isPngOrJpeg(bytes) ? bytes : dataToBytes(FALLBACK_PNG);\n}\n\nexport function imageBytesFromSource(src: string, data?: string): Uint8Array {\n  if (data) return supportedOrFallback(dataToBytes(data));\n  if (src.startsWith(\"data:\")) return supportedOrFallback(dataToBytes(src));\n  if (src.startsWith(\"http://\") || src.startsWith(\"https://\")) {\n    return dataToBytes(FALLBACK_PNG);\n  }\n  try {\n    return supportedOrFallback(new Uint8Array(fs.readFileSync(src)));\n  } catch {\n    return dataToBytes(FALLBACK_PNG);\n  }\n}\n\nfunction positiveEmu(valuePx: number) {\n  return asEmu(Math.max(1, Math.round(pxToEmu(valuePx))));\n}\n\nfunction createPictureRotationInput(rotate: number | undefined) {\n  return rotate !== undefined\n    ? asOoxmlAngle(Math.round(rotate * 60000))\n    : undefined;\n}\n\nfunction pct(value: number) {\n  return asOoxmlPercent(Math.round(value));\n}\n\nfunction createSizingCrop(\n  sizing: ImageSizing,\n  content: PictureBoundsPx,\n): { bounds: PictureBoundsPx; crop?: AddPictureCropInput } {\n  const box = {\n    x: sizing.x ?? 0,\n    y: sizing.y ?? 0,\n    w: sizing.w ?? content.w,\n    h: sizing.h ?? content.h,\n  };\n  const img = { w: content.w, h: content.h };\n\n  if (sizing.type === \"crop\") {\n    const cropBase = { w: content.w, h: content.h };\n    return {\n      bounds: { ...content, w: box.w, h: box.h },\n      crop: {\n        left: pct(100000 * (box.x / cropBase.w)),\n        right: pct(100000 * ((cropBase.w - (box.x + box.w)) / cropBase.w)),\n        top: pct(100000 * (box.y / cropBase.h)),\n        bottom: pct(100000 * ((cropBase.h - (box.y + box.h)) / cropBase.h)),\n      },\n    };\n  }\n\n  const imgRatio = img.h / img.w;\n  const boxRatio = box.h / box.w;\n  const isCoverBoxBased = boxRatio > imgRatio;\n  const isContainWidthBased = boxRatio > imgRatio;\n  const width =\n    sizing.type === \"cover\"\n      ? isCoverBoxBased\n        ? box.h / imgRatio\n        : box.w\n      : isContainWidthBased\n        ? box.w\n        : box.h / imgRatio;\n  const height =\n    sizing.type === \"cover\"\n      ? isCoverBoxBased\n        ? box.h\n        : box.w * imgRatio\n      : isContainWidthBased\n        ? box.w * imgRatio\n        : box.h;\n  const horizontal = 100000 * 0.5 * (1 - box.w / width);\n  const vertical = 100000 * 0.5 * (1 - box.h / height);\n\n  return {\n    bounds: { ...content, w: box.w, h: box.h },\n    crop: {\n      left: pct(horizontal),\n      right: pct(horizontal),\n      top: pct(vertical),\n      bottom: pct(vertical),\n    },\n  };\n}\n\nexport function addGlimpsePicture(\n  ctx: RenderContext,\n  content: PictureBoundsPx,\n  bytes: Uint8Array,\n  options?: {\n    rotate?: number;\n    sizing?: ImageSizing;\n    name?: string;\n    shadow?: ShadowStyle;\n  },\n): void {\n  const sizingResult = options?.sizing\n    ? createSizingCrop(options.sizing, content)\n    : { bounds: content, crop: undefined };\n  const input: AddPictureInput = {\n    bytes,\n    offsetX: asEmu(Math.round(pxToEmu(content.x))),\n    offsetY: asEmu(Math.round(pxToEmu(content.y))),\n    width: positiveEmu(sizingResult.bounds.w),\n    height: positiveEmu(sizingResult.bounds.h),\n    rotation: createPictureRotationInput(options?.rotate),\n    crop: sizingResult.crop,\n  };\n  ctx.buildContext.pptxAuthoring.registerPicture(input, {\n    name: options?.name,\n    shadow: options?.shadow,\n  });\n}\n"],"mappings":"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"}

package/dist/renderPptx/utils/glimpseShape.js

@@ -0,0 +1,71 @@
+import { parseGradient } from "../../shared/gradient.js";
+import { pxToEmu } from "../units.js";
+import { toColorInput } from "../pptxAuthoring.js";
+import { asEmu, asOoxmlAngle } from "@pptx-glimpse/document";
+//#region src/renderPptx/utils/glimpseShape.ts
+function positiveEmu(valuePx) {
+	return asEmu(Math.max(1, Math.round(pxToEmu(valuePx))));
+}
+function createShapeBoundsInput(bounds) {
+	return {
+		offsetX: asEmu(Math.round(pxToEmu(bounds.x))),
+		offsetY: asEmu(Math.round(pxToEmu(bounds.y))),
+		width: positiveEmu(bounds.w),
+		height: positiveEmu(bounds.h)
+	};
+}
+function createShapeRotationInput(rotate) {
+	return rotate !== void 0 ? asOoxmlAngle(Math.round(rotate * 6e4)) : void 0;
+}
+function solidShapeFill(color) {
+	const clean = toColorInput(color);
+	return clean ? {
+		kind: "solid",
+		color: clean
+	} : void 0;
+}
+function noneShapeFill() {
+	return { kind: "none" };
+}
+function gradientFallbackColor(value) {
+	return parseGradient(value)?.value.stops[0]?.color;
+}
+function backgroundShapeFill(backgroundColor, backgroundGradient) {
+	if (backgroundGradient) return solidShapeFill(gradientFallbackColor(backgroundGradient));
+	return solidShapeFill(backgroundColor);
+}
+function dashStyle(dashType) {
+	return dashType;
+}
+function shapeOutline(border, fallbackColor) {
+	if (!border) return void 0;
+	const fill = solidShapeFill(border.color ?? fallbackColor);
+	if (border.width === void 0 && fill === void 0 && border.dashType === void 0) return;
+	return {
+		width: border.width !== void 0 ? asEmu(Math.round(pxToEmu(border.width))) : void 0,
+		fill,
+		dash: dashStyle(border.dashType)
+	};
+}
+function noShapeOutline() {
+	return { fill: noneShapeFill() };
+}
+function arrowEndpoint(type) {
+	if (type === void 0 || type === "none") return void 0;
+	return {
+		type,
+		width: "med",
+		length: "med"
+	};
+}
+function addGlimpseShape(ctx, input, bounds, options) {
+	ctx.buildContext.pptxAuthoring.registerShape(input, {
+		...options,
+		zeroWidth: bounds.w === 0,
+		zeroHeight: bounds.h === 0
+	});
+}
+//#endregion
+export { addGlimpseShape, arrowEndpoint, backgroundShapeFill, createShapeBoundsInput, createShapeRotationInput, noShapeOutline, noneShapeFill, shapeOutline, solidShapeFill };
+
+//# sourceMappingURL=glimpseShape.js.map

package/dist/renderPptx/utils/glimpseShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glimpseShape.js","names":[],"sources":["../../../src/renderPptx/utils/glimpseShape.ts"],"sourcesContent":["import {\n  asEmu,\n  asOoxmlAngle,\n  type AddShapeFillInput,\n  type AddShapeInput,\n  type AddShapeOutlineInput,\n  type SourceArrowEndpoint,\n  type SourceDashStyle,\n} from \"@pptx-glimpse/document\";\nimport type { BorderStyle, ShadowStyle, TextGlow } from \"../../types.ts\";\nimport { parseGradient } from \"../../shared/gradient.ts\";\nimport { toColorInput, type CustomGeometryXmlInput } from \"../pptxAuthoring.ts\";\nimport { pxToEmu } from \"../units.ts\";\nimport type { RenderContext } from \"../types.ts\";\n\ntype ShapeBoundsPx = { x: number; y: number; w: number; h: number };\n\nexport type GlimpseShapeStyleOptions = {\n  fillColor?: string;\n  fillOpacity?: number;\n  backgroundGradient?: string;\n  outlineGradient?: string;\n  outlineOpacity?: number;\n  glow?: TextGlow;\n  shadow?: ShadowStyle;\n  rectRadius?: number;\n  dashType?: BorderStyle[\"dashType\"];\n  flipH?: boolean;\n  flipV?: boolean;\n  zeroWidth?: boolean;\n  zeroHeight?: boolean;\n  customGeometry?: CustomGeometryXmlInput;\n};\n\nfunction positiveEmu(valuePx: number) {\n  return asEmu(Math.max(1, Math.round(pxToEmu(valuePx))));\n}\n\nexport function createShapeBoundsInput(bounds: ShapeBoundsPx) {\n  return {\n    offsetX: asEmu(Math.round(pxToEmu(bounds.x))),\n    offsetY: asEmu(Math.round(pxToEmu(bounds.y))),\n    width: positiveEmu(bounds.w),\n    height: positiveEmu(bounds.h),\n  };\n}\n\nexport function createShapeRotationInput(rotate: number | undefined) {\n  return rotate !== undefined\n    ? asOoxmlAngle(Math.round(rotate * 60000))\n    : undefined;\n}\n\nexport function solidShapeFill(\n  color: string | undefined,\n): AddShapeFillInput | undefined {\n  const clean = toColorInput(color);\n  return clean ? { kind: \"solid\", color: clean } : undefined;\n}\n\nexport function noneShapeFill(): AddShapeFillInput {\n  return { kind: \"none\" };\n}\n\nfunction gradientFallbackColor(value: string): string | undefined {\n  const gradient = parseGradient(value);\n  return gradient?.value.stops[0]?.color;\n}\n\nexport function backgroundShapeFill(\n  backgroundColor: string | undefined,\n  backgroundGradient: string | undefined,\n): AddShapeFillInput | undefined {\n  if (backgroundGradient) {\n    const color = gradientFallbackColor(backgroundGradient);\n    return solidShapeFill(color);\n  }\n  return solidShapeFill(backgroundColor);\n}\n\nfunction dashStyle(\n  dashType: BorderStyle[\"dashType\"],\n): SourceDashStyle | undefined {\n  return dashType;\n}\n\nexport function shapeOutline(\n  border: BorderStyle | undefined,\n  fallbackColor?: string,\n): AddShapeOutlineInput | undefined {\n  if (!border) return undefined;\n  const fill = solidShapeFill(border.color ?? fallbackColor);\n  if (\n    border.width === undefined &&\n    fill === undefined &&\n    border.dashType === undefined\n  ) {\n    return undefined;\n  }\n  return {\n    width:\n      border.width !== undefined\n        ? asEmu(Math.round(pxToEmu(border.width)))\n        : undefined,\n    fill,\n    dash: dashStyle(border.dashType),\n  };\n}\n\nexport function noShapeOutline(): AddShapeOutlineInput {\n  return { fill: noneShapeFill() };\n}\n\nexport function arrowEndpoint(\n  type:\n    \"none\" | \"arrow\" | \"diamond\" | \"oval\" | \"stealth\" | \"triangle\" | undefined,\n): SourceArrowEndpoint | undefined {\n  if (type === undefined || type === \"none\") return undefined;\n  return { type, width: \"med\", length: \"med\" };\n}\n\nexport function addGlimpseShape(\n  ctx: RenderContext,\n  input: AddShapeInput,\n  bounds: ShapeBoundsPx,\n  options?: GlimpseShapeStyleOptions & { name?: string },\n): void {\n  ctx.buildContext.pptxAuthoring.registerShape(input, {\n    ...options,\n    zeroWidth: bounds.w === 0,\n    zeroHeight: bounds.h === 0,\n  });\n}\n"],"mappings":";;;;;AAkCA,SAAS,YAAY,SAAiB;CACpC,OAAO,MAAM,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,OAAO,CAAC,CAAC,CAAC;AACxD;AAEA,SAAgB,uBAAuB,QAAuB;CAC5D,OAAO;EACL,SAAS,MAAM,KAAK,MAAM,QAAQ,OAAO,CAAC,CAAC,CAAC;EAC5C,SAAS,MAAM,KAAK,MAAM,QAAQ,OAAO,CAAC,CAAC,CAAC;EAC5C,OAAO,YAAY,OAAO,CAAC;EAC3B,QAAQ,YAAY,OAAO,CAAC;CAC9B;AACF;AAEA,SAAgB,yBAAyB,QAA4B;CACnE,OAAO,WAAW,KAAA,IACd,aAAa,KAAK,MAAM,SAAS,GAAK,CAAC,IACvC,KAAA;AACN;AAEA,SAAgB,eACd,OAC+B;CAC/B,MAAM,QAAQ,aAAa,KAAK;CAChC,OAAO,QAAQ;EAAE,MAAM;EAAS,OAAO;CAAM,IAAI,KAAA;AACnD;AAEA,SAAgB,gBAAmC;CACjD,OAAO,EAAE,MAAM,OAAO;AACxB;AAEA,SAAS,sBAAsB,OAAmC;CAEhE,OADiB,cAAc,KACjB,CAAC,EAAE,MAAM,MAAM,EAAE,EAAE;AACnC;AAEA,SAAgB,oBACd,iBACA,oBAC+B;CAC/B,IAAI,oBAEF,OAAO,eADO,sBAAsB,kBACV,CAAC;CAE7B,OAAO,eAAe,eAAe;AACvC;AAEA,SAAS,UACP,UAC6B;CAC7B,OAAO;AACT;AAEA,SAAgB,aACd,QACA,eACkC;CAClC,IAAI,CAAC,QAAQ,OAAO,KAAA;CACpB,MAAM,OAAO,eAAe,OAAO,SAAS,aAAa;CACzD,IACE,OAAO,UAAU,KAAA,KACjB,SAAS,KAAA,KACT,OAAO,aAAa,KAAA,GAEpB;CAEF,OAAO;EACL,OACE,OAAO,UAAU,KAAA,IACb,MAAM,KAAK,MAAM,QAAQ,OAAO,KAAK,CAAC,CAAC,IACvC,KAAA;EACN;EACA,MAAM,UAAU,OAAO,QAAQ;CACjC;AACF;AAEA,SAAgB,iBAAuC;CACrD,OAAO,EAAE,MAAM,cAAc,EAAE;AACjC;AAEA,SAAgB,cACd,MAEiC;CACjC,IAAI,SAAS,KAAA,KAAa,SAAS,QAAQ,OAAO,KAAA;CAClD,OAAO;EAAE;EAAM,OAAO;EAAO,QAAQ;CAAM;AAC7C;AAEA,SAAgB,gBACd,KACA,OACA,QACA,SACM;CACN,IAAI,aAAa,cAAc,cAAc,OAAO;EAClD,GAAG;EACH,WAAW,OAAO,MAAM;EACxB,YAAY,OAAO,MAAM;CAC3B,CAAC;AACH"}

package/dist/renderPptx/utils/glimpseTextBox.js

@@ -0,0 +1,107 @@
+import { pxToEmu, pxToPt } from "../units.js";
+import { toColorInput } from "../pptxAuthoring.js";
+import { asEmu, asHundredthPt, asOoxmlAngle, asOoxmlPercent, asPt } from "@pptx-glimpse/document";
+//#region src/renderPptx/utils/glimpseTextBox.ts
+function toUnderlineInput(underline) {
+	if (underline === void 0 || underline === false) return void 0;
+	if (underline === true) return true;
+	return {
+		style: underline.style,
+		color: toColorInput(underline.color)
+	};
+}
+function createGlimpseRunProperties(style) {
+	return {
+		fontFace: style.fontFace ?? "Noto Sans JP",
+		fontSize: asPt(pxToPt(style.fontSize ?? 24)),
+		color: toColorInput(style.color),
+		bold: style.bold,
+		italic: style.italic,
+		underline: toUnderlineInput(style.underline),
+		strike: style.strike,
+		baseline: style.subscript ? {
+			type: "percent",
+			value: asOoxmlPercent(-4e4)
+		} : style.superscript ? {
+			type: "percent",
+			value: asOoxmlPercent(3e4)
+		} : void 0,
+		highlight: toColorInput(style.highlight)
+	};
+}
+function createGlimpseParagraph(text, style, options = {}) {
+	const fontSizePx = style.fontSize ?? 24;
+	return {
+		properties: {
+			align: options.align,
+			lineSpacing: options.lineHeight !== void 0 ? asHundredthPt(Math.round(pxToPt(fontSizePx * options.lineHeight) * 100)) : void 0
+		},
+		runs: [{
+			text,
+			properties: createGlimpseRunProperties(style)
+		}]
+	};
+}
+function createGlimpseParagraphs(text, style, options = {}) {
+	return text.replace(/\r*\n/g, "\n").split("\n").map((line) => createGlimpseParagraph(line, style, options));
+}
+function textBoxInput(bounds, options, paragraphs) {
+	const margin = options.margin !== void 0 ? asEmu(Math.round(pxToEmu(options.margin))) : void 0;
+	return {
+		offsetX: asEmu(Math.round(pxToEmu(bounds.x))),
+		offsetY: asEmu(Math.round(pxToEmu(bounds.y))),
+		width: asEmu(Math.max(1, Math.round(pxToEmu(bounds.w)))),
+		height: asEmu(Math.max(1, Math.round(pxToEmu(bounds.h)))),
+		rotation: options.rotate !== void 0 ? asOoxmlAngle(Math.round(options.rotate * 6e4)) : void 0,
+		body: {
+			marginLeft: margin,
+			marginRight: margin,
+			marginTop: margin,
+			marginBottom: margin,
+			anchor: options.valign,
+			autoFit: options.autoFit ? "shape" : void 0
+		},
+		paragraphs
+	};
+}
+function withListProperties(paragraphs, options) {
+	if (!options.bullet) return paragraphs;
+	const bullet = options.bullet.kind === "bullet" ? {
+		type: "character",
+		character: "•",
+		size: asOoxmlPercent(1e5)
+	} : {
+		type: "auto-number",
+		scheme: isSupportedAutoNumScheme(options.bullet.scheme) ? options.bullet.scheme : "arabicPeriod",
+		startAt: options.bullet.startAt ?? 1,
+		fontFace: "+mj-lt",
+		size: asOoxmlPercent(1e5)
+	};
+	return paragraphs.map((paragraph) => ({
+		...paragraph,
+		properties: {
+			...paragraph.properties,
+			marginLeft: asEmu(342900),
+			indent: asEmu(-342900),
+			lineSpacing: {
+				type: "percent",
+				value: asOoxmlPercent(Math.round((options.lineHeight ?? 1.3) * 1e5))
+			},
+			bullet
+		}
+	}));
+}
+function addGlimpseTextBox(ctx, bounds, options = {}) {
+	const paragraphs = withListProperties(options.paragraphs ?? createGlimpseParagraphs(options.text ?? "", options, {
+		align: options.align,
+		lineHeight: options.lineHeight
+	}), options);
+	ctx.buildContext.pptxAuthoring.registerTextBox(textBoxInput(bounds, options, paragraphs), { hyperlinks: options.hyperlinks });
+}
+function isSupportedAutoNumScheme(value) {
+	return value === "arabicPeriod" || value === "arabicParenR" || value === "romanUcPeriod" || value === "romanLcPeriod" || value === "alphaUcPeriod" || value === "alphaLcPeriod" || value === "alphaLcParenR" || value === "alphaUcParenR" || value === "arabicPlain";
+}
+//#endregion
+export { addGlimpseTextBox, createGlimpseParagraphs, createGlimpseRunProperties };
+
+//# sourceMappingURL=glimpseTextBox.js.map

package/dist/renderPptx/utils/glimpseTextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glimpseTextBox.js","names":[],"sources":["../../../src/renderPptx/utils/glimpseTextBox.ts"],"sourcesContent":["import {\n  asEmu,\n  asHundredthPt,\n  asOoxmlAngle,\n  asOoxmlPercent,\n  asPt,\n  type AddTextBoxInput,\n  type AddTextBoxParagraphInput,\n  type AddTextBoxRunPropertiesInput,\n  type SourceAutoNumScheme,\n} from \"@pptx-glimpse/document\";\nimport type { Underline } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport { pxToEmu, pxToPt } from \"../units.ts\";\nimport { toColorInput } from \"../pptxAuthoring.ts\";\n\ntype TextBoundsPx = { x: number; y: number; w: number; h: number };\n\ntype TextBoxVerticalAlign = \"top\" | \"middle\" | \"bottom\";\n\nexport type GlimpseTextRunStyle = {\n  fontSize?: number;\n  fontFace?: string;\n  color?: string;\n  bold?: boolean;\n  italic?: boolean;\n  underline?: Underline;\n  strike?: boolean;\n  subscript?: boolean;\n  superscript?: boolean;\n  highlight?: string;\n};\n\nexport type GlimpseTextBoxOptions = GlimpseTextRunStyle & {\n  text?: string;\n  align?: \"left\" | \"center\" | \"right\";\n  valign?: TextBoxVerticalAlign;\n  lineHeight?: number;\n  rotate?: number;\n  autoFit?: boolean;\n  margin?: number;\n  bullet?: ListBulletOptions;\n};\n\nexport type ListBulletOptions =\n  | { kind: \"bullet\" }\n  | {\n      kind: \"number\";\n      scheme?: string;\n      startAt?: number;\n    };\n\nfunction toUnderlineInput(underline: Underline | undefined) {\n  if (underline === undefined || underline === false) return undefined;\n  if (underline === true) return true;\n  return {\n    style: underline.style,\n    color: toColorInput(underline.color),\n  };\n}\n\nexport function createGlimpseRunProperties(\n  style: GlimpseTextRunStyle,\n): AddTextBoxRunPropertiesInput {\n  return {\n    fontFace: style.fontFace ?? \"Noto Sans JP\",\n    fontSize: asPt(pxToPt(style.fontSize ?? 24)),\n    color: toColorInput(style.color),\n    bold: style.bold,\n    italic: style.italic,\n    underline: toUnderlineInput(style.underline),\n    strike: style.strike,\n    baseline: style.subscript\n      ? { type: \"percent\", value: asOoxmlPercent(-40000) }\n      : style.superscript\n        ? { type: \"percent\", value: asOoxmlPercent(30000) }\n        : undefined,\n    highlight: toColorInput(style.highlight),\n  };\n}\n\nfunction createGlimpseParagraph(\n  text: string,\n  style: GlimpseTextRunStyle,\n  options: Pick<GlimpseTextBoxOptions, \"align\" | \"lineHeight\"> = {},\n): AddTextBoxParagraphInput {\n  const fontSizePx = style.fontSize ?? 24;\n  return {\n    properties: {\n      align: options.align,\n      lineSpacing:\n        options.lineHeight !== undefined\n          ? asHundredthPt(\n              Math.round(pxToPt(fontSizePx * options.lineHeight) * 100),\n            )\n          : undefined,\n    },\n    runs: [{ text, properties: createGlimpseRunProperties(style) }],\n  };\n}\n\nexport function createGlimpseParagraphs(\n  text: string,\n  style: GlimpseTextRunStyle,\n  options: Pick<GlimpseTextBoxOptions, \"align\" | \"lineHeight\"> = {},\n): AddTextBoxParagraphInput[] {\n  return text\n    .replace(/\\r*\\n/g, \"\\n\")\n    .split(\"\\n\")\n    .map((line) => createGlimpseParagraph(line, style, options));\n}\n\nfunction textBoxInput(\n  bounds: TextBoundsPx,\n  options: GlimpseTextBoxOptions,\n  paragraphs: readonly AddTextBoxParagraphInput[],\n): AddTextBoxInput {\n  const margin =\n    options.margin !== undefined\n      ? asEmu(Math.round(pxToEmu(options.margin)))\n      : undefined;\n  return {\n    offsetX: asEmu(Math.round(pxToEmu(bounds.x))),\n    offsetY: asEmu(Math.round(pxToEmu(bounds.y))),\n    width: asEmu(Math.max(1, Math.round(pxToEmu(bounds.w)))),\n    height: asEmu(Math.max(1, Math.round(pxToEmu(bounds.h)))),\n    rotation:\n      options.rotate !== undefined\n        ? asOoxmlAngle(Math.round(options.rotate * 60000))\n        : undefined,\n    body: {\n      marginLeft: margin,\n      marginRight: margin,\n      marginTop: margin,\n      marginBottom: margin,\n      anchor: options.valign,\n      autoFit: options.autoFit ? \"shape\" : undefined,\n    },\n    paragraphs,\n  };\n}\n\nfunction withListProperties(\n  paragraphs: readonly AddTextBoxParagraphInput[],\n  options: GlimpseTextBoxOptions,\n): readonly AddTextBoxParagraphInput[] {\n  if (!options.bullet) return paragraphs;\n  const bullet =\n    options.bullet.kind === \"bullet\"\n      ? {\n          type: \"character\" as const,\n          character: \"•\",\n          size: asOoxmlPercent(100000),\n        }\n      : {\n          type: \"auto-number\" as const,\n          scheme: isSupportedAutoNumScheme(options.bullet.scheme)\n            ? options.bullet.scheme\n            : \"arabicPeriod\",\n          startAt: options.bullet.startAt ?? 1,\n          fontFace: \"+mj-lt\",\n          size: asOoxmlPercent(100000),\n        };\n  return paragraphs.map((paragraph) => ({\n    ...paragraph,\n    properties: {\n      ...paragraph.properties,\n      marginLeft: asEmu(342900),\n      indent: asEmu(-342900),\n      lineSpacing: {\n        type: \"percent\",\n        value: asOoxmlPercent(Math.round((options.lineHeight ?? 1.3) * 100000)),\n      },\n      bullet,\n    },\n  }));\n}\n\nexport function addGlimpseTextBox(\n  ctx: RenderContext,\n  bounds: TextBoundsPx,\n  options: GlimpseTextBoxOptions & {\n    paragraphs?: readonly AddTextBoxParagraphInput[];\n    hyperlinks?: readonly (string | undefined)[];\n  } = {},\n): void {\n  const paragraphs = withListProperties(\n    options.paragraphs ??\n      createGlimpseParagraphs(options.text ?? \"\", options, {\n        align: options.align,\n        lineHeight: options.lineHeight,\n      }),\n    options,\n  );\n  ctx.buildContext.pptxAuthoring.registerTextBox(\n    textBoxInput(bounds, options, paragraphs),\n    {\n      hyperlinks: options.hyperlinks,\n    },\n  );\n}\n\nfunction isSupportedAutoNumScheme(\n  value: string | undefined,\n): value is SourceAutoNumScheme {\n  return (\n    value === \"arabicPeriod\" ||\n    value === \"arabicParenR\" ||\n    value === \"romanUcPeriod\" ||\n    value === \"romanLcPeriod\" ||\n    value === \"alphaUcPeriod\" ||\n    value === \"alphaLcPeriod\" ||\n    value === \"alphaLcParenR\" ||\n    value === \"alphaUcParenR\" ||\n    value === \"arabicPlain\"\n  );\n}\n"],"mappings":"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"}