art-bd-ui 1.0.21 → 1.0.23

package/dist/esm/node_modules/pdf-lib/es/api/operations.js

@@ -0,0 +1,474 @@
+import { __spreadArrays } from '../../../tslib/tslib.es6.js';
+import { setFillingColor, setStrokingColor } from './colors.js';
+import { pushGraphicsState, setGraphicsState, beginText, setFontAndSize, setLineHeight, rotateAndSkewTextRadiansAndTranslate, showText, nextLine, endText, popGraphicsState, translate, rotateRadians, scale, skewRadians, drawObject, fillAndStroke, fill, stroke, closePath, setLineWidth, setLineCap, setDashPattern, moveTo, lineTo, rotateDegrees, appendBezierCurve, clip, endPath, endMarkedContent, beginMarkedContent } from './operators.js';
+import { toRadians, degrees } from './rotations.js';
+import { svgPathToOperators } from './svgPath.js';
+import { asNumber } from './objects.js';
+
+var drawLinesOfText = function (lines, options) {
+    var operators = [
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        beginText(),
+        setFillingColor(options.color),
+        setFontAndSize(options.font, options.size),
+        setLineHeight(options.lineHeight),
+        rotateAndSkewTextRadiansAndTranslate(toRadians(options.rotate), toRadians(options.xSkew), toRadians(options.ySkew), options.x, options.y),
+    ].filter(Boolean);
+    for (var idx = 0, len = lines.length; idx < len; idx++) {
+        operators.push(showText(lines[idx]), nextLine());
+    }
+    operators.push(endText(), popGraphicsState());
+    return operators;
+};
+var drawImage = function (name, options) {
+    return [
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        translate(options.x, options.y),
+        rotateRadians(toRadians(options.rotate)),
+        scale(options.width, options.height),
+        skewRadians(toRadians(options.xSkew), toRadians(options.ySkew)),
+        drawObject(name),
+        popGraphicsState(),
+    ].filter(Boolean);
+};
+var drawPage = function (name, options) {
+    return [
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        translate(options.x, options.y),
+        rotateRadians(toRadians(options.rotate)),
+        scale(options.xScale, options.yScale),
+        skewRadians(toRadians(options.xSkew), toRadians(options.ySkew)),
+        drawObject(name),
+        popGraphicsState(),
+    ].filter(Boolean);
+};
+var drawLine = function (options) {
+    var _a, _b;
+    return [
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        options.color && setStrokingColor(options.color),
+        setLineWidth(options.thickness),
+        setDashPattern((_a = options.dashArray) !== null && _a !== void 0 ? _a : [], (_b = options.dashPhase) !== null && _b !== void 0 ? _b : 0),
+        moveTo(options.start.x, options.start.y),
+        options.lineCap && setLineCap(options.lineCap),
+        moveTo(options.start.x, options.start.y),
+        lineTo(options.end.x, options.end.y),
+        stroke(),
+        popGraphicsState(),
+    ].filter(Boolean);
+};
+var drawRectangle = function (options) {
+    var _a, _b;
+    return [
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        options.color && setFillingColor(options.color),
+        options.borderColor && setStrokingColor(options.borderColor),
+        setLineWidth(options.borderWidth),
+        options.borderLineCap && setLineCap(options.borderLineCap),
+        setDashPattern((_a = options.borderDashArray) !== null && _a !== void 0 ? _a : [], (_b = options.borderDashPhase) !== null && _b !== void 0 ? _b : 0),
+        translate(options.x, options.y),
+        rotateRadians(toRadians(options.rotate)),
+        skewRadians(toRadians(options.xSkew), toRadians(options.ySkew)),
+        moveTo(0, 0),
+        lineTo(0, options.height),
+        lineTo(options.width, options.height),
+        lineTo(options.width, 0),
+        closePath(),
+        // prettier-ignore
+        options.color && options.borderWidth ? fillAndStroke()
+            : options.color ? fill()
+                : options.borderColor ? stroke()
+                    : closePath(),
+        popGraphicsState(),
+    ].filter(Boolean);
+};
+var KAPPA = 4.0 * ((Math.sqrt(2) - 1.0) / 3.0);
+/** @deprecated */
+var drawEllipsePath = function (config) {
+    var x = asNumber(config.x);
+    var y = asNumber(config.y);
+    var xScale = asNumber(config.xScale);
+    var yScale = asNumber(config.yScale);
+    x -= xScale;
+    y -= yScale;
+    var ox = xScale * KAPPA;
+    var oy = yScale * KAPPA;
+    var xe = x + xScale * 2;
+    var ye = y + yScale * 2;
+    var xm = x + xScale;
+    var ym = y + yScale;
+    return [
+        pushGraphicsState(),
+        moveTo(x, ym),
+        appendBezierCurve(x, ym - oy, xm - ox, y, xm, y),
+        appendBezierCurve(xm + ox, y, xe, ym - oy, xe, ym),
+        appendBezierCurve(xe, ym + oy, xm + ox, ye, xm, ye),
+        appendBezierCurve(xm - ox, ye, x, ym + oy, x, ym),
+        popGraphicsState(),
+    ];
+};
+var drawEllipseCurves = function (config) {
+    var centerX = asNumber(config.x);
+    var centerY = asNumber(config.y);
+    var xScale = asNumber(config.xScale);
+    var yScale = asNumber(config.yScale);
+    var x = -xScale;
+    var y = -yScale;
+    var ox = xScale * KAPPA;
+    var oy = yScale * KAPPA;
+    var xe = x + xScale * 2;
+    var ye = y + yScale * 2;
+    var xm = x + xScale;
+    var ym = y + yScale;
+    return [
+        translate(centerX, centerY),
+        rotateRadians(toRadians(config.rotate)),
+        moveTo(x, ym),
+        appendBezierCurve(x, ym - oy, xm - ox, y, xm, y),
+        appendBezierCurve(xm + ox, y, xe, ym - oy, xe, ym),
+        appendBezierCurve(xe, ym + oy, xm + ox, ye, xm, ye),
+        appendBezierCurve(xm - ox, ye, x, ym + oy, x, ym),
+    ];
+};
+var drawEllipse = function (options) {
+    var _a, _b, _c;
+    return __spreadArrays([
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        options.color && setFillingColor(options.color),
+        options.borderColor && setStrokingColor(options.borderColor),
+        setLineWidth(options.borderWidth),
+        options.borderLineCap && setLineCap(options.borderLineCap),
+        setDashPattern((_a = options.borderDashArray) !== null && _a !== void 0 ? _a : [], (_b = options.borderDashPhase) !== null && _b !== void 0 ? _b : 0)
+    ], (options.rotate === undefined
+        ? drawEllipsePath({
+            x: options.x,
+            y: options.y,
+            xScale: options.xScale,
+            yScale: options.yScale,
+        })
+        : drawEllipseCurves({
+            x: options.x,
+            y: options.y,
+            xScale: options.xScale,
+            yScale: options.yScale,
+            rotate: (_c = options.rotate) !== null && _c !== void 0 ? _c : degrees(0),
+        })), [
+        // prettier-ignore
+        options.color && options.borderWidth ? fillAndStroke()
+            : options.color ? fill()
+                : options.borderColor ? stroke()
+                    : closePath(),
+        popGraphicsState(),
+    ]).filter(Boolean);
+};
+var drawSvgPath = function (path, options) {
+    var _a, _b, _c;
+    return __spreadArrays([
+        pushGraphicsState(),
+        options.graphicsState && setGraphicsState(options.graphicsState),
+        translate(options.x, options.y),
+        rotateRadians(toRadians((_a = options.rotate) !== null && _a !== void 0 ? _a : degrees(0))),
+        // SVG path Y axis is opposite pdf-lib's
+        options.scale ? scale(options.scale, -options.scale) : scale(1, -1),
+        options.color && setFillingColor(options.color),
+        options.borderColor && setStrokingColor(options.borderColor),
+        options.borderWidth && setLineWidth(options.borderWidth),
+        options.borderLineCap && setLineCap(options.borderLineCap),
+        setDashPattern((_b = options.borderDashArray) !== null && _b !== void 0 ? _b : [], (_c = options.borderDashPhase) !== null && _c !== void 0 ? _c : 0)
+    ], svgPathToOperators(path), [
+        // prettier-ignore
+        options.color && options.borderWidth ? fillAndStroke()
+            : options.color ? fill()
+                : options.borderColor ? stroke()
+                    : closePath(),
+        popGraphicsState(),
+    ]).filter(Boolean);
+};
+var drawCheckMark = function (options) {
+    var size = asNumber(options.size);
+    /*********************** Define Check Mark Points ***************************/
+    // A check mark is defined by three points in some coordinate space. Here, we
+    // define these points in a unit coordinate system, where the range of the x
+    // and y axis are both [-1, 1].
+    //
+    // Note that we do not hard code `p1y` in case we wish to change the
+    // size/shape of the check mark in the future. We want the check mark to
+    // always form a right angle. This means that the dot product between (p1-p2)
+    // and (p3-p2) should be zero:
+    //
+    //   (p1x-p2x) * (p3x-p2x) + (p1y-p2y) * (p3y-p2y) = 0
+    //
+    // We can now rejigger this equation to solve for `p1y`:
+    //
+    //   (p1y-p2y) * (p3y-p2y) = -((p1x-p2x) * (p3x-p2x))
+    //   (p1y-p2y) = -((p1x-p2x) * (p3x-p2x)) / (p3y-p2y)
+    //   p1y = -((p1x-p2x) * (p3x-p2x)) / (p3y-p2y) + p2y
+    //
+    // Thanks to my friend Joel Walker (https://github.com/JWalker1995) for
+    // devising the above equation and unit coordinate system approach!
+    // (x, y) coords of the check mark's bottommost point
+    var p2x = -1 + 0.75;
+    var p2y = -1 + 0.51;
+    // (x, y) coords of the check mark's topmost point
+    var p3y = 1 - 0.525;
+    var p3x = 1 - 0.31;
+    // (x, y) coords of the check mark's center (vertically) point
+    var p1x = -1 + 0.325;
+    var p1y = 0.3995 / (p3y - p2y) + p2y;
+    /****************************************************************************/
+    return [
+        pushGraphicsState(),
+        options.color && setStrokingColor(options.color),
+        setLineWidth(options.thickness),
+        translate(options.x, options.y),
+        moveTo(p1x * size, p1y * size),
+        lineTo(p2x * size, p2y * size),
+        lineTo(p3x * size, p3y * size),
+        stroke(),
+        popGraphicsState(),
+    ].filter(Boolean);
+};
+// prettier-ignore
+var rotateInPlace = function (options) {
+    return options.rotation === 0 ? [
+        translate(0, 0),
+        rotateDegrees(0)
+    ]
+        : options.rotation === 90 ? [
+            translate(options.width, 0),
+            rotateDegrees(90)
+        ]
+            : options.rotation === 180 ? [
+                translate(options.width, options.height),
+                rotateDegrees(180)
+            ]
+                : options.rotation === 270 ? [
+                    translate(0, options.height),
+                    rotateDegrees(270)
+                ]
+                    : [];
+}; // Invalid rotation - noop
+var drawCheckBox = function (options) {
+    var outline = drawRectangle({
+        x: options.x,
+        y: options.y,
+        width: options.width,
+        height: options.height,
+        borderWidth: options.borderWidth,
+        color: options.color,
+        borderColor: options.borderColor,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    if (!options.filled)
+        return outline;
+    var width = asNumber(options.width);
+    var height = asNumber(options.height);
+    var checkMarkSize = Math.min(width, height) / 2;
+    var checkMark = drawCheckMark({
+        x: width / 2,
+        y: height / 2,
+        size: checkMarkSize,
+        thickness: options.thickness,
+        color: options.markColor,
+    });
+    return __spreadArrays([pushGraphicsState()], outline, checkMark, [popGraphicsState()]);
+};
+var drawRadioButton = function (options) {
+    var width = asNumber(options.width);
+    var height = asNumber(options.height);
+    var outlineScale = Math.min(width, height) / 2;
+    var outline = drawEllipse({
+        x: options.x,
+        y: options.y,
+        xScale: outlineScale,
+        yScale: outlineScale,
+        color: options.color,
+        borderColor: options.borderColor,
+        borderWidth: options.borderWidth,
+    });
+    if (!options.filled)
+        return outline;
+    var dot = drawEllipse({
+        x: options.x,
+        y: options.y,
+        xScale: outlineScale * 0.45,
+        yScale: outlineScale * 0.45,
+        color: options.dotColor,
+        borderColor: undefined,
+        borderWidth: 0,
+    });
+    return __spreadArrays([pushGraphicsState()], outline, dot, [popGraphicsState()]);
+};
+var drawButton = function (options) {
+    var x = asNumber(options.x);
+    var y = asNumber(options.y);
+    var width = asNumber(options.width);
+    var height = asNumber(options.height);
+    var background = drawRectangle({
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        borderWidth: options.borderWidth,
+        color: options.color,
+        borderColor: options.borderColor,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    var lines = drawTextLines(options.textLines, {
+        color: options.textColor,
+        font: options.font,
+        size: options.fontSize,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    return __spreadArrays([pushGraphicsState()], background, lines, [popGraphicsState()]);
+};
+var drawTextLines = function (lines, options) {
+    var operators = [
+        beginText(),
+        setFillingColor(options.color),
+        setFontAndSize(options.font, options.size),
+    ];
+    for (var idx = 0, len = lines.length; idx < len; idx++) {
+        var _a = lines[idx], encoded = _a.encoded, x = _a.x, y = _a.y;
+        operators.push(rotateAndSkewTextRadiansAndTranslate(toRadians(options.rotate), toRadians(options.xSkew), toRadians(options.ySkew), x, y), showText(encoded));
+    }
+    operators.push(endText());
+    return operators;
+};
+var drawTextField = function (options) {
+    var x = asNumber(options.x);
+    var y = asNumber(options.y);
+    var width = asNumber(options.width);
+    var height = asNumber(options.height);
+    var borderWidth = asNumber(options.borderWidth);
+    var padding = asNumber(options.padding);
+    var clipX = x + borderWidth / 2 + padding;
+    var clipY = y + borderWidth / 2 + padding;
+    var clipWidth = width - (borderWidth / 2 + padding) * 2;
+    var clipHeight = height - (borderWidth / 2 + padding) * 2;
+    var clippingArea = [
+        moveTo(clipX, clipY),
+        lineTo(clipX, clipY + clipHeight),
+        lineTo(clipX + clipWidth, clipY + clipHeight),
+        lineTo(clipX + clipWidth, clipY),
+        closePath(),
+        clip(),
+        endPath(),
+    ];
+    var background = drawRectangle({
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        borderWidth: options.borderWidth,
+        color: options.color,
+        borderColor: options.borderColor,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    var lines = drawTextLines(options.textLines, {
+        color: options.textColor,
+        font: options.font,
+        size: options.fontSize,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    var markedContent = __spreadArrays([
+        beginMarkedContent('Tx'),
+        pushGraphicsState()
+    ], lines, [
+        popGraphicsState(),
+        endMarkedContent(),
+    ]);
+    return __spreadArrays([
+        pushGraphicsState()
+    ], background, clippingArea, markedContent, [
+        popGraphicsState(),
+    ]);
+};
+var drawOptionList = function (options) {
+    var x = asNumber(options.x);
+    var y = asNumber(options.y);
+    var width = asNumber(options.width);
+    var height = asNumber(options.height);
+    var lineHeight = asNumber(options.lineHeight);
+    var borderWidth = asNumber(options.borderWidth);
+    var padding = asNumber(options.padding);
+    var clipX = x + borderWidth / 2 + padding;
+    var clipY = y + borderWidth / 2 + padding;
+    var clipWidth = width - (borderWidth / 2 + padding) * 2;
+    var clipHeight = height - (borderWidth / 2 + padding) * 2;
+    var clippingArea = [
+        moveTo(clipX, clipY),
+        lineTo(clipX, clipY + clipHeight),
+        lineTo(clipX + clipWidth, clipY + clipHeight),
+        lineTo(clipX + clipWidth, clipY),
+        closePath(),
+        clip(),
+        endPath(),
+    ];
+    var background = drawRectangle({
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        borderWidth: options.borderWidth,
+        color: options.color,
+        borderColor: options.borderColor,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    var highlights = [];
+    for (var idx = 0, len = options.selectedLines.length; idx < len; idx++) {
+        var line = options.textLines[options.selectedLines[idx]];
+        highlights.push.apply(highlights, drawRectangle({
+            x: line.x - padding,
+            y: line.y - (lineHeight - line.height) / 2,
+            width: width - borderWidth,
+            height: line.height + (lineHeight - line.height) / 2,
+            borderWidth: 0,
+            color: options.selectedColor,
+            borderColor: undefined,
+            rotate: degrees(0),
+            xSkew: degrees(0),
+            ySkew: degrees(0),
+        }));
+    }
+    var lines = drawTextLines(options.textLines, {
+        color: options.textColor,
+        font: options.font,
+        size: options.fontSize,
+        rotate: degrees(0),
+        xSkew: degrees(0),
+        ySkew: degrees(0),
+    });
+    var markedContent = __spreadArrays([
+        beginMarkedContent('Tx'),
+        pushGraphicsState()
+    ], lines, [
+        popGraphicsState(),
+        endMarkedContent(),
+    ]);
+    return __spreadArrays([
+        pushGraphicsState()
+    ], background, highlights, clippingArea, markedContent, [
+        popGraphicsState(),
+    ]);
+};
+
+export { drawButton, drawCheckBox, drawCheckMark, drawEllipse, drawEllipsePath, drawImage, drawLine, drawLinesOfText, drawOptionList, drawPage, drawRadioButton, drawRectangle, drawSvgPath, drawTextField, drawTextLines, rotateInPlace };