@pdfme/ui 3.2.3-dev.2 → 3.3.0-dev.0

package/dist/index.es.js

@@ -9290,6 +9290,7 @@ z.object({
   "schemas.barcodes.includetext": z.string()
 });
 z.enum(["viewer", "form", "designer"]);
+const ColorType = z.enum(["rgb", "cmyk"]).optional();
 z.object({ height: z.number(), width: z.number() });
 const Schema$1 = z.object({
   type: z.string(),
@@ -9320,6 +9321,7 @@ const ArrayBufferSchema = z.any().refine((a) => a instanceof ArrayBuffer), Uint8
   options: CommonOptions.optional(),
   plugins: z.record(z.object({ ui: z.any(), pdf: z.any(), propPanel: z.any() })).optional()
 }), GeneratorOptions = CommonOptions.extend({
+  colorType: ColorType,
   author: z.string().optional(),
   creationDate: z.date().optional(),
   creator: z.string().optional(),
@@ -80672,7 +80674,7 @@ var colorStringExports = colorString$1.exports, ColorTypes;
 (function(a) {
   a.Grayscale = "Grayscale", a.RGB = "RGB", a.CMYK = "CMYK";
 })(ColorTypes || (ColorTypes = {}));
-const rgb = (a, s, $) => (assertRange(a, "red", 0, 1), assertRange(s, "green", 0, 1), assertRange($, "blue", 0, 1), { type: ColorTypes.RGB, red: a, green: s, blue: $ });
+const rgb = (a, s, $) => (assertRange(a, "red", 0, 1), assertRange(s, "green", 0, 1), assertRange($, "blue", 0, 1), { type: ColorTypes.RGB, red: a, green: s, blue: $ }), cmyk = (a, s, $, _) => (assertRange(a, "cyan", 0, 1), assertRange(s, "magenta", 0, 1), assertRange($, "yellow", 0, 1), assertRange(_, "key", 0, 1), { type: ColorTypes.CMYK, cyan: a, magenta: s, yellow: $, key: _ });
 var TextAlignment;
 (function(a) {
   a[a.Left = 0] = "Left", a[a.Center = 1] = "Center", a[a.Right = 2] = "Right";
@@ -81510,7 +81512,18 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
     const [$, _, _e] = hex2rgb(a);
     return rgb($ / 255, _ / 255, _e / 255);
   }
-}, embedAndGetFontObj = async (a) => {
+}, hex2CmykColor = (a) => {
+  if (a) {
+    if (!isHexValid(a))
+      throw new Error(`Invalid hex color value ${a}`);
+    a = a.replace("#", "");
+    const $ = a.substring(0, 6), _ = a.substring(6, 8), _e = _ ? parseInt(_, 16) / 255 : 1;
+    let tt = parseInt($.substring(0, 2), 16) / 255, nt = parseInt($.substring(2, 4), 16) / 255, at = parseInt($.substring(4, 6), 16) / 255;
+    tt = tt * _e + (1 - _e), nt = nt * _e + (1 - _e), at = at * _e + (1 - _e);
+    const ot = 1 - Math.max(tt, nt, at), rt = tt === 0 ? 0 : (1 - tt - ot) / (1 - ot), st = nt === 0 ? 0 : (1 - nt - ot) / (1 - ot), lt = at === 0 ? 0 : (1 - at - ot) / (1 - ot);
+    return cmyk(rt, st, lt, ot);
+  }
+}, hex2PrintingColor = (a, s) => (s == null ? void 0 : s.toLocaleLowerCase()) == "cmyk" ? hex2CmykColor(a) : hex2RgbColor(a), embedAndGetFontObj = async (a) => {
   const { pdfDoc: s, font: $, _cache: _ } = a;
   if (_.has(s))
     return _.get(s);
@@ -81521,66 +81534,66 @@ const convertForPdfLayoutProps = ({ schema: a, pageHeight: s, applyRotateTransla
     });
   })), tt = Object.keys($).reduce((nt, at, ot) => Object.assign(nt, { [at]: _e[ot] }), {});
   return _.set(s, tt), tt;
