@hirokisakabe/pom 9.1.1 → 10.0.0

package/dist/renderPptx/nodes/table.js

@@ -1,72 +1,102 @@
-import { pxToIn, pxToPt, rectPxToIn } from "../units.js";
+import { pxToEmu, pxToPt } from "../units.js";
 import { getContentArea } from "../utils/contentArea.js";
-import { convertStrike, convertUnderline, resolveSubSup } from "../textOptions.js";
+import { resolveSubSup } from "../textOptions.js";
+import { cleanHex, toColorInput } from "../pptxAuthoring.js";
 import { resolveColumnWidths, resolveRowHeights } from "../../shared/tableUtils.js";
+import { asEmu, asOoxmlPercent, asPt } from "@pptx-glimpse/document";
 //#region src/renderPptx/nodes/table.ts
 function renderTableNode(node, ctx) {
-	const tableRows = node.rows.map((row) => row.cells.map((cell) => {
-		const cellFontFace = cell.fontFamily;
-		const cellOptions = {
-			fontSize: pxToPt(cell.fontSize ?? 18),
-			fontFace: cellFontFace,
-			color: cell.color,
-			bold: cell.bold,
-			italic: cell.italic,
-			underline: convertUnderline(cell.underline),
-			strike: convertStrike(cell.strike),
-			subscript: cell.subscript,
-			superscript: cell.superscript,
-			highlight: cell.highlight,
-			align: cell.textAlign ?? "left",
-			fill: cell.backgroundColor ? { color: cell.backgroundColor } : void 0,
-			colspan: cell.colspan,
-			rowspan: cell.rowspan
-		};
-		if (cell.runs && cell.runs.length > 0) return {
-			text: cell.runs.map((run) => {
-				const runSubSup = resolveSubSup(run, cell);
-				return {
-					text: run.text,
-					options: {
-						fontSize: pxToPt(run.fontSize ?? cell.fontSize ?? 18),
-						fontFace: run.fontFamily ?? cellFontFace,
-						color: run.color ?? cell.color,
-						bold: run.bold ?? cell.bold,
-						italic: run.italic ?? cell.italic,
-						underline: convertUnderline(run.underline ?? cell.underline),
-						strike: convertStrike(run.strike ?? cell.strike),
-						subscript: runSubSup.subscript,
-						superscript: runSubSup.superscript,
-						highlight: run.highlight ?? cell.highlight,
-						...run.href ? { hyperlink: { url: run.href } } : {}
-					}
-				};
-			}),
-			options: {
+	const content = getContentArea(node);
+	const rowHeights = resolveRowHeights(node);
+	const border = node.cellBorder ? {
+		width: asEmu(Math.round(pxToEmu(node.cellBorder.width ?? 1 / .75))),
+		color: cleanHex(node.cellBorder.color) ?? "000000",
+		dash: toTableDash(node.cellBorder.dashType)
+	} : void 0;
+	ctx.buildContext.pptxAuthoring.registerTable({
+		offsetX: asEmu(Math.round(pxToEmu(content.x))),
+		offsetY: asEmu(Math.round(pxToEmu(content.y))),
+		width: asEmu(Math.round(pxToEmu(Math.max(content.w, 1)))),
+		height: asEmu(Math.round(pxToEmu(Math.max(content.h, 1)))),
+		columnWidths: resolveColumnWidths(node, content.w).map((width) => asEmu(Math.round(pxToEmu(Math.max(width, 1))))),
+		rows: buildTableRows(node, rowHeights, border)
+	});
+}
+function buildTableRows(node, rowHeights, border) {
+	const columnCount = node.columns.length;
+	const continuationCells = /* @__PURE__ */ new Set();
+	return node.rows.map((row, rowIndex) => {
+		const cells = Array.from({ length: columnCount });
+		for (let columnIndex = 0; columnIndex < columnCount; columnIndex += 1) if (continuationCells.has(`${rowIndex}:${columnIndex}`)) cells[columnIndex] = {};
+		let columnIndex = 0;
+		for (const cell of row.cells) {
+			while (cells[columnIndex] !== void 0) columnIndex += 1;
+			cells[columnIndex] = {
+				runs: buildTableRuns(cell),
+				fill: cleanHex(cell.backgroundColor),
 				align: cell.textAlign ?? "left",
-				fill: cell.backgroundColor ? { color: cell.backgroundColor } : void 0,
+				marginLeft: asEmu(0),
+				marginRight: asEmu(0),
+				marginTop: asEmu(0),
+				marginBottom: asEmu(0),
+				borders: border ? {
+					top: border,
+					right: border,
+					bottom: border,
+					left: border
+				} : void 0,
 				colspan: cell.colspan,
 				rowspan: cell.rowspan
+			};
+			const colspan = cell.colspan ?? 1;
+			const rowspan = cell.rowspan ?? 1;
+			for (let y = rowIndex; y < rowIndex + rowspan; y += 1) for (let x = columnIndex; x < columnIndex + colspan; x += 1) {
+				if (x === columnIndex && y === rowIndex) continue;
+				continuationCells.add(`${y}:${x}`);
+				if (y === rowIndex) cells[x] = {};
 			}
-		};
+			columnIndex += colspan;
+		}
+		for (let index = 0; index < cells.length; index += 1) if (cells[index] === void 0) cells[index] = {};
 		return {
-			text: cell.text,
-			options: cellOptions
+			height: asEmu(Math.round(pxToEmu(Math.max(rowHeights[rowIndex] ?? 0, 1)))),
+			cells
 		};
-	}));
-	const content = getContentArea(node);
-	const tableOptions = {
-		...rectPxToIn(content),
-		colW: resolveColumnWidths(node, content.w).map((width) => pxToIn(width)),
-		rowH: resolveRowHeights(node).map((height) => pxToIn(height)),
-		margin: 0
-	};
-	if (node.cellBorder) tableOptions.border = {
-		color: node.cellBorder.color ?? "000000",
-		pt: node.cellBorder.width !== void 0 ? pxToPt(node.cellBorder.width) : 1,
-		type: node.cellBorder.dashType ?? "solid"
-	};
-	ctx.slide.addTable(tableRows, tableOptions);
+	});
+}
+function buildTableRuns(cell) {
+	return (cell.runs?.length ? cell.runs : [{ text: cell.text }]).flatMap((run) => {
+		const underline = run.underline ?? cell.underline;
+		const subSup = resolveSubSup(run, cell);
+		const properties = {
+			fontSize: asPt(pxToPt(run.fontSize ?? cell.fontSize ?? 18)),
+			fontFace: run.fontFamily ?? cell.fontFamily,
+			color: cleanHex(run.color ?? cell.color),
+			bold: run.bold ?? cell.bold,
+			italic: run.italic ?? cell.italic,
+			underline: typeof underline === "object" ? {
+				style: underline.style,
+				color: toColorInput(underline.color)
+			} : Boolean(underline),
+			strike: run.strike ?? cell.strike,
+			baseline: subSup.subscript ? {
+				type: "percent",
+				value: asOoxmlPercent(-4e4)
+			} : subSup.superscript ? {
+				type: "percent",
+				value: asOoxmlPercent(3e4)
+			} : void 0,
+			highlight: toColorInput(run.highlight ?? cell.highlight)
+		};
+		return run.text.replace(/\r*\n/g, "\n").split("\n").map((line, index) => ({
+			text: index === 0 ? line : `\n${line}`,
+			properties,
+			hyperlink: run.href
+		}));
+	});
+}
+function toTableDash(dash) {
+	return dash;
 }
 //#endregion
 export { renderTableNode };

package/dist/renderPptx/nodes/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../src/renderPptx/nodes/table.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport {\n  resolveColumnWidths,\n  resolveRowHeights,\n} from \"../../shared/tableUtils.ts\";\nimport { pxToIn, pxToPt, rectPxToIn } from \"../units.ts\";\nimport {\n  convertUnderline,\n  convertStrike,\n  resolveSubSup,\n} from \"../textOptions.ts\";\nimport { getContentArea } from \"../utils/contentArea.ts\";\n\ntype TablePositionedNode = Extract<PositionedNode, { type: \"table\" }>;\n\nexport function renderTableNode(\n  node: TablePositionedNode,\n  ctx: RenderContext,\n): void {\n  const tableRows = node.rows.map((row) =>\n    row.cells.map((cell) => {\n      const cellFontFace = cell.fontFamily;\n      const cellOptions: Record<string, unknown> = {\n        fontSize: pxToPt(cell.fontSize ?? 18),\n        fontFace: cellFontFace,\n        color: cell.color,\n        bold: cell.bold,\n        italic: cell.italic,\n        underline: convertUnderline(cell.underline),\n        strike: convertStrike(cell.strike),\n        subscript: cell.subscript,\n        superscript: cell.superscript,\n        highlight: cell.highlight,\n        align: cell.textAlign ?? \"left\",\n        fill: cell.backgroundColor\n          ? { color: cell.backgroundColor }\n          : undefined,\n        colspan: cell.colspan,\n        rowspan: cell.rowspan,\n      };\n\n      if (cell.runs && cell.runs.length > 0) {\n        const textItems = cell.runs.map((run) => {\n          const runSubSup = resolveSubSup(run, cell);\n          return {\n            text: run.text,\n            options: {\n              fontSize: pxToPt(run.fontSize ?? cell.fontSize ?? 18),\n              fontFace: run.fontFamily ?? cellFontFace,\n              color: run.color ?? cell.color,\n              bold: run.bold ?? cell.bold,\n              italic: run.italic ?? cell.italic,\n              underline: convertUnderline(run.underline ?? cell.underline),\n              strike: convertStrike(run.strike ?? cell.strike),\n              subscript: runSubSup.subscript,\n              superscript: runSubSup.superscript,\n              highlight: run.highlight ?? cell.highlight,\n              ...(run.href ? { hyperlink: { url: run.href } } : {}),\n            },\n          };\n        });\n        return {\n          text: textItems,\n          options: {\n            align: cell.textAlign ?? \"left\",\n            fill: cell.backgroundColor\n              ? { color: cell.backgroundColor }\n              : undefined,\n            colspan: cell.colspan,\n            rowspan: cell.rowspan,\n          },\n        };\n      }\n\n      return {\n        text: cell.text,\n        options: cellOptions,\n      };\n    }),\n  );\n\n  const content = getContentArea(node);\n  const tableOptions: Record<string, unknown> = {\n    ...rectPxToIn(content),\n    colW: resolveColumnWidths(node, content.w).map((width) => pxToIn(width)),\n    rowH: resolveRowHeights(node).map((height) => pxToIn(height)),\n    margin: 0,\n  };\n\n  if (node.cellBorder) {\n    tableOptions.border = {\n      color: node.cellBorder.color ?? \"000000\",\n      pt:\n        node.cellBorder.width !== undefined ? pxToPt(node.cellBorder.width) : 1,\n      type: node.cellBorder.dashType ?? \"solid\",\n    };\n  }\n\n  ctx.slide.addTable(tableRows, tableOptions);\n}\n"],"mappings":";;;;;AAgBA,SAAgB,gBACd,MACA,KACM;CACN,MAAM,YAAY,KAAK,KAAK,KAAK,QAC/B,IAAI,MAAM,KAAK,SAAS;EACtB,MAAM,eAAe,KAAK;EAC1B,MAAM,cAAuC;GAC3C,UAAU,OAAO,KAAK,YAAY,EAAE;GACpC,UAAU;GACV,OAAO,KAAK;GACZ,MAAM,KAAK;GACX,QAAQ,KAAK;GACb,WAAW,iBAAiB,KAAK,SAAS;GAC1C,QAAQ,cAAc,KAAK,MAAM;GACjC,WAAW,KAAK;GAChB,aAAa,KAAK;GAClB,WAAW,KAAK;GAChB,OAAO,KAAK,aAAa;GACzB,MAAM,KAAK,kBACP,EAAE,OAAO,KAAK,gBAAgB,IAC9B,KAAA;GACJ,SAAS,KAAK;GACd,SAAS,KAAK;EAChB;EAEA,IAAI,KAAK,QAAQ,KAAK,KAAK,SAAS,GAoBlC,OAAO;GACL,MApBgB,KAAK,KAAK,KAAK,QAAQ;IACvC,MAAM,YAAY,cAAc,KAAK,IAAI;IACzC,OAAO;KACL,MAAM,IAAI;KACV,SAAS;MACP,UAAU,OAAO,IAAI,YAAY,KAAK,YAAY,EAAE;MACpD,UAAU,IAAI,cAAc;MAC5B,OAAO,IAAI,SAAS,KAAK;MACzB,MAAM,IAAI,QAAQ,KAAK;MACvB,QAAQ,IAAI,UAAU,KAAK;MAC3B,WAAW,iBAAiB,IAAI,aAAa,KAAK,SAAS;MAC3D,QAAQ,cAAc,IAAI,UAAU,KAAK,MAAM;MAC/C,WAAW,UAAU;MACrB,aAAa,UAAU;MACvB,WAAW,IAAI,aAAa,KAAK;MACjC,GAAI,IAAI,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,CAAC;KACrD;IACF;GACF,CAEgB;GACd,SAAS;IACP,OAAO,KAAK,aAAa;IACzB,MAAM,KAAK,kBACP,EAAE,OAAO,KAAK,gBAAgB,IAC9B,KAAA;IACJ,SAAS,KAAK;IACd,SAAS,KAAK;GAChB;EACF;EAGF,OAAO;GACL,MAAM,KAAK;GACX,SAAS;EACX;CACF,CAAC,CACH;CAEA,MAAM,UAAU,eAAe,IAAI;CACnC,MAAM,eAAwC;EAC5C,GAAG,WAAW,OAAO;EACrB,MAAM,oBAAoB,MAAM,QAAQ,CAAC,CAAC,CAAC,KAAK,UAAU,OAAO,KAAK,CAAC;EACvE,MAAM,kBAAkB,IAAI,CAAC,CAAC,KAAK,WAAW,OAAO,MAAM,CAAC;EAC5D,QAAQ;CACV;CAEA,IAAI,KAAK,YACP,aAAa,SAAS;EACpB,OAAO,KAAK,WAAW,SAAS;EAChC,IACE,KAAK,WAAW,UAAU,KAAA,IAAY,OAAO,KAAK,WAAW,KAAK,IAAI;EACxE,MAAM,KAAK,WAAW,YAAY;CACpC;CAGF,IAAI,MAAM,SAAS,WAAW,YAAY;AAC5C"}
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/renderPptx/nodes/table.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport {\n  resolveColumnWidths,\n  resolveRowHeights,\n} from \"../../shared/tableUtils.ts\";\nimport {\n  asEmu,\n  asOoxmlPercent,\n  asPt,\n  type AddTableCellInput,\n  type AddTableRowInput,\n  type AddTableRunInput,\n  type SourceDashStyle,\n} from \"@pptx-glimpse/document\";\nimport { pxToEmu, pxToPt } from \"../units.ts\";\nimport { getContentArea } from \"../utils/contentArea.ts\";\nimport { cleanHex, toColorInput } from \"../pptxAuthoring.ts\";\nimport { resolveSubSup } from \"../textOptions.ts\";\n\ntype TablePositionedNode = Extract<PositionedNode, { type: \"table\" }>;\n\nexport function renderTableNode(\n  node: TablePositionedNode,\n  ctx: RenderContext,\n): void {\n  const content = getContentArea(node);\n  const rowHeights = resolveRowHeights(node);\n  const border = node.cellBorder\n    ? {\n        width: asEmu(Math.round(pxToEmu(node.cellBorder.width ?? 1 / 0.75))),\n        color: cleanHex(node.cellBorder.color) ?? \"000000\",\n        dash: toTableDash(node.cellBorder.dashType),\n      }\n    : undefined;\n  ctx.buildContext.pptxAuthoring.registerTable({\n    offsetX: asEmu(Math.round(pxToEmu(content.x))),\n    offsetY: asEmu(Math.round(pxToEmu(content.y))),\n    width: asEmu(Math.round(pxToEmu(Math.max(content.w, 1)))),\n    height: asEmu(Math.round(pxToEmu(Math.max(content.h, 1)))),\n    columnWidths: resolveColumnWidths(node, content.w).map((width) =>\n      asEmu(Math.round(pxToEmu(Math.max(width, 1)))),\n    ),\n    rows: buildTableRows(node, rowHeights, border),\n  });\n}\n\nfunction buildTableRows(\n  node: TablePositionedNode,\n  rowHeights: number[],\n  border:\n    | {\n        width: ReturnType<typeof asEmu>;\n        color: string;\n        dash: SourceDashStyle | undefined;\n      }\n    | undefined,\n): AddTableRowInput[] {\n  const columnCount = node.columns.length;\n  const continuationCells = new Set<string>();\n  return node.rows.map((row, rowIndex) => {\n    const cells: AddTableCellInput[] = Array.from({ length: columnCount });\n    for (let columnIndex = 0; columnIndex < columnCount; columnIndex += 1) {\n      if (continuationCells.has(`${rowIndex}:${columnIndex}`)) {\n        cells[columnIndex] = {};\n      }\n    }\n\n    let columnIndex = 0;\n    for (const cell of row.cells) {\n      while (cells[columnIndex] !== undefined) columnIndex += 1;\n      cells[columnIndex] = {\n        runs: buildTableRuns(cell),\n        fill: cleanHex(cell.backgroundColor),\n        align: cell.textAlign ?? \"left\",\n        marginLeft: asEmu(0),\n        marginRight: asEmu(0),\n        marginTop: asEmu(0),\n        marginBottom: asEmu(0),\n        borders: border\n          ? { top: border, right: border, bottom: border, left: border }\n          : undefined,\n        colspan: cell.colspan,\n        rowspan: cell.rowspan,\n      };\n      const colspan = cell.colspan ?? 1;\n      const rowspan = cell.rowspan ?? 1;\n      for (let y = rowIndex; y < rowIndex + rowspan; y += 1) {\n        for (let x = columnIndex; x < columnIndex + colspan; x += 1) {\n          if (x === columnIndex && y === rowIndex) continue;\n          continuationCells.add(`${y}:${x}`);\n          if (y === rowIndex) cells[x] = {};\n        }\n      }\n      columnIndex += colspan;\n    }\n\n    for (let index = 0; index < cells.length; index += 1) {\n      if (cells[index] === undefined) cells[index] = {};\n    }\n    return {\n      height: asEmu(\n        Math.round(pxToEmu(Math.max(rowHeights[rowIndex] ?? 0, 1))),\n      ),\n      cells,\n    };\n  });\n}\n\nfunction buildTableRuns(\n  cell: TablePositionedNode[\"rows\"][number][\"cells\"][number],\n): AddTableRunInput[] {\n  const runs = cell.runs?.length ? cell.runs : [{ text: cell.text }];\n  return runs.flatMap((run) => {\n    const underline = run.underline ?? cell.underline;\n    const subSup = resolveSubSup(run, cell);\n    const properties = {\n      fontSize: asPt(pxToPt(run.fontSize ?? cell.fontSize ?? 18)),\n      fontFace: run.fontFamily ?? cell.fontFamily,\n      color: cleanHex(run.color ?? cell.color),\n      bold: run.bold ?? cell.bold,\n      italic: run.italic ?? cell.italic,\n      underline:\n        typeof underline === \"object\"\n          ? {\n              style: underline.style,\n              color: toColorInput(underline.color),\n            }\n          : Boolean(underline),\n      strike: run.strike ?? cell.strike,\n      baseline: subSup.subscript\n        ? { type: \"percent\" as const, value: asOoxmlPercent(-40000) }\n        : subSup.superscript\n          ? { type: \"percent\" as const, value: asOoxmlPercent(30000) }\n          : undefined,\n      highlight: toColorInput(run.highlight ?? cell.highlight),\n    };\n    const lines = run.text.replace(/\\r*\\n/g, \"\\n\").split(\"\\n\");\n    return lines.map((line, index) => ({\n      text: index === 0 ? line : `\\n${line}`,\n      properties,\n      hyperlink: run.href,\n    }));\n  });\n}\n\nfunction toTableDash(\n  dash: NonNullable<TablePositionedNode[\"cellBorder\"]>[\"dashType\"],\n): SourceDashStyle | undefined {\n  return dash;\n}\n"],"mappings":"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"}

