@pdfme/schemas 3.1.5-dev.9 → 3.2.0

package/src/graphics/svg.ts

@@ -0,0 +1,98 @@
+import { Plugin, Schema } from '@pdfme/common';
+import { XMLValidator } from 'fast-xml-parser';
+import { convertForPdfLayoutProps, isEditable, addAlphaToHex, createErrorElm } from '../utils.js';
+
+const isValidSVG = (svgString: string) => XMLValidator.validate(svgString) === true;
+
+const defaultValue = `<svg viewBox="0 0 488 600" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g transform="matrix(1,0,0,1,-56,0)" fill="#000000" stroke="none">
+        <path d="M228.667,0L56,172.667L56.267,345.334L56.667,518L59.733,527.334C65.867,545.467 72.933,557.067 86,570.134C96.133,580.4 100,583.2 110.667,588.4C134.533,600.134 120,599.334 300,599.334C480,599.334 465.467,600.134 489.334,588.4C500,583.2 503.867,580.4 514,570.134C527.334,556.8 534.534,544.8 540.267,526.667L543.334,516.667L543.334,83.333L540.267,73.333C534.534,55.2 527.334,43.2 514,29.867C503.867,19.6 500,16.8 489.334,11.6C465.734,0 475.467,0.8 344.667,0.267L228.667,0ZM466.4,41.6C483.334,48.933 496.267,61.867 502.934,78.4L506,86L506,514L502.934,521.734C496,538.934 480.267,553.867 463.334,559.334C455.6,561.867 450.8,562 300,562C149.2,562 144.4,561.867 136.667,559.334C119.733,553.867 104,538.934 97.067,521.734L94,514L93.6,351.067L93.333,188.133L149.067,187.733L204.667,187.333L213.6,182.933C224.8,177.467 235.867,165.867 240.267,155.067C243.333,147.467 243.333,146.4 243.733,92.267L244.133,37.2L458,38L466.4,41.6ZM195.067,304C175.6,306.8 164,320.667 165.6,339.467C166,343.6 167.6,348.667 169.733,352.4C174.4,360.267 185.2,365.734 201.867,368.534C208.4,369.734 215.067,371.467 216.8,372.667C224,377.334 221.467,389.067 212.533,392C205.6,394.4 193.733,392.934 185.6,388.8C173.333,382.534 164,385.334 164,395.2C164,400.934 170.133,406.667 180.267,410.134C190.933,413.867 217.067,413.734 225.467,409.867C238.933,403.6 246.667,390 244.8,375.6C242.667,359.734 232.8,351.334 212.267,347.867C193.6,344.8 189.333,342.4 189.333,334.533C189.333,324.267 201.867,320.933 218.267,326.667C228.667,330.267 232.533,330.133 235.867,325.867C242.133,318 237.6,310.667 224.267,306.8C213.333,303.6 204.267,302.8 195.067,304ZM386,304.133C377.6,305.333 374,306.8 367.334,311.6C355.734,320.133 351.2,336.4 352.4,365.334C353.2,385.334 356,394.4 364.134,402.534C372.267,410.667 381.734,413.734 396.667,413.067C406.8,412.667 409.734,412 415.734,408.667C429.2,401.334 434.534,390.934 435.6,370.667C436.4,353.734 436,353.067 420.934,352.267C401.867,351.334 396,353.467 396,361.867C396,367.867 399.467,370.667 407.067,370.667C413.2,370.667 413.334,370.667 413.334,374.934C413.334,394 386.267,400.534 378.534,383.467C374.934,375.334 374.934,341.867 378.534,333.733C382,326.4 387.467,323.467 396.8,324.267C403.067,324.8 404.667,325.6 410.534,331.067C414.267,334.533 418.4,337.333 419.867,337.333C427.334,337.333 433.334,330.267 431.334,323.733C427.2,310.133 406.4,301.2 386,304.133ZM258.4,308C255.067,311.467 254.533,312.8 255.2,316.4C257.067,326.667 285.333,405.867 288.133,408.8C289.733,410.534 293.067,412.267 295.333,412.8C303.867,414.4 310.667,407.867 314.4,394.667C315.067,392.134 321.2,374.134 327.867,354.8C334.8,334.533 340,317.467 340,314.533C340,303.733 325.067,299.867 319.867,309.467C318.533,312.133 309.467,340.933 302.667,364C301.067,369.467 299.333,374.4 298.8,375.067C298.267,375.6 292.933,360.8 286.933,342C275.333,306 274.133,304 266.267,304C263.867,304 261.067,305.467 258.4,308Z" style="fill-rule:nonzero;"/>
+    </g>
+</svg>`;
+
+interface SVGSchema extends Schema {}
+
+const svgSchema: Plugin<SVGSchema> = {
+  ui: (arg) => {
+    const { rootElement, value, mode, onChange, theme, schema } = arg;
+    const container = document.createElement(isEditable(mode, schema) ? 'textarea' : 'div');
+    container.style.width = '100%';
+    container.style.height = '100%';
+    container.style.boxSizing = 'border-box';
+    if (isEditable(mode, schema)) {
+      const textarea = container as HTMLTextAreaElement;
+      textarea.value = value;
+      textarea.style.position = 'absolute';
+      textarea.style.backgroundColor = addAlphaToHex(theme.colorPrimaryBg, 30);
+
+      if (isValidSVG(value)) {
+        const svgElement = new DOMParser().parseFromString(value, 'text/xml').childNodes[0];
+        if (svgElement instanceof SVGElement) {
+          svgElement.setAttribute('width', '100%');
+          svgElement.setAttribute('height', '100%');
+          svgElement.style.position = 'absolute';
+        }
+        rootElement.appendChild(svgElement);
+      } else if (value) {
+        const errorElm = createErrorElm();
+        errorElm.style.position = 'absolute';
+        rootElement.appendChild(errorElm);
+      }
+
+      textarea.addEventListener('change', (e: Event) => {
+        const newValue = (e.target as HTMLTextAreaElement).value;
+        onChange && onChange(newValue);
+      });
+      rootElement.appendChild(container);
+      textarea.setSelectionRange(value.length, value.length);
+      textarea.focus();
+    } else {
+      if (!value) return;
+      if (!isValidSVG(value)) {
+        rootElement.appendChild(createErrorElm());
+        return;
+      }
+      container.innerHTML = value;
+      const svgElement = container.childNodes[0];
+      if (svgElement instanceof SVGElement) {
+        svgElement.setAttribute('width', '100%');
+        svgElement.setAttribute('height', '100%');
+        rootElement.appendChild(container);
+      }
+    }
+  },
+  pdf: async (arg) => {
+    const { page, schema, value } = arg;
+    if (!value || !isValidSVG(value)) return;
+    const pageHeight = page.getHeight();
+    const { width, height, position } = convertForPdfLayoutProps({ schema, pageHeight });
+    const { x, y } = position;
+    await page.drawSvg(value, { x, y: y + height, width, height });
+  },
+  propPanel: {
+    schema: {},
+    defaultValue,
+    defaultSchema: {
+      type: 'svg',
+      position: { x: 0, y: 0 },
+      width: 40,
+      height: 40,
+    },
+  },
+};
+
+export default svgSchema;
+
+export const readOnlySvg: Plugin<SVGSchema> = {
+  pdf: svgSchema.pdf,
+  ui: svgSchema.ui,
+  propPanel: {
+    ...svgSchema.propPanel,
+    defaultSchema: {
+      ...svgSchema.propPanel.defaultSchema,
+      type: 'readOnlySvg',
+      readOnly: true,
+      readOnlyValue: defaultValue,
+    },
+  },
+};