-}, getFontProp = async ({ value: a, font: s, schema: $, _cache: _ }) => {
-  const _e = $.dynamicFontSize ? await calculateDynamicFontSize({ textSchema: $, font: s, value: a, _cache: _ }) : $.fontSize ?? DEFAULT_FONT_SIZE, tt = hex2RgbColor($.fontColor || DEFAULT_FONT_COLOR);
+}, getFontProp = async ({ value: a, font: s, schema: $, colorType: _, _cache: _e }) => {
+  const tt = $.dynamicFontSize ? await calculateDynamicFontSize({ textSchema: $, font: s, value: a, _cache: _e }) : $.fontSize ?? DEFAULT_FONT_SIZE, nt = hex2PrintingColor($.fontColor || DEFAULT_FONT_COLOR, _);
   return {
     alignment: $.alignment ?? DEFAULT_ALIGNMENT,
     verticalAlignment: $.verticalAlignment ?? DEFAULT_VERTICAL_ALIGNMENT,
     lineHeight: $.lineHeight ?? DEFAULT_LINE_HEIGHT,
     characterSpacing: $.characterSpacing ?? DEFAULT_CHARACTER_SPACING,
-    fontSize: _e,
-    color: tt
+    fontSize: tt,
+    color: nt
   };
 }, pdfRender = async (a) => {
   const { value: s, pdfDoc: $, pdfLib: _, page: _e, options: tt, schema: nt, _cache: at } = a;
   if (!s)
     return;
-  const { font: ot = getDefaultFont() } = tt, [rt, st, lt] = await Promise.all([
+  const { font: ot = getDefaultFont(), colorType: rt } = tt, [st, lt, et] = await Promise.all([
     embedAndGetFontObj({ pdfDoc: $, font: ot, _cache: at }),
     getFontKitFont(nt, ot, at),
-    getFontProp({ value: s, font: ot, schema: nt, _cache: at })
-  ]), { fontSize: et, color: it, alignment: ut, verticalAlignment: ft, lineHeight: ht, characterSpacing: dt } = lt, gt = nt.fontName ? nt.fontName : getFallbackFontName(ot), pt = rt && rt[gt], mt = _e.getHeight(), { width: ct, height: vt, rotate: At, position: { x: xt, y: bt }, opacity: Et } = convertForPdfLayoutProps({ schema: nt, pageHeight: mt, applyRotateTranslate: !1 });
+    getFontProp({ value: s, font: ot, schema: nt, _cache: at, colorType: rt })
+  ]), { fontSize: it, color: ut, alignment: ft, verticalAlignment: ht, lineHeight: dt, characterSpacing: gt } = et, pt = nt.fontName ? nt.fontName : getFallbackFontName(ot), mt = st && st[pt], ct = _e.getHeight(), { width: vt, height: At, rotate: xt, position: { x: bt, y: Et }, opacity: St } = convertForPdfLayoutProps({ schema: nt, pageHeight: ct, applyRotateTranslate: !1 });
   if (nt.backgroundColor) {
-    const yt = hex2RgbColor(nt.backgroundColor);
-    _e.drawRectangle({ x: xt, y: bt, width: ct, height: vt, rotate: At, color: yt });
-  }
-  _e.pushOperators(_.setCharacterSpacing(dt ?? DEFAULT_CHARACTER_SPACING));
-  const St = heightOfFontAtSize(st, et), Dt = getFontDescentInPt(st, et), Rt = ht === 0 ? 0 : (ht - 1) * et / 2, Tt = {
-    font: st,
-    fontSize: et,
-    characterSpacing: dt,
-    boxWidthInPt: ct
-  };
-  let wt = [];
-  s.split(/\r\n|\r|\n|\f|\u000B/g).forEach((yt) => {
-    wt = wt.concat(getSplittedLines(yt, Tt));
+    const Pt = hex2PrintingColor(nt.backgroundColor, rt);
+    _e.drawRectangle({ x: bt, y: Et, width: vt, height: At, rotate: xt, color: Pt });
+  }
+  _e.pushOperators(_.setCharacterSpacing(gt ?? DEFAULT_CHARACTER_SPACING));
+  const Dt = heightOfFontAtSize(lt, it), Rt = getFontDescentInPt(lt, it), Tt = dt === 0 ? 0 : (dt - 1) * it / 2, wt = {
+    font: lt,
+    fontSize: it,
+    characterSpacing: gt,
+    boxWidthInPt: vt
+  };
+  let Ct = [];
+  s.split(/\r\n|\r|\n|\f|\u000B/g).forEach((Pt) => {
+    Ct = Ct.concat(getSplittedLines(Pt, wt));
   });
-  let Ct = 0;
-  if (ft === VERTICAL_ALIGN_TOP)
-    Ct = St + Rt;
+  let It = 0;
+  if (ht === VERTICAL_ALIGN_TOP)
+    It = Dt + Tt;
   else {
-    const yt = ht * et * (wt.length - 1);
-    ft === VERTICAL_ALIGN_BOTTOM ? Ct = vt - yt + Dt - Rt : ft === VERTICAL_ALIGN_MIDDLE && (Ct = (vt - yt - St + Dt) / 2 + St);
-  }
-  const It = { x: xt + ct / 2, y: mt - mm2pt(nt.position.y) - vt / 2 };
-  wt.forEach((yt, Pt) => {
-    const kt = widthOfTextAtSize(yt, st, et, dt), jt = ht * et * Pt;
-    let Ht = xt;
-    ut === "center" ? Ht += (ct - kt) / 2 : ut === "right" && (Ht += ct - kt);
-    let Ft = mt - mm2pt(nt.position.y) - Ct - jt;
-    if (At.angle !== 0) {
-      const Lt = rotatePoint({ x: Ht, y: Ft }, It, At.angle);
-      Ht = Lt.x, Ft = Lt.y;
-    }
-    _e.drawText(yt, {
-      x: Ht,
-      y: Ft,
-      rotate: At,
-      size: et,
-      color: it,
-      lineHeight: ht * et,
-      font: pt,
-      opacity: Et
+    const Pt = dt * it * (Ct.length - 1);
+    ht === VERTICAL_ALIGN_BOTTOM ? It = At - Pt + Rt - Tt : ht === VERTICAL_ALIGN_MIDDLE && (It = (At - Pt - Dt + Rt) / 2 + Dt);
+  }
+  const yt = { x: bt + vt / 2, y: ct - mm2pt(nt.position.y) - At / 2 };
+  Ct.forEach((Pt, kt) => {
+    const jt = widthOfTextAtSize(Pt, lt, it, gt), Ht = dt * it * kt;
+    let Ft = bt;
+    ft === "center" ? Ft += (vt - jt) / 2 : ft === "right" && (Ft += vt - jt);
+    let Lt = ct - mm2pt(nt.position.y) - It - Ht;
+    if (xt.angle !== 0) {
+      const Nt = rotatePoint({ x: Ft, y: Lt }, yt, xt.angle);
+      Ft = Nt.x, Lt = Nt.y;
+    }
+    _e.drawText(Pt, {
+      x: Ft,
+      y: Lt,
+      rotate: xt,
+      size: it,
+      color: ut,
+      lineHeight: dt * it,
+      font: mt,
+      opacity: St
     });
   });
 }, DEFAULT_OPACITY = 1, HEX_COLOR_PATTERN = "^#(?:[A-Fa-f0-9]{3,4}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$", UseDynamicFontSize = (a) => {