abstract-document 20.0.3 → 20.1.0

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

@@ -1,34 +1,21 @@
 import * as AD from "../../abstract-document/index.js";
 import { getResources } from "../shared/get_resources.js";
 import { registerFonts } from "./font.js";
+import { getHeaderAndFooter } from "./header-footer.js";
 import { measureTable } from "./measure.js";
-
-export interface PageColumn {
-  readonly elements: ReadonlyArray<AD.SectionElement.SectionElement>;
-}
-
-export interface Page {
-  readonly pageNo: number;
-  readonly namedDestionations: ReadonlyArray<string>;
-  readonly pageOptions: any;
-  readonly section: AD.Section.Section;
-  readonly contentRect: AD.Rect.Rect;
-  readonly columns: ReadonlyArray<PageColumn>;
-  readonly header: ReadonlyArray<AD.SectionElement.SectionElement>;
-  readonly footer: ReadonlyArray<AD.SectionElement.SectionElement>;
-}
+import type { Page, PageColumn } from "./page.js";
 
 export function paginate(
   pdfKit: PDFKit.PDFDocument,
   document: AD.AbstractDoc.AbstractDoc,
-  desiredSizes: Map<any, AD.Size.Size>
+  desiredSizes: Map<object, AD.Size.Size>
 ): ReadonlyArray<Page> {
   const resources = getResources(document);
   const pdf = new pdfKit({ compress: false, autoFirstPage: false, bufferPages: true });
 
   registerFonts((fontName: string, fontSource: AD.Font.FontSource) => pdf.registerFont(fontName, fontSource), document);
   const pages = new Array<Page>();
-  for (let section of document.children) {
+  for (const section of document.children) {
     const previousPage = pages.length > 0 ? pages[pages.length - 1] : undefined;
     pages.push(...paginateSection(pdfKit, document, resources, desiredSizes, previousPage, section));
   }
@@ -40,7 +27,7 @@ function paginateSection(
   pdfKit: PDFKit.PDFDocument,
   document: AD.AbstractDoc.AbstractDoc,
   parentResources: AD.Resources.Resources,
-  desiredSizes: Map<{}, AD.Size.Size>,
+  desiredSizes: Map<object, AD.Size.Size>,
   previousPage: Page | undefined,
   section: AD.Section.Section
 ): Array<Page> {
@@ -97,7 +84,7 @@ function paginateSection(
           elements.length
         );
 
-        const tableSplit: AD.Table.Table[] = [];
+        const tableSplit: Array<AD.Table.Table> = [];
         if (tableHead) {
           elements.push(tableHead);
           tableSplit.push(tableHead);
@@ -139,7 +126,7 @@ function splitTable(
   pdfKit: PDFKit.PDFDocument,
   document: AD.AbstractDoc.AbstractDoc,
   resources: AD.Resources.Resources,
-  desiredSizes: Map<{}, AD.Size.Size>,
+  desiredSizes: Map<object, AD.Size.Size>,
   table: AD.Table.Table,
   elementsHeight: number,
   availableHeight: number,
@@ -147,7 +134,7 @@ function splitTable(
 ): [AD.Table.Table | undefined, AD.Table.Table | undefined] {
   let tableHead = undefined;
   let tableRest = undefined;
-  elementsHeight += table.style.margins.top || 0;
+  elementsHeight += table.style.margins.top ?? 0;
   if (table.headerRows.length > 0) {
     const headerSize = table.headerRows.reduce((acc, row) => (acc += getDesiredSize(row, desiredSizes).height), 0);
     elementsHeight += headerSize;
@@ -164,14 +151,7 @@ function splitTable(
         return [undefined, table];
       }
 
-      const [newTableHead, newTableRest] = splitTableAt(
-        pdfKit,
-        document,
-        resources,
-        desiredSizes,
-        table,
-        Math.max(rowIndex, 1)
-      );
+      const [newTableHead, newTableRest] = splitTableAt(pdfKit, document, resources, desiredSizes, table, Math.max(rowIndex, 1));
 
       if (newTableHead.children.length > 0) {
         tableHead = newTableHead;
@@ -193,7 +173,7 @@ function splitTable(
 
 function createPage(
   resources: AD.Resources.Resources,
-  desiredSizes: Map<{}, AD.Size.Size>,
+  desiredSizes: Map<object, AD.Size.Size>,
   previousPage: Page | undefined,
   section: AD.Section.Section,
   columns: ReadonlyArray<PageColumn>,
@@ -202,7 +182,7 @@ function createPage(
   const style = section.page.style;
   const pageWidth = AD.PageStyle.getWidth(style);
   const pageHeight = AD.PageStyle.getHeight(style);
-  const layout = style.orientation === "Landscape" ? "landscape" : "portrait";
+  const layout: "landscape" | "portrait" = style.orientation === "Landscape" ? "landscape" : "portrait";
   const pageOptions = {
     size: [pageWidth, pageHeight],
     layout: layout,
@@ -235,18 +215,14 @@ function createPage(
     const [columnLeadingSpace] = getLeadingAndTrailingSpace(resources, section, elements);
     leadingSpace = Math.min(leadingSpace ?? columnLeadingSpace, columnLeadingSpace);
   }
-  leadingSpace ||= 0;
+  leadingSpace ??= 0;
   const contentRect = AD.Rect.create(rect.x, rect.y - leadingSpace, rect.width, rect.height + leadingSpace);
 
   const frontHeader =
-    section.page.frontHeader === undefined || section.page.frontHeader.length === 0
-      ? section.page.header
-      : section.page.frontHeader;
+    section.page.frontHeader === undefined || section.page.frontHeader.length === 0 ? section.page.header : section.page.frontHeader;
 
   const frontFooter =
-    section.page.frontFooter === undefined || section.page.frontFooter.length === 0
-      ? section.page.footer
-      : section.page.frontFooter;
+    section.page.frontFooter === undefined || section.page.frontFooter.length === 0 ? section.page.footer : section.page.frontFooter;
 
   return {
     pageNo: pageNo,
@@ -260,70 +236,18 @@ function createPage(
   };
 }
 
-export function getHeaderAndFooter(
-  section: AD.Section.Section,
-  pageNo: number
-): {
-  readonly header: Array<AD.SectionElement.SectionElement>;
-  readonly footer: Array<AD.SectionElement.SectionElement>;
-  readonly headerMargins: Required<AD.LayoutFoundation.LayoutFoundation>;
-  readonly footerMargins: Required<AD.LayoutFoundation.LayoutFoundation>;
-} {
-  const FIRST_PAGE = 1;
-  const EVEN_PAGE = 0;
-  const ODD_PAGE = 1;
-  switch (true) {
-    //first page
-    case pageNo === FIRST_PAGE: {
-      const normalHeader = section.page.frontHeader === undefined || section.page.frontHeader.length === 0;
-      const normalFooter = section.page.frontFooter === undefined || section.page.frontFooter.length === 0;
-      return {
-        footer: normalFooter ? section.page.footer : section.page.frontFooter,
-        header: normalHeader ? section.page.header : section.page.frontHeader,
-        headerMargins: AD.LayoutFoundation.orDefault(normalHeader
-          ? section.page.style.headerMargins
-          : section.page.style.firstPageHeaderMargins ?? section.page.style.headerMargins),
-        footerMargins: AD.LayoutFoundation.orDefault(normalFooter
-          ? section.page.style.footerMargins
-          : section.page.style.firstPageFooterMargins ?? section.page.style.footerMargins),
-      };
-    }
-    case pageNo === 0:
-    case pageNo % 2 === EVEN_PAGE:
-    case pageNo % 2 === ODD_PAGE:
-    default: {
-      return {
-        header: section.page.header,
-        footer: section.page.footer,
-        headerMargins: AD.LayoutFoundation.orDefault(section.page.style.headerMargins),
-        footerMargins: AD.LayoutFoundation.orDefault(section.page.style.footerMargins),
-      };
-    }
-  }
-}
-
-function getPageContentRect(
-  desiredSizes: Map<{}, AD.Size.Size>,
-  section: AD.Section.Section,
-  pageNo: number
-): AD.Rect.Rect {
+function getPageContentRect(desiredSizes: Map<object, AD.Size.Size>, section: AD.Section.Section, pageNo: number): AD.Rect.Rect {
   const style = section.page.style;
   const styleContentMargins = AD.LayoutFoundation.orDefault(style.contentMargins);
   const pageWidth = AD.PageStyle.getWidth(style);
   const pageHeight = AD.PageStyle.getHeight(style);
 
   const { header, footer, headerMargins, footerMargins } = getHeaderAndFooter(section, pageNo);
-  const headerHeight = header.reduce(
-    (prev, curr) => prev + getDesiredSize(curr, desiredSizes).height,
-    headerMargins.top + headerMargins.bottom
-  );
-  const footerHeight = footer.reduce(
-    (prev, curr) => prev + getDesiredSize(curr, desiredSizes).height,
-    footerMargins.top + footerMargins.bottom
-  );
+  const headerHeight = header.reduce((prev, curr) => prev + getDesiredSize(curr, desiredSizes).height, headerMargins.top + headerMargins.bottom);
+  const footerHeight = footer.reduce((prev, curr) => prev + getDesiredSize(curr, desiredSizes).height, footerMargins.top + footerMargins.bottom);
 
   let headerY = headerMargins.top;
-  for (let element of header) {
+  for (const element of header) {
     const elementSize = getDesiredSize(element, desiredSizes);
     headerY += elementSize.height;
   }
@@ -376,10 +300,7 @@ function getSectionElementMargin(
   }
 }
 
-function getParagraphMargins(
-  resources: AD.Resources.Resources,
-  paragraph: AD.Paragraph.Paragraph
-): AD.LayoutFoundation.LayoutFoundation {
+function getParagraphMargins(resources: AD.Resources.Resources, paragraph: AD.Paragraph.Paragraph): AD.LayoutFoundation.LayoutFoundation {
   const style = AD.Resources.getStyle(
     undefined,
     paragraph.style,
@@ -390,10 +311,7 @@ function getParagraphMargins(
   return style.margins;
 }
 
-function getGroupMargins(
-  resources: AD.Resources.Resources,
-  group: AD.Group.Group
-): AD.LayoutFoundation.LayoutFoundation {
+function getGroupMargins(resources: AD.Resources.Resources, group: AD.Group.Group): AD.LayoutFoundation.LayoutFoundation {
   const first = group.children.length > 0 ? group.children[0] : undefined;
   const last = group.children.length > 0 ? group.children[group.children.length - 1] : undefined;
   const firstMargin = first && getSectionElementMargin(resources, first);
@@ -413,21 +331,12 @@ function getGroupMargins(
   }
 }
 
-function getTableMargins(
-  resources: AD.Resources.Resources,
-  table: AD.Table.Table
-): AD.LayoutFoundation.LayoutFoundation {
-  const style = AD.Resources.getStyle(
-    undefined,
-    table.style,
-    "TableStyle",
-    table.styleName,
-    resources
-  ) as AD.TableStyle.TableStyle;
+function getTableMargins(resources: AD.Resources.Resources, table: AD.Table.Table): AD.LayoutFoundation.LayoutFoundation {
+  const style = AD.Resources.getStyle(undefined, table.style, "TableStyle", table.styleName, resources) as AD.TableStyle.TableStyle;
   return style.margins;
 }
 
-function getDesiredSize(element: {}, desiredSizes: Map<{}, AD.Size.Size>): AD.Size.Size {
+function getDesiredSize(element: object, desiredSizes: Map<object, AD.Size.Size>): AD.Size.Size {
   const size = desiredSizes.get(element);
   if (size) {
     return size;
@@ -439,14 +348,14 @@ function splitTableAt(
   pdfKit: PDFKit.PDFDocument,
   document: AD.AbstractDoc.AbstractDoc,
   resources: AD.Resources.Resources,
-  desiredSizes: Map<{}, AD.Size.Size>,
+  desiredSizes: Map<object, AD.Size.Size>,
   table: AD.Table.Table,
   splitIndex: number
 ): [AD.Table.Table, AD.Table.Table] {
   //Push row/cells to head table while splitting rowspan
-  const headRows: AD.TableRow.TableRow[] = [];
+  const headRows: Array<AD.TableRow.TableRow> = [];
   for (const [rowIndex, row] of table.children.slice(0, splitIndex).entries()) {
-    const newRow: AD.TableCell.TableCell[] = [];
+    const newRow: Array<AD.TableCell.TableCell> = [];
     for (const cell of row.children) {
       //If this cell would span over the split index
       if (rowIndex + (cell.rowSpan || 1) - 1 >= splitIndex) {
@@ -463,13 +372,13 @@ function splitTableAt(
   //while keeping the remaining rowspan which was calculated
   //in the pre-process step
   const splitRow = table.children[splitIndex];
-  const firstTailRow: AD.TableCell.TableCell[] = [];
+  const firstTailRow: Array<AD.TableCell.TableCell> = [];
   for (const cell of splitRow.children) {
     firstTailRow.push({ ...cell, dummy: false });
   }
 
   // Push the rest of the rows to tail table
-  const tailRows: AD.TableRow.TableRow[] = [{ ...splitRow, children: firstTailRow }];
+  const tailRows: Array<AD.TableRow.TableRow> = [{ ...splitRow, children: firstTailRow }];
   tailRows.push(...table.children.slice(splitIndex + 1));
 
   //Create tables and remeasure them
@@ -485,7 +394,7 @@ function splitTableAt(
   };
 
   const availableSize = getDesiredSize(table, desiredSizes);
-  let pdf = new pdfKit();
+  const pdf = new pdfKit();
   registerFonts((fontName: string, fontSource: AD.Font.FontSource) => pdf.registerFont(fontName, fontSource), document);
   const headSizes = measureTable(pdf, resources, availableSize, tableHead);
   const tailSizes = measureTable(pdf, resources, availableSize, tableTail);

package/src/abstract-document-exporters/pdf/pre-process.ts

@@ -2,34 +2,7 @@ import { exhaustiveCheck } from "ts-exhaustive-check";
 import * as AD from "../../abstract-document/index.js";
 import * as TextStyle from "../../abstract-document/styles/text-style.js";
 
-const alphabet = [
-  "a",
-  "b",
-  "c",
-  "d",
-  "e",
-  "f",
-  "g",
-  "h",
-  "i",
-  "j",
-  "k",
-  "l",
-  "m",
-  "n",
-  "o",
-  "p",
-  "q",
-  "r",
-  "s",
-  "t",
-  "u",
-  "v",
-  "w",
-  "x",
-  "y",
-  "z",
-];
+const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
 
 const _numberingLevelItems = new Map<string, number>();
 
@@ -84,10 +57,7 @@ function preProcessSectionElement(
   }
 }
 
-function preProcessParagraph(
-  paragraph: AD.Paragraph.Paragraph,
-  resources: AD.Resources.Resources
-): Array<AD.SectionElement.SectionElement> {
+function preProcessParagraph(paragraph: AD.Paragraph.Paragraph, resources: AD.Resources.Resources): Array<AD.SectionElement.SectionElement> {
   const adjustedParagraphs = adjustParagraph(paragraph);
   if (paragraph.numbering === undefined || !resources.numberingDefinitions) {
     return adjustedParagraphs;
@@ -101,7 +71,7 @@ function preProcessParagraph(
   if (numbering === "Unordered") {
     numberText = "-";
   } else {
-    for (let levelDefinition of levelDefinitions.filter((l) => l.level > level)) {
+    for (const levelDefinition of levelDefinitions.filter((l) => l.level > level)) {
       _numberingLevelItems.delete(numbering + "_" + levelDefinition.level.toString());
     }
 
@@ -112,20 +82,20 @@ function preProcessParagraph(
     } else if (!_numberingLevelItems.has(key)) {
       _numberingLevelItems.set(key, levelDefinitions[level].start);
     } else if (append !== true) {
-      _numberingLevelItems.set(key, (_numberingLevelItems.get(key) || 0) + 1);
+      _numberingLevelItems.set(key, (_numberingLevelItems.get(key) ?? 0) + 1);
     }
 
-    for (let levelDefinition of levelDefinitions.filter((l) => l.level <= level)) {
+    for (const levelDefinition of levelDefinitions.filter((l) => l.level <= level)) {
       const numberingLevel = numbering + "_" + levelDefinition.level.toString();
-      const currentNumber = _numberingLevelItems.get(numberingLevel) || 0;
+      const currentNumber = _numberingLevelItems.get(numberingLevel) ?? 0;
       const levelText = generateLevelText(levelDefinition.format, currentNumber);
       const levelKey = "%" + (levelDefinition.level + 1).toString();
       numberText = numberText.replace(levelKey, levelText);
     }
   }
 
-  let rows: Array<AD.TableRow.TableRow> = [];
-  let children: Array<AD.TableCell.TableCell> = [];
+  const rows: Array<AD.TableRow.TableRow> = [];
+  const children: Array<AD.TableCell.TableCell> = [];
 
   children.push(AD.TableCell.create());
 
@@ -183,7 +153,8 @@ function adjustParagraph(paragraph: AD.Paragraph.Paragraph): Array<AD.SectionEle
     if (child.type === "TextRun") {
       // Pdfkit will automatically split texts on "\n", which would not match with out measuring.
       // Fix this by replacing "\n" with a LineBreak
-      const text = `${child.text}`; //for some reason the text is not always a string(when the textrun just contain a number for example).. so we need to make it into one. TODO: make sure it is always a string?
+      // oxlint-disable-next-line typescript/no-unnecessary-type-conversion -- text isn't always a string at runtime
+      const text = String(child.text);
       const lines = text.split("\n");
 
       for (let i = 0; i < lines.length; i++) {
@@ -310,7 +281,7 @@ function toChar(num: number): string {
 function preProcessTable(table: AD.Table.Table, resources: AD.Resources.Resources): AD.SectionElement.SectionElement {
   const processedHeaders = [];
   const processedChildren = [];
-  let rowSpans: Map<number, AD.TableCell.TableCell> = new Map();
+  const rowSpans: Map<number, AD.TableCell.TableCell> = new Map();
   if (table.headerRows) {
     for (const row of table.headerRows) {
       const header = preProcessTableRow(row, rowSpans, resources);
@@ -378,16 +349,10 @@ function preProcessTableRow(
 
 function preProcessTableCell(c: AD.TableCell.TableCell, resources: AD.Resources.Resources): AD.TableCell.TableCell {
   const children = c.children.flatMap((e) => preProcessSectionElement(e, resources));
-  return AD.TableCell.create(
-    { styleName: c.styleName, columnSpan: c.columnSpan, rowSpan: c.rowSpan, style: c.style },
-    children
-  );
+  return AD.TableCell.create({ styleName: c.styleName, columnSpan: c.columnSpan, rowSpan: c.rowSpan, style: c.style }, children);
 }
 
-function preProcessGroup(
-  group: AD.Group.Group,
-  parentResources: AD.Resources.Resources
-): Array<AD.SectionElement.SectionElement> {
+function preProcessGroup(group: AD.Group.Group, parentResources: AD.Resources.Resources): Array<AD.SectionElement.SectionElement> {
   const children = group.children.flatMap((e) => preProcessSectionElement(e, parentResources));
   if (group.keepTogether || AD.Resources.hasResources(group) || group.style.position === "absolute") {
     return [

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

@@ -1,8 +1,8 @@
 import type * as AbstractImage from "abstract-image";
 import svgToPdfKit from "svg-to-pdfkit";
 import * as AD from "../../abstract-document/index.js";
-import { getFontNameStyle, getFontName, isFontAvailable } from "./font.js";
 import { rawSvgPrefix, toBase64 } from "../shared/base-64.js";
+import { getFontNameStyle, getFontName, isFontAvailable } from "./font.js";
 
 export function renderImage(
   resources: AD.Resources.Resources,
@@ -17,7 +17,7 @@ export function renderImage(
   const firstComp = ai.components[0];
   const resource =
     !ai.size.width && !ai.size.height && firstComp?.type === "binaryimage" && firstComp.data.type === "url"
-      ? resources.imageResources?.[firstComp.data.url] ?? image.imageResource
+      ? (resources.imageResources?.[firstComp.data.url] ?? image.imageResource)
       : image.imageResource;
 
   const position = AD.Point.create(finalRect.x, finalRect.y);
@@ -34,18 +34,9 @@ export function renderImage(
   const drawnH = imgH * scale;
 
   const offsetX =
-    image.horizontalAlignment === "Center"
-      ? (rect.width - drawnW) / 2
-      : image.horizontalAlignment === "Right"
-      ? rect.width - drawnW
-      : 0;
+    image.horizontalAlignment === "Center" ? (rect.width - drawnW) / 2 : image.horizontalAlignment === "Right" ? rect.width - drawnW : 0;
 
-  const offsetY =
-    image.verticalAlignment === "Center"
-      ? (rect.height - drawnH) / 2
-      : image.verticalAlignment === "Bottom"
-      ? rect.height - drawnH
-      : 0;
+  const offsetY = image.verticalAlignment === "Center" ? (rect.height - drawnH) / 2 : image.verticalAlignment === "Bottom" ? rect.height - drawnH : 0;
 
   pdf.save();
   pdf.translate(position.x + offsetX, position.y + offsetY).scale(scale);
@@ -68,7 +59,7 @@ function abstractComponentToPdf(
     case "group":
       component.children.forEach((c) => abstractComponentToPdf(resources, pdf, c, textStyle, circuitBreaker, accScale));
       break;
-    case "binaryimage":
+    case "binaryimage": {
       const format = component.format.toLowerCase();
       const w = component.bottomRight.x - component.topLeft.x;
       const h = component.bottomRight.y - component.topLeft.y;
@@ -86,13 +77,7 @@ function abstractComponentToPdf(
           );
           pdf.restore();
         } else if (component.data.url.startsWith(rawSvgPrefix)) {
-          addWithSvgToPdfKit(
-            decodeURIComponent(component.data.url.slice(rawSvgPrefix.length)),
-            component,
-            pdf,
-            resources,
-            textStyle
-          );
+          addWithSvgToPdfKit(decodeURIComponent(component.data.url.slice(rawSvgPrefix.length)), component, pdf, resources, textStyle);
         } else {
           const match = /^data:.+?;base64,(.*)$/.exec(component.data.url);
           if (match) {
@@ -112,6 +97,7 @@ function abstractComponentToPdf(
         addWithSvgToPdfKit(new TextDecoder().decode(component.data.bytes), component, pdf, resources, textStyle);
       }
       break;
+    }
     case "subimage": {
       const scaleX = component.size.width / (component.image.size.width || 1);
       const scaleY = component.size.height / (component.image.size.height || 1);
@@ -119,9 +105,7 @@ function abstractComponentToPdf(
 
       pdf.save();
       pdf.translate(component.topLeft.x, component.topLeft.y).scale(scale);
-      component.image.components.forEach((c) =>
-        abstractComponentToPdf(resources, pdf, c, textStyle, circuitBreaker, accScale * scale)
-      );
+      component.image.components.forEach((c) => abstractComponentToPdf(resources, pdf, c, textStyle, circuitBreaker, accScale * scale));
       pdf.restore();
       break;
     }
@@ -147,7 +131,7 @@ function abstractComponentToPdf(
       applyStrokeDashStyle(pdf, component.strokeDashStyle);
       pdf.stroke(colorToRgb(component.strokeColor));
       break;
-    case "text":
+    case "text": {
       const font = getFontName(component.fontFamily, component.fontWeight, component.italic);
       if (component.clockwiseRotationDegrees !== 0) {
         pdf.save();
@@ -159,17 +143,9 @@ function abstractComponentToPdf(
       const stringWidth = pdf.widthOfString(component.text);
       const stringHeight = pdf.currentLineHeight();
       const dx =
-        component.horizontalGrowthDirection === "left"
-          ? -stringWidth
-          : component.horizontalGrowthDirection === "uniform"
-          ? -stringWidth * 0.5
-          : 0;
+        component.horizontalGrowthDirection === "left" ? -stringWidth : component.horizontalGrowthDirection === "uniform" ? -stringWidth * 0.5 : 0;
       const dy =
-        component.verticalGrowthDirection === "up"
-          ? -stringHeight
-          : component.verticalGrowthDirection === "uniform"
-          ? -stringHeight * 0.5
-          : 0;
+        component.verticalGrowthDirection === "up" ? -stringHeight : component.verticalGrowthDirection === "uniform" ? -stringHeight * 0.5 : 0;
       pdf
         .font(font)
         .fontSize(component.fontSize)
@@ -179,7 +155,8 @@ function abstractComponentToPdf(
         pdf.restore();
       }
       break;
-    case "ellipse":
+    }
+    case "ellipse": {
       const width = component.bottomRight.x - component.topLeft.x;
       const height = component.bottomRight.y - component.topLeft.y;
       const centerX = component.topLeft.x + width * 0.5;
@@ -192,6 +169,7 @@ function abstractComponentToPdf(
       applyStrokeDashStyle(pdf, component.strokeDashStyle);
       pdf.fillAndStroke(colorToRgb(component.fillColor), colorToRgb(component.strokeColor));
       break;
+    }
     case "polygon":
       pdf
         .lineWidth(component.strokeThickness)
@@ -201,7 +179,7 @@ function abstractComponentToPdf(
       applyStrokeDashStyle(pdf, component.strokeDashStyle);
       pdf.fillAndStroke(colorToRgb(component.fillColor), colorToRgb(component.strokeColor));
       break;
-    case "rectangle":
+    case "rectangle": {
       const rWidth = component.bottomRight.x - component.topLeft.x;
       const rHeight = component.bottomRight.y - component.topLeft.y;
       pdf
@@ -212,6 +190,7 @@ function abstractComponentToPdf(
       applyStrokeDashStyle(pdf, component.strokeDashStyle);
       pdf.fillAndStroke(colorToRgb(component.fillColor), colorToRgb(component.strokeColor));
       break;
+    }
     default:
       break;
   }
@@ -232,15 +211,17 @@ function addWithSvgToPdfKit(
     let index = 0;
     while (true) {
       index = svgUpdated.indexOf(t, index);
-      if (index === -1) break;
-      let indexStart = svgUpdated.indexOf('"', index);
-      let indexEnd = svgUpdated.indexOf('"', indexStart + 1);
+      if (index === -1) {
+        break;
+      }
+      const indexStart = svgUpdated.indexOf('"', index);
+      const indexEnd = svgUpdated.indexOf('"', indexStart + 1);
       index = indexEnd;
 
       const color = svgUpdated.substring(indexStart, indexEnd);
-      if (color !== color.toLowerCase() && color.toLowerCase().indexOf("url(") === -1)
-        svgUpdated =
-          svgUpdated.substring(0, indexStart) + color.toLowerCase() + svgUpdated.substring(indexEnd, svgUpdated.length);
+      if (color !== color.toLowerCase() && color.toLowerCase().indexOf("url(") === -1) {
+        svgUpdated = svgUpdated.substring(0, indexStart) + color.toLowerCase() + svgUpdated.substring(indexEnd, svgUpdated.length);
+      }
     }
   });
 
@@ -248,9 +229,11 @@ function addWithSvgToPdfKit(
     let index = 0;
     while (true) {
       index = svgUpdated.indexOf(t, index);
-      if (index === -1) break;
-      let indexStart = svgUpdated.indexOf('"', index) + 1;
-      let indexEnd = svgUpdated.indexOf('"', indexStart);
+      if (index === -1) {
+        break;
+      }
+      const indexStart = svgUpdated.indexOf('"', index) + 1;
+      const indexEnd = svgUpdated.indexOf('"', indexStart);
       index = indexEnd;
 
       let dasharray = svgUpdated.substring(indexStart, indexEnd);
@@ -428,5 +411,5 @@ function applyStrokeDashStyle(pdf: PDFKit.PDFDocument, dashStyle: AbstractImage.
     }
   }
 
-  (pdf as { dash: (length: number | ReadonlyArray<number>, option: any) => any }).dash(dashes, { phase: phase });
+  (pdf as { dash: (length: number | ReadonlyArray<number>, option: { phase: number }) => PDFKit.PDFDocument }).dash(dashes, { phase: phase });
 }