package/src/index.ts

@@ -1,9 +1,25 @@
-import text from './text/index.js';
-import image from './image/index.js';
+import text, { readOnlyText } from './text/index.js';
+import image, { readOnlyImage } from './graphics/image.js';
+import svg, { readOnlySvg } from './graphics/svg.js';
 import barcodes from './barcodes/index.js';
-import line from './line/index.js';
-import { convertForPdfLayoutProps, rotatePoint } from './renderUtils.js';
+import line from './shapes/line.js';
+import { rectangle, ellipse } from './shapes/rectAndEllipse.js';
+import { convertForPdfLayoutProps, rotatePoint } from './utils.js';
 
 const builtInPlugins = { Text: text };
 
-export { text, image, barcodes, line, builtInPlugins, convertForPdfLayoutProps, rotatePoint };
+export {
+  text,
+  readOnlyText,
+  image,
+  readOnlyImage,
+  svg,
+  readOnlySvg,
+  barcodes,
+  line,
+  rectangle,
+  ellipse,
+  builtInPlugins,
+  convertForPdfLayoutProps,
+  rotatePoint,
+};

package/src/shapes/line.ts

@@ -0,0 +1,67 @@
+import type { Schema, Plugin, PDFRenderProps, UIRenderProps } from '@pdfme/common';
+import { rotatePoint, convertForPdfLayoutProps, hex2RgbColor } from '../utils.js';
+import { HEX_COLOR_PATTERN } from '../constants.js';
+
+const DEFAULT_LINE_COLOR = '#000000';
+
+interface LineSchema extends Schema {
+  color: string;
+}
+
+const lineSchema: Plugin<LineSchema> = {
+  pdf: (arg: PDFRenderProps<LineSchema>) => {
+    const { page, schema } = arg;
+    const pageHeight = page.getHeight();
+    const {
+      width,
+      height,
+      rotate,
+      position: { x, y },
+      opacity,
+    } = convertForPdfLayoutProps({ schema, pageHeight, applyRotateTranslate: false });
+    const pivot = { x: x + width / 2, y: y + height / 2 };
+    page.drawLine({
+      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 ?? DEFAULT_LINE_COLOR),
+      opacity: opacity,
+    });
+  },
+  ui: (arg: UIRenderProps<LineSchema>) => {
+    const { schema, rootElement } = arg;
+    const div = document.createElement('div');
+    div.style.backgroundColor = schema.color ?? DEFAULT_LINE_COLOR;
+    div.style.width = '100%';
+    div.style.height = '100%';
+    rootElement.appendChild(div);
+  },
+  propPanel: {
+    schema: ({ i18n }) => ({
+      color: {
+        title: i18n('schemas.color'),
+        type: 'string',
+        widget: 'color',
+        required: true,
+        rules: [
+          {
+            pattern: HEX_COLOR_PATTERN,
+            message: i18n('hexColorPrompt'),
+          },
+        ],
+      },
+    }),
+    defaultValue: '',
+    defaultSchema: {
+      type: 'line',
+      position: { x: 0, y: 0 },
+      width: 50,
+      height: 1,
+      rotate: 0,
+      opacity: 1,
+      readOnly: true,
+      color: DEFAULT_LINE_COLOR,
+    },
+  },
+};
+export default lineSchema;

