@openpresentation/opf 0.11.1 → 0.11.3

package/dist/{chunk-6UPHKXI5.js → chunk-BVLWFMDX.js}

@@ -319,6 +319,21 @@ function placeTextLines(lines, box, alignment = "left", rasterPadding = 0) {
   }
   return { alignment, rasterPadding, lines: placed, height, overflow };
 }
+function translateTextFit(fit, dy) {
+  if (!dy || !fit.placement) return fit;
+  return {
+    ...fit,
+    placement: {
+      ...fit.placement,
+      lines: fit.placement.lines.map((line) => ({
+        ...line,
+        y: line.y + dy,
+        baseline: line.baseline + dy,
+        outline: line.outline ? { ...line.outline, y: line.outline.y + dy } : line.outline
+      }))
+    }
+  };
+}
 var OPFCompositionError = class extends Error {
   constructor(diagnostics, explanation) {
     super("Slide content does not fit its composition.");
@@ -332,6 +347,7 @@ var OPFCompositionError = class extends Error {
 };
 var fields = ["text", "items", "bullets", "image", "video", "chart", "table", "code", "metric", "quote", "timeline"];
 var headings = /* @__PURE__ */ new Set(["title", "subtitle", "tag"]);
+var COVER_LAYOUT_IDS = /* @__PURE__ */ new Set(["title", "title-subtitle"]);
 var rows = ["top", "middle", "bottom"];
 var columns = ["left", "center", "right"];
 var record2 = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : {};
@@ -1520,7 +1536,16 @@ function composeSlide(input, options = {}) {
   const furniture = measuredFurniture.configured || measuredFurniture.diagnostics.length ? measuredFurniture : void 0;
   if (furniture) diagnostics.push(...furniture.diagnostics);
   const bodyBottom = Math.min(area.bottom - padding, furniture && furniture.footerTop < height ? furniture.footerTop - gap * 0.5 : height - padding);
-  let y = Math.max(area.top + padding, furniture?.headerBottom ? furniture.headerBottom + gap * 0.5 : padding);
+  const headingTop = Math.max(area.top + padding, furniture?.headerBottom ? furniture.headerBottom + gap * 0.5 : padding);
+  const layoutPlaceholders = Array.isArray(layout.placeholders) ? layout.placeholders : [];
+  const headingOnlyLayout = COVER_LAYOUT_IDS.has(String(layout.id ?? "")) || layoutPlaceholders.length > 0 && layoutPlaceholders.every((placeholder) => headings.has(placeholder.type ?? ""));
+  const regions = Object.keys(slide).filter((key) => regionParts(key)).sort();
+  const emptyPayload = (value) => value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+  const emptyHost = (host) => emptyPayload(host.blocks) && fields.every((field) => emptyPayload(host[field]));
+  const hasBodyPayload = regions.some((key) => !emptyHost(record2(slide[key]))) || !emptyPayload(slide.blocks) || fields.some((field) => !emptyPayload(slide[field]));
+  const isCover = !hasBodyPayload && (headingOnlyLayout || !layout.id && !layoutPlaceholders.some((placeholder) => !headings.has(placeholder.type ?? "")));
+  let y = headingTop;
+  const headingItems = [];
   for (const field of ["tag", "title", "subtitle"]) {
     if (!slide[field]) continue;
     const requested = (field === "title" ? 54 : field === "tag" ? 16 : 25) * scale;
@@ -1529,10 +1554,22 @@ function composeSlide(input, options = {}) {
     const text = fitPlacedText(field, slide[field], String(slide[field]), box, requested, minSize, `${path}.${field}`);
     box.height = Math.min(maxHeight, Math.max(text.lines.length * text.lineHeight, text.placement?.height ?? 0));
     if (furniture && box.y + box.height > bodyBottom + 0.01) diagnostics.push({ code: "text-overflow", path: `${path}.${field}`, message: "Repeated furniture leaves too little room for this heading. Change the header/footer or slide design." });
-    items.push({ path: `${path}.${field}`, field, type: "text", value: slide[field], payload: { text: slide[field] }, box, text, textStyle: styleFor(field, `${path}.${field}`), composition, alignment: alignmentFor(field) });
+    const item = { path: `${path}.${field}`, field, type: "text", value: slide[field], payload: { text: slide[field] }, box, text, textStyle: styleFor(field, `${path}.${field}`), composition, alignment: alignmentFor(field) };
+    headingItems.push(item);
+    items.push(item);
     y += box.height + gap * 0.5;
   }
-  if (items.length) y += gap * 0.5;
+  if (headingItems.length) {
+    if (isCover) {
+      const last = headingItems[headingItems.length - 1];
+      const shift = Math.max(0, (bodyBottom - (last.box.y + last.box.height)) / 2);
+      if (shift) for (const item of headingItems) {
+        item.box.y += shift;
+        if (item.text) item.text = translateTextFit(item.text, shift);
+      }
+      y = last.box.y + last.box.height + gap;
+    } else y += gap * 0.5;
+  }
   const contentBox = { x: area.left + padding, y, width: area.right - area.left - padding * 2, height: Math.max(scale, bodyBottom - y) };
   const collect = (host, basePath, depth = 0, ancestors = []) => {
     if (Array.isArray(host.blocks)) {
@@ -1551,7 +1588,6 @@ function composeSlide(input, options = {}) {
     }
     return fields.filter((field) => host[field] !== void 0).map((field) => ({ field, type: host.type ?? kind(field), value: host[field], path: `${basePath}.${field}`, payload: { type: host.type ?? kind(field), [field]: host[field] } }));
   };
-  const regions = Object.keys(slide).filter((key) => regionParts(key)).sort();
   const pending = regions.length ? regions.flatMap((key) => collect(record2(slide[key]), `${path}.${key}`).map((item) => ({ ...item, region: regionParts(key) }))) : Array.isArray(slide.blocks) ? slide.blocks.flatMap((block, index) => collect(record2(block), `${path}.blocks.${index}`)) : collect(slideImage?.replacesContent ? { ...slide, image: void 0 } : slide, path);
   const groups = [], flows = [];
   const decisions = options.explain ? [] : void 0;