package/dist/renderPptx/nodes/text.js

@@ -1,23 +1,6 @@
-import { createTextOptions } from "../textOptions.js";
 //#region src/renderPptx/nodes/text.ts
 function renderTextNode(node, ctx) {
-	const textOptions = createTextOptions(node);
-	const marker = ctx.buildContext.glimpseTextBoxes.register(node);
-	ctx.slide.addShape(ctx.pptx.ShapeType.rect, {
-		x: textOptions.x,
-		y: textOptions.y,
-		w: textOptions.w,
-		h: textOptions.h,
-		fill: {
-			color: "FFFFFF",
-			transparency: 100
-		},
-		line: {
-			color: "FFFFFF",
-			transparency: 100
-		},
-		objectName: marker
-	});
+	ctx.buildContext.pptxAuthoring.register(node);
 }
 //#endregion
 export { renderTextNode };

package/dist/renderPptx/nodes/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../../src/renderPptx/nodes/text.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport { createTextOptions } from \"../textOptions.ts\";\n\ntype TextPositionedNode = Extract<PositionedNode, { type: \"text\" }>;\n\nexport function renderTextNode(\n  node: TextPositionedNode,\n  ctx: RenderContext,\n): void {\n  const textOptions = createTextOptions(node);\n  const marker = ctx.buildContext.glimpseTextBoxes.register(node);\n\n  ctx.slide.addShape(ctx.pptx.ShapeType.rect, {\n    x: textOptions.x,\n    y: textOptions.y,\n    w: textOptions.w,\n    h: textOptions.h,\n    fill: { color: \"FFFFFF\", transparency: 100 },\n    line: { color: \"FFFFFF\", transparency: 100 },\n    objectName: marker,\n  });\n}\n"],"mappings":";;AAMA,SAAgB,eACd,MACA,KACM;CACN,MAAM,cAAc,kBAAkB,IAAI;CAC1C,MAAM,SAAS,IAAI,aAAa,iBAAiB,SAAS,IAAI;CAE9D,IAAI,MAAM,SAAS,IAAI,KAAK,UAAU,MAAM;EAC1C,GAAG,YAAY;EACf,GAAG,YAAY;EACf,GAAG,YAAY;EACf,GAAG,YAAY;EACf,MAAM;GAAE,OAAO;GAAU,cAAc;EAAI;EAC3C,MAAM;GAAE,OAAO;GAAU,cAAc;EAAI;EAC3C,YAAY;CACd,CAAC;AACH"}
+{"version":3,"file":"text.js","names":[],"sources":["../../../src/renderPptx/nodes/text.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\n\ntype TextPositionedNode = Extract<PositionedNode, { type: \"text\" }>;\n\nexport function renderTextNode(\n  node: TextPositionedNode,\n  ctx: RenderContext,\n): void {\n  ctx.buildContext.pptxAuthoring.register(node);\n}\n"],"mappings":";AAKA,SAAgB,eACd,MACA,KACM;CACN,IAAI,aAAa,cAAc,SAAS,IAAI;AAC9C"}