package/src/shapes/rectAndEllipse.ts

@@ -0,0 +1,110 @@
+import { Plugin, Schema, mm2pt } from '@pdfme/common';
+import { HEX_COLOR_PATTERN } from '../constants.js';
+import { hex2RgbColor, convertForPdfLayoutProps } from '../utils.js';
+
+interface Shape extends Schema {
+  type: 'ellipse' | 'rectangle';
+  borderWidth: number;
+  borderColor: string;
+  color: string;
+}
+
+const shape: Plugin<Shape> = {
+  ui: (arg) => {
+    const { schema, rootElement } = arg;
+    const div = document.createElement('div');
+    div.style.width = '100%';
+    div.style.height = '100%';
+    div.style.boxSizing = 'border-box';
+    if (schema.type === 'ellipse') {
+      div.style.borderRadius = '50%';
+    }
+    div.style.borderWidth = `${schema.borderWidth ?? 0}mm`;
+    div.style.borderStyle = schema.borderWidth && schema.borderColor ? 'solid' : 'none';
+    div.style.borderColor = schema.borderColor ?? 'transparent';
+    div.style.backgroundColor = schema.color ?? 'transparent';
+
+    rootElement.appendChild(div);
+  },
+  pdf: (arg) => {
+    const { schema, page } = arg;
+    const pageHeight = page.getHeight();
+    const cArg = { schema, pageHeight };
+    const { position, width, height, rotate, opacity } = convertForPdfLayoutProps(cArg);
+    const {
+      position: { x: x4Ellipse, y: y4Ellipse },
+    } = convertForPdfLayoutProps({ ...cArg, applyRotateTranslate: false });
+    const borderWidth = schema.borderWidth ? mm2pt(schema.borderWidth) : 0;
+
+    const drawOptions = {
+      rotate,
+      borderWidth,
+      borderColor: hex2RgbColor(schema.borderColor),
+      color: hex2RgbColor(schema.color),
+      opacity,
+      borderOpacity: opacity,
+    };
+    if (schema.type === 'ellipse') {
+      page.drawEllipse({
+        x: x4Ellipse + width / 2,
+        y: y4Ellipse + height / 2,
+        xScale: width / 2 - borderWidth / 2,
+        yScale: height / 2 - borderWidth / 2,
+        ...drawOptions,
+      });
+    } else if (schema.type === 'rectangle') {
+      page.drawRectangle({
+        x: position.x + borderWidth / 2,
+        y: position.y + borderWidth / 2,
+        width: width - borderWidth,
+        height: height - borderWidth,
+        ...drawOptions,
+      });
+    }
+  },
+  propPanel: {
+    schema: ({ i18n }) => ({
+      borderWidth: {
+        title: i18n('schemas.borderWidth'),
+        type: 'number',
+        widget: 'inputNumber',
+        min: 0,
+        step: 1,
+      },
+      borderColor: {
+        title: i18n('schemas.borderColor'),
+        type: 'string',
+        widget: 'color',
+        rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('hexColorPrompt') }],
+      },
+      color: {
+        title: i18n('schemas.color'),
+        type: 'string',
+        widget: 'color',
+        rules: [{ pattern: HEX_COLOR_PATTERN, message: i18n('hexColorPrompt') }],
+      },
+    }),
+    defaultValue: '',
+    defaultSchema: {
+      type: 'rectangle',
+      position: { x: 0, y: 0 },
+      width: 62.5,
+      height: 37.5,
+      rotate: 0,
+      opacity: 1,
+      borderWidth: 5,
+      borderColor: '#000000',
+      color: '#ffffff',
+      readOnly: true,
+    },
+  },
+};
+
+const getPropPanelSchema = (type: 'rectangle' | 'ellipse') => ({
+  ...shape.propPanel,
+  defaultSchema: { ...shape.propPanel.defaultSchema, type },
+});
+
+export const rectangle = { ...shape, propPanel: getPropPanelSchema('rectangle') };
+
+export const ellipse = { ...shape, propPanel: getPropPanelSchema('ellipse') };

