@pdfme/schemas 4.0.0-alpha.0 → 4.0.0

package/src/index.ts

@@ -8,6 +8,8 @@ import { modifyTemplateForTable, getDynamicHeightForTable } from './tables/dynam
 import { rectangle, ellipse } from './shapes/rectAndEllipse.js';
 import { convertForPdfLayoutProps, rotatePoint } from './utils.js';
 
+const tableBeta = table;
+
 const builtInPlugins = { Text: text };
 
 export {
@@ -19,7 +21,7 @@ export {
   readOnlySvg,
   barcodes,
   line,
-  table,
+  tableBeta,
   modifyTemplateForTable,
   getDynamicHeightForTable,
   rectangle,

package/src/shapes/line.ts

@@ -1,5 +1,5 @@
 import type { Schema, Plugin, PDFRenderProps, UIRenderProps } from '@pdfme/common';
-import { rotatePoint, convertForPdfLayoutProps, hex2RgbColor } from '../utils.js';
+import { rotatePoint, convertForPdfLayoutProps, hex2PrintingColor } from '../utils.js';
 import { HEX_COLOR_PATTERN } from '../constants.js';
 
 const DEFAULT_LINE_COLOR = '#000000';
@@ -10,8 +10,9 @@ interface LineSchema extends Schema {
 
 const lineSchema: Plugin<LineSchema> = {
   pdf: (arg: PDFRenderProps<LineSchema>) => {
-    const { page, schema } = arg;
+    const { page, schema, options } = arg;
     if (schema.width === 0 || schema.height === 0 || !schema.color) return;
+    const { colorType } = options;
     const pageHeight = page.getHeight();
     const {
       width,
@@ -25,7 +26,7 @@ const lineSchema: Plugin<LineSchema> = {
       start: rotatePoint({ x, y: y + height / 2 }, pivot, rotate.angle),
       end: rotatePoint({ x: x + width, y: y + height / 2 }, pivot, rotate.angle),
       thickness: height,
-      color: hex2RgbColor(schema.color),
+      color: hex2PrintingColor(schema.color ?? DEFAULT_LINE_COLOR, colorType),
       opacity: opacity,
     });
   },
@@ -49,6 +50,7 @@ const lineSchema: Plugin<LineSchema> = {
     }),
     defaultSchema: {
       type: 'line',
+      icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-minus"><path d="M5 12h14"/></svg>',
       position: { x: 0, y: 0 },
       width: 50,
       height: 1,

package/src/shapes/rectAndEllipse.ts

@@ -1,6 +1,6 @@
 import { Plugin, Schema, mm2pt } from '@pdfme/common';
 import { HEX_COLOR_PATTERN } from '../constants.js';
-import { hex2RgbColor, convertForPdfLayoutProps } from '../utils.js';
+import { hex2PrintingColor, convertForPdfLayoutProps } from '../utils.js';
 
 interface ShapeSchema extends Schema {
   type: 'ellipse' | 'rectangle';
@@ -27,8 +27,9 @@ const shape: Plugin<ShapeSchema> = {
     rootElement.appendChild(div);
   },
   pdf: (arg) => {
-    const { schema, page } = arg;
+    const { schema, page, options } = arg;
     if (!schema.color && !schema.borderColor) return;
+    const { colorType } = options;
     const pageHeight = page.getHeight();
     const cArg = { schema, pageHeight };
     const { position, width, height, rotate, opacity } = convertForPdfLayoutProps(cArg);
@@ -40,8 +41,8 @@ const shape: Plugin<ShapeSchema> = {
     const drawOptions = {
       rotate,
       borderWidth,
-      borderColor: hex2RgbColor(schema.borderColor),
-      color: hex2RgbColor(schema.color),
+      borderColor: hex2PrintingColor(schema.borderColor, colorType),
+      color: hex2PrintingColor(schema.color, colorType),
       opacity,
       borderOpacity: opacity,
     };
@@ -92,17 +93,26 @@ const shape: Plugin<ShapeSchema> = {
       height: 37.5,
       rotate: 0,
       opacity: 1,
-      borderWidth: 5,
+      borderWidth: 1,
       borderColor: '#000000',
-      color: '#ffffff',
+      color: '',
       readOnly: true,
     },
   },
 };
 
+const rectangleIcon =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square"><rect width="18" height="18" x="3" y="3" rx="2"/></svg>';
+const ellipseIcon =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle"><circle cx="12" cy="12" r="10"/></svg>';
+
 const getPropPanelSchema = (type: 'rectangle' | 'ellipse') => ({
   ...shape.propPanel,
-  defaultSchema: { ...shape.propPanel.defaultSchema, type },
+  defaultSchema: {
+    ...shape.propPanel.defaultSchema,
+    type,
+    icon: type === 'rectangle' ? rectangleIcon : ellipseIcon,
+  },
 });
 
 export const rectangle = { ...shape, propPanel: getPropPanelSchema('rectangle') };

package/src/tables/pdfRender.ts

@@ -12,8 +12,6 @@ const rectanglePdfRender = rectangle.pdf;
 const cellPdfRender = cell.pdf;
 
 async function drawCell(arg: PDFRenderProps<TableSchema>, cell: Cell) {
-  // TODO Not considering the table border
-  // The cell's position and size should indeed be shifted to accommodate the table border
   await cellPdfRender({
     ...arg,
     value: cell.raw,

package/src/tables/propPanel.ts

@@ -62,6 +62,7 @@ export const propPanel: PropPanel<TableSchema> = {
   },
   defaultSchema: {
     type: 'table',
+    icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-table"><path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/></svg>',
     position: { x: 0, y: 0 },
     width: 150,
     height: 20,

package/src/tables/uiRender.ts

@@ -1,9 +1,9 @@
 import type { UIRenderProps, Mode } from '@pdfme/common';
 import type { TableSchema, CellStyle, Styles } from './types.js';
+import { px2mm } from '@pdfme/common';
 import { createSingleTable } from './tableHelper.js';
 import { getBody, getBodyWithRange } from './helper.js';
 import cell from './cell.js';
-import { px2mm } from '../utils';
 import { Row } from './classes';
 
 type RowType = InstanceType<typeof Row>;
@@ -45,6 +45,45 @@ const calcResizedHeadWidthPercentages = (arg: {
   return headWidthPercentages;
 };
 
+const setBorder = (
+  div: HTMLDivElement,
+  borderPosition: 'Top' | 'Left' | 'Right' | 'Bottom',
+  arg: UIRenderProps<TableSchema>
+) => {
+  div.style[`border${borderPosition}`] = `${String(arg.schema.tableStyles.borderWidth)}mm solid ${
+    arg.schema.tableStyles.borderColor
+  }`;
+};
+
+const drawBorder = (
+  div: HTMLDivElement,
+  row: RowType,
+  colIndex: number,
+  rowIndex: number,
+  rowsLength: number,
+  arg: UIRenderProps<TableSchema>
+) => {
+  const isFirstColumn = colIndex === 0;
+  const isLastColumn = colIndex === Object.values(row.cells).length - 1;
+  const isLastRow = rowIndex === rowsLength - 1;
+
+  if (row.section === 'head') {
+    setBorder(div, 'Top', arg);
+    if (isFirstColumn) setBorder(div, 'Left', arg);
+    if (isLastColumn) setBorder(div, 'Right', arg);
+    if ((JSON.parse(arg.value || '[]') as string[][]).length === 0) {
+      setBorder(div, 'Bottom', arg);
+    }
+  } else if (row.section === 'body') {
+    if (!arg.schema.showHead && rowIndex === 0) {
+      setBorder(div, 'Top', arg);
+    }
+    if (isFirstColumn) setBorder(div, 'Left', arg);
+    if (isLastColumn) setBorder(div, 'Right', arg);
+    if (isLastRow) setBorder(div, 'Bottom', arg);
+  }
+};
+
 const renderRowUi = (args: {
   rows: RowType[];
   arg: UIRenderProps<TableSchema>;
@@ -55,20 +94,20 @@ const renderRowUi = (args: {
   const { rows, arg, onChangeEditingPosition, offsetY = 0, editingPosition } = args;
   const value = JSON.parse(arg.value || '[]') as string[][];
 
-  // TODO Need to adjust the inner size when the outer border increases
-  // Want to have the same style as border-collapse: collapse; (overlapping borders should merge into one)
-  // This should apply to the table itself as well as the cells, which should behave similarly.
   let rowOffsetY = offsetY;
   rows.forEach((row, rowIndex) => {
     const { cells, height, section } = row;
-    let colWidth = 0;
+    let colOffsetX = 0;
     Object.values(cells).forEach((cell, colIndex) => {
       const div = document.createElement('div');
       div.style.position = 'absolute';
       div.style.top = `${rowOffsetY}mm`;
-      div.style.left = `${colWidth}mm`;
+      div.style.left = `${colOffsetX}mm`;
       div.style.width = `${cell.width}mm`;
       div.style.height = `${cell.height}mm`;
+      div.style.boxSizing = 'border-box';
+
+      drawBorder(div, row, colIndex, rowIndex, rows.length, arg);
 
       div.style.cursor =
         arg.mode === 'designer' || (arg.mode === 'form' && section === 'body') ? 'text' : 'default';
@@ -101,7 +140,6 @@ const renderRowUi = (args: {
           if (section === 'body') {
             const startRange = arg.schema.__bodyRange?.start ?? 0;
             value[rowIndex + startRange][colIndex] = newValue;
-            // TODO Calling onChange triggers re-rendering, causing the focus to be lost
             arg.onChange({ key: 'content', value: JSON.stringify(value) });
           } else {
             const newHead = [...arg.schema.head];
@@ -115,13 +153,13 @@ const renderRowUi = (args: {
         schema: {
           type: 'cell',
           content: cell.raw,
-          position: { x: colWidth, y: rowOffsetY },
+          position: { x: colOffsetX, y: rowOffsetY },
           width: cell.width,
           height: cell.height,
           ...convertToCellStyle(cell.styles),
         },
       });
-      colWidth += cell.width;
+      colOffsetX += cell.width;
     });
     rowOffsetY += height;
   });
@@ -144,11 +182,6 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
 
   rootElement.innerHTML = '';
 
-  rootElement.style.borderColor = schema.tableStyles.borderColor;
-  rootElement.style.borderWidth = String(schema.tableStyles.borderWidth) + 'mm';
-  rootElement.style.borderStyle = 'solid';
-  rootElement.style.boxSizing = 'border-box';
-
   const handleChangeEditingPosition = (
     newPosition: { rowIndex: number; colIndex: number },
     editingPosition: { rowIndex: number; colIndex: number }
@@ -353,10 +386,8 @@ export const uiRender = async (arg: UIRenderProps<TableSchema>) => {
     resetEditingPosition();
   }
 
-  if (mode !== 'form') {
-    const tableHeight = schema.showHead ? table.getHeight() : table.getBodyHeight();
-    if (schema.height !== tableHeight && onChange) {
-      onChange({ key: 'height', value: tableHeight });
-    }
+  const tableHeight = schema.showHead ? table.getHeight() : table.getBodyHeight();
+  if (schema.height !== tableHeight && onChange) {
+    onChange({ key: 'height', value: tableHeight });
   }
 };

package/src/text/helper.ts

@@ -155,21 +155,41 @@ const getOverPosition = (textLine: string, calcValues: FontWidthCalcValues) => {
   return null;
 };
 
+/**
+ * Line breakable chars depend on the language and writing system.
+ * Western writing systems typically use spaces and hyphens as line breakable chars.
+ * Other writing systems often break on word boundaries so the following
+ * does not negatively impact them.
+ * However, this might need to be revisited for broader language support.
+ */
+const isLineBreakableChar = (char: string) => {
+  const lineBreakableChars = [' ', '-', "\u2014", "\u2013"];
+  return lineBreakableChars.includes(char);
+}
+
 /**
  * Gets the position of the split. Splits the exceeding line at
- * the last whitespace prior to it exceeding the bounding box width.
+ * the last breakable char prior to it exceeding the bounding box width.
  */
 const getSplitPosition = (textLine: string, calcValues: FontWidthCalcValues) => {
   const overPos = getOverPosition(textLine, calcValues);
   if (overPos === null) return textLine.length; // input line is shorter than the available space
 
-  let overPosTmp = overPos;
-  while (textLine[overPosTmp] !== ' ' && overPosTmp >= 0) {
+  if (textLine[overPos] === ' ') {
+    // if the character immediately beyond the boundary is a space, split
+    return overPos;
+  }
+
+  let overPosTmp = overPos - 1;
+  while (overPosTmp >= 0) {
+    if (isLineBreakableChar(textLine[overPosTmp])) {
+      return overPosTmp+1;
+    }
     overPosTmp--;
   }
 
-  // For very long lines with no whitespace use the original overPos
-  return overPosTmp > 0 ? overPosTmp : overPos;
+  // For very long lines with no breakable chars use the original overPos
+  return overPos;
 };
 
 /**
@@ -178,7 +198,7 @@ const getSplitPosition = (textLine: string, calcValues: FontWidthCalcValues) =>
  */
 export const getSplittedLines = (textLine: string, calcValues: FontWidthCalcValues): string[] => {
   const splitPos = getSplitPosition(textLine, calcValues);
-  const splittedLine = textLine.substring(0, splitPos);
+  const splittedLine = textLine.substring(0, splitPos).trimEnd();
   const rest = textLine.substring(splitPos).trimStart();
 
   if (rest === textLine) {
@@ -342,3 +362,4 @@ export const splitTextToSize = (arg: {
   });
   return lines;
 };
+export const isFirefox = () => navigator.userAgent.toLowerCase().indexOf('firefox') > -1;

package/src/text/index.ts

@@ -16,6 +16,7 @@ export const readOnlyText: Plugin<TextSchema> = {
     defaultSchema: {
       ...textSchema.propPanel.defaultSchema,
       type: 'readOnlyText',
+      icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-type"><polyline points="4 7 4 4 20 4 20 7"/><line x1="9" x2="15" y1="20" y2="20"/><line x1="12" x2="12" y1="4" y2="20"/></svg>',
       readOnly: true,
     },
   },

package/src/text/pdfRender.ts

@@ -1,6 +1,13 @@
 import { PDFFont, PDFDocument } from '@pdfme/pdf-lib';
 import type { TextSchema } from './types';
-import { PDFRenderProps, Font, getDefaultFont, getFallbackFontName, mm2pt } from '@pdfme/common';
+import {
+  PDFRenderProps,
+  ColorType,
+  Font,
+  getDefaultFont,
+  getFallbackFontName,
+  mm2pt,
+} from '@pdfme/common';
 import {
   VERTICAL_ALIGN_TOP,
   VERTICAL_ALIGN_MIDDLE,
@@ -20,7 +27,7 @@ import {
   widthOfTextAtSize,
   splitTextToSize,
 } from './helper.js';
-import { convertForPdfLayoutProps, rotatePoint, hex2RgbColor } from '../utils.js';
+import { convertForPdfLayoutProps, rotatePoint, hex2PrintingColor } from '../utils.js';
 
 const embedAndGetFontObj = async (arg: {
   pdfDoc: PDFDocument;
@@ -57,17 +64,19 @@ const getFontProp = async ({
   value,
   font,
   schema,
+  colorType,
   _cache,
 }: {
   value: string;
   font: Font;
+  colorType?: ColorType;
   schema: TextSchema;
   _cache: Map<any, any>;
 }) => {
   const fontSize = schema.dynamicFontSize
     ? await calculateDynamicFontSize({ textSchema: schema, font, value, _cache })
     : schema.fontSize ?? DEFAULT_FONT_SIZE;
-  const color = hex2RgbColor(schema.fontColor || DEFAULT_FONT_COLOR);
+  const color = hex2PrintingColor(schema.fontColor || DEFAULT_FONT_COLOR, colorType);
 
   return {
     alignment: schema.alignment ?? DEFAULT_ALIGNMENT,
@@ -83,7 +92,7 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
   const { value, pdfDoc, pdfLib, page, options, schema, _cache } = arg;
   if (!value) return;
 
-  const { font = getDefaultFont() } = options;
+  const { font = getDefaultFont(), colorType } = options;
 
   const [pdfFontObj, fontKitFont, fontProp] = await Promise.all([
     embedAndGetFontObj({ pdfDoc, font, _cache }),
@@ -108,7 +117,7 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
   } = convertForPdfLayoutProps({ schema, pageHeight, applyRotateTranslate: false });
 
   if (schema.backgroundColor) {
-    const color = hex2RgbColor(schema.backgroundColor);
+    const color = hex2PrintingColor(schema.backgroundColor, colorType);
     page.drawRectangle({ x, y, width, height, rotate, color });
   }
 

package/src/text/propPanel.ts

@@ -177,6 +177,7 @@ export const propPanel: PropPanel<TextSchema> = {
   widgets: { UseDynamicFontSize },
   defaultSchema: {
     type: 'text',
+    icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-text-cursor-input"><path d="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1"/><path d="M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5"/><path d="M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1"/><path d="M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7"/><path d="M9 7v10"/></svg>',
     content: 'Type Something...',
     position: { x: 0, y: 0 },
     width: 45,

package/src/text/uiRender.ts

@@ -17,6 +17,7 @@ import {
   calculateDynamicFontSize,
   getFontKitFont,
   getBrowserVerticalFontAdjustments,
+  isFirefox,
 } from './helper.js';
 import { isEditable } from '../utils.js';
 
@@ -117,7 +118,27 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
   Object.assign(textBlock.style, textBlockStyle);
 
   if (isEditable(mode, schema)) {
-    textBlock.contentEditable = 'plaintext-only';
+    if (!isFirefox()) {
+      textBlock.contentEditable = 'plaintext-only';
+    } else {
+      textBlock.contentEditable = 'true';
+      textBlock.addEventListener('keydown', (e: KeyboardEvent) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+          e.preventDefault();
+          document.execCommand('insertLineBreak', false, undefined);
+        }
+      });
+
+      textBlock.addEventListener('paste', (e: ClipboardEvent) => {
+        e.preventDefault();
+        const paste = e.clipboardData?.getData('text');
+        const selection = window.getSelection();
+        if (!selection?.rangeCount) return;
+        selection.deleteFromDocument();
+        selection.getRangeAt(0).insertNode(document.createTextNode(paste || ''));
+        selection.collapseToEnd();
+      });
+    }
     textBlock.tabIndex = tabIndex || 0;
     textBlock.innerText = value;
     textBlock.addEventListener('blur', (e: Event) => {

package/src/utils.ts

@@ -1,6 +1,6 @@
 import type * as CSS from 'csstype';
-import { degrees, degreesToRadians, rgb } from '@pdfme/pdf-lib';
-import { Schema, mm2pt, Mode, isHexValid } from '@pdfme/common';
+import { cmyk, degrees, degreesToRadians, rgb } from '@pdfme/pdf-lib';
+import { Schema, mm2pt, Mode, isHexValid, ColorType } from '@pdfme/common';
 
 export const convertForPdfLayoutProps = ({
   schema,
@@ -103,6 +103,50 @@ export const hex2RgbColor = (hexString: string | undefined) => {
   return undefined;
 };
 
+export const hex2CmykColor = (hexString: string | undefined) => {
+  if (hexString) {
+    const isValid = isHexValid(hexString);
+
+    if (!isValid) {
+      throw new Error(`Invalid hex color value ${hexString}`);
+    }
+
+    // Remove the # if it's present
+    hexString = hexString.replace('#', '');
+
+    // Extract the hexadecimal color code and the opacity
+    const hexColor = hexString.substring(0, 6);
+    const opacityColor = hexString.substring(6, 8);
+    const opacity = opacityColor ? parseInt(opacityColor, 16) / 255 : 1;
+
+    // Convert the hex values to decimal
+    let r = parseInt(hexColor.substring(0, 2), 16) / 255;
+    let g = parseInt(hexColor.substring(2, 4), 16) / 255;
+    let b = parseInt(hexColor.substring(4, 6), 16) / 255;
+
+    // Apply the opacity
+    r = r * opacity + (1 - opacity);
+    g = g * opacity + (1 - opacity);
+    b = b * opacity + (1 - opacity);
+
+    // Calculate the CMYK values
+    const k = 1 - Math.max(r, g, b);
+    const c = r === 0 ? 0 : (1 - r - k) / (1 - k);
+    const m = g === 0 ? 0 : (1 - g - k) / (1 - k);
+    const y = b === 0 ? 0 : (1 - b - k) / (1 - k);
+
+    return cmyk(c, m, y, k);
+  }
+
+  return undefined;
+};
+
+export const hex2PrintingColor = (hexString: string | undefined, colorType?: ColorType) => {
+  return colorType?.toLocaleLowerCase() == 'cmyk'
+    ? hex2CmykColor(hexString)
+    : hex2RgbColor(hexString);
+};
+
 export const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>
   new Promise((resolve, reject) => {
     const fileReader = new FileReader();
@@ -159,11 +203,4 @@ export const createErrorElm = () => {
 
   return container;
 };
-
-export const px2mm = (px: number): number => {
-  // http://www.endmemo.com/sconvert/millimeterpixel.php
-  const ratio = 0.26458333333333;
-  return parseFloat(String(px)) * ratio;
-};
-
 export const cloneDeep = <T>(value: T): T => JSON.parse(JSON.stringify(value));

package/dist/cjs/src/graphics/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/graphics/helper.ts"],"names":[],"mappings":";;;AAOA,MAAM,OAAO,GAAG,IAAI,WAAW,EAAE,CAAC;AAClC,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,CACxE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AAE1C,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,CACvE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAE3F,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAEnG,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,CACrD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE;IACvB,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE;IAC3B,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;IAC1B,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAEpB,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,KAAa,EAAE,EAAE;IACvD,OAAO;QACL,MAAM,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC;QAClC,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC;KACtC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,KAAa,EAAQ,EAAE;IAC/D,uCAAuC;IACvC,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE;QACxB,MAAM,IAAI,SAAS,CAAC,qCAAqC,CAAC,CAAC;KAC5D;IACD,0CAA0C;IAC1C,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;QACzB,MAAM,IAAI,SAAS,CAAC,qCAAqC,CAAC,CAAC;KAC5D;AACH,CAAC,CAAC;AAEF,MAAM,GAAG,GAAW;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM;IAExD,SAAS,CAAC,KAAK;QACb,uCAAuC;QACvC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAEvB,IAAI,IAAY,CAAC;QACjB,OAAO,KAAK,CAAC,MAAM,EAAE;YACnB,gCAAgC;YAChC,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAEjC,wBAAwB;YACxB,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAExB,mCAAmC;YACnC,oCAAoC;YACpC,8BAA8B;YAC9B,IAAI,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YACpB,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,EAAE;gBACnD,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;gBAEvC,OAAO,IAAI,CAAC;aACb;YAED,yBAAyB;YACzB,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SAC5B;QAED,MAAM,IAAI,SAAS,CAAC,4BAA4B,CAAC,CAAC;IACpD,CAAC;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,eAAe,CAAC;AACrC,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAEvC,sEAAsE;AACtE,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAEjC,MAAM,GAAG,GAAW;IAClB,QAAQ,CAAC,KAAK;QACZ,IAAI,YAAY,KAAK,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;YAC9C,IAAI,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;YAC5C,IAAI,SAAS,KAAK,iBAAiB,EAAE;gBACnC,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;aACzC;YACD,IAAI,SAAS,KAAK,uBAAuB,EAAE;gBACzC,MAAM,IAAI,SAAS,CAAC,aAAa,CAAC,CAAC;aACpC;YACD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,SAAS,CAAC,KAAK;QACb,IAAI,YAAY,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,iBAAiB,EAAE;YACrD,OAAO;gBACL,MAAM,EAAE,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC;gBAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC;aAC/B,CAAC;SACH;QACD,OAAO;YACL,MAAM,EAAE,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC;YAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,EAAE,CAAC;SAC/B,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAC;AAIF,SAAS,QAAQ,CAAC,KAAiB;IACjC,MAAM,UAAU,GAAkC;QAChD,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,KAAK;KACZ,CAAC;IACF,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACtB,IAAI,IAAI,IAAI,UAAU,EAAE;QACtB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC9C,OAAO,IAAI,CAAC;SACb;KACF;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAgB,CAAC;IACtD,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,GAAc,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1E,CAAC;AAEM,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAqC,EAAE;IAChF,MAAM,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEjC,IAAI,OAAO,IAAI,KAAK,WAAW,IAAI,IAAI,IAAI,YAAY,EAAE;QACvD,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrD,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,OAAO,IAAI,CAAC;SACb;KACF;IAED,MAAM,IAAI,SAAS,CACjB,iDAAiD,GAAG,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAC9F,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,SAAS,aAapB;AACF,+BAA+B"}

package/dist/esm/src/graphics/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/graphics/helper.ts"],"names":[],"mappings":"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"}

package/dist/types/src/graphics/helper.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="node" />
-export declare const imageSize: (imgBuffer: Buffer) => {
-    height: number;
-    width: number;
-};