package/dist/renderPptx/nodes/timeline.js

@@ -1,9 +1,11 @@
-import { pxToIn, pxToPt } from "../units.js";
+import { parseGradient } from "../../shared/gradient.js";
 import { withContentBounds } from "../utils/contentArea.js";
-import { stripHash } from "../utils/visualStyle.js";
+import { addGlimpseTextBox } from "../utils/glimpseTextBox.js";
+import { addGlimpseShape, createShapeBoundsInput, noShapeOutline, solidShapeFill } from "../utils/glimpseShape.js";
+import { addStraightLine } from "../utils/straightLine.js";
 import { measureTimeline } from "../../calcYogaLayout/measureCompositeNodes.js";
+import { stripHash } from "../utils/visualStyle.js";
 import { resolveScaledContentArea } from "../utils/scaleToFit.js";
-import { registerBackgroundGradient } from "../gradientFills.js";
 //#region src/renderPptx/nodes/timeline.ts
 function renderTimelineNode(node, ctx) {
 	const direction = node.direction ?? "horizontal";
@@ -17,7 +19,7 @@ function renderTimelineNode(node, ctx) {
 		title: stripHash(node.titleColor) ?? "1E293B",
 		description: stripHash(node.descriptionColor) ?? "64748B"
 	};
-	const connectorLineColor = (node.connectorGradient ? registerBackgroundGradient(node.connectorGradient, node.opacity, ctx.buildContext.gradientFills) : void 0) ?? stripHash(node.connectorColor) ?? "E2E8F0";
+	const connectorLineColor = stripHash(node.connectorGradient ? parseGradient(node.connectorGradient)?.value.stops[0]?.color : void 0) ?? stripHash(node.connectorColor) ?? "E2E8F0";
 	const fontFace = node.fontFamily ?? "Noto Sans JP";
 	const useColorForDate = node.useColorForDate ?? false;
 	const { content, scaleFactor } = resolveScaledContentArea(node, measureTimeline(node), ctx);
@@ -31,6 +33,8 @@ function renderTimelineNode(node, ctx) {
 		scaleFactor,
 		textColors,
 		connectorLineColor,
+		connectorGradient: node.connectorGradient,
+		connectorGradientOpacity: node.opacity,
 		fontFace,
 		useColorForDate
 	};
@@ -54,15 +58,16 @@ function renderHorizontalTimeline(node, ctx, items, options) {
 	const inset = Math.min(labelW / 2, node.w / 2);
 	const startX = node.x + inset;
 	const lineLength = node.x + node.w - inset - startX;
-	ctx.slide.addShape(ctx.pptx.ShapeType.line, {
-		x: pxToIn(startX),
-		y: pxToIn(lineY),
-		w: pxToIn(lineLength),
-		h: 0,
-		line: {
-			color: connectorLineColor,
-			width: pxToPt(lineWidth)
-		}
+	addStraightLine(ctx, {
+		x1: startX,
+		y1: lineY,
+		x2: startX + lineLength,
+		y2: lineY
+	}, {
+		color: connectorLineColor,
+		lineWidth,
+		lineGradient: options.connectorGradient,
+		lineGradientOpacity: options.connectorGradientOpacity
 	});
 	const dateLabelH = 24 * scaleFactor;
 	const titleLabelH = 24 * scaleFactor;
@@ -76,43 +81,60 @@ function renderHorizontalTimeline(node, ctx, items, options) {
 		const cy = lineY;
 		const color = item.color ?? defaultColor;
 		const dateColor = resolveItemDateColor(item, options);
-		ctx.slide.addShape(ctx.pptx.ShapeType.ellipse, {
-			x: pxToIn(cx - nodeRadius),
-			y: pxToIn(cy - nodeRadius),
-			w: pxToIn(nodeRadius * 2),
-			h: pxToIn(nodeRadius * 2),
-			fill: { color },
-			line: { type: "none" }
-		});
-		ctx.slide.addText(item.date, {
-			x: pxToIn(cx - labelW / 2),
-			y: pxToIn(cy - nodeRadius - dateOffset),
-			w: pxToIn(labelW),
-			h: pxToIn(dateLabelH),
-			fontSize: pxToPt(12 * scaleFactor),
+		addGlimpseShape(ctx, {
+			geometry: {
+				kind: "preset",
+				preset: "ellipse"
+			},
+			...createShapeBoundsInput({
+				x: cx - nodeRadius,
+				y: cy - nodeRadius,
+				w: nodeRadius * 2,
+				h: nodeRadius * 2
+			}),
+			fill: solidShapeFill(color),
+			outline: noShapeOutline()
+		}, {
+			x: cx - nodeRadius,
+			y: cy - nodeRadius,
+			w: nodeRadius * 2,
+			h: nodeRadius * 2
+		}, { fillColor: color });
+		addGlimpseTextBox(ctx, {
+			x: cx - labelW / 2,
+			y: cy - nodeRadius - dateOffset,
+			w: labelW,
+			h: dateLabelH
+		}, {
+			text: item.date,
+			fontSize: 12 * scaleFactor,
 			fontFace,
 			color: dateColor,
 			align: "center",
 			valign: "bottom"
 		});
-		ctx.slide.addText(item.title, {
-			x: pxToIn(cx - labelW / 2),
-			y: pxToIn(cy + nodeRadius + titleGap),
-			w: pxToIn(labelW),
-			h: pxToIn(titleLabelH),
-			fontSize: pxToPt(14 * scaleFactor),
+		addGlimpseTextBox(ctx, {
+			x: cx - labelW / 2,
+			y: cy + nodeRadius + titleGap,
+			w: labelW,
+			h: titleLabelH
+		}, {
+			text: item.title,
+			fontSize: 14 * scaleFactor,
 			fontFace,
 			color: textColors.title,
 			bold: true,
 			align: "center",
 			valign: "top"
 		});
-		if (item.description) ctx.slide.addText(item.description, {
-			x: pxToIn(cx - labelW / 2),
-			y: pxToIn(cy + nodeRadius + descOffset),
-			w: pxToIn(labelW),
-			h: pxToIn(descLabelH),
-			fontSize: pxToPt(11 * scaleFactor),
+		if (item.description) addGlimpseTextBox(ctx, {
+			x: cx - labelW / 2,
+			y: cy + nodeRadius + descOffset,
+			w: labelW,
+			h: descLabelH
+		}, {
+			text: item.description,
+			fontSize: 11 * scaleFactor,
 			fontFace,
 			color: textColors.description,
 			align: "center",
@@ -126,15 +148,16 @@ function renderVerticalTimeline(node, ctx, items, options) {
 	const lineX = node.x + 40 * scaleFactor;
 	const startY = node.y + nodeRadius;
 	const lineLength = node.y + node.h - nodeRadius - startY;
-	ctx.slide.addShape(ctx.pptx.ShapeType.line, {
-		x: pxToIn(lineX),
-		y: pxToIn(startY),
-		w: 0,
-		h: pxToIn(lineLength),
-		line: {
-			color: connectorLineColor,
-			width: pxToPt(lineWidth)
-		}
+	addStraightLine(ctx, {
+		x1: lineX,
+		y1: startY,
+		x2: lineX,
+		y2: startY + lineLength
+	}, {
+		color: connectorLineColor,
+		lineWidth,
+		lineGradient: options.connectorGradient,
+		lineGradientOpacity: options.connectorGradientOpacity
 	});
 	const labelGap = 16 * scaleFactor;
 	const dateLabelW = 100 * scaleFactor;
@@ -149,43 +172,60 @@ function renderVerticalTimeline(node, ctx, items, options) {
 		const cy = startY + lineLength * progress;
 		const color = item.color ?? defaultColor;
 		const dateColor = resolveItemDateColor(item, options);
-		ctx.slide.addShape(ctx.pptx.ShapeType.ellipse, {
-			x: pxToIn(cx - nodeRadius),
-			y: pxToIn(cy - nodeRadius),
-			w: pxToIn(nodeRadius * 2),
-			h: pxToIn(nodeRadius * 2),
-			fill: { color },
-			line: { type: "none" }
-		});
-		ctx.slide.addText(item.date, {
-			x: pxToIn(cx + nodeRadius + labelGap),
-			y: pxToIn(cy - nodeRadius - 4 * scaleFactor),
-			w: pxToIn(dateLabelW),
-			h: pxToIn(dateLabelH),
-			fontSize: pxToPt(12 * scaleFactor),
+		addGlimpseShape(ctx, {
+			geometry: {
+				kind: "preset",
+				preset: "ellipse"
+			},
+			...createShapeBoundsInput({
+				x: cx - nodeRadius,
+				y: cy - nodeRadius,
+				w: nodeRadius * 2,
+				h: nodeRadius * 2
+			}),
+			fill: solidShapeFill(color),
+			outline: noShapeOutline()
+		}, {
+			x: cx - nodeRadius,
+			y: cy - nodeRadius,
+			w: nodeRadius * 2,
+			h: nodeRadius * 2
+		}, { fillColor: color });
+		addGlimpseTextBox(ctx, {
+			x: cx + nodeRadius + labelGap,
+			y: cy - nodeRadius - 4 * scaleFactor,
+			w: dateLabelW,
+			h: dateLabelH
+		}, {
+			text: item.date,
+			fontSize: 12 * scaleFactor,
 			fontFace,
 			color: dateColor,
 			align: "left",
 			valign: "bottom"
 		});
-		ctx.slide.addText(item.title, {
-			x: pxToIn(cx + nodeRadius + labelGap),
-			y: pxToIn(cy - 4 * scaleFactor),
-			w: pxToIn(titleLabelW),
-			h: pxToIn(titleLabelH),
-			fontSize: pxToPt(14 * scaleFactor),
+		addGlimpseTextBox(ctx, {
+			x: cx + nodeRadius + labelGap,
+			y: cy - 4 * scaleFactor,
+			w: titleLabelW,
+			h: titleLabelH
+		}, {
+			text: item.title,
+			fontSize: 14 * scaleFactor,
 			fontFace,
 			color: textColors.title,
 			bold: true,
 			align: "left",
 			valign: "top"
 		});
-		if (item.description) ctx.slide.addText(item.description, {
-			x: pxToIn(cx + nodeRadius + labelGap),
-			y: pxToIn(cy + 20 * scaleFactor),
-			w: pxToIn(descLabelW),
-			h: pxToIn(descLabelH),
-			fontSize: pxToPt(11 * scaleFactor),
+		if (item.description) addGlimpseTextBox(ctx, {
+			x: cx + nodeRadius + labelGap,
+			y: cy + 20 * scaleFactor,
+			w: descLabelW,
+			h: descLabelH
+		}, {
+			text: item.description,
+			fontSize: 11 * scaleFactor,
 			fontFace,
 			color: textColors.description,
 			align: "left",

package/dist/renderPptx/nodes/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","names":[],"sources":["../../../src/renderPptx/nodes/timeline.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport { stripHash } from \"../utils/visualStyle.ts\";\nimport { pxToIn, pxToPt } from \"../units.ts\";\nimport { measureTimeline } from \"../../calcYogaLayout/measureCompositeNodes.ts\";\nimport { resolveScaledContentArea } from \"../utils/scaleToFit.ts\";\nimport { withContentBounds } from \"../utils/contentArea.ts\";\nimport { registerBackgroundGradient } from \"../gradientFills.ts\";\n\ntype TimelinePositionedNode = Extract<PositionedNode, { type: \"timeline\" }>;\n\ntype TimelineTextColors = {\n  date: string;\n  title: string;\n  description: string;\n};\n\ntype TimelineRenderOptions = {\n  defaultColor: string;\n  nodeRadius: number;\n  lineWidth: number;\n  scaleFactor: number;\n  textColors: TimelineTextColors;\n  connectorLineColor: string;\n  fontFace: string;\n  useColorForDate: boolean;\n};\n\nexport function renderTimelineNode(\n  node: TimelinePositionedNode,\n  ctx: RenderContext,\n): void {\n  const direction = node.direction ?? \"horizontal\";\n  const items = node.items;\n  const itemCount = items.length;\n\n  if (itemCount === 0) return;\n\n  const defaultColor = \"1D4ED8\"; // blue\n  const baseNodeRadius = 12; // px\n  const baseLineWidth = 4; // px\n\n  const textColors: TimelineTextColors = {\n    date: stripHash(node.dateColor) ?? \"64748B\",\n    title: stripHash(node.titleColor) ?? \"1E293B\",\n    description: stripHash(node.descriptionColor) ?? \"64748B\",\n  };\n\n  // 軸線色を解決する。connectorGradient が指定されていれば gradient registry に\n  // 登録してマーカー色を採用する (後処理で gradFill に置換される)。\n  // connectorColor が指定されていればそれを採用、未指定ならデフォルトの E2E8F0。\n  const connectorGradientMarker = node.connectorGradient\n    ? registerBackgroundGradient(\n        node.connectorGradient,\n        node.opacity,\n        ctx.buildContext.gradientFills,\n      )\n    : undefined;\n  const connectorLineColor =\n    connectorGradientMarker ?? stripHash(node.connectorColor) ?? \"E2E8F0\";\n\n  const fontFace = node.fontFamily ?? \"Noto Sans JP\";\n  const useColorForDate = node.useColorForDate ?? false;\n\n  // スケール係数を計算（コンテンツ領域基準）\n  const { content, scaleFactor } = resolveScaledContentArea(\n    node,\n    measureTimeline(node),\n    ctx,\n  );\n\n  const nodeRadius = baseNodeRadius * scaleFactor;\n  const lineWidth = baseLineWidth * scaleFactor;\n\n  // コンテンツ領域を使用するための仮想ノードを作成\n  const contentNode = withContentBounds(node, content);\n\n  const options: TimelineRenderOptions = {\n    defaultColor,\n    nodeRadius,\n    lineWidth,\n    scaleFactor,\n    textColors,\n    connectorLineColor,\n    fontFace,\n    useColorForDate,\n  };\n\n  if (direction === \"horizontal\") {\n    renderHorizontalTimeline(contentNode, ctx, items, options);\n  } else {\n    renderVerticalTimeline(contentNode, ctx, items, options);\n  }\n}\n\nfunction resolveItemDateColor(\n  item: TimelinePositionedNode[\"items\"][number],\n  options: TimelineRenderOptions,\n): string {\n  // 優先順位: item.dateColor > (useColorForDate && item.color) > Timeline.dateColor\n  const perItemDateColor = stripHash(item.dateColor);\n  if (perItemDateColor) return perItemDateColor;\n  if (options.useColorForDate && item.color) {\n    const inherited = stripHash(item.color);\n    if (inherited) return inherited;\n  }\n  return options.textColors.date;\n}\n\nfunction renderHorizontalTimeline(\n  node: TimelinePositionedNode,\n  ctx: RenderContext,\n  items: TimelinePositionedNode[\"items\"],\n  options: TimelineRenderOptions,\n): void {\n  const {\n    defaultColor,\n    nodeRadius,\n    lineWidth,\n    scaleFactor,\n    textColors,\n    connectorLineColor,\n    fontFace,\n  } = options;\n  const itemCount = items.length;\n  const lineY = node.y + node.h / 2;\n  const labelW = 120 * scaleFactor;\n  // 極端に狭い node.w でも startX <= endX を保つため、インセットを node.w/2 で頭打ちする\n  const inset = Math.min(labelW / 2, node.w / 2);\n  const startX = node.x + inset;\n  const endX = node.x + node.w - inset;\n  const lineLength = endX - startX;\n\n  // メインの線を描画\n  ctx.slide.addShape(ctx.pptx.ShapeType.line, {\n    x: pxToIn(startX),\n    y: pxToIn(lineY),\n    w: pxToIn(lineLength),\n    h: 0,\n    line: { color: connectorLineColor, width: pxToPt(lineWidth) },\n  });\n  const dateLabelH = 24 * scaleFactor;\n  const titleLabelH = 24 * scaleFactor;\n  const descLabelH = 32 * scaleFactor;\n  const dateOffset = 40 * scaleFactor;\n  const titleGap = 8 * scaleFactor;\n  const descOffset = 32 * scaleFactor;\n\n  // 各アイテムを描画\n  items.forEach((item, index) => {\n    const progress = itemCount === 1 ? 0.5 : index / (itemCount - 1);\n    const cx = startX + lineLength * progress;\n    const cy = lineY;\n    const color = item.color ?? defaultColor;\n    const dateColor = resolveItemDateColor(item, options);\n\n    // ノード（円）を描画\n    ctx.slide.addShape(ctx.pptx.ShapeType.ellipse, {\n      x: pxToIn(cx - nodeRadius),\n      y: pxToIn(cy - nodeRadius),\n      w: pxToIn(nodeRadius * 2),\n      h: pxToIn(nodeRadius * 2),\n      fill: { color },\n      line: { type: \"none\" as const },\n    });\n\n    // 日付を上に表示\n    ctx.slide.addText(item.date, {\n      x: pxToIn(cx - labelW / 2),\n      y: pxToIn(cy - nodeRadius - dateOffset),\n      w: pxToIn(labelW),\n      h: pxToIn(dateLabelH),\n      fontSize: pxToPt(12 * scaleFactor),\n      fontFace,\n      color: dateColor,\n      align: \"center\",\n      valign: \"bottom\",\n    });\n\n    // タイトルを下に表示\n    ctx.slide.addText(item.title, {\n      x: pxToIn(cx - labelW / 2),\n      y: pxToIn(cy + nodeRadius + titleGap),\n      w: pxToIn(labelW),\n      h: pxToIn(titleLabelH),\n      fontSize: pxToPt(14 * scaleFactor),\n      fontFace,\n      color: textColors.title,\n      bold: true,\n      align: \"center\",\n      valign: \"top\",\n    });\n\n    // 説明を表示\n    if (item.description) {\n      ctx.slide.addText(item.description, {\n        x: pxToIn(cx - labelW / 2),\n        y: pxToIn(cy + nodeRadius + descOffset),\n        w: pxToIn(labelW),\n        h: pxToIn(descLabelH),\n        fontSize: pxToPt(11 * scaleFactor),\n        fontFace,\n        color: textColors.description,\n        align: \"center\",\n        valign: \"top\",\n      });\n    }\n  });\n}\n\nfunction renderVerticalTimeline(\n  node: TimelinePositionedNode,\n  ctx: RenderContext,\n  items: TimelinePositionedNode[\"items\"],\n  options: TimelineRenderOptions,\n): void {\n  const {\n    defaultColor,\n    nodeRadius,\n    lineWidth,\n    scaleFactor,\n    textColors,\n    connectorLineColor,\n    fontFace,\n  } = options;\n  const itemCount = items.length;\n  const lineX = node.x + 40 * scaleFactor;\n  const startY = node.y + nodeRadius;\n  const endY = node.y + node.h - nodeRadius;\n  const lineLength = endY - startY;\n\n  // メインの線を描画\n  ctx.slide.addShape(ctx.pptx.ShapeType.line, {\n    x: pxToIn(lineX),\n    y: pxToIn(startY),\n    w: 0,\n    h: pxToIn(lineLength),\n    line: { color: connectorLineColor, width: pxToPt(lineWidth) },\n  });\n\n  const labelGap = 16 * scaleFactor;\n  const dateLabelW = 100 * scaleFactor;\n  const dateLabelH = 20 * scaleFactor;\n  const titleLabelH = 24 * scaleFactor;\n  const descLabelH = 32 * scaleFactor;\n  const titleLabelW = node.w - 80 * scaleFactor;\n  const descLabelW = node.w - 80 * scaleFactor;\n\n  // 各アイテムを描画\n  items.forEach((item, index) => {\n    const progress = itemCount === 1 ? 0.5 : index / (itemCount - 1);\n    const cx = lineX;\n    const cy = startY + lineLength * progress;\n    const color = item.color ?? defaultColor;\n    const dateColor = resolveItemDateColor(item, options);\n\n    // ノード（円）を描画\n    ctx.slide.addShape(ctx.pptx.ShapeType.ellipse, {\n      x: pxToIn(cx - nodeRadius),\n      y: pxToIn(cy - nodeRadius),\n      w: pxToIn(nodeRadius * 2),\n      h: pxToIn(nodeRadius * 2),\n      fill: { color },\n      line: { type: \"none\" as const },\n    });\n\n    // 日付を左上に表示\n    ctx.slide.addText(item.date, {\n      x: pxToIn(cx + nodeRadius + labelGap),\n      y: pxToIn(cy - nodeRadius - 4 * scaleFactor),\n      w: pxToIn(dateLabelW),\n      h: pxToIn(dateLabelH),\n      fontSize: pxToPt(12 * scaleFactor),\n      fontFace,\n      color: dateColor,\n      align: \"left\",\n      valign: \"bottom\",\n    });\n\n    // タイトルを右に表示\n    ctx.slide.addText(item.title, {\n      x: pxToIn(cx + nodeRadius + labelGap),\n      y: pxToIn(cy - 4 * scaleFactor),\n      w: pxToIn(titleLabelW),\n      h: pxToIn(titleLabelH),\n      fontSize: pxToPt(14 * scaleFactor),\n      fontFace,\n      color: textColors.title,\n      bold: true,\n      align: \"left\",\n      valign: \"top\",\n    });\n\n    // 説明を表示\n    if (item.description) {\n      ctx.slide.addText(item.description, {\n        x: pxToIn(cx + nodeRadius + labelGap),\n        y: pxToIn(cy + 20 * scaleFactor),\n        w: pxToIn(descLabelW),\n        h: pxToIn(descLabelH),\n        fontSize: pxToPt(11 * scaleFactor),\n        fontFace,\n        color: textColors.description,\n        align: \"left\",\n        valign: \"top\",\n      });\n    }\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"timeline.js","names":[],"sources":["../../../src/renderPptx/nodes/timeline.ts"],"sourcesContent":["import type { PositionedNode } from \"../../types.ts\";\nimport type { RenderContext } from \"../types.ts\";\nimport { stripHash } from \"../utils/visualStyle.ts\";\nimport { measureTimeline } from \"../../calcYogaLayout/measureCompositeNodes.ts\";\nimport { resolveScaledContentArea } from \"../utils/scaleToFit.ts\";\nimport { withContentBounds } from \"../utils/contentArea.ts\";\nimport { parseGradient } from \"../../shared/gradient.ts\";\nimport { addStraightLine } from \"../utils/straightLine.ts\";\nimport {\n  addGlimpseShape,\n  createShapeBoundsInput,\n  noShapeOutline,\n  solidShapeFill,\n} from \"../utils/glimpseShape.ts\";\nimport { addGlimpseTextBox } from \"../utils/glimpseTextBox.ts\";\n\ntype TimelinePositionedNode = Extract<PositionedNode, { type: \"timeline\" }>;\n\ntype TimelineTextColors = {\n  date: string;\n  title: string;\n  description: string;\n};\n\ntype TimelineRenderOptions = {\n  defaultColor: string;\n  nodeRadius: number;\n  lineWidth: number;\n  scaleFactor: number;\n  textColors: TimelineTextColors;\n  connectorLineColor: string;\n  connectorGradient?: string;\n  connectorGradientOpacity?: number;\n  fontFace: string;\n  useColorForDate: boolean;\n};\n\nexport function renderTimelineNode(\n  node: TimelinePositionedNode,\n  ctx: RenderContext,\n): void {\n  const direction = node.direction ?? \"horizontal\";\n  const items = node.items;\n  const itemCount = items.length;\n\n  if (itemCount === 0) return;\n\n  const defaultColor = \"1D4ED8\"; // blue\n  const baseNodeRadius = 12; // px\n  const baseLineWidth = 4; // px\n\n  const textColors: TimelineTextColors = {\n    date: stripHash(node.dateColor) ?? \"64748B\",\n    title: stripHash(node.titleColor) ?? \"1E293B\",\n    description: stripHash(node.descriptionColor) ?? \"64748B\",\n  };\n\n  const connectorGradientFallback = node.connectorGradient\n    ? parseGradient(node.connectorGradient)?.value.stops[0]?.color\n    : undefined;\n  const connectorLineColor =\n    stripHash(connectorGradientFallback) ??\n    stripHash(node.connectorColor) ??\n    \"E2E8F0\";\n\n  const fontFace = node.fontFamily ?? \"Noto Sans JP\";\n  const useColorForDate = node.useColorForDate ?? false;\n\n  // スケール係数を計算（コンテンツ領域基準）\n  const { content, scaleFactor } = resolveScaledContentArea(\n    node,\n    measureTimeline(node),\n    ctx,\n  );\n\n  const nodeRadius = baseNodeRadius * scaleFactor;\n  const lineWidth = baseLineWidth * scaleFactor;\n\n  // コンテンツ領域を使用するための仮想ノードを作成\n  const contentNode = withContentBounds(node, content);\n\n  const options: TimelineRenderOptions = {\n    defaultColor,\n    nodeRadius,\n    lineWidth,\n    scaleFactor,\n    textColors,\n    connectorLineColor,\n    connectorGradient: node.connectorGradient,\n    connectorGradientOpacity: node.opacity,\n    fontFace,\n    useColorForDate,\n  };\n\n  if (direction === \"horizontal\") {\n    renderHorizontalTimeline(contentNode, ctx, items, options);\n  } else {\n    renderVerticalTimeline(contentNode, ctx, items, options);\n  }\n}\n\nfunction resolveItemDateColor(\n  item: TimelinePositionedNode[\"items\"][number],\n  options: TimelineRenderOptions,\n): string {\n  // 優先順位: item.dateColor > (useColorForDate && item.color) > Timeline.dateColor\n  const perItemDateColor = stripHash(item.dateColor);\n  if (perItemDateColor) return perItemDateColor;\n  if (options.useColorForDate && item.color) {\n    const inherited = stripHash(item.color);\n    if (inherited) return inherited;\n  }\n  return options.textColors.date;\n}\n\nfunction renderHorizontalTimeline(\n  node: TimelinePositionedNode,\n  ctx: RenderContext,\n  items: TimelinePositionedNode[\"items\"],\n  options: TimelineRenderOptions,\n): void {\n  const {\n    defaultColor,\n    nodeRadius,\n    lineWidth,\n    scaleFactor,\n    textColors,\n    connectorLineColor,\n    fontFace,\n  } = options;\n  const itemCount = items.length;\n  const lineY = node.y + node.h / 2;\n  const labelW = 120 * scaleFactor;\n  // 極端に狭い node.w でも startX <= endX を保つため、インセットを node.w/2 で頭打ちする\n  const inset = Math.min(labelW / 2, node.w / 2);\n  const startX = node.x + inset;\n  const endX = node.x + node.w - inset;\n  const lineLength = endX - startX;\n\n  // メインの線を描画\n  addStraightLine(\n    ctx,\n    { x1: startX, y1: lineY, x2: startX + lineLength, y2: lineY },\n    {\n      color: connectorLineColor,\n      lineWidth,\n      lineGradient: options.connectorGradient,\n      lineGradientOpacity: options.connectorGradientOpacity,\n    },\n  );\n  const dateLabelH = 24 * scaleFactor;\n  const titleLabelH = 24 * scaleFactor;\n  const descLabelH = 32 * scaleFactor;\n  const dateOffset = 40 * scaleFactor;\n  const titleGap = 8 * scaleFactor;\n  const descOffset = 32 * scaleFactor;\n\n  // 各アイテムを描画\n  items.forEach((item, index) => {\n    const progress = itemCount === 1 ? 0.5 : index / (itemCount - 1);\n    const cx = startX + lineLength * progress;\n    const cy = lineY;\n    const color = item.color ?? defaultColor;\n    const dateColor = resolveItemDateColor(item, options);\n\n    // ノード（円）を描画\n    addGlimpseShape(\n      ctx,\n      {\n        geometry: { kind: \"preset\", preset: \"ellipse\" },\n        ...createShapeBoundsInput({\n          x: cx - nodeRadius,\n          y: cy - nodeRadius,\n          w: nodeRadius * 2,\n          h: nodeRadius * 2,\n        }),\n        fill: solidShapeFill(color),\n        outline: noShapeOutline(),\n      },\n      {\n        x: cx - nodeRadius,\n        y: cy - nodeRadius,\n        w: nodeRadius * 2,\n        h: nodeRadius * 2,\n      },\n      { fillColor: color },\n    );\n\n    // 日付を上に表示\n    addGlimpseTextBox(\n      ctx,\n      {\n        x: cx - labelW / 2,\n        y: cy - nodeRadius - dateOffset,\n        w: labelW,\n        h: dateLabelH,\n      },\n      {\n        text: item.date,\n        fontSize: 12 * scaleFactor,\n        fontFace,\n        color: dateColor,\n        align: \"center\",\n        valign: \"bottom\",\n      },\n    );\n\n    // タイトルを下に表示\n    addGlimpseTextBox(\n      ctx,\n      {\n        x: cx - labelW / 2,\n        y: cy + nodeRadius + titleGap,\n        w: labelW,\n        h: titleLabelH,\n      },\n      {\n        text: item.title,\n        fontSize: 14 * scaleFactor,\n        fontFace,\n        color: textColors.title,\n        bold: true,\n        align: \"center\",\n        valign: \"top\",\n      },\n    );\n\n    // 説明を表示\n    if (item.description) {\n      addGlimpseTextBox(\n        ctx,\n        {\n          x: cx - labelW / 2,\n          y: cy + nodeRadius + descOffset,\n          w: labelW,\n          h: descLabelH,\n        },\n        {\n          text: item.description,\n          fontSize: 11 * scaleFactor,\n          fontFace,\n          color: textColors.description,\n          align: \"center\",\n          valign: \"top\",\n        },\n      );\n    }\n  });\n}\n\nfunction renderVerticalTimeline(\n  node: TimelinePositionedNode,\n  ctx: RenderContext,\n  items: TimelinePositionedNode[\"items\"],\n  options: TimelineRenderOptions,\n): void {\n  const {\n    defaultColor,\n    nodeRadius,\n    lineWidth,\n    scaleFactor,\n    textColors,\n    connectorLineColor,\n    fontFace,\n  } = options;\n  const itemCount = items.length;\n  const lineX = node.x + 40 * scaleFactor;\n  const startY = node.y + nodeRadius;\n  const endY = node.y + node.h - nodeRadius;\n  const lineLength = endY - startY;\n\n  // メインの線を描画\n  addStraightLine(\n    ctx,\n    { x1: lineX, y1: startY, x2: lineX, y2: startY + lineLength },\n    {\n      color: connectorLineColor,\n      lineWidth,\n      lineGradient: options.connectorGradient,\n      lineGradientOpacity: options.connectorGradientOpacity,\n    },\n  );\n\n  const labelGap = 16 * scaleFactor;\n  const dateLabelW = 100 * scaleFactor;\n  const dateLabelH = 20 * scaleFactor;\n  const titleLabelH = 24 * scaleFactor;\n  const descLabelH = 32 * scaleFactor;\n  const titleLabelW = node.w - 80 * scaleFactor;\n  const descLabelW = node.w - 80 * scaleFactor;\n\n  // 各アイテムを描画\n  items.forEach((item, index) => {\n    const progress = itemCount === 1 ? 0.5 : index / (itemCount - 1);\n    const cx = lineX;\n    const cy = startY + lineLength * progress;\n    const color = item.color ?? defaultColor;\n    const dateColor = resolveItemDateColor(item, options);\n\n    // ノード（円）を描画\n    addGlimpseShape(\n      ctx,\n      {\n        geometry: { kind: \"preset\", preset: \"ellipse\" },\n        ...createShapeBoundsInput({\n          x: cx - nodeRadius,\n          y: cy - nodeRadius,\n          w: nodeRadius * 2,\n          h: nodeRadius * 2,\n        }),\n        fill: solidShapeFill(color),\n        outline: noShapeOutline(),\n      },\n      {\n        x: cx - nodeRadius,\n        y: cy - nodeRadius,\n        w: nodeRadius * 2,\n        h: nodeRadius * 2,\n      },\n      { fillColor: color },\n    );\n\n    // 日付を左上に表示\n    addGlimpseTextBox(\n      ctx,\n      {\n        x: cx + nodeRadius + labelGap,\n        y: cy - nodeRadius - 4 * scaleFactor,\n        w: dateLabelW,\n        h: dateLabelH,\n      },\n      {\n        text: item.date,\n        fontSize: 12 * scaleFactor,\n        fontFace,\n        color: dateColor,\n        align: \"left\",\n        valign: \"bottom\",\n      },\n    );\n\n    // タイトルを右に表示\n    addGlimpseTextBox(\n      ctx,\n      {\n        x: cx + nodeRadius + labelGap,\n        y: cy - 4 * scaleFactor,\n        w: titleLabelW,\n        h: titleLabelH,\n      },\n      {\n        text: item.title,\n        fontSize: 14 * scaleFactor,\n        fontFace,\n        color: textColors.title,\n        bold: true,\n        align: \"left\",\n        valign: \"top\",\n      },\n    );\n\n    // 説明を表示\n    if (item.description) {\n      addGlimpseTextBox(\n        ctx,\n        {\n          x: cx + nodeRadius + labelGap,\n          y: cy + 20 * scaleFactor,\n          w: descLabelW,\n          h: descLabelH,\n        },\n        {\n          text: item.description,\n          fontSize: 11 * scaleFactor,\n          fontFace,\n          color: textColors.description,\n          align: \"left\",\n          valign: \"top\",\n        },\n      );\n    }\n  });\n}\n"],"mappings":"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"}