package/src/text/helper.ts

@@ -5,7 +5,6 @@ import {
   mm2pt,
   pt2mm,
   pt2px,
-  Schema,
   Font,
   getFallbackFontName,
   getDefaultFont,

package/src/text/index.ts

@@ -4,5 +4,20 @@ import { propPanel } from './propPanel.js';
 import { uiRender } from './uiRender.js';
 import type { TextSchema } from './types';
 
-const schema: Plugin<TextSchema> = { pdf: pdfRender, ui: uiRender, propPanel };
-export default schema;
+const textSchema: Plugin<TextSchema> = { pdf: pdfRender, ui: uiRender, propPanel };
+
+export default textSchema;
+
+export const readOnlyText: Plugin<TextSchema> = {
+  pdf: textSchema.pdf,
+  ui: textSchema.ui,
+  propPanel: {
+    ...textSchema.propPanel,
+    defaultSchema: {
+      ...textSchema.propPanel.defaultSchema,
+      type: 'readOnlyText',
+      readOnly: true,
+      readOnlyValue: textSchema.propPanel.defaultValue,
+    },
+  },
+};

package/src/text/pdfRender.ts

@@ -1,6 +1,6 @@
 import { PDFFont, PDFDocument } from '@pdfme/pdf-lib';
-import { PDFRenderProps, Font, getDefaultFont, getFallbackFontName, mm2pt } from '@pdfme/common';
 import type { TextSchema, FontWidthCalcValues } from './types';
+import { PDFRenderProps, Font, getDefaultFont, getFallbackFontName, mm2pt } from '@pdfme/common';
 import {
   VERTICAL_ALIGN_TOP,
   VERTICAL_ALIGN_MIDDLE,
@@ -20,7 +20,7 @@ import {
   getSplittedLines,
   widthOfTextAtSize,
 } from './helper.js';
-import { convertForPdfLayoutProps, rotatePoint, hex2RgbColor } from '../renderUtils.js';
+import { convertForPdfLayoutProps, rotatePoint, hex2RgbColor } from '../utils.js';
 
 const embedAndGetFontObj = async (arg: {
   pdfDoc: PDFDocument;

package/src/text/uiRender.ts

@@ -18,7 +18,7 @@ import {
   getFontKitFont,
   getBrowserVerticalFontAdjustments,
 } from './helper.js';
-import { addAlphaToHex, isEditable } from '../renderUtils.js';
+import { addAlphaToHex, isEditable } from '../utils.js';
 
 const mapVerticalAlignToFlex = (verticalAlignmentValue: string | undefined) => {
   switch (verticalAlignmentValue) {
@@ -117,7 +117,7 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
   const textBlock = document.createElement('div');
   Object.assign(textBlock.style, textBlockStyle);
 
-  if (isEditable(mode)) {
+  if (isEditable(mode, schema)) {
     textBlock.contentEditable = 'plaintext-only';
     textBlock.tabIndex = tabIndex || 0;
     textBlock.innerText = value;

package/src/{renderUtils.ts → utils.ts}

@@ -1,3 +1,4 @@
+import type * as CSS from 'csstype';
 import { degrees, degreesToRadians, rgb } from '@pdfme/pdf-lib';
 import { Schema, mm2pt, Mode, isHexValid } from '@pdfme/common';
 
@@ -32,10 +33,7 @@ export const convertForPdfLayoutProps = ({
   }
 
   return {
-    position: {
-      x: x,
-      y: y,
-    },
+    position: { x, y },
     height: height,
     width: width,
     rotate: degrees(rotateDegrees),
@@ -72,7 +70,8 @@ export const addAlphaToHex = (hex: string, alphaPercentage: number) => {
   return hex + alphaHex;
 };
 
-export const isEditable = (mode: Mode) => mode === 'form' || mode === 'designer';
+export const isEditable = (mode: Mode, schema: Schema) =>
+  mode === 'designer' || (mode === 'form' && schema.readOnly !== true);
 
 const hex2rgb = (hex: string) => {
   if (hex.slice(0, 1) === '#') hex = hex.slice(1);
@@ -103,3 +102,60 @@ export const hex2RgbColor = (hexString: string | undefined) => {
 
   return undefined;
 };
+
+export const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer> =>
+  new Promise((resolve, reject) => {
+    const fileReader = new FileReader();
+
+    fileReader.onload = (e) => {
+      if (e.target?.result) {
+        resolve(e.target.result);
+      }
+    };
+
+    fileReader.onerror = (e) => {
+      reject(new Error('[@pdfme/schemas] File reading failed'));
+    };
+
+    let file: File | null = null;
+    if (input instanceof FileList && input.length > 0) {
+      file = input[0];
+    } else if (input instanceof File) {
+      file = input;
+    }
+
+    if (file) {
+      fileReader.readAsDataURL(file);
+    } else {
+      reject(new Error('[@pdfme/schemas] No files provided'));
+    }
+  });
+
+export const createErrorElm = () => {
+  const container = document.createElement('div');
+  const containerStyle: CSS.Properties = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    height: '100%',
+  };
+  Object.assign(container.style, containerStyle);
+
+  const span = document.createElement('span');
+  const spanStyle: CSS.Properties = {
+    color: 'white',
+    background: 'red',
+    padding: '0.25rem',
+    fontSize: '12pt',
+    fontWeight: 'bold',
+    borderRadius: '2px',
+    fontFamily: "'Open Sans', sans-serif",
+  };
+  Object.assign(span.style, spanStyle);
+
+  span.textContent = 'ERROR';
+  container.appendChild(span);
+
+  return container;
+};

package/dist/cjs/__tests__/renderUtils.test.js.map

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

package/dist/cjs/src/image/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pdfRender_js_1 = require("./pdfRender.js");
-const propPanel_js_1 = require("./propPanel.js");
-const uiRender_js_1 = require("./uiRender.js");
-const schema = { pdf: pdfRender_js_1.pdfRender, ui: uiRender_js_1.uiRender, propPanel: propPanel_js_1.propPanel };
-exports.default = schema;
-//# sourceMappingURL=index.js.map

package/dist/cjs/src/image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/image/index.ts"],"names":[],"mappings":";;AACA,iDAA2C;AAC3C,iDAA2C;AAC3C,+CAAyC;AAGzC,MAAM,MAAM,GAAwB,EAAE,GAAG,EAAE,wBAAS,EAAE,EAAE,EAAE,sBAAQ,EAAE,SAAS,EAAT,wBAAS,EAAE,CAAC;AAChF,kBAAe,MAAM,CAAC"}

package/dist/cjs/src/image/pdfRender.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pdfRender = void 0;
-const renderUtils_js_1 = require("../renderUtils.js");
-const getCacheKey = (schema, input) => `${schema.type}${input}`;
-const pdfRender = async (arg) => {
-    const { value, schema, pdfDoc, page, _cache } = arg;
-    if (!value || !value.startsWith('data:image/'))
-        return;
-    const inputImageCacheKey = getCacheKey(schema, value);
-    let image = _cache.get(inputImageCacheKey);
-    if (!image) {
-        const isPng = value.startsWith('data:image/png;');
-        image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
-        _cache.set(inputImageCacheKey, image);
-    }
-    const pageHeight = page.getHeight();
-    const { width, height, rotate, position: { x, y }, opacity, } = (0, renderUtils_js_1.convertForPdfLayoutProps)({ schema, pageHeight });
-    page.drawImage(image, { x, y, rotate, width, height, opacity });
-};
-exports.pdfRender = pdfRender;
-//# sourceMappingURL=pdfRender.js.map

package/dist/cjs/src/image/pdfRender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pdfRender.js","sourceRoot":"","sources":["../../../../src/image/pdfRender.ts"],"names":[],"mappings":";;;AAEA,sDAA6D;AAE7D,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,CAAC;AAEzE,MAAM,SAAS,GAAG,KAAK,EAAE,GAAgC,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;IACpD,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;QAAE,OAAO;IAEvD,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACtD,IAAI,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC3C,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAClD,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QACxE,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;KACvC;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IACpC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAClB,OAAO,GACR,GAAG,IAAA,yCAAwB,EAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAErD,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AAClE,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB"}

package/dist/cjs/src/image/propPanel.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.propPanel = void 0;
-const constants_js_1 = require("../constants.js");
-exports.propPanel = {
-    schema: {},
-    defaultValue: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAALuAQMAAADL0wGJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURbzAw+rv8fKruy0AAAPoSURBVHja7dwxbtwwEEBRCkKwRQodYftcYk+ROkcJz5NTsEuZK/AIKlIQAUEnke0VqQ0pA5zxWvFnZcD2s0CNuENxPOZBc0QDDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PD/+P8bkxvnTzzjTG0M2b5rh08rHNT518aPOnTt63+aGTd23edPJ2h//ax+/oO6Gzx6c78+cuPu7x01vmwx5/6uLnO/PjO+b/rGifvtWH3VnT9vmh/e3eqx/bc9d79af2YwEPDw8P/6r8r1GVt5VcUoZPtXxGhp9rGYEM72vbEBne1hJ5Gb6ayIvwqZppi/CxmgqL8KGaTIrwc3WDfATeV/ffIryr7r+PwNvq/vsIfH17D5/qbw/gb/mLKp/OqnycFPj14yqcJPm4vfp5VJ0cP6jyzqjy9rr2q/Dr4qzBp3V5E1wxp/V3rl8LXn32qF6fAY31Psv2NXi/5lQaH+Vuzak0eLsmPRppVPa3FPiU3QiFFDZmD4FCAh6yxV+Bn7O9isLmx2d/TGHr5rI7obDxtFkcKWyb89M2+U1/sX7Kv7Io8gaxFy5l2D/faRk++3x6PgsalV52+fwUW4j/+eGhDPuneyH/otHmp9jyfHHMLM6n4phZnI/FObA4H4qDWnF+Lo46xXlflG+I864o3xDnbVG+Ic6X9RXSfCrrK6T5WBZASPOhrFCQ5ufyjF+a92XdkjTvyrolad6WdUvS/KawSI7/sQn7JfDl+O+bsF8CX44fN2FvHnNnIT4Nm7BfAl+ON5uwXwJfjA/LCuk2BXvCvN0U7InxflmAtxV1gvx0U2N3luPtdZOlwj/FoR5vbuq85Pi48F6LD0scOk3+sq1cleP9ohlNfkpq/N9pGaMuH7T4ZVqGWYt/nBavyxstftblfaVIWJU/y72yODCfzJH5oMvPh+adLm+PzCdzZD5U/61ClT9Lnvyo8e7QvFHlE3ydj0zOu5ucickhcpgcJofJedUVk8j5b/nGgIeHh4d/I3x/RwLlhgfNH3DavSwGXf7YjT76uqCEQ/P37p9z7uKVmwspd17S7hul3PXK6fbsmnvWhO6GZlMnn3ri8gXN5GzHnX0B35ydj91814CHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHl+d/A9cKjmiL040TAAAAAElFTkSuQmCC',
-    defaultSchema: {
-        type: 'image',
-        position: { x: 0, y: 0 },
-        width: 40,
-        height: 40,
-        // If the value of "rotate" is set to undefined or not set at all, rotation will be disabled in the UI.
-        // Check this document: https://pdfme.com//docs/custom-schemas#learning-how-to-create-from-pdfmeschemas-code
-        rotate: 0,
-        opacity: constants_js_1.DEFAULT_OPACITY,
-    },
-};
-//# sourceMappingURL=propPanel.js.map

package/dist/cjs/src/image/propPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/image/propPanel.ts"],"names":[],"mappings":";;;AAEA,kDAAkD;AAErC,QAAA,SAAS,GAA2B;IAC/C,MAAM,EAAE,EAAE;IACV,YAAY,EACV,w9CAAw9C;IAC19C,aAAa,EAAE;QACb,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACxB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,uGAAuG;QACvG,4GAA4G;QAC5G,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,8BAAe;KACzB;CACF,CAAC"}

package/dist/cjs/src/image/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/cjs/src/image/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/image/types.ts"],"names":[],"mappings":""}

package/dist/cjs/src/image/uiRender.js

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uiRender = void 0;
-const common_1 = require("@pdfme/common");
-const renderUtils_js_1 = require("../renderUtils.js");
-const fullSize = { width: '100%', height: '100%' };
-const readFile = (input) => new Promise((resolve, reject) => {
-    const fileReader = new FileReader();
-    fileReader.onload = (e) => {
-        if (e.target?.result) {
-            resolve(e.target.result);
-        }
-    };
-    fileReader.onerror = (e) => {
-        reject(new Error('[@pdfme/schemas] File reading failed'));
-    };
-    let file = null;
-    if (input instanceof FileList && input.length > 0) {
-        file = input[0];
-    }
-    else if (input instanceof File) {
-        file = input;
-    }
-    if (file) {
-        fileReader.readAsDataURL(file);
-    }
-    else {
-        reject(new Error('[@pdfme/schemas] No files provided'));
-    }
-});
-const uiRender = async (arg) => {
-    const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
-    const editable = (0, renderUtils_js_1.isEditable)(mode);
-    const size = { width: schema.width * common_1.ZOOM, height: schema.height * common_1.ZOOM };
-    const container = document.createElement('div');
-    const backgroundStyle = placeholder ? `url(${placeholder})` : 'none';
-    const containerStyle = {
-        ...fullSize,
-        backgroundImage: value ? 'none' : backgroundStyle,
-        backgroundSize: `${size.width}px ${size.height}px`,
-    };
-    Object.assign(container.style, containerStyle);
-    container.addEventListener('click', (e) => {
-        if (editable) {
-            e.stopPropagation();
-        }
-    });
-    rootElement.appendChild(container);
-    // image tag
-    if (value) {
-        const img = document.createElement('img');
-        const imgStyle = { height: '100%', width: '100%', borderRadius: 0 };
-        Object.assign(img.style, imgStyle);
-        img.src = value;
-        container.appendChild(img);
-    }
-    // remove button
-    if (value && editable) {
-        const button = document.createElement('button');
-        button.textContent = 'x';
-        const buttonStyle = {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            zIndex: 1,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            color: '#333',
-            background: '#f2f2f2',
-            borderRadius: '2px',
-            border: '1px solid #767676',
-            cursor: 'pointer',
-            height: '24px',
-            width: '24px',
-        };
-        Object.assign(button.style, buttonStyle);
-        button.addEventListener('click', () => {
-            onChange && onChange('');
-        });
-        container.appendChild(button);
-    }
-    // file input
-    if (!value && editable) {
-        const label = document.createElement('label');
-        const labelStyle = {
-            ...fullSize,
-            display: editable ? 'flex' : 'none',
-            position: 'absolute',
-            top: 0,
-            backgroundColor: editable || value ? (0, renderUtils_js_1.addAlphaToHex)(theme.colorPrimaryBg, 30) : 'none',
-            cursor: 'pointer',
-        };
-        Object.assign(label.style, labelStyle);
-        container.appendChild(label);
-        const input = document.createElement('input');
-        const inputStyle = { ...fullSize, position: 'absolute', top: '50%' };
-        Object.assign(input.style, inputStyle);
-        input.tabIndex = tabIndex || 0;
-        input.type = 'file';
-        input.accept = 'image/jpeg, image/png';
-        input.addEventListener('change', (event) => {
-            const changeEvent = event;
-            readFile(changeEvent.target.files).then((result) => onChange && onChange(result));
-        });
-        input.addEventListener('blur', () => stopEditing && stopEditing());
-        label.appendChild(input);
-    }
-};
-exports.uiRender = uiRender;
-//# sourceMappingURL=uiRender.js.map