abstract-document 20.0.1 → 20.0.3

package/src/abstract-document/page/section.ts

@@ -1,6 +1,6 @@
-import { Resources } from "../resources.js";
+import type { Resources } from "../resources.js";
 import * as MasterPage from "./master-page.js";
-import { SectionElement } from "../section-elements/section-element.js";
+import type { SectionElement } from "../section-elements/section-element.js";
 
 export type Section = Resources & {
   readonly page: MasterPage.MasterPage;

package/src/abstract-document/primitives/image-resource.ts

@@ -1,4 +1,4 @@
-import { AbstractImage } from "abstract-image";
+import type { AbstractImage } from "abstract-image";
 
 export type Guid = string;
 

package/src/abstract-document/resources.ts

@@ -1,12 +1,13 @@
 // import { ImageResource } from "./primitives/image-resource.js";
 // import { Numbering } from "./numberings/numbering.js";
-import { NumberingDefinition } from "./numberings/numbering-definition.js";
+import type { NumberingDefinition } from "./numberings/numbering-definition.js";
 import { create } from "./styles/style-key.js";
-import { Style, overrideWith } from "./styles/style.js";
-import { Font } from "./primitives/font.js";
-import { Indexer } from "./types.js";
+import type { Style } from "./styles/style.js";
+import { overrideWith } from "./styles/style.js";
+import type { Font } from "./primitives/font.js";
+import type { Indexer } from "./types.js";
 import { defaultAndStandardStyles } from "./default-styles.js";
-import { ImageResource } from "./primitives/image-resource.js";
+import type { ImageResource } from "./primitives/image-resource.js";
 
 export interface Resources {
   readonly fonts?: Indexer<Font>;
@@ -69,9 +70,9 @@ export function getNestedStyle(
   const namedStyle = resources.styles && resources.styles[create(type, name)];
   const nestedStyle = nestedStyleNames
     ? nestedStyleNames.reduce(
-      (sofar, name) => overrideWith(sofar, resources.styles && resources.styles[create(type, name)]),
-      namedStyle
-    )
+        (sofar, name) => overrideWith(sofar, resources.styles && resources.styles[create(type, name)]),
+        namedStyle
+      )
     : namedStyle;
   return overrideWith(
     elementStyle,

package/src/abstract-document/section-elements/group.ts

@@ -1,5 +1,5 @@
-import { Resources } from "../resources.js";
-import { SectionElement } from "./section-element.js";
+import type { Resources } from "../resources.js";
+import type { SectionElement } from "./section-element.js";
 import * as GroupStyle from "../styles/group-style.js";
 
 export const sectionType = "Group";

package/src/abstract-document/section-elements/page-break.ts

@@ -1,4 +1,4 @@
-import { Resources } from "../resources.js";
+import type { Resources } from "../resources.js";
 
 export type PageBreak = Resources & {
   readonly type: "PageBreak";

package/src/abstract-document/section-elements/paragraph.ts

@@ -1,6 +1,6 @@
-import { Resources } from "../resources.js";
-import { Atom } from "../atoms/atom.js";
-import { ParagraphNumbering } from "./paragraph-numbering.js";
+import type { Resources } from "../resources.js";
+import type { Atom } from "../atoms/atom.js";
+import type { ParagraphNumbering } from "./paragraph-numbering.js";
 import * as ParagraphStyle from "../styles/paragraph-style.js";
 
 export const sectionType = "Paragraph";

package/src/abstract-document/section-elements/section-element.ts

@@ -1,7 +1,7 @@
 import * as Group from "./group.js";
 import * as Paragraph from "./paragraph.js";
 import * as Table from "./table.js";
-import * as PageBreak from "./page-break.js";
+import type * as PageBreak from "./page-break.js";
 
 export type SectionElement = Group.Group | Paragraph.Paragraph | Table.Table | PageBreak.PageBreak;
 export type SectionElementNoPageBreak = Exclude<SectionElement, PageBreak.PageBreak>;

package/src/abstract-document/section-elements/table.ts

@@ -1,5 +1,5 @@
-import { Resources } from "../resources.js";
-import * as TableRow from "../table/table-row.js";
+import type { Resources } from "../resources.js";
+import type * as TableRow from "../table/table-row.js";
 import * as TableStyle from "../styles/table-style.js";
 
 export const sectionType = "Table";

package/src/abstract-document/styles/group-style.ts

@@ -1,5 +1,5 @@
 import * as LayoutFoundation from "../primitives/layout-foundation.js";
-import * as Position from "./position.js";
+import type * as Position from "./position.js";
 
 export interface GroupStyle {
   readonly type: "GroupStyle";

package/src/abstract-document/styles/paragraph-style.ts

@@ -1,6 +1,6 @@
 import * as TextStyle from "./text-style.js";
 import * as LayoutFoundation from "../primitives/layout-foundation.js";
-import * as Position from "./position.js";
+import type * as Position from "./position.js";
 
 export type TextAlignment = "Start" | "Center" | "End" | "Justify";
 

package/src/abstract-document/styles/table-style.ts

@@ -1,6 +1,6 @@
 import * as LayoutFoundation from "../primitives/layout-foundation.js";
 import * as TableCellStyle from "./table-cell-style.js";
-import * as Position from "./position.js";
+import type * as Position from "./position.js";
 
 export type TableAlignment = "Left" | "Center" | "Right";
 

package/src/abstract-document/table/table-cell.ts

@@ -1,4 +1,4 @@
-import * as SectionElement from "../section-elements/section-element.js";
+import type * as SectionElement from "../section-elements/section-element.js";
 import * as TableCellStyle from "../styles/table-cell-style.js";
 
 export interface TableCell {

package/src/abstract-document/table/table-row.ts

@@ -1,4 +1,4 @@
-import { TableCell } from "./table-cell.js";
+import type { TableCell } from "./table-cell.js";
 
 export interface TableRow {
   readonly children: ReadonlyArray<TableCell>;

package/src/abstract-document-exporters/docx2/render-image.ts

@@ -1,35 +1,26 @@
-import * as AbstractImage from "abstract-image";
-import { ImageRun, IMediaTransformation } from "docx";
-import { TextStyle } from "../../abstract-document/styles/text-style.js";
-import { Image } from "../../abstract-document/atoms/image.js";
-import { Resources } from "../../abstract-document/index.js";
+import type * as AbstractImage from "abstract-image";
+import type { IMediaTransformation } from "docx";
+import { ImageRun } from "docx";
+import type { TextStyle } from "../../abstract-document/styles/text-style.js";
+import type { Image } from "../../abstract-document/atoms/image.js";
 import { fromBase64, rawSvgPrefix } from "../shared/base-64.js";
-import * as AD from "../../abstract-document/index.js";
+import type * as AD from "../../abstract-document/index.js";
 
 const abstractDocPointsToDocxPxRatio = 1; // Set to 1 for now to minimize impact. Can be adjusted to better match PDF image dimensions
 
-const emptyPNG =
-  "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO6pH7sAAAAASUVORK5CYII=";
+const emptyPNG = "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO6pH7sAAAAASUVORK5CYII=";
 
-  const fallbackImage = {
-    type: "png" as const,
-    data: fromBase64(emptyPNG),
-  };
-
-export function renderImage(
-  image: Image,
-  textStyle: TextStyle,
-  resources: Resources.Resources
-): ImageRun {
+const fallbackImage = {
+  type: "png" as const,
+  data: fromBase64(emptyPNG),
+};
 
+export function renderImage(image: Image, textStyle: TextStyle, resources: AD.Resources.Resources): ImageRun {
   const aImage = image.imageResource.abstractImage;
 
   const firstComp = aImage.components[0];
   const resource =
-    !aImage.size.width &&
-    !aImage.size.height &&
-    firstComp?.type === "binaryimage" &&
-    firstComp.data.type === "url"
+    !aImage.size.width && !aImage.size.height && firstComp?.type === "binaryimage" && firstComp.data.type === "url"
       ? resources.imageResources?.[firstComp.data.url] ?? image.imageResource
       : image.imageResource;
 
@@ -48,7 +39,10 @@ export function renderImage(
   const drawnW = imgW * scale;
   const drawnH = imgH * scale;
 
-  const transformation: IMediaTransformation = { width: drawnW * abstractDocPointsToDocxPxRatio, height: drawnH * abstractDocPointsToDocxPxRatio};
+  const transformation: IMediaTransformation = {
+    width: drawnW * abstractDocPointsToDocxPxRatio,
+    height: drawnH * abstractDocPointsToDocxPxRatio,
+  };
 
   const directImage = tryCreateDirectImageRun(resource, transformation, resources);
   if (directImage) {
@@ -68,7 +62,7 @@ export function renderImage(
 function tryCreateDirectImageRun(
   resource: AD.ImageResource.ImageResource,
   transformation: IMediaTransformation,
-  resources: Resources.Resources
+  resources: AD.Resources.Resources
 ): ImageRun | undefined {
   if (resource.abstractImage.components.length !== 1) {
     return undefined;
@@ -85,7 +79,7 @@ function tryCreateDirectImageRun(
 function binaryImageToImageRun(
   component: AbstractImage.BinaryImage,
   transformation: IMediaTransformation,
-  resources: Resources.Resources
+  resources: AD.Resources.Resources
 ): ImageRun | undefined {
   const format = component.format.toLowerCase();
 
@@ -145,7 +139,7 @@ function binaryImageToImageRun(
       }
 
       if (mimeType.includes("svg")) {
-        return new ImageRun({ type: "svg", data, transformation, fallback: fallbackImage});
+        return new ImageRun({ type: "svg", data, transformation, fallback: fallbackImage });
       }
     }
   }
@@ -155,7 +149,7 @@ function binaryImageToImageRun(
 
 function abstractImageToSvg(
   image: AbstractImage.AbstractImage,
-  resources: Resources.Resources,
+  resources: AD.Resources.Resources,
   textStyle: TextStyle
 ): string {
   const width = image.size.width || 1;
@@ -171,7 +165,7 @@ function abstractImageToSvg(
 
 function componentToSvg(
   component: AbstractImage.Component,
-  resources: Resources.Resources,
+  resources: AD.Resources.Resources,
   textStyle: TextStyle,
   circuitBreaker: number
 ): string {
@@ -181,9 +175,7 @@ function componentToSvg(
 
   switch (component.type) {
     case "group":
-      return component.children
-        .map((child) => componentToSvg(child, resources, textStyle, circuitBreaker))
-        .join("");
+      return component.children.map((child) => componentToSvg(child, resources, textStyle, circuitBreaker)).join("");
 
     case "subimage": {
       const scaleX = component.size.width / (component.image.size.width || 1);
@@ -201,19 +193,33 @@ function componentToSvg(
       return binaryImageToSvg(component, resources, textStyle, circuitBreaker);
 
     case "line":
-      return `<line x1="${component.start.x}" y1="${component.start.y}" x2="${component.end.x}" y2="${component.end.y}" ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
+      return `<line x1="${component.start.x}" y1="${component.start.y}" x2="${component.end.x}" y2="${
+        component.end.y
+      }" ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
 
     case "polyline":
-      return `<polyline points="${component.points.map((p) => `${p.x},${p.y}`).join(" ")}" fill="none" ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
+      return `<polyline points="${component.points.map((p) => `${p.x},${p.y}`).join(" ")}" fill="none" ${strokeAttrs(
+        component.strokeColor,
+        component.strokeThickness,
+        component.strokeDashStyle
+      )} />`;
 
     case "polygon":
-      return `<polygon points="${component.points.map((p) => `${p.x},${p.y}`).join(" ")}" ${fillAttrs(component.fillColor)} ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
+      return `<polygon points="${component.points.map((p) => `${p.x},${p.y}`).join(" ")}" ${fillAttrs(
+        component.fillColor
+      )} ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
 
     case "rectangle": {
       const width = component.bottomRight.x - component.topLeft.x;
       const height = component.bottomRight.y - component.topLeft.y;
 
-      return `<rect x="${component.topLeft.x}" y="${component.topLeft.y}" width="${width}" height="${height}" ${fillAttrs(component.fillColor)} ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
+      return `<rect x="${component.topLeft.x}" y="${
+        component.topLeft.y
+      }" width="${width}" height="${height}" ${fillAttrs(component.fillColor)} ${strokeAttrs(
+        component.strokeColor,
+        component.strokeThickness,
+        component.strokeDashStyle
+      )} />`;
     }
 
     case "ellipse": {
@@ -222,7 +228,9 @@ function componentToSvg(
       const cx = component.topLeft.x + width * 0.5;
       const cy = component.topLeft.y + height * 0.5;
 
-      return `<ellipse cx="${cx}" cy="${cy}" rx="${width * 0.5}" ry="${height * 0.5}" ${fillAttrs(component.fillColor)} ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
+      return `<ellipse cx="${cx}" cy="${cy}" rx="${width * 0.5}" ry="${height * 0.5}" ${fillAttrs(
+        component.fillColor
+      )} ${strokeAttrs(component.strokeColor, component.strokeThickness, component.strokeDashStyle)} />`;
     }
 
     case "text":
@@ -235,7 +243,7 @@ function componentToSvg(
 
 function binaryImageToSvg(
   component: AbstractImage.BinaryImage,
-  resources: Resources.Resources,
+  resources: AD.Resources.Resources,
   textStyle: TextStyle,
   circuitBreaker: number
 ): string {
@@ -263,7 +271,9 @@ function binaryImageToSvg(
       return `<g transform="translate(${component.topLeft.x} ${component.topLeft.y})">${svg}</g>`;
     }
 
-    return `<image x="${component.topLeft.x}" y="${component.topLeft.y}" width="${width}" height="${height}" href="${escapeXml(component.data.url)}" />`;
+    return `<image x="${component.topLeft.x}" y="${
+      component.topLeft.y
+    }" width="${width}" height="${height}" href="${escapeXml(component.data.url)}" />`;
   }
 
   if (component.data.type === "bytes") {
@@ -307,24 +317,30 @@ function textComponentToSvg(component: AbstractImage.Text): string {
       ? "middle"
       : "text-before-edge";
 
-  return `<text x="${component.position.x}" y="${component.position.y}" font-family="${escapeXml(component.fontFamily)}" font-size="${component.fontSize}" font-weight="${component.fontWeight}" font-style="${component.italic ? "italic" : "normal"}" fill="${colorToCss(component.textColor)}" text-anchor="${anchor}" dominant-baseline="${dominantBaseline}"${rotation}>${escapeXml(component.text)}</text>`;
+  return `<text x="${component.position.x}" y="${component.position.y}" font-family="${escapeXml(
+    component.fontFamily
+  )}" font-size="${component.fontSize}" font-weight="${component.fontWeight}" font-style="${
+    component.italic ? "italic" : "normal"
+  }" fill="${colorToCss(
+    component.textColor
+  )}" text-anchor="${anchor}" dominant-baseline="${dominantBaseline}"${rotation}>${escapeXml(component.text)}</text>`;
 }
 
 function fillAttrs(color: AbstractImage.Color): string {
   return `fill="${colorToCss(color)}" fill-opacity="${colorToOpacity(color)}"`;
 }
 
-function strokeAttrs(
-  color: AbstractImage.Color,
-  thickness: number,
-  dashStyle: AbstractImage.DashStyle
-): string {
+function strokeAttrs(color: AbstractImage.Color, thickness: number, dashStyle: AbstractImage.DashStyle): string {
   const dashArray =
     dashStyle.dashes.length > 0
-      ? ` stroke-dasharray="${dashStyle.dashes.filter((dash) => dash !== 0).join(" ")}" stroke-dashoffset="${dashStyle.offset}"`
+      ? ` stroke-dasharray="${dashStyle.dashes.filter((dash) => dash !== 0).join(" ")}" stroke-dashoffset="${
+          dashStyle.offset
+        }"`
       : "";
 
-  return `stroke="${colorToCss(color)}" stroke-opacity="${colorToOpacity(color)}" stroke-width="${thickness}"${dashArray}`;
+  return `stroke="${colorToCss(color)}" stroke-opacity="${colorToOpacity(
+    color
+  )}" stroke-width="${thickness}"${dashArray}`;
 }
 
 function colorToOpacity(color: AbstractImage.Color): number {
@@ -336,11 +352,7 @@ function colorToCss(color: AbstractImage.Color): string {
 }
 
 function escapeXml(value: string): string {
-  return value
-    .replace(/&/g, "&amp;")
-    .replace(/"/g, "&quot;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;");
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 
 function resourceRect(resource: AD.ImageResource.ImageResource, rect: AbstractImage.Size): AbstractImage.Size {

package/src/abstract-document-exporters/docx2/render.ts

@@ -1,8 +1,18 @@
 import * as AD from "../../abstract-document/index.js";
+import type {
+  ISectionOptions,
+  ImageRun,
+  SymbolRun,
+  PageBreak,
+  SequentialIdentifier,
+  FootnoteReferenceRun,
+  InsertedTextRun,
+  DeletedTextRun,
+  Math as MathDocX,
+} from "docx";
 import {
   Packer,
   Document,
-  ISectionOptions,
   Paragraph,
   Table,
   Bookmark,
@@ -19,14 +29,6 @@ import {
   TableRow,
   TableCell,
   VerticalAlign,
-  ImageRun,
-  SymbolRun,
-  PageBreak,
-  SequentialIdentifier,
-  FootnoteReferenceRun,
-  InsertedTextRun,
-  DeletedTextRun,
-  Math as MathDocX,
   PageNumber,
 } from "docx";
 import { renderImage } from "./render-image.js";
@@ -72,16 +74,14 @@ function createDocument(doc: AD.AbstractDoc.AbstractDoc): Document {
 
 function renderSection(section: AD.Section.Section, parentResources: AD.Resources.Resources): ISectionOptions {
   const pageWidth = AD.PageStyle.getWidth(section.page.style);
-  const pageHeight = AD.PageStyle.getHeight(section.page.style);
-  const pageHeaderMargins = AD.LayoutFoundation.orDefault(section.page.style.headerMargins)
-  const pageFooterMargins = AD.LayoutFoundation.orDefault(section.page.style.footerMargins)
+  const pageHeaderMargins = AD.LayoutFoundation.orDefault(section.page.style.headerMargins);
+  const pageFooterMargins = AD.LayoutFoundation.orDefault(section.page.style.footerMargins);
   const pageContentMargins = AD.LayoutFoundation.orDefault(section.page.style.contentMargins);
 
   const hasFrontHeader = section.page.frontHeader !== undefined && section.page.frontHeader.length !== 0;
   const hasFrontFooter = section.page.frontFooter !== undefined && section.page.frontFooter.length !== 0;
-  
-  const contentAvailableWidth =
-    pageWidth - (pageContentMargins.left + pageContentMargins.right);
+
+  const contentAvailableWidth = pageWidth - (pageContentMargins.left + pageContentMargins.right);
 
   const resources = AD.Resources.mergeResources([parentResources, section]);
 
@@ -90,20 +90,24 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
     return sofar;
   }, [] as Array<Paragraph | Table>);
 
-  const firstpageHeaderChildren = hasFrontHeader ? section.page.frontHeader.reduce((sofar, c) => {
-    sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
-    return sofar;
-  }, [] as Array<Paragraph | Table>) : [];
+  const firstpageHeaderChildren = hasFrontHeader
+    ? section.page.frontHeader.reduce((sofar, c) => {
+        sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
+        return sofar;
+      }, [] as Array<Paragraph | Table>)
+    : [];
 
   const footerChildren = section.page.footer.reduce((sofar, c) => {
     sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
     return sofar;
   }, [] as Array<Paragraph | Table>);
 
-  const firstPageFooterChildren = hasFrontFooter ? section.page.frontFooter.reduce((sofar, c) => {
-    sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
-    return sofar;
-  }, [] as Array<Paragraph | Table>) : [];
+  const firstPageFooterChildren = hasFrontFooter
+    ? section.page.frontFooter.reduce((sofar, c) => {
+        sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
+        return sofar;
+      }, [] as Array<Paragraph | Table>)
+    : [];
 
   const contentChildren = [
     new Paragraph({
@@ -146,17 +150,21 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
       default: new Header({
         children: headerChildren,
       }),
-      first: hasFrontHeader ? new Header({
-        children: firstpageHeaderChildren
-      }) : undefined
+      first: hasFrontHeader
+        ? new Header({
+            children: firstpageHeaderChildren,
+          })
+        : undefined,
     },
     footers: {
       default: new Footer({
-        children: footerChildren
+        children: footerChildren,
       }),
-      first: hasFrontFooter ? new Footer({
-        children: firstPageFooterChildren
-      }) : undefined
+      first: hasFrontFooter
+        ? new Footer({
+            children: firstPageFooterChildren,
+          })
+        : undefined,
     },
     children: contentChildren,
   };
@@ -176,9 +184,9 @@ function renderHyperLink(
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color || "#0000ff",
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color || "#0000ff",
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
   });
 
@@ -258,8 +266,8 @@ function renderTable(
       style.alignment === "Left"
         ? AlignmentType.LEFT
         : style.alignment === "Right"
-          ? AlignmentType.RIGHT
-          : AlignmentType.CENTER,
+        ? AlignmentType.RIGHT
+        : AlignmentType.CENTER,
     margins: {
       top: styleMargins.top * abstractDocPixelToDocxDXARatio,
       bottom: styleMargins.bottom * abstractDocPixelToDocxDXARatio,
@@ -302,7 +310,9 @@ function renderTable(
         style: BorderStyle.NONE,
       },
     },
-    rows: table.headerRows.concat(table.children).map((c) => renderRow(c, resources, style.cellStyle, columnWidths, keepNext)),
+    rows: table.headerRows
+      .concat(table.children)
+      .map((c) => renderRow(c, resources, style.cellStyle, columnWidths, keepNext)),
   });
 }
 
@@ -317,16 +327,11 @@ function renderRow(
     (acc, cell) => {
       const span = cell.columnSpan ?? 1;
 
-      const width = columnWidths
-        .slice(acc.columnIndex, acc.columnIndex + span)
-        .reduce((a, b) => a + b, 0);
+      const width = columnWidths.slice(acc.columnIndex, acc.columnIndex + span).reduce((a, b) => a + b, 0);
 
       return {
         columnIndex: acc.columnIndex + span,
-        children: [
-          ...acc.children,
-          renderCell(cell, resources, tableCellStyle, width, keepNext),
-        ],
+        children: [...acc.children, renderCell(cell, resources, tableCellStyle, width, keepNext)],
       };
     },
     { columnIndex: 0, children: [] as TableCell[] }
@@ -346,7 +351,7 @@ function renderCell(
   keepNext: boolean
 ): TableCell {
   const abstractDocPxCellWidth = width / abstractDocPixelToDocxDXARatio;
-  
+
   const style = AD.Resources.getStyle(
     tableCellStyle,
     cell.style,
@@ -363,8 +368,8 @@ function renderCell(
       (style.verticalAlignment && style.verticalAlignment === "Top"
         ? VerticalAlign.TOP
         : style.verticalAlignment === "Bottom"
-          ? VerticalAlign.BOTTOM
-          : VerticalAlign.CENTER) || undefined,
+        ? VerticalAlign.BOTTOM
+        : VerticalAlign.CENTER) || undefined,
     shading: {
       fill: style.background ? style.background : undefined,
     },
@@ -494,9 +499,9 @@ function renderPageNumber(style: AD.TextStyle.TextStyle): TextRun {
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color,
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color,
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
     children: [PageNumber.CURRENT],
   });
@@ -512,9 +517,9 @@ function renderTotalPages(style: AD.TextStyle.TextStyle): TextRun {
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color,
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color,
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
     children: [PageNumber.TOTAL_PAGES],
   });
@@ -532,9 +537,9 @@ function renderText(style: AD.TextStyle.TextStyle, text: string): TextRun {
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color,
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color,
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
   });
 }
@@ -576,8 +581,8 @@ function renderParagraph(
         (style.alignment === "Center"
           ? AlignmentType.CENTER
           : style.alignment === "End"
-            ? AlignmentType.END
-            : AlignmentType.START)) ||
+          ? AlignmentType.END
+          : AlignmentType.START)) ||
       undefined,
 
     spacing: {

package/src/abstract-document-exporters/pdf/font.ts

@@ -1,6 +1,6 @@
 import * as AD from "../../abstract-document/index.js";
-import { Font } from "../../abstract-document/primitives/font.js";
-import { TextFontWeight } from "../../abstract-document/styles/text-style.js";
+import type { Font } from "../../abstract-document/primitives/font.js";
+import type { TextFontWeight } from "../../abstract-document/styles/text-style.js";
 import { getResources } from "../shared/get_resources.js";
 
 export function registerFonts(
@@ -57,12 +57,12 @@ export function getFontNameStyle(textStyle: AD.TextStyle.TextStyle): string {
 
 export function getFontStyleName(attributes: Record<string, string>): keyof Font {
   const fontWeight = getFontWeightFromAttributes(attributes);
-  const stringifiedItalic = `${attributes.italic}`;
+  const stringifiedItalic = `${attributes["italic"]}`;
   const italic = stringifiedItalic === "true" || stringifiedItalic === "1";
-  if(fontWeight === "normal") {
+  if (fontWeight === "normal") {
     return italic ? "italic" : fontWeight;
   }
-  return `${fontWeight === "mediumBold" ? "medium" : fontWeight}${italic ? "Italic": ""}`;
+  return `${fontWeight === "mediumBold" ? "medium" : fontWeight}${italic ? "Italic" : ""}`;
 }
 
 export function getFontName(

package/src/abstract-document-exporters/pdf/measure.ts

@@ -1,6 +1,7 @@
 import * as AD from "../../abstract-document/index.js";
 import { exhaustiveCheck } from "ts-exhaustive-check";
-import { getHeaderAndFooter, Page } from "./paginate.js";
+import type { Page } from "./paginate.js";
+import { getHeaderAndFooter } from "./paginate.js";
 import { registerFonts, getFontNameStyle } from "./font.js";
 
 //tslint:disable:no-any variable-name