|
|
@@ -0,0 +1,16435 @@
|
|
|
+/**
|
|
|
+ * @licstart The following is the entire license notice for the
|
|
|
+ * JavaScript code in this page
|
|
|
+ *
|
|
|
+ * Copyright 2023 Mozilla Foundation
|
|
|
+ *
|
|
|
+ * Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
+ * you may not use this file except in compliance with the License.
|
|
|
+ * You may obtain a copy of the License at
|
|
|
+ *
|
|
|
+ * http://www.apache.org/licenses/LICENSE-2.0
|
|
|
+ *
|
|
|
+ * Unless required by applicable law or agreed to in writing, software
|
|
|
+ * distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
+ * See the License for the specific language governing permissions and
|
|
|
+ * limitations under the License.
|
|
|
+ *
|
|
|
+ * @licend The above is the entire license notice for the
|
|
|
+ * JavaScript code in this page
|
|
|
+ */
|
|
|
+
|
|
|
+(function webpackUniversalModuleDefinition(root, factory) {
|
|
|
+ if(typeof exports === 'object' && typeof module === 'object')
|
|
|
+ module.exports = factory();
|
|
|
+ else if(typeof define === 'function' && define.amd)
|
|
|
+ define("pdfjs-dist/build/pdf", [], factory);
|
|
|
+ else if(typeof exports === 'object')
|
|
|
+ exports["pdfjs-dist/build/pdf"] = factory();
|
|
|
+ else
|
|
|
+ root["pdfjs-dist/build/pdf"] = root.pdfjsLib = factory();
|
|
|
+})(globalThis, () => {
|
|
|
+return /******/ (() => { // webpackBootstrap
|
|
|
+/******/ "use strict";
|
|
|
+/******/ var __webpack_modules__ = ([
|
|
|
+/* 0 */,
|
|
|
+/* 1 */
|
|
|
+/***/ ((__unused_webpack_module, exports) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.VerbosityLevel = exports.Util = exports.UnknownErrorException = exports.UnexpectedResponseException = exports.TextRenderingMode = exports.RenderingIntentFlag = exports.PromiseCapability = exports.PermissionFlag = exports.PasswordResponses = exports.PasswordException = exports.PageActionEventType = exports.OPS = exports.MissingPDFException = exports.MAX_IMAGE_SIZE_TO_CACHE = exports.LINE_FACTOR = exports.LINE_DESCENT_FACTOR = exports.InvalidPDFException = exports.ImageKind = exports.IDENTITY_MATRIX = exports.FormatError = exports.FeatureTest = exports.FONT_IDENTITY_MATRIX = exports.DocumentActionEventType = exports.CMapCompressionType = exports.BaseException = exports.BASELINE_FACTOR = exports.AnnotationType = exports.AnnotationReplyType = exports.AnnotationMode = exports.AnnotationFlag = exports.AnnotationFieldFlag = exports.AnnotationEditorType = exports.AnnotationEditorPrefix = exports.AnnotationEditorParamsType = exports.AnnotationBorderStyleType = exports.AnnotationActionEventType = exports.AbortException = void 0;
|
|
|
+exports.assert = assert;
|
|
|
+exports.bytesToString = bytesToString;
|
|
|
+exports.createValidAbsoluteUrl = createValidAbsoluteUrl;
|
|
|
+exports.getModificationDate = getModificationDate;
|
|
|
+exports.getVerbosityLevel = getVerbosityLevel;
|
|
|
+exports.info = info;
|
|
|
+exports.isArrayBuffer = isArrayBuffer;
|
|
|
+exports.isArrayEqual = isArrayEqual;
|
|
|
+exports.normalizeUnicode = normalizeUnicode;
|
|
|
+exports.objectFromMap = objectFromMap;
|
|
|
+exports.objectSize = objectSize;
|
|
|
+exports.setVerbosityLevel = setVerbosityLevel;
|
|
|
+exports.shadow = shadow;
|
|
|
+exports.string32 = string32;
|
|
|
+exports.stringToBytes = stringToBytes;
|
|
|
+exports.stringToPDFString = stringToPDFString;
|
|
|
+exports.stringToUTF8String = stringToUTF8String;
|
|
|
+exports.unreachable = unreachable;
|
|
|
+exports.utf8StringToString = utf8StringToString;
|
|
|
+exports.warn = warn;
|
|
|
+;
|
|
|
+const IDENTITY_MATRIX = [1, 0, 0, 1, 0, 0];
|
|
|
+exports.IDENTITY_MATRIX = IDENTITY_MATRIX;
|
|
|
+const FONT_IDENTITY_MATRIX = [0.001, 0, 0, 0.001, 0, 0];
|
|
|
+exports.FONT_IDENTITY_MATRIX = FONT_IDENTITY_MATRIX;
|
|
|
+const MAX_IMAGE_SIZE_TO_CACHE = 10e6;
|
|
|
+exports.MAX_IMAGE_SIZE_TO_CACHE = MAX_IMAGE_SIZE_TO_CACHE;
|
|
|
+const LINE_FACTOR = 1.35;
|
|
|
+exports.LINE_FACTOR = LINE_FACTOR;
|
|
|
+const LINE_DESCENT_FACTOR = 0.35;
|
|
|
+exports.LINE_DESCENT_FACTOR = LINE_DESCENT_FACTOR;
|
|
|
+const BASELINE_FACTOR = LINE_DESCENT_FACTOR / LINE_FACTOR;
|
|
|
+exports.BASELINE_FACTOR = BASELINE_FACTOR;
|
|
|
+const RenderingIntentFlag = {
|
|
|
+ ANY: 0x01,
|
|
|
+ DISPLAY: 0x02,
|
|
|
+ PRINT: 0x04,
|
|
|
+ SAVE: 0x08,
|
|
|
+ ANNOTATIONS_FORMS: 0x10,
|
|
|
+ ANNOTATIONS_STORAGE: 0x20,
|
|
|
+ ANNOTATIONS_DISABLE: 0x40,
|
|
|
+ OPLIST: 0x100
|
|
|
+};
|
|
|
+exports.RenderingIntentFlag = RenderingIntentFlag;
|
|
|
+const AnnotationMode = {
|
|
|
+ DISABLE: 0,
|
|
|
+ ENABLE: 1,
|
|
|
+ ENABLE_FORMS: 2,
|
|
|
+ ENABLE_STORAGE: 3
|
|
|
+};
|
|
|
+exports.AnnotationMode = AnnotationMode;
|
|
|
+const AnnotationEditorPrefix = "pdfjs_internal_editor_";
|
|
|
+exports.AnnotationEditorPrefix = AnnotationEditorPrefix;
|
|
|
+const AnnotationEditorType = {
|
|
|
+ DISABLE: -1,
|
|
|
+ NONE: 0,
|
|
|
+ FREETEXT: 3,
|
|
|
+ STAMP: 13,
|
|
|
+ INK: 15
|
|
|
+};
|
|
|
+exports.AnnotationEditorType = AnnotationEditorType;
|
|
|
+const AnnotationEditorParamsType = {
|
|
|
+ FREETEXT_SIZE: 1,
|
|
|
+ FREETEXT_COLOR: 2,
|
|
|
+ FREETEXT_OPACITY: 3,
|
|
|
+ INK_COLOR: 11,
|
|
|
+ INK_THICKNESS: 12,
|
|
|
+ INK_OPACITY: 13
|
|
|
+};
|
|
|
+exports.AnnotationEditorParamsType = AnnotationEditorParamsType;
|
|
|
+const PermissionFlag = {
|
|
|
+ PRINT: 0x04,
|
|
|
+ MODIFY_CONTENTS: 0x08,
|
|
|
+ COPY: 0x10,
|
|
|
+ MODIFY_ANNOTATIONS: 0x20,
|
|
|
+ FILL_INTERACTIVE_FORMS: 0x100,
|
|
|
+ COPY_FOR_ACCESSIBILITY: 0x200,
|
|
|
+ ASSEMBLE: 0x400,
|
|
|
+ PRINT_HIGH_QUALITY: 0x800
|
|
|
+};
|
|
|
+exports.PermissionFlag = PermissionFlag;
|
|
|
+const TextRenderingMode = {
|
|
|
+ FILL: 0,
|
|
|
+ STROKE: 1,
|
|
|
+ FILL_STROKE: 2,
|
|
|
+ INVISIBLE: 3,
|
|
|
+ FILL_ADD_TO_PATH: 4,
|
|
|
+ STROKE_ADD_TO_PATH: 5,
|
|
|
+ FILL_STROKE_ADD_TO_PATH: 6,
|
|
|
+ ADD_TO_PATH: 7,
|
|
|
+ FILL_STROKE_MASK: 3,
|
|
|
+ ADD_TO_PATH_FLAG: 4
|
|
|
+};
|
|
|
+exports.TextRenderingMode = TextRenderingMode;
|
|
|
+const ImageKind = {
|
|
|
+ GRAYSCALE_1BPP: 1,
|
|
|
+ RGB_24BPP: 2,
|
|
|
+ RGBA_32BPP: 3
|
|
|
+};
|
|
|
+exports.ImageKind = ImageKind;
|
|
|
+const AnnotationType = {
|
|
|
+ TEXT: 1,
|
|
|
+ LINK: 2,
|
|
|
+ FREETEXT: 3,
|
|
|
+ LINE: 4,
|
|
|
+ SQUARE: 5,
|
|
|
+ CIRCLE: 6,
|
|
|
+ POLYGON: 7,
|
|
|
+ POLYLINE: 8,
|
|
|
+ HIGHLIGHT: 9,
|
|
|
+ UNDERLINE: 10,
|
|
|
+ SQUIGGLY: 11,
|
|
|
+ STRIKEOUT: 12,
|
|
|
+ STAMP: 13,
|
|
|
+ CARET: 14,
|
|
|
+ INK: 15,
|
|
|
+ POPUP: 16,
|
|
|
+ FILEATTACHMENT: 17,
|
|
|
+ SOUND: 18,
|
|
|
+ MOVIE: 19,
|
|
|
+ WIDGET: 20,
|
|
|
+ SCREEN: 21,
|
|
|
+ PRINTERMARK: 22,
|
|
|
+ TRAPNET: 23,
|
|
|
+ WATERMARK: 24,
|
|
|
+ THREED: 25,
|
|
|
+ REDACT: 26
|
|
|
+};
|
|
|
+exports.AnnotationType = AnnotationType;
|
|
|
+const AnnotationReplyType = {
|
|
|
+ GROUP: "Group",
|
|
|
+ REPLY: "R"
|
|
|
+};
|
|
|
+exports.AnnotationReplyType = AnnotationReplyType;
|
|
|
+const AnnotationFlag = {
|
|
|
+ INVISIBLE: 0x01,
|
|
|
+ HIDDEN: 0x02,
|
|
|
+ PRINT: 0x04,
|
|
|
+ NOZOOM: 0x08,
|
|
|
+ NOROTATE: 0x10,
|
|
|
+ NOVIEW: 0x20,
|
|
|
+ READONLY: 0x40,
|
|
|
+ LOCKED: 0x80,
|
|
|
+ TOGGLENOVIEW: 0x100,
|
|
|
+ LOCKEDCONTENTS: 0x200
|
|
|
+};
|
|
|
+exports.AnnotationFlag = AnnotationFlag;
|
|
|
+const AnnotationFieldFlag = {
|
|
|
+ READONLY: 0x0000001,
|
|
|
+ REQUIRED: 0x0000002,
|
|
|
+ NOEXPORT: 0x0000004,
|
|
|
+ MULTILINE: 0x0001000,
|
|
|
+ PASSWORD: 0x0002000,
|
|
|
+ NOTOGGLETOOFF: 0x0004000,
|
|
|
+ RADIO: 0x0008000,
|
|
|
+ PUSHBUTTON: 0x0010000,
|
|
|
+ COMBO: 0x0020000,
|
|
|
+ EDIT: 0x0040000,
|
|
|
+ SORT: 0x0080000,
|
|
|
+ FILESELECT: 0x0100000,
|
|
|
+ MULTISELECT: 0x0200000,
|
|
|
+ DONOTSPELLCHECK: 0x0400000,
|
|
|
+ DONOTSCROLL: 0x0800000,
|
|
|
+ COMB: 0x1000000,
|
|
|
+ RICHTEXT: 0x2000000,
|
|
|
+ RADIOSINUNISON: 0x2000000,
|
|
|
+ COMMITONSELCHANGE: 0x4000000
|
|
|
+};
|
|
|
+exports.AnnotationFieldFlag = AnnotationFieldFlag;
|
|
|
+const AnnotationBorderStyleType = {
|
|
|
+ SOLID: 1,
|
|
|
+ DASHED: 2,
|
|
|
+ BEVELED: 3,
|
|
|
+ INSET: 4,
|
|
|
+ UNDERLINE: 5
|
|
|
+};
|
|
|
+exports.AnnotationBorderStyleType = AnnotationBorderStyleType;
|
|
|
+const AnnotationActionEventType = {
|
|
|
+ E: "Mouse Enter",
|
|
|
+ X: "Mouse Exit",
|
|
|
+ D: "Mouse Down",
|
|
|
+ U: "Mouse Up",
|
|
|
+ Fo: "Focus",
|
|
|
+ Bl: "Blur",
|
|
|
+ PO: "PageOpen",
|
|
|
+ PC: "PageClose",
|
|
|
+ PV: "PageVisible",
|
|
|
+ PI: "PageInvisible",
|
|
|
+ K: "Keystroke",
|
|
|
+ F: "Format",
|
|
|
+ V: "Validate",
|
|
|
+ C: "Calculate"
|
|
|
+};
|
|
|
+exports.AnnotationActionEventType = AnnotationActionEventType;
|
|
|
+const DocumentActionEventType = {
|
|
|
+ WC: "WillClose",
|
|
|
+ WS: "WillSave",
|
|
|
+ DS: "DidSave",
|
|
|
+ WP: "WillPrint",
|
|
|
+ DP: "DidPrint"
|
|
|
+};
|
|
|
+exports.DocumentActionEventType = DocumentActionEventType;
|
|
|
+const PageActionEventType = {
|
|
|
+ O: "PageOpen",
|
|
|
+ C: "PageClose"
|
|
|
+};
|
|
|
+exports.PageActionEventType = PageActionEventType;
|
|
|
+const VerbosityLevel = {
|
|
|
+ ERRORS: 0,
|
|
|
+ WARNINGS: 1,
|
|
|
+ INFOS: 5
|
|
|
+};
|
|
|
+exports.VerbosityLevel = VerbosityLevel;
|
|
|
+const CMapCompressionType = {
|
|
|
+ NONE: 0,
|
|
|
+ BINARY: 1
|
|
|
+};
|
|
|
+exports.CMapCompressionType = CMapCompressionType;
|
|
|
+const OPS = {
|
|
|
+ dependency: 1,
|
|
|
+ setLineWidth: 2,
|
|
|
+ setLineCap: 3,
|
|
|
+ setLineJoin: 4,
|
|
|
+ setMiterLimit: 5,
|
|
|
+ setDash: 6,
|
|
|
+ setRenderingIntent: 7,
|
|
|
+ setFlatness: 8,
|
|
|
+ setGState: 9,
|
|
|
+ save: 10,
|
|
|
+ restore: 11,
|
|
|
+ transform: 12,
|
|
|
+ moveTo: 13,
|
|
|
+ lineTo: 14,
|
|
|
+ curveTo: 15,
|
|
|
+ curveTo2: 16,
|
|
|
+ curveTo3: 17,
|
|
|
+ closePath: 18,
|
|
|
+ rectangle: 19,
|
|
|
+ stroke: 20,
|
|
|
+ closeStroke: 21,
|
|
|
+ fill: 22,
|
|
|
+ eoFill: 23,
|
|
|
+ fillStroke: 24,
|
|
|
+ eoFillStroke: 25,
|
|
|
+ closeFillStroke: 26,
|
|
|
+ closeEOFillStroke: 27,
|
|
|
+ endPath: 28,
|
|
|
+ clip: 29,
|
|
|
+ eoClip: 30,
|
|
|
+ beginText: 31,
|
|
|
+ endText: 32,
|
|
|
+ setCharSpacing: 33,
|
|
|
+ setWordSpacing: 34,
|
|
|
+ setHScale: 35,
|
|
|
+ setLeading: 36,
|
|
|
+ setFont: 37,
|
|
|
+ setTextRenderingMode: 38,
|
|
|
+ setTextRise: 39,
|
|
|
+ moveText: 40,
|
|
|
+ setLeadingMoveText: 41,
|
|
|
+ setTextMatrix: 42,
|
|
|
+ nextLine: 43,
|
|
|
+ showText: 44,
|
|
|
+ showSpacedText: 45,
|
|
|
+ nextLineShowText: 46,
|
|
|
+ nextLineSetSpacingShowText: 47,
|
|
|
+ setCharWidth: 48,
|
|
|
+ setCharWidthAndBounds: 49,
|
|
|
+ setStrokeColorSpace: 50,
|
|
|
+ setFillColorSpace: 51,
|
|
|
+ setStrokeColor: 52,
|
|
|
+ setStrokeColorN: 53,
|
|
|
+ setFillColor: 54,
|
|
|
+ setFillColorN: 55,
|
|
|
+ setStrokeGray: 56,
|
|
|
+ setFillGray: 57,
|
|
|
+ setStrokeRGBColor: 58,
|
|
|
+ setFillRGBColor: 59,
|
|
|
+ setStrokeCMYKColor: 60,
|
|
|
+ setFillCMYKColor: 61,
|
|
|
+ shadingFill: 62,
|
|
|
+ beginInlineImage: 63,
|
|
|
+ beginImageData: 64,
|
|
|
+ endInlineImage: 65,
|
|
|
+ paintXObject: 66,
|
|
|
+ markPoint: 67,
|
|
|
+ markPointProps: 68,
|
|
|
+ beginMarkedContent: 69,
|
|
|
+ beginMarkedContentProps: 70,
|
|
|
+ endMarkedContent: 71,
|
|
|
+ beginCompat: 72,
|
|
|
+ endCompat: 73,
|
|
|
+ paintFormXObjectBegin: 74,
|
|
|
+ paintFormXObjectEnd: 75,
|
|
|
+ beginGroup: 76,
|
|
|
+ endGroup: 77,
|
|
|
+ beginAnnotation: 80,
|
|
|
+ endAnnotation: 81,
|
|
|
+ paintImageMaskXObject: 83,
|
|
|
+ paintImageMaskXObjectGroup: 84,
|
|
|
+ paintImageXObject: 85,
|
|
|
+ paintInlineImageXObject: 86,
|
|
|
+ paintInlineImageXObjectGroup: 87,
|
|
|
+ paintImageXObjectRepeat: 88,
|
|
|
+ paintImageMaskXObjectRepeat: 89,
|
|
|
+ paintSolidColorImageMask: 90,
|
|
|
+ constructPath: 91
|
|
|
+};
|
|
|
+exports.OPS = OPS;
|
|
|
+const PasswordResponses = {
|
|
|
+ NEED_PASSWORD: 1,
|
|
|
+ INCORRECT_PASSWORD: 2
|
|
|
+};
|
|
|
+exports.PasswordResponses = PasswordResponses;
|
|
|
+let verbosity = VerbosityLevel.WARNINGS;
|
|
|
+function setVerbosityLevel(level) {
|
|
|
+ if (Number.isInteger(level)) {
|
|
|
+ verbosity = level;
|
|
|
+ }
|
|
|
+}
|
|
|
+function getVerbosityLevel() {
|
|
|
+ return verbosity;
|
|
|
+}
|
|
|
+function info(msg) {
|
|
|
+ if (verbosity >= VerbosityLevel.INFOS) {
|
|
|
+ console.log(`Info: ${msg}`);
|
|
|
+ }
|
|
|
+}
|
|
|
+function warn(msg) {
|
|
|
+ if (verbosity >= VerbosityLevel.WARNINGS) {
|
|
|
+ console.log(`Warning: ${msg}`);
|
|
|
+ }
|
|
|
+}
|
|
|
+function unreachable(msg) {
|
|
|
+ throw new Error(msg);
|
|
|
+}
|
|
|
+function assert(cond, msg) {
|
|
|
+ if (!cond) {
|
|
|
+ unreachable(msg);
|
|
|
+ }
|
|
|
+}
|
|
|
+function _isValidProtocol(url) {
|
|
|
+ switch (url?.protocol) {
|
|
|
+ case "http:":
|
|
|
+ case "https:":
|
|
|
+ case "ftp:":
|
|
|
+ case "mailto:":
|
|
|
+ case "tel:":
|
|
|
+ return true;
|
|
|
+ default:
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+}
|
|
|
+function createValidAbsoluteUrl(url, baseUrl = null, options = null) {
|
|
|
+ if (!url) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ if (options && typeof url === "string") {
|
|
|
+ if (options.addDefaultProtocol && url.startsWith("www.")) {
|
|
|
+ const dots = url.match(/\./g);
|
|
|
+ if (dots?.length >= 2) {
|
|
|
+ url = `http://${url}`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (options.tryConvertEncoding) {
|
|
|
+ try {
|
|
|
+ url = stringToUTF8String(url);
|
|
|
+ } catch {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const absoluteUrl = baseUrl ? new URL(url, baseUrl) : new URL(url);
|
|
|
+ if (_isValidProtocol(absoluteUrl)) {
|
|
|
+ return absoluteUrl;
|
|
|
+ }
|
|
|
+ } catch {}
|
|
|
+ return null;
|
|
|
+}
|
|
|
+function shadow(obj, prop, value, nonSerializable = false) {
|
|
|
+ Object.defineProperty(obj, prop, {
|
|
|
+ value,
|
|
|
+ enumerable: !nonSerializable,
|
|
|
+ configurable: true,
|
|
|
+ writable: false
|
|
|
+ });
|
|
|
+ return value;
|
|
|
+}
|
|
|
+const BaseException = function BaseExceptionClosure() {
|
|
|
+ function BaseException(message, name) {
|
|
|
+ if (this.constructor === BaseException) {
|
|
|
+ unreachable("Cannot initialize BaseException.");
|
|
|
+ }
|
|
|
+ this.message = message;
|
|
|
+ this.name = name;
|
|
|
+ }
|
|
|
+ BaseException.prototype = new Error();
|
|
|
+ BaseException.constructor = BaseException;
|
|
|
+ return BaseException;
|
|
|
+}();
|
|
|
+exports.BaseException = BaseException;
|
|
|
+class PasswordException extends BaseException {
|
|
|
+ constructor(msg, code) {
|
|
|
+ super(msg, "PasswordException");
|
|
|
+ this.code = code;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PasswordException = PasswordException;
|
|
|
+class UnknownErrorException extends BaseException {
|
|
|
+ constructor(msg, details) {
|
|
|
+ super(msg, "UnknownErrorException");
|
|
|
+ this.details = details;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.UnknownErrorException = UnknownErrorException;
|
|
|
+class InvalidPDFException extends BaseException {
|
|
|
+ constructor(msg) {
|
|
|
+ super(msg, "InvalidPDFException");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.InvalidPDFException = InvalidPDFException;
|
|
|
+class MissingPDFException extends BaseException {
|
|
|
+ constructor(msg) {
|
|
|
+ super(msg, "MissingPDFException");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.MissingPDFException = MissingPDFException;
|
|
|
+class UnexpectedResponseException extends BaseException {
|
|
|
+ constructor(msg, status) {
|
|
|
+ super(msg, "UnexpectedResponseException");
|
|
|
+ this.status = status;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.UnexpectedResponseException = UnexpectedResponseException;
|
|
|
+class FormatError extends BaseException {
|
|
|
+ constructor(msg) {
|
|
|
+ super(msg, "FormatError");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.FormatError = FormatError;
|
|
|
+class AbortException extends BaseException {
|
|
|
+ constructor(msg) {
|
|
|
+ super(msg, "AbortException");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.AbortException = AbortException;
|
|
|
+function bytesToString(bytes) {
|
|
|
+ if (typeof bytes !== "object" || bytes?.length === undefined) {
|
|
|
+ unreachable("Invalid argument for bytesToString");
|
|
|
+ }
|
|
|
+ const length = bytes.length;
|
|
|
+ const MAX_ARGUMENT_COUNT = 8192;
|
|
|
+ if (length < MAX_ARGUMENT_COUNT) {
|
|
|
+ return String.fromCharCode.apply(null, bytes);
|
|
|
+ }
|
|
|
+ const strBuf = [];
|
|
|
+ for (let i = 0; i < length; i += MAX_ARGUMENT_COUNT) {
|
|
|
+ const chunkEnd = Math.min(i + MAX_ARGUMENT_COUNT, length);
|
|
|
+ const chunk = bytes.subarray(i, chunkEnd);
|
|
|
+ strBuf.push(String.fromCharCode.apply(null, chunk));
|
|
|
+ }
|
|
|
+ return strBuf.join("");
|
|
|
+}
|
|
|
+function stringToBytes(str) {
|
|
|
+ if (typeof str !== "string") {
|
|
|
+ unreachable("Invalid argument for stringToBytes");
|
|
|
+ }
|
|
|
+ const length = str.length;
|
|
|
+ const bytes = new Uint8Array(length);
|
|
|
+ for (let i = 0; i < length; ++i) {
|
|
|
+ bytes[i] = str.charCodeAt(i) & 0xff;
|
|
|
+ }
|
|
|
+ return bytes;
|
|
|
+}
|
|
|
+function string32(value) {
|
|
|
+ return String.fromCharCode(value >> 24 & 0xff, value >> 16 & 0xff, value >> 8 & 0xff, value & 0xff);
|
|
|
+}
|
|
|
+function objectSize(obj) {
|
|
|
+ return Object.keys(obj).length;
|
|
|
+}
|
|
|
+function objectFromMap(map) {
|
|
|
+ const obj = Object.create(null);
|
|
|
+ for (const [key, value] of map) {
|
|
|
+ obj[key] = value;
|
|
|
+ }
|
|
|
+ return obj;
|
|
|
+}
|
|
|
+function isLittleEndian() {
|
|
|
+ const buffer8 = new Uint8Array(4);
|
|
|
+ buffer8[0] = 1;
|
|
|
+ const view32 = new Uint32Array(buffer8.buffer, 0, 1);
|
|
|
+ return view32[0] === 1;
|
|
|
+}
|
|
|
+function isEvalSupported() {
|
|
|
+ try {
|
|
|
+ new Function("");
|
|
|
+ return true;
|
|
|
+ } catch {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+}
|
|
|
+class FeatureTest {
|
|
|
+ static get isLittleEndian() {
|
|
|
+ return shadow(this, "isLittleEndian", isLittleEndian());
|
|
|
+ }
|
|
|
+ static get isEvalSupported() {
|
|
|
+ return shadow(this, "isEvalSupported", isEvalSupported());
|
|
|
+ }
|
|
|
+ static get isOffscreenCanvasSupported() {
|
|
|
+ return shadow(this, "isOffscreenCanvasSupported", typeof OffscreenCanvas !== "undefined");
|
|
|
+ }
|
|
|
+ static get platform() {
|
|
|
+ if (typeof navigator === "undefined") {
|
|
|
+ return shadow(this, "platform", {
|
|
|
+ isWin: false,
|
|
|
+ isMac: false
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return shadow(this, "platform", {
|
|
|
+ isWin: navigator.platform.includes("Win"),
|
|
|
+ isMac: navigator.platform.includes("Mac")
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.FeatureTest = FeatureTest;
|
|
|
+const hexNumbers = [...Array(256).keys()].map(n => n.toString(16).padStart(2, "0"));
|
|
|
+class Util {
|
|
|
+ static makeHexColor(r, g, b) {
|
|
|
+ return `#${hexNumbers[r]}${hexNumbers[g]}${hexNumbers[b]}`;
|
|
|
+ }
|
|
|
+ static scaleMinMax(transform, minMax) {
|
|
|
+ let temp;
|
|
|
+ if (transform[0]) {
|
|
|
+ if (transform[0] < 0) {
|
|
|
+ temp = minMax[0];
|
|
|
+ minMax[0] = minMax[1];
|
|
|
+ minMax[1] = temp;
|
|
|
+ }
|
|
|
+ minMax[0] *= transform[0];
|
|
|
+ minMax[1] *= transform[0];
|
|
|
+ if (transform[3] < 0) {
|
|
|
+ temp = minMax[2];
|
|
|
+ minMax[2] = minMax[3];
|
|
|
+ minMax[3] = temp;
|
|
|
+ }
|
|
|
+ minMax[2] *= transform[3];
|
|
|
+ minMax[3] *= transform[3];
|
|
|
+ } else {
|
|
|
+ temp = minMax[0];
|
|
|
+ minMax[0] = minMax[2];
|
|
|
+ minMax[2] = temp;
|
|
|
+ temp = minMax[1];
|
|
|
+ minMax[1] = minMax[3];
|
|
|
+ minMax[3] = temp;
|
|
|
+ if (transform[1] < 0) {
|
|
|
+ temp = minMax[2];
|
|
|
+ minMax[2] = minMax[3];
|
|
|
+ minMax[3] = temp;
|
|
|
+ }
|
|
|
+ minMax[2] *= transform[1];
|
|
|
+ minMax[3] *= transform[1];
|
|
|
+ if (transform[2] < 0) {
|
|
|
+ temp = minMax[0];
|
|
|
+ minMax[0] = minMax[1];
|
|
|
+ minMax[1] = temp;
|
|
|
+ }
|
|
|
+ minMax[0] *= transform[2];
|
|
|
+ minMax[1] *= transform[2];
|
|
|
+ }
|
|
|
+ minMax[0] += transform[4];
|
|
|
+ minMax[1] += transform[4];
|
|
|
+ minMax[2] += transform[5];
|
|
|
+ minMax[3] += transform[5];
|
|
|
+ }
|
|
|
+ static transform(m1, m2) {
|
|
|
+ return [m1[0] * m2[0] + m1[2] * m2[1], m1[1] * m2[0] + m1[3] * m2[1], m1[0] * m2[2] + m1[2] * m2[3], m1[1] * m2[2] + m1[3] * m2[3], m1[0] * m2[4] + m1[2] * m2[5] + m1[4], m1[1] * m2[4] + m1[3] * m2[5] + m1[5]];
|
|
|
+ }
|
|
|
+ static applyTransform(p, m) {
|
|
|
+ const xt = p[0] * m[0] + p[1] * m[2] + m[4];
|
|
|
+ const yt = p[0] * m[1] + p[1] * m[3] + m[5];
|
|
|
+ return [xt, yt];
|
|
|
+ }
|
|
|
+ static applyInverseTransform(p, m) {
|
|
|
+ const d = m[0] * m[3] - m[1] * m[2];
|
|
|
+ const xt = (p[0] * m[3] - p[1] * m[2] + m[2] * m[5] - m[4] * m[3]) / d;
|
|
|
+ const yt = (-p[0] * m[1] + p[1] * m[0] + m[4] * m[1] - m[5] * m[0]) / d;
|
|
|
+ return [xt, yt];
|
|
|
+ }
|
|
|
+ static getAxialAlignedBoundingBox(r, m) {
|
|
|
+ const p1 = this.applyTransform(r, m);
|
|
|
+ const p2 = this.applyTransform(r.slice(2, 4), m);
|
|
|
+ const p3 = this.applyTransform([r[0], r[3]], m);
|
|
|
+ const p4 = this.applyTransform([r[2], r[1]], m);
|
|
|
+ return [Math.min(p1[0], p2[0], p3[0], p4[0]), Math.min(p1[1], p2[1], p3[1], p4[1]), Math.max(p1[0], p2[0], p3[0], p4[0]), Math.max(p1[1], p2[1], p3[1], p4[1])];
|
|
|
+ }
|
|
|
+ static inverseTransform(m) {
|
|
|
+ const d = m[0] * m[3] - m[1] * m[2];
|
|
|
+ return [m[3] / d, -m[1] / d, -m[2] / d, m[0] / d, (m[2] * m[5] - m[4] * m[3]) / d, (m[4] * m[1] - m[5] * m[0]) / d];
|
|
|
+ }
|
|
|
+ static singularValueDecompose2dScale(m) {
|
|
|
+ const transpose = [m[0], m[2], m[1], m[3]];
|
|
|
+ const a = m[0] * transpose[0] + m[1] * transpose[2];
|
|
|
+ const b = m[0] * transpose[1] + m[1] * transpose[3];
|
|
|
+ const c = m[2] * transpose[0] + m[3] * transpose[2];
|
|
|
+ const d = m[2] * transpose[1] + m[3] * transpose[3];
|
|
|
+ const first = (a + d) / 2;
|
|
|
+ const second = Math.sqrt((a + d) ** 2 - 4 * (a * d - c * b)) / 2;
|
|
|
+ const sx = first + second || 1;
|
|
|
+ const sy = first - second || 1;
|
|
|
+ return [Math.sqrt(sx), Math.sqrt(sy)];
|
|
|
+ }
|
|
|
+ static normalizeRect(rect) {
|
|
|
+ const r = rect.slice(0);
|
|
|
+ if (rect[0] > rect[2]) {
|
|
|
+ r[0] = rect[2];
|
|
|
+ r[2] = rect[0];
|
|
|
+ }
|
|
|
+ if (rect[1] > rect[3]) {
|
|
|
+ r[1] = rect[3];
|
|
|
+ r[3] = rect[1];
|
|
|
+ }
|
|
|
+ return r;
|
|
|
+ }
|
|
|
+ static intersect(rect1, rect2) {
|
|
|
+ const xLow = Math.max(Math.min(rect1[0], rect1[2]), Math.min(rect2[0], rect2[2]));
|
|
|
+ const xHigh = Math.min(Math.max(rect1[0], rect1[2]), Math.max(rect2[0], rect2[2]));
|
|
|
+ if (xLow > xHigh) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const yLow = Math.max(Math.min(rect1[1], rect1[3]), Math.min(rect2[1], rect2[3]));
|
|
|
+ const yHigh = Math.min(Math.max(rect1[1], rect1[3]), Math.max(rect2[1], rect2[3]));
|
|
|
+ if (yLow > yHigh) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ return [xLow, yLow, xHigh, yHigh];
|
|
|
+ }
|
|
|
+ static bezierBoundingBox(x0, y0, x1, y1, x2, y2, x3, y3) {
|
|
|
+ const tvalues = [],
|
|
|
+ bounds = [[], []];
|
|
|
+ let a, b, c, t, t1, t2, b2ac, sqrtb2ac;
|
|
|
+ for (let i = 0; i < 2; ++i) {
|
|
|
+ if (i === 0) {
|
|
|
+ b = 6 * x0 - 12 * x1 + 6 * x2;
|
|
|
+ a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
|
|
|
+ c = 3 * x1 - 3 * x0;
|
|
|
+ } else {
|
|
|
+ b = 6 * y0 - 12 * y1 + 6 * y2;
|
|
|
+ a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
|
|
|
+ c = 3 * y1 - 3 * y0;
|
|
|
+ }
|
|
|
+ if (Math.abs(a) < 1e-12) {
|
|
|
+ if (Math.abs(b) < 1e-12) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ t = -c / b;
|
|
|
+ if (0 < t && t < 1) {
|
|
|
+ tvalues.push(t);
|
|
|
+ }
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ b2ac = b * b - 4 * c * a;
|
|
|
+ sqrtb2ac = Math.sqrt(b2ac);
|
|
|
+ if (b2ac < 0) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ t1 = (-b + sqrtb2ac) / (2 * a);
|
|
|
+ if (0 < t1 && t1 < 1) {
|
|
|
+ tvalues.push(t1);
|
|
|
+ }
|
|
|
+ t2 = (-b - sqrtb2ac) / (2 * a);
|
|
|
+ if (0 < t2 && t2 < 1) {
|
|
|
+ tvalues.push(t2);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let j = tvalues.length,
|
|
|
+ mt;
|
|
|
+ const jlen = j;
|
|
|
+ while (j--) {
|
|
|
+ t = tvalues[j];
|
|
|
+ mt = 1 - t;
|
|
|
+ bounds[0][j] = mt * mt * mt * x0 + 3 * mt * mt * t * x1 + 3 * mt * t * t * x2 + t * t * t * x3;
|
|
|
+ bounds[1][j] = mt * mt * mt * y0 + 3 * mt * mt * t * y1 + 3 * mt * t * t * y2 + t * t * t * y3;
|
|
|
+ }
|
|
|
+ bounds[0][jlen] = x0;
|
|
|
+ bounds[1][jlen] = y0;
|
|
|
+ bounds[0][jlen + 1] = x3;
|
|
|
+ bounds[1][jlen + 1] = y3;
|
|
|
+ bounds[0].length = bounds[1].length = jlen + 2;
|
|
|
+ return [Math.min(...bounds[0]), Math.min(...bounds[1]), Math.max(...bounds[0]), Math.max(...bounds[1])];
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.Util = Util;
|
|
|
+const PDFStringTranslateTable = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x2d8, 0x2c7, 0x2c6, 0x2d9, 0x2dd, 0x2db, 0x2da, 0x2dc, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x2022, 0x2020, 0x2021, 0x2026, 0x2014, 0x2013, 0x192, 0x2044, 0x2039, 0x203a, 0x2212, 0x2030, 0x201e, 0x201c, 0x201d, 0x2018, 0x2019, 0x201a, 0x2122, 0xfb01, 0xfb02, 0x141, 0x152, 0x160, 0x178, 0x17d, 0x131, 0x142, 0x153, 0x161, 0x17e, 0, 0x20ac];
|
|
|
+function stringToPDFString(str) {
|
|
|
+ if (str[0] >= "\xEF") {
|
|
|
+ let encoding;
|
|
|
+ if (str[0] === "\xFE" && str[1] === "\xFF") {
|
|
|
+ encoding = "utf-16be";
|
|
|
+ } else if (str[0] === "\xFF" && str[1] === "\xFE") {
|
|
|
+ encoding = "utf-16le";
|
|
|
+ } else if (str[0] === "\xEF" && str[1] === "\xBB" && str[2] === "\xBF") {
|
|
|
+ encoding = "utf-8";
|
|
|
+ }
|
|
|
+ if (encoding) {
|
|
|
+ try {
|
|
|
+ const decoder = new TextDecoder(encoding, {
|
|
|
+ fatal: true
|
|
|
+ });
|
|
|
+ const buffer = stringToBytes(str);
|
|
|
+ return decoder.decode(buffer);
|
|
|
+ } catch (ex) {
|
|
|
+ warn(`stringToPDFString: "${ex}".`);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const strBuf = [];
|
|
|
+ for (let i = 0, ii = str.length; i < ii; i++) {
|
|
|
+ const code = PDFStringTranslateTable[str.charCodeAt(i)];
|
|
|
+ strBuf.push(code ? String.fromCharCode(code) : str.charAt(i));
|
|
|
+ }
|
|
|
+ return strBuf.join("");
|
|
|
+}
|
|
|
+function stringToUTF8String(str) {
|
|
|
+ return decodeURIComponent(escape(str));
|
|
|
+}
|
|
|
+function utf8StringToString(str) {
|
|
|
+ return unescape(encodeURIComponent(str));
|
|
|
+}
|
|
|
+function isArrayBuffer(v) {
|
|
|
+ return typeof v === "object" && v?.byteLength !== undefined;
|
|
|
+}
|
|
|
+function isArrayEqual(arr1, arr2) {
|
|
|
+ if (arr1.length !== arr2.length) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ for (let i = 0, ii = arr1.length; i < ii; i++) {
|
|
|
+ if (arr1[i] !== arr2[i]) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+}
|
|
|
+function getModificationDate(date = new Date()) {
|
|
|
+ const buffer = [date.getUTCFullYear().toString(), (date.getUTCMonth() + 1).toString().padStart(2, "0"), date.getUTCDate().toString().padStart(2, "0"), date.getUTCHours().toString().padStart(2, "0"), date.getUTCMinutes().toString().padStart(2, "0"), date.getUTCSeconds().toString().padStart(2, "0")];
|
|
|
+ return buffer.join("");
|
|
|
+}
|
|
|
+class PromiseCapability {
|
|
|
+ #settled = false;
|
|
|
+ constructor() {
|
|
|
+ this.promise = new Promise((resolve, reject) => {
|
|
|
+ this.resolve = data => {
|
|
|
+ this.#settled = true;
|
|
|
+ resolve(data);
|
|
|
+ };
|
|
|
+ this.reject = reason => {
|
|
|
+ this.#settled = true;
|
|
|
+ reject(reason);
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ get settled() {
|
|
|
+ return this.#settled;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PromiseCapability = PromiseCapability;
|
|
|
+let NormalizeRegex = null;
|
|
|
+let NormalizationMap = null;
|
|
|
+function normalizeUnicode(str) {
|
|
|
+ if (!NormalizeRegex) {
|
|
|
+ NormalizeRegex = /([\u00a0\u00b5\u037e\u0eb3\u2000-\u200a\u202f\u2126\ufb00-\ufb04\ufb06\ufb20-\ufb36\ufb38-\ufb3c\ufb3e\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufba1\ufba4-\ufba9\ufbae-\ufbb1\ufbd3-\ufbdc\ufbde-\ufbe7\ufbea-\ufbf8\ufbfc-\ufbfd\ufc00-\ufc5d\ufc64-\ufcf1\ufcf5-\ufd3d\ufd88\ufdf4\ufdfa-\ufdfb\ufe71\ufe77\ufe79\ufe7b\ufe7d]+)|(\ufb05+)/gu;
|
|
|
+ NormalizationMap = new Map([["ſt", "ſt"]]);
|
|
|
+ }
|
|
|
+ return str.replaceAll(NormalizeRegex, (_, p1, p2) => {
|
|
|
+ return p1 ? p1.normalize("NFKC") : NormalizationMap.get(p2);
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 2 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.build = exports.RenderTask = exports.PDFWorkerUtil = exports.PDFWorker = exports.PDFPageProxy = exports.PDFDocumentProxy = exports.PDFDocumentLoadingTask = exports.PDFDataRangeTransport = exports.LoopbackPort = exports.DefaultStandardFontDataFactory = exports.DefaultFilterFactory = exports.DefaultCanvasFactory = exports.DefaultCMapReaderFactory = void 0;
|
|
|
+exports.getDocument = getDocument;
|
|
|
+exports.version = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _annotation_storage = __w_pdfjs_require__(3);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+var _font_loader = __w_pdfjs_require__(9);
|
|
|
+var _canvas = __w_pdfjs_require__(11);
|
|
|
+var _worker_options = __w_pdfjs_require__(14);
|
|
|
+var _is_node = __w_pdfjs_require__(10);
|
|
|
+var _message_handler = __w_pdfjs_require__(15);
|
|
|
+var _metadata = __w_pdfjs_require__(16);
|
|
|
+var _optional_content_config = __w_pdfjs_require__(17);
|
|
|
+var _transport_stream = __w_pdfjs_require__(18);
|
|
|
+var _xfa_text = __w_pdfjs_require__(19);
|
|
|
+const DEFAULT_RANGE_CHUNK_SIZE = 65536;
|
|
|
+const RENDERING_CANCELLED_TIMEOUT = 100;
|
|
|
+const DELAYED_CLEANUP_TIMEOUT = 5000;
|
|
|
+const DefaultCanvasFactory = _is_node.isNodeJS ? (__w_pdfjs_require__(20).NodeCanvasFactory) : _display_utils.DOMCanvasFactory;
|
|
|
+exports.DefaultCanvasFactory = DefaultCanvasFactory;
|
|
|
+const DefaultCMapReaderFactory = _is_node.isNodeJS ? (__w_pdfjs_require__(20).NodeCMapReaderFactory) : _display_utils.DOMCMapReaderFactory;
|
|
|
+exports.DefaultCMapReaderFactory = DefaultCMapReaderFactory;
|
|
|
+const DefaultFilterFactory = _is_node.isNodeJS ? (__w_pdfjs_require__(20).NodeFilterFactory) : _display_utils.DOMFilterFactory;
|
|
|
+exports.DefaultFilterFactory = DefaultFilterFactory;
|
|
|
+const DefaultStandardFontDataFactory = _is_node.isNodeJS ? (__w_pdfjs_require__(20).NodeStandardFontDataFactory) : _display_utils.DOMStandardFontDataFactory;
|
|
|
+exports.DefaultStandardFontDataFactory = DefaultStandardFontDataFactory;
|
|
|
+let createPDFNetworkStream;
|
|
|
+{
|
|
|
+ if (_is_node.isNodeJS) {
|
|
|
+ const {
|
|
|
+ PDFNodeStream
|
|
|
+ } = __w_pdfjs_require__(21);
|
|
|
+ createPDFNetworkStream = params => {
|
|
|
+ return new PDFNodeStream(params);
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ const {
|
|
|
+ PDFNetworkStream
|
|
|
+ } = __w_pdfjs_require__(24);
|
|
|
+ const {
|
|
|
+ PDFFetchStream
|
|
|
+ } = __w_pdfjs_require__(25);
|
|
|
+ createPDFNetworkStream = params => {
|
|
|
+ return (0, _display_utils.isValidFetchUrl)(params.url) ? new PDFFetchStream(params) : new PDFNetworkStream(params);
|
|
|
+ };
|
|
|
+ }
|
|
|
+}
|
|
|
+function getDocument(src) {
|
|
|
+ if (typeof src === "string" || src instanceof URL) {
|
|
|
+ src = {
|
|
|
+ url: src
|
|
|
+ };
|
|
|
+ } else if ((0, _util.isArrayBuffer)(src)) {
|
|
|
+ src = {
|
|
|
+ data: src
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (typeof src !== "object") {
|
|
|
+ throw new Error("Invalid parameter in getDocument, need parameter object.");
|
|
|
+ }
|
|
|
+ if (!src.url && !src.data && !src.range) {
|
|
|
+ throw new Error("Invalid parameter object: need either .data, .range or .url");
|
|
|
+ }
|
|
|
+ const task = new PDFDocumentLoadingTask();
|
|
|
+ const {
|
|
|
+ docId
|
|
|
+ } = task;
|
|
|
+ const url = src.url ? getUrlProp(src.url) : null;
|
|
|
+ const data = src.data ? getDataProp(src.data) : null;
|
|
|
+ const httpHeaders = src.httpHeaders || null;
|
|
|
+ const withCredentials = src.withCredentials === true;
|
|
|
+ const password = src.password ?? null;
|
|
|
+ const rangeTransport = src.range instanceof PDFDataRangeTransport ? src.range : null;
|
|
|
+ const rangeChunkSize = Number.isInteger(src.rangeChunkSize) && src.rangeChunkSize > 0 ? src.rangeChunkSize : DEFAULT_RANGE_CHUNK_SIZE;
|
|
|
+ let worker = src.worker instanceof PDFWorker ? src.worker : null;
|
|
|
+ const verbosity = src.verbosity;
|
|
|
+ const docBaseUrl = typeof src.docBaseUrl === "string" && !(0, _display_utils.isDataScheme)(src.docBaseUrl) ? src.docBaseUrl : null;
|
|
|
+ const cMapUrl = typeof src.cMapUrl === "string" ? src.cMapUrl : null;
|
|
|
+ const cMapPacked = src.cMapPacked !== false;
|
|
|
+ const CMapReaderFactory = src.CMapReaderFactory || DefaultCMapReaderFactory;
|
|
|
+ const standardFontDataUrl = typeof src.standardFontDataUrl === "string" ? src.standardFontDataUrl : null;
|
|
|
+ const StandardFontDataFactory = src.StandardFontDataFactory || DefaultStandardFontDataFactory;
|
|
|
+ const ignoreErrors = src.stopAtErrors !== true;
|
|
|
+ const maxImageSize = Number.isInteger(src.maxImageSize) && src.maxImageSize > -1 ? src.maxImageSize : -1;
|
|
|
+ const isEvalSupported = src.isEvalSupported !== false;
|
|
|
+ const isOffscreenCanvasSupported = typeof src.isOffscreenCanvasSupported === "boolean" ? src.isOffscreenCanvasSupported : !_is_node.isNodeJS;
|
|
|
+ const canvasMaxAreaInBytes = Number.isInteger(src.canvasMaxAreaInBytes) ? src.canvasMaxAreaInBytes : -1;
|
|
|
+ const disableFontFace = typeof src.disableFontFace === "boolean" ? src.disableFontFace : _is_node.isNodeJS;
|
|
|
+ const fontExtraProperties = src.fontExtraProperties === true;
|
|
|
+ const enableXfa = src.enableXfa === true;
|
|
|
+ const ownerDocument = src.ownerDocument || globalThis.document;
|
|
|
+ const disableRange = src.disableRange === true;
|
|
|
+ const disableStream = src.disableStream === true;
|
|
|
+ const disableAutoFetch = src.disableAutoFetch === true;
|
|
|
+ const pdfBug = src.pdfBug === true;
|
|
|
+ const length = rangeTransport ? rangeTransport.length : src.length ?? NaN;
|
|
|
+ const useSystemFonts = typeof src.useSystemFonts === "boolean" ? src.useSystemFonts : !_is_node.isNodeJS && !disableFontFace;
|
|
|
+ const useWorkerFetch = typeof src.useWorkerFetch === "boolean" ? src.useWorkerFetch : CMapReaderFactory === _display_utils.DOMCMapReaderFactory && StandardFontDataFactory === _display_utils.DOMStandardFontDataFactory && (0, _display_utils.isValidFetchUrl)(cMapUrl, document.baseURI) && (0, _display_utils.isValidFetchUrl)(standardFontDataUrl, document.baseURI);
|
|
|
+ const canvasFactory = src.canvasFactory || new DefaultCanvasFactory({
|
|
|
+ ownerDocument
|
|
|
+ });
|
|
|
+ const filterFactory = src.filterFactory || new DefaultFilterFactory({
|
|
|
+ docId,
|
|
|
+ ownerDocument
|
|
|
+ });
|
|
|
+ const styleElement = null;
|
|
|
+ (0, _util.setVerbosityLevel)(verbosity);
|
|
|
+ const transportFactory = {
|
|
|
+ canvasFactory,
|
|
|
+ filterFactory
|
|
|
+ };
|
|
|
+ if (!useWorkerFetch) {
|
|
|
+ transportFactory.cMapReaderFactory = new CMapReaderFactory({
|
|
|
+ baseUrl: cMapUrl,
|
|
|
+ isCompressed: cMapPacked
|
|
|
+ });
|
|
|
+ transportFactory.standardFontDataFactory = new StandardFontDataFactory({
|
|
|
+ baseUrl: standardFontDataUrl
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (!worker) {
|
|
|
+ const workerParams = {
|
|
|
+ verbosity,
|
|
|
+ port: _worker_options.GlobalWorkerOptions.workerPort
|
|
|
+ };
|
|
|
+ worker = workerParams.port ? PDFWorker.fromPort(workerParams) : new PDFWorker(workerParams);
|
|
|
+ task._worker = worker;
|
|
|
+ }
|
|
|
+ const fetchDocParams = {
|
|
|
+ docId,
|
|
|
+ apiVersion: '3.8.162',
|
|
|
+ data,
|
|
|
+ password,
|
|
|
+ disableAutoFetch,
|
|
|
+ rangeChunkSize,
|
|
|
+ length,
|
|
|
+ docBaseUrl,
|
|
|
+ enableXfa,
|
|
|
+ evaluatorOptions: {
|
|
|
+ maxImageSize,
|
|
|
+ disableFontFace,
|
|
|
+ ignoreErrors,
|
|
|
+ isEvalSupported,
|
|
|
+ isOffscreenCanvasSupported,
|
|
|
+ canvasMaxAreaInBytes,
|
|
|
+ fontExtraProperties,
|
|
|
+ useSystemFonts,
|
|
|
+ cMapUrl: useWorkerFetch ? cMapUrl : null,
|
|
|
+ standardFontDataUrl: useWorkerFetch ? standardFontDataUrl : null
|
|
|
+ }
|
|
|
+ };
|
|
|
+ const transportParams = {
|
|
|
+ ignoreErrors,
|
|
|
+ isEvalSupported,
|
|
|
+ disableFontFace,
|
|
|
+ fontExtraProperties,
|
|
|
+ enableXfa,
|
|
|
+ ownerDocument,
|
|
|
+ disableAutoFetch,
|
|
|
+ pdfBug,
|
|
|
+ styleElement
|
|
|
+ };
|
|
|
+ worker.promise.then(function () {
|
|
|
+ if (task.destroyed) {
|
|
|
+ throw new Error("Loading aborted");
|
|
|
+ }
|
|
|
+ const workerIdPromise = _fetchDocument(worker, fetchDocParams);
|
|
|
+ const networkStreamPromise = new Promise(function (resolve) {
|
|
|
+ let networkStream;
|
|
|
+ if (rangeTransport) {
|
|
|
+ networkStream = new _transport_stream.PDFDataTransportStream({
|
|
|
+ length,
|
|
|
+ initialData: rangeTransport.initialData,
|
|
|
+ progressiveDone: rangeTransport.progressiveDone,
|
|
|
+ contentDispositionFilename: rangeTransport.contentDispositionFilename,
|
|
|
+ disableRange,
|
|
|
+ disableStream
|
|
|
+ }, rangeTransport);
|
|
|
+ } else if (!data) {
|
|
|
+ networkStream = createPDFNetworkStream({
|
|
|
+ url,
|
|
|
+ length,
|
|
|
+ httpHeaders,
|
|
|
+ withCredentials,
|
|
|
+ rangeChunkSize,
|
|
|
+ disableRange,
|
|
|
+ disableStream
|
|
|
+ });
|
|
|
+ }
|
|
|
+ resolve(networkStream);
|
|
|
+ });
|
|
|
+ return Promise.all([workerIdPromise, networkStreamPromise]).then(function ([workerId, networkStream]) {
|
|
|
+ if (task.destroyed) {
|
|
|
+ throw new Error("Loading aborted");
|
|
|
+ }
|
|
|
+ const messageHandler = new _message_handler.MessageHandler(docId, workerId, worker.port);
|
|
|
+ const transport = new WorkerTransport(messageHandler, task, networkStream, transportParams, transportFactory);
|
|
|
+ task._transport = transport;
|
|
|
+ messageHandler.send("Ready", null);
|
|
|
+ });
|
|
|
+ }).catch(task._capability.reject);
|
|
|
+ return task;
|
|
|
+}
|
|
|
+async function _fetchDocument(worker, source) {
|
|
|
+ if (worker.destroyed) {
|
|
|
+ throw new Error("Worker was destroyed");
|
|
|
+ }
|
|
|
+ const workerId = await worker.messageHandler.sendWithPromise("GetDocRequest", source, source.data ? [source.data.buffer] : null);
|
|
|
+ if (worker.destroyed) {
|
|
|
+ throw new Error("Worker was destroyed");
|
|
|
+ }
|
|
|
+ return workerId;
|
|
|
+}
|
|
|
+function getUrlProp(val) {
|
|
|
+ if (val instanceof URL) {
|
|
|
+ return val.href;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ return new URL(val, window.location).href;
|
|
|
+ } catch {
|
|
|
+ if (_is_node.isNodeJS && typeof val === "string") {
|
|
|
+ return val;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ throw new Error("Invalid PDF url data: " + "either string or URL-object is expected in the url property.");
|
|
|
+}
|
|
|
+function getDataProp(val) {
|
|
|
+ if (_is_node.isNodeJS && typeof Buffer !== "undefined" && val instanceof Buffer) {
|
|
|
+ throw new Error("Please provide binary data as `Uint8Array`, rather than `Buffer`.");
|
|
|
+ }
|
|
|
+ if (val instanceof Uint8Array && val.byteLength === val.buffer.byteLength) {
|
|
|
+ return val;
|
|
|
+ }
|
|
|
+ if (typeof val === "string") {
|
|
|
+ return (0, _util.stringToBytes)(val);
|
|
|
+ }
|
|
|
+ if (typeof val === "object" && !isNaN(val?.length) || (0, _util.isArrayBuffer)(val)) {
|
|
|
+ return new Uint8Array(val);
|
|
|
+ }
|
|
|
+ throw new Error("Invalid PDF binary data: either TypedArray, " + "string, or array-like object is expected in the data property.");
|
|
|
+}
|
|
|
+class PDFDocumentLoadingTask {
|
|
|
+ static #docId = 0;
|
|
|
+ constructor() {
|
|
|
+ this._capability = new _util.PromiseCapability();
|
|
|
+ this._transport = null;
|
|
|
+ this._worker = null;
|
|
|
+ this.docId = `d${PDFDocumentLoadingTask.#docId++}`;
|
|
|
+ this.destroyed = false;
|
|
|
+ this.onPassword = null;
|
|
|
+ this.onProgress = null;
|
|
|
+ }
|
|
|
+ get promise() {
|
|
|
+ return this._capability.promise;
|
|
|
+ }
|
|
|
+ async destroy() {
|
|
|
+ this.destroyed = true;
|
|
|
+ await this._transport?.destroy();
|
|
|
+ this._transport = null;
|
|
|
+ if (this._worker) {
|
|
|
+ this._worker.destroy();
|
|
|
+ this._worker = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFDocumentLoadingTask = PDFDocumentLoadingTask;
|
|
|
+class PDFDataRangeTransport {
|
|
|
+ constructor(length, initialData, progressiveDone = false, contentDispositionFilename = null) {
|
|
|
+ this.length = length;
|
|
|
+ this.initialData = initialData;
|
|
|
+ this.progressiveDone = progressiveDone;
|
|
|
+ this.contentDispositionFilename = contentDispositionFilename;
|
|
|
+ this._rangeListeners = [];
|
|
|
+ this._progressListeners = [];
|
|
|
+ this._progressiveReadListeners = [];
|
|
|
+ this._progressiveDoneListeners = [];
|
|
|
+ this._readyCapability = new _util.PromiseCapability();
|
|
|
+ }
|
|
|
+ addRangeListener(listener) {
|
|
|
+ this._rangeListeners.push(listener);
|
|
|
+ }
|
|
|
+ addProgressListener(listener) {
|
|
|
+ this._progressListeners.push(listener);
|
|
|
+ }
|
|
|
+ addProgressiveReadListener(listener) {
|
|
|
+ this._progressiveReadListeners.push(listener);
|
|
|
+ }
|
|
|
+ addProgressiveDoneListener(listener) {
|
|
|
+ this._progressiveDoneListeners.push(listener);
|
|
|
+ }
|
|
|
+ onDataRange(begin, chunk) {
|
|
|
+ for (const listener of this._rangeListeners) {
|
|
|
+ listener(begin, chunk);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ onDataProgress(loaded, total) {
|
|
|
+ this._readyCapability.promise.then(() => {
|
|
|
+ for (const listener of this._progressListeners) {
|
|
|
+ listener(loaded, total);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ onDataProgressiveRead(chunk) {
|
|
|
+ this._readyCapability.promise.then(() => {
|
|
|
+ for (const listener of this._progressiveReadListeners) {
|
|
|
+ listener(chunk);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ onDataProgressiveDone() {
|
|
|
+ this._readyCapability.promise.then(() => {
|
|
|
+ for (const listener of this._progressiveDoneListeners) {
|
|
|
+ listener();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ transportReady() {
|
|
|
+ this._readyCapability.resolve();
|
|
|
+ }
|
|
|
+ requestDataRange(begin, end) {
|
|
|
+ (0, _util.unreachable)("Abstract method PDFDataRangeTransport.requestDataRange");
|
|
|
+ }
|
|
|
+ abort() {}
|
|
|
+}
|
|
|
+exports.PDFDataRangeTransport = PDFDataRangeTransport;
|
|
|
+class PDFDocumentProxy {
|
|
|
+ constructor(pdfInfo, transport) {
|
|
|
+ this._pdfInfo = pdfInfo;
|
|
|
+ this._transport = transport;
|
|
|
+ }
|
|
|
+ get annotationStorage() {
|
|
|
+ return this._transport.annotationStorage;
|
|
|
+ }
|
|
|
+ get filterFactory() {
|
|
|
+ return this._transport.filterFactory;
|
|
|
+ }
|
|
|
+ get numPages() {
|
|
|
+ return this._pdfInfo.numPages;
|
|
|
+ }
|
|
|
+ get fingerprints() {
|
|
|
+ return this._pdfInfo.fingerprints;
|
|
|
+ }
|
|
|
+ get isPureXfa() {
|
|
|
+ return (0, _util.shadow)(this, "isPureXfa", !!this._transport._htmlForXfa);
|
|
|
+ }
|
|
|
+ get allXfaHtml() {
|
|
|
+ return this._transport._htmlForXfa;
|
|
|
+ }
|
|
|
+ getPage(pageNumber) {
|
|
|
+ return this._transport.getPage(pageNumber);
|
|
|
+ }
|
|
|
+ getPageIndex(ref) {
|
|
|
+ return this._transport.getPageIndex(ref);
|
|
|
+ }
|
|
|
+ getDestinations() {
|
|
|
+ return this._transport.getDestinations();
|
|
|
+ }
|
|
|
+ getDestination(id) {
|
|
|
+ return this._transport.getDestination(id);
|
|
|
+ }
|
|
|
+ getPageLabels() {
|
|
|
+ return this._transport.getPageLabels();
|
|
|
+ }
|
|
|
+ getPageLayout() {
|
|
|
+ return this._transport.getPageLayout();
|
|
|
+ }
|
|
|
+ getPageMode() {
|
|
|
+ return this._transport.getPageMode();
|
|
|
+ }
|
|
|
+ getViewerPreferences() {
|
|
|
+ return this._transport.getViewerPreferences();
|
|
|
+ }
|
|
|
+ getOpenAction() {
|
|
|
+ return this._transport.getOpenAction();
|
|
|
+ }
|
|
|
+ getAttachments() {
|
|
|
+ return this._transport.getAttachments();
|
|
|
+ }
|
|
|
+ getJavaScript() {
|
|
|
+ return this._transport.getJavaScript();
|
|
|
+ }
|
|
|
+ getJSActions() {
|
|
|
+ return this._transport.getDocJSActions();
|
|
|
+ }
|
|
|
+ getOutline() {
|
|
|
+ return this._transport.getOutline();
|
|
|
+ }
|
|
|
+ getOptionalContentConfig() {
|
|
|
+ return this._transport.getOptionalContentConfig();
|
|
|
+ }
|
|
|
+ getPermissions() {
|
|
|
+ return this._transport.getPermissions();
|
|
|
+ }
|
|
|
+ getMetadata() {
|
|
|
+ return this._transport.getMetadata();
|
|
|
+ }
|
|
|
+ getMarkInfo() {
|
|
|
+ return this._transport.getMarkInfo();
|
|
|
+ }
|
|
|
+ getData() {
|
|
|
+ return this._transport.getData();
|
|
|
+ }
|
|
|
+ saveDocument() {
|
|
|
+ return this._transport.saveDocument();
|
|
|
+ }
|
|
|
+ getDownloadInfo() {
|
|
|
+ return this._transport.downloadInfoCapability.promise;
|
|
|
+ }
|
|
|
+ cleanup(keepLoadedFonts = false) {
|
|
|
+ return this._transport.startCleanup(keepLoadedFonts || this.isPureXfa);
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ return this.loadingTask.destroy();
|
|
|
+ }
|
|
|
+ get loadingParams() {
|
|
|
+ return this._transport.loadingParams;
|
|
|
+ }
|
|
|
+ get loadingTask() {
|
|
|
+ return this._transport.loadingTask;
|
|
|
+ }
|
|
|
+ getFieldObjects() {
|
|
|
+ return this._transport.getFieldObjects();
|
|
|
+ }
|
|
|
+ hasJSActions() {
|
|
|
+ return this._transport.hasJSActions();
|
|
|
+ }
|
|
|
+ getCalculationOrderIds() {
|
|
|
+ return this._transport.getCalculationOrderIds();
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFDocumentProxy = PDFDocumentProxy;
|
|
|
+class PDFPageProxy {
|
|
|
+ #delayedCleanupTimeout = null;
|
|
|
+ #pendingCleanup = false;
|
|
|
+ constructor(pageIndex, pageInfo, transport, pdfBug = false) {
|
|
|
+ this._pageIndex = pageIndex;
|
|
|
+ this._pageInfo = pageInfo;
|
|
|
+ this._transport = transport;
|
|
|
+ this._stats = pdfBug ? new _display_utils.StatTimer() : null;
|
|
|
+ this._pdfBug = pdfBug;
|
|
|
+ this.commonObjs = transport.commonObjs;
|
|
|
+ this.objs = new PDFObjects();
|
|
|
+ this._maybeCleanupAfterRender = false;
|
|
|
+ this._intentStates = new Map();
|
|
|
+ this.destroyed = false;
|
|
|
+ }
|
|
|
+ get pageNumber() {
|
|
|
+ return this._pageIndex + 1;
|
|
|
+ }
|
|
|
+ get rotate() {
|
|
|
+ return this._pageInfo.rotate;
|
|
|
+ }
|
|
|
+ get ref() {
|
|
|
+ return this._pageInfo.ref;
|
|
|
+ }
|
|
|
+ get userUnit() {
|
|
|
+ return this._pageInfo.userUnit;
|
|
|
+ }
|
|
|
+ get view() {
|
|
|
+ return this._pageInfo.view;
|
|
|
+ }
|
|
|
+ getViewport({
|
|
|
+ scale,
|
|
|
+ rotation = this.rotate,
|
|
|
+ offsetX = 0,
|
|
|
+ offsetY = 0,
|
|
|
+ dontFlip = false
|
|
|
+ } = {}) {
|
|
|
+ return new _display_utils.PageViewport({
|
|
|
+ viewBox: this.view,
|
|
|
+ scale,
|
|
|
+ rotation,
|
|
|
+ offsetX,
|
|
|
+ offsetY,
|
|
|
+ dontFlip
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getAnnotations({
|
|
|
+ intent = "display"
|
|
|
+ } = {}) {
|
|
|
+ const intentArgs = this._transport.getRenderingIntent(intent);
|
|
|
+ return this._transport.getAnnotations(this._pageIndex, intentArgs.renderingIntent);
|
|
|
+ }
|
|
|
+ getJSActions() {
|
|
|
+ return this._transport.getPageJSActions(this._pageIndex);
|
|
|
+ }
|
|
|
+ get filterFactory() {
|
|
|
+ return this._transport.filterFactory;
|
|
|
+ }
|
|
|
+ get isPureXfa() {
|
|
|
+ return (0, _util.shadow)(this, "isPureXfa", !!this._transport._htmlForXfa);
|
|
|
+ }
|
|
|
+ async getXfa() {
|
|
|
+ return this._transport._htmlForXfa?.children[this._pageIndex] || null;
|
|
|
+ }
|
|
|
+ render({
|
|
|
+ canvasContext,
|
|
|
+ viewport,
|
|
|
+ intent = "display",
|
|
|
+ annotationMode = _util.AnnotationMode.ENABLE,
|
|
|
+ transform = null,
|
|
|
+ background = null,
|
|
|
+ optionalContentConfigPromise = null,
|
|
|
+ annotationCanvasMap = null,
|
|
|
+ pageColors = null,
|
|
|
+ printAnnotationStorage = null
|
|
|
+ }) {
|
|
|
+ this._stats?.time("Overall");
|
|
|
+ const intentArgs = this._transport.getRenderingIntent(intent, annotationMode, printAnnotationStorage);
|
|
|
+ this.#pendingCleanup = false;
|
|
|
+ this.#abortDelayedCleanup();
|
|
|
+ if (!optionalContentConfigPromise) {
|
|
|
+ optionalContentConfigPromise = this._transport.getOptionalContentConfig();
|
|
|
+ }
|
|
|
+ let intentState = this._intentStates.get(intentArgs.cacheKey);
|
|
|
+ if (!intentState) {
|
|
|
+ intentState = Object.create(null);
|
|
|
+ this._intentStates.set(intentArgs.cacheKey, intentState);
|
|
|
+ }
|
|
|
+ if (intentState.streamReaderCancelTimeout) {
|
|
|
+ clearTimeout(intentState.streamReaderCancelTimeout);
|
|
|
+ intentState.streamReaderCancelTimeout = null;
|
|
|
+ }
|
|
|
+ const intentPrint = !!(intentArgs.renderingIntent & _util.RenderingIntentFlag.PRINT);
|
|
|
+ if (!intentState.displayReadyCapability) {
|
|
|
+ intentState.displayReadyCapability = new _util.PromiseCapability();
|
|
|
+ intentState.operatorList = {
|
|
|
+ fnArray: [],
|
|
|
+ argsArray: [],
|
|
|
+ lastChunk: false,
|
|
|
+ separateAnnots: null
|
|
|
+ };
|
|
|
+ this._stats?.time("Page Request");
|
|
|
+ this._pumpOperatorList(intentArgs);
|
|
|
+ }
|
|
|
+ const complete = error => {
|
|
|
+ intentState.renderTasks.delete(internalRenderTask);
|
|
|
+ if (this._maybeCleanupAfterRender || intentPrint) {
|
|
|
+ this.#pendingCleanup = true;
|
|
|
+ }
|
|
|
+ this.#tryCleanup(!intentPrint);
|
|
|
+ if (error) {
|
|
|
+ internalRenderTask.capability.reject(error);
|
|
|
+ this._abortOperatorList({
|
|
|
+ intentState,
|
|
|
+ reason: error instanceof Error ? error : new Error(error)
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ internalRenderTask.capability.resolve();
|
|
|
+ }
|
|
|
+ this._stats?.timeEnd("Rendering");
|
|
|
+ this._stats?.timeEnd("Overall");
|
|
|
+ };
|
|
|
+ const internalRenderTask = new InternalRenderTask({
|
|
|
+ callback: complete,
|
|
|
+ params: {
|
|
|
+ canvasContext,
|
|
|
+ viewport,
|
|
|
+ transform,
|
|
|
+ background
|
|
|
+ },
|
|
|
+ objs: this.objs,
|
|
|
+ commonObjs: this.commonObjs,
|
|
|
+ annotationCanvasMap,
|
|
|
+ operatorList: intentState.operatorList,
|
|
|
+ pageIndex: this._pageIndex,
|
|
|
+ canvasFactory: this._transport.canvasFactory,
|
|
|
+ filterFactory: this._transport.filterFactory,
|
|
|
+ useRequestAnimationFrame: !intentPrint,
|
|
|
+ pdfBug: this._pdfBug,
|
|
|
+ pageColors
|
|
|
+ });
|
|
|
+ (intentState.renderTasks ||= new Set()).add(internalRenderTask);
|
|
|
+ const renderTask = internalRenderTask.task;
|
|
|
+ Promise.all([intentState.displayReadyCapability.promise, optionalContentConfigPromise]).then(([transparency, optionalContentConfig]) => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ complete();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._stats?.time("Rendering");
|
|
|
+ internalRenderTask.initializeGraphics({
|
|
|
+ transparency,
|
|
|
+ optionalContentConfig
|
|
|
+ });
|
|
|
+ internalRenderTask.operatorListChanged();
|
|
|
+ }).catch(complete);
|
|
|
+ return renderTask;
|
|
|
+ }
|
|
|
+ getOperatorList({
|
|
|
+ intent = "display",
|
|
|
+ annotationMode = _util.AnnotationMode.ENABLE,
|
|
|
+ printAnnotationStorage = null
|
|
|
+ } = {}) {
|
|
|
+ function operatorListChanged() {
|
|
|
+ if (intentState.operatorList.lastChunk) {
|
|
|
+ intentState.opListReadCapability.resolve(intentState.operatorList);
|
|
|
+ intentState.renderTasks.delete(opListTask);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const intentArgs = this._transport.getRenderingIntent(intent, annotationMode, printAnnotationStorage, true);
|
|
|
+ let intentState = this._intentStates.get(intentArgs.cacheKey);
|
|
|
+ if (!intentState) {
|
|
|
+ intentState = Object.create(null);
|
|
|
+ this._intentStates.set(intentArgs.cacheKey, intentState);
|
|
|
+ }
|
|
|
+ let opListTask;
|
|
|
+ if (!intentState.opListReadCapability) {
|
|
|
+ opListTask = Object.create(null);
|
|
|
+ opListTask.operatorListChanged = operatorListChanged;
|
|
|
+ intentState.opListReadCapability = new _util.PromiseCapability();
|
|
|
+ (intentState.renderTasks ||= new Set()).add(opListTask);
|
|
|
+ intentState.operatorList = {
|
|
|
+ fnArray: [],
|
|
|
+ argsArray: [],
|
|
|
+ lastChunk: false,
|
|
|
+ separateAnnots: null
|
|
|
+ };
|
|
|
+ this._stats?.time("Page Request");
|
|
|
+ this._pumpOperatorList(intentArgs);
|
|
|
+ }
|
|
|
+ return intentState.opListReadCapability.promise;
|
|
|
+ }
|
|
|
+ streamTextContent({
|
|
|
+ includeMarkedContent = false,
|
|
|
+ disableNormalization = false
|
|
|
+ } = {}) {
|
|
|
+ const TEXT_CONTENT_CHUNK_SIZE = 100;
|
|
|
+ return this._transport.messageHandler.sendWithStream("GetTextContent", {
|
|
|
+ pageIndex: this._pageIndex,
|
|
|
+ includeMarkedContent: includeMarkedContent === true,
|
|
|
+ disableNormalization: disableNormalization === true
|
|
|
+ }, {
|
|
|
+ highWaterMark: TEXT_CONTENT_CHUNK_SIZE,
|
|
|
+ size(textContent) {
|
|
|
+ return textContent.items.length;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getTextContent(params = {}) {
|
|
|
+ if (this._transport._htmlForXfa) {
|
|
|
+ return this.getXfa().then(xfa => {
|
|
|
+ return _xfa_text.XfaText.textContent(xfa);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ const readableStream = this.streamTextContent(params);
|
|
|
+ return new Promise(function (resolve, reject) {
|
|
|
+ function pump() {
|
|
|
+ reader.read().then(function ({
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ }) {
|
|
|
+ if (done) {
|
|
|
+ resolve(textContent);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ Object.assign(textContent.styles, value.styles);
|
|
|
+ textContent.items.push(...value.items);
|
|
|
+ pump();
|
|
|
+ }, reject);
|
|
|
+ }
|
|
|
+ const reader = readableStream.getReader();
|
|
|
+ const textContent = {
|
|
|
+ items: [],
|
|
|
+ styles: Object.create(null)
|
|
|
+ };
|
|
|
+ pump();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getStructTree() {
|
|
|
+ return this._transport.getStructTree(this._pageIndex);
|
|
|
+ }
|
|
|
+ _destroy() {
|
|
|
+ this.destroyed = true;
|
|
|
+ const waitOn = [];
|
|
|
+ for (const intentState of this._intentStates.values()) {
|
|
|
+ this._abortOperatorList({
|
|
|
+ intentState,
|
|
|
+ reason: new Error("Page was destroyed."),
|
|
|
+ force: true
|
|
|
+ });
|
|
|
+ if (intentState.opListReadCapability) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ for (const internalRenderTask of intentState.renderTasks) {
|
|
|
+ waitOn.push(internalRenderTask.completed);
|
|
|
+ internalRenderTask.cancel();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.objs.clear();
|
|
|
+ this.#pendingCleanup = false;
|
|
|
+ this.#abortDelayedCleanup();
|
|
|
+ return Promise.all(waitOn);
|
|
|
+ }
|
|
|
+ cleanup(resetStats = false) {
|
|
|
+ this.#pendingCleanup = true;
|
|
|
+ const success = this.#tryCleanup(false);
|
|
|
+ if (resetStats && success) {
|
|
|
+ this._stats &&= new _display_utils.StatTimer();
|
|
|
+ }
|
|
|
+ return success;
|
|
|
+ }
|
|
|
+ #tryCleanup(delayed = false) {
|
|
|
+ this.#abortDelayedCleanup();
|
|
|
+ if (!this.#pendingCleanup || this.destroyed) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (delayed) {
|
|
|
+ this.#delayedCleanupTimeout = setTimeout(() => {
|
|
|
+ this.#delayedCleanupTimeout = null;
|
|
|
+ this.#tryCleanup(false);
|
|
|
+ }, DELAYED_CLEANUP_TIMEOUT);
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ for (const {
|
|
|
+ renderTasks,
|
|
|
+ operatorList
|
|
|
+ } of this._intentStates.values()) {
|
|
|
+ if (renderTasks.size > 0 || !operatorList.lastChunk) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this._intentStates.clear();
|
|
|
+ this.objs.clear();
|
|
|
+ this.#pendingCleanup = false;
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ #abortDelayedCleanup() {
|
|
|
+ if (this.#delayedCleanupTimeout) {
|
|
|
+ clearTimeout(this.#delayedCleanupTimeout);
|
|
|
+ this.#delayedCleanupTimeout = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _startRenderPage(transparency, cacheKey) {
|
|
|
+ const intentState = this._intentStates.get(cacheKey);
|
|
|
+ if (!intentState) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._stats?.timeEnd("Page Request");
|
|
|
+ intentState.displayReadyCapability?.resolve(transparency);
|
|
|
+ }
|
|
|
+ _renderPageChunk(operatorListChunk, intentState) {
|
|
|
+ for (let i = 0, ii = operatorListChunk.length; i < ii; i++) {
|
|
|
+ intentState.operatorList.fnArray.push(operatorListChunk.fnArray[i]);
|
|
|
+ intentState.operatorList.argsArray.push(operatorListChunk.argsArray[i]);
|
|
|
+ }
|
|
|
+ intentState.operatorList.lastChunk = operatorListChunk.lastChunk;
|
|
|
+ intentState.operatorList.separateAnnots = operatorListChunk.separateAnnots;
|
|
|
+ for (const internalRenderTask of intentState.renderTasks) {
|
|
|
+ internalRenderTask.operatorListChanged();
|
|
|
+ }
|
|
|
+ if (operatorListChunk.lastChunk) {
|
|
|
+ this.#tryCleanup(true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _pumpOperatorList({
|
|
|
+ renderingIntent,
|
|
|
+ cacheKey,
|
|
|
+ annotationStorageSerializable
|
|
|
+ }) {
|
|
|
+ const {
|
|
|
+ map,
|
|
|
+ transfers
|
|
|
+ } = annotationStorageSerializable;
|
|
|
+ const readableStream = this._transport.messageHandler.sendWithStream("GetOperatorList", {
|
|
|
+ pageIndex: this._pageIndex,
|
|
|
+ intent: renderingIntent,
|
|
|
+ cacheKey,
|
|
|
+ annotationStorage: map
|
|
|
+ }, transfers);
|
|
|
+ const reader = readableStream.getReader();
|
|
|
+ const intentState = this._intentStates.get(cacheKey);
|
|
|
+ intentState.streamReader = reader;
|
|
|
+ const pump = () => {
|
|
|
+ reader.read().then(({
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ }) => {
|
|
|
+ if (done) {
|
|
|
+ intentState.streamReader = null;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this._transport.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._renderPageChunk(value, intentState);
|
|
|
+ pump();
|
|
|
+ }, reason => {
|
|
|
+ intentState.streamReader = null;
|
|
|
+ if (this._transport.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (intentState.operatorList) {
|
|
|
+ intentState.operatorList.lastChunk = true;
|
|
|
+ for (const internalRenderTask of intentState.renderTasks) {
|
|
|
+ internalRenderTask.operatorListChanged();
|
|
|
+ }
|
|
|
+ this.#tryCleanup(true);
|
|
|
+ }
|
|
|
+ if (intentState.displayReadyCapability) {
|
|
|
+ intentState.displayReadyCapability.reject(reason);
|
|
|
+ } else if (intentState.opListReadCapability) {
|
|
|
+ intentState.opListReadCapability.reject(reason);
|
|
|
+ } else {
|
|
|
+ throw reason;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
+ pump();
|
|
|
+ }
|
|
|
+ _abortOperatorList({
|
|
|
+ intentState,
|
|
|
+ reason,
|
|
|
+ force = false
|
|
|
+ }) {
|
|
|
+ if (!intentState.streamReader) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (intentState.streamReaderCancelTimeout) {
|
|
|
+ clearTimeout(intentState.streamReaderCancelTimeout);
|
|
|
+ intentState.streamReaderCancelTimeout = null;
|
|
|
+ }
|
|
|
+ if (!force) {
|
|
|
+ if (intentState.renderTasks.size > 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (reason instanceof _display_utils.RenderingCancelledException) {
|
|
|
+ let delay = RENDERING_CANCELLED_TIMEOUT;
|
|
|
+ if (reason.extraDelay > 0 && reason.extraDelay < 1000) {
|
|
|
+ delay += reason.extraDelay;
|
|
|
+ }
|
|
|
+ intentState.streamReaderCancelTimeout = setTimeout(() => {
|
|
|
+ intentState.streamReaderCancelTimeout = null;
|
|
|
+ this._abortOperatorList({
|
|
|
+ intentState,
|
|
|
+ reason,
|
|
|
+ force: true
|
|
|
+ });
|
|
|
+ }, delay);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ intentState.streamReader.cancel(new _util.AbortException(reason.message)).catch(() => {});
|
|
|
+ intentState.streamReader = null;
|
|
|
+ if (this._transport.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (const [curCacheKey, curIntentState] of this._intentStates) {
|
|
|
+ if (curIntentState === intentState) {
|
|
|
+ this._intentStates.delete(curCacheKey);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.cleanup();
|
|
|
+ }
|
|
|
+ get stats() {
|
|
|
+ return this._stats;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFPageProxy = PDFPageProxy;
|
|
|
+class LoopbackPort {
|
|
|
+ #listeners = new Set();
|
|
|
+ #deferred = Promise.resolve();
|
|
|
+ postMessage(obj, transfer) {
|
|
|
+ const event = {
|
|
|
+ data: structuredClone(obj, transfer ? {
|
|
|
+ transfer
|
|
|
+ } : null)
|
|
|
+ };
|
|
|
+ this.#deferred.then(() => {
|
|
|
+ for (const listener of this.#listeners) {
|
|
|
+ listener.call(this, event);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ addEventListener(name, listener) {
|
|
|
+ this.#listeners.add(listener);
|
|
|
+ }
|
|
|
+ removeEventListener(name, listener) {
|
|
|
+ this.#listeners.delete(listener);
|
|
|
+ }
|
|
|
+ terminate() {
|
|
|
+ this.#listeners.clear();
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.LoopbackPort = LoopbackPort;
|
|
|
+const PDFWorkerUtil = {
|
|
|
+ isWorkerDisabled: false,
|
|
|
+ fallbackWorkerSrc: null,
|
|
|
+ fakeWorkerId: 0
|
|
|
+};
|
|
|
+exports.PDFWorkerUtil = PDFWorkerUtil;
|
|
|
+{
|
|
|
+ if (_is_node.isNodeJS && typeof require === "function") {
|
|
|
+ PDFWorkerUtil.isWorkerDisabled = true;
|
|
|
+ PDFWorkerUtil.fallbackWorkerSrc = "./pdf.worker.js";
|
|
|
+ } else if (typeof document === "object") {
|
|
|
+ const pdfjsFilePath = document?.currentScript?.src;
|
|
|
+ if (pdfjsFilePath) {
|
|
|
+ PDFWorkerUtil.fallbackWorkerSrc = pdfjsFilePath.replace(/(\.(?:min\.)?js)(\?.*)?$/i, ".worker$1$2");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ PDFWorkerUtil.isSameOrigin = function (baseUrl, otherUrl) {
|
|
|
+ let base;
|
|
|
+ try {
|
|
|
+ base = new URL(baseUrl);
|
|
|
+ if (!base.origin || base.origin === "null") {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ } catch {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ const other = new URL(otherUrl, base);
|
|
|
+ return base.origin === other.origin;
|
|
|
+ };
|
|
|
+ PDFWorkerUtil.createCDNWrapper = function (url) {
|
|
|
+ const wrapper = `importScripts("${url}");`;
|
|
|
+ return URL.createObjectURL(new Blob([wrapper]));
|
|
|
+ };
|
|
|
+}
|
|
|
+class PDFWorker {
|
|
|
+ static #workerPorts = new WeakMap();
|
|
|
+ constructor({
|
|
|
+ name = null,
|
|
|
+ port = null,
|
|
|
+ verbosity = (0, _util.getVerbosityLevel)()
|
|
|
+ } = {}) {
|
|
|
+ if (port && PDFWorker.#workerPorts.has(port)) {
|
|
|
+ throw new Error("Cannot use more than one PDFWorker per port.");
|
|
|
+ }
|
|
|
+ this.name = name;
|
|
|
+ this.destroyed = false;
|
|
|
+ this.verbosity = verbosity;
|
|
|
+ this._readyCapability = new _util.PromiseCapability();
|
|
|
+ this._port = null;
|
|
|
+ this._webWorker = null;
|
|
|
+ this._messageHandler = null;
|
|
|
+ if (port) {
|
|
|
+ PDFWorker.#workerPorts.set(port, this);
|
|
|
+ this._initializeFromPort(port);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._initialize();
|
|
|
+ }
|
|
|
+ get promise() {
|
|
|
+ return this._readyCapability.promise;
|
|
|
+ }
|
|
|
+ get port() {
|
|
|
+ return this._port;
|
|
|
+ }
|
|
|
+ get messageHandler() {
|
|
|
+ return this._messageHandler;
|
|
|
+ }
|
|
|
+ _initializeFromPort(port) {
|
|
|
+ this._port = port;
|
|
|
+ this._messageHandler = new _message_handler.MessageHandler("main", "worker", port);
|
|
|
+ this._messageHandler.on("ready", function () {});
|
|
|
+ this._readyCapability.resolve();
|
|
|
+ this._messageHandler.send("configure", {
|
|
|
+ verbosity: this.verbosity
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _initialize() {
|
|
|
+ if (!PDFWorkerUtil.isWorkerDisabled && !PDFWorker._mainThreadWorkerMessageHandler) {
|
|
|
+ let {
|
|
|
+ workerSrc
|
|
|
+ } = PDFWorker;
|
|
|
+ try {
|
|
|
+ if (!PDFWorkerUtil.isSameOrigin(window.location.href, workerSrc)) {
|
|
|
+ workerSrc = PDFWorkerUtil.createCDNWrapper(new URL(workerSrc, window.location).href);
|
|
|
+ }
|
|
|
+ const worker = new Worker(workerSrc);
|
|
|
+ const messageHandler = new _message_handler.MessageHandler("main", "worker", worker);
|
|
|
+ const terminateEarly = () => {
|
|
|
+ worker.removeEventListener("error", onWorkerError);
|
|
|
+ messageHandler.destroy();
|
|
|
+ worker.terminate();
|
|
|
+ if (this.destroyed) {
|
|
|
+ this._readyCapability.reject(new Error("Worker was destroyed"));
|
|
|
+ } else {
|
|
|
+ this._setupFakeWorker();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ const onWorkerError = () => {
|
|
|
+ if (!this._webWorker) {
|
|
|
+ terminateEarly();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ worker.addEventListener("error", onWorkerError);
|
|
|
+ messageHandler.on("test", data => {
|
|
|
+ worker.removeEventListener("error", onWorkerError);
|
|
|
+ if (this.destroyed) {
|
|
|
+ terminateEarly();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (data) {
|
|
|
+ this._messageHandler = messageHandler;
|
|
|
+ this._port = worker;
|
|
|
+ this._webWorker = worker;
|
|
|
+ this._readyCapability.resolve();
|
|
|
+ messageHandler.send("configure", {
|
|
|
+ verbosity: this.verbosity
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this._setupFakeWorker();
|
|
|
+ messageHandler.destroy();
|
|
|
+ worker.terminate();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ messageHandler.on("ready", data => {
|
|
|
+ worker.removeEventListener("error", onWorkerError);
|
|
|
+ if (this.destroyed) {
|
|
|
+ terminateEarly();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ sendTest();
|
|
|
+ } catch {
|
|
|
+ this._setupFakeWorker();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ const sendTest = () => {
|
|
|
+ const testObj = new Uint8Array();
|
|
|
+ messageHandler.send("test", testObj, [testObj.buffer]);
|
|
|
+ };
|
|
|
+ sendTest();
|
|
|
+ return;
|
|
|
+ } catch {
|
|
|
+ (0, _util.info)("The worker has been disabled.");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this._setupFakeWorker();
|
|
|
+ }
|
|
|
+ _setupFakeWorker() {
|
|
|
+ if (!PDFWorkerUtil.isWorkerDisabled) {
|
|
|
+ (0, _util.warn)("Setting up fake worker.");
|
|
|
+ PDFWorkerUtil.isWorkerDisabled = true;
|
|
|
+ }
|
|
|
+ PDFWorker._setupFakeWorkerGlobal.then(WorkerMessageHandler => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ this._readyCapability.reject(new Error("Worker was destroyed"));
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const port = new LoopbackPort();
|
|
|
+ this._port = port;
|
|
|
+ const id = `fake${PDFWorkerUtil.fakeWorkerId++}`;
|
|
|
+ const workerHandler = new _message_handler.MessageHandler(id + "_worker", id, port);
|
|
|
+ WorkerMessageHandler.setup(workerHandler, port);
|
|
|
+ const messageHandler = new _message_handler.MessageHandler(id, id + "_worker", port);
|
|
|
+ this._messageHandler = messageHandler;
|
|
|
+ this._readyCapability.resolve();
|
|
|
+ messageHandler.send("configure", {
|
|
|
+ verbosity: this.verbosity
|
|
|
+ });
|
|
|
+ }).catch(reason => {
|
|
|
+ this._readyCapability.reject(new Error(`Setting up fake worker failed: "${reason.message}".`));
|
|
|
+ });
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ this.destroyed = true;
|
|
|
+ if (this._webWorker) {
|
|
|
+ this._webWorker.terminate();
|
|
|
+ this._webWorker = null;
|
|
|
+ }
|
|
|
+ PDFWorker.#workerPorts.delete(this._port);
|
|
|
+ this._port = null;
|
|
|
+ if (this._messageHandler) {
|
|
|
+ this._messageHandler.destroy();
|
|
|
+ this._messageHandler = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static fromPort(params) {
|
|
|
+ if (!params?.port) {
|
|
|
+ throw new Error("PDFWorker.fromPort - invalid method signature.");
|
|
|
+ }
|
|
|
+ if (this.#workerPorts.has(params.port)) {
|
|
|
+ return this.#workerPorts.get(params.port);
|
|
|
+ }
|
|
|
+ return new PDFWorker(params);
|
|
|
+ }
|
|
|
+ static get workerSrc() {
|
|
|
+ if (_worker_options.GlobalWorkerOptions.workerSrc) {
|
|
|
+ return _worker_options.GlobalWorkerOptions.workerSrc;
|
|
|
+ }
|
|
|
+ if (PDFWorkerUtil.fallbackWorkerSrc !== null) {
|
|
|
+ if (!_is_node.isNodeJS) {
|
|
|
+ (0, _display_utils.deprecated)('No "GlobalWorkerOptions.workerSrc" specified.');
|
|
|
+ }
|
|
|
+ return PDFWorkerUtil.fallbackWorkerSrc;
|
|
|
+ }
|
|
|
+ throw new Error('No "GlobalWorkerOptions.workerSrc" specified.');
|
|
|
+ }
|
|
|
+ static get _mainThreadWorkerMessageHandler() {
|
|
|
+ try {
|
|
|
+ return globalThis.pdfjsWorker?.WorkerMessageHandler || null;
|
|
|
+ } catch {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static get _setupFakeWorkerGlobal() {
|
|
|
+ const loader = async () => {
|
|
|
+ const mainWorkerMessageHandler = this._mainThreadWorkerMessageHandler;
|
|
|
+ if (mainWorkerMessageHandler) {
|
|
|
+ return mainWorkerMessageHandler;
|
|
|
+ }
|
|
|
+ if (_is_node.isNodeJS && typeof require === "function") {
|
|
|
+ const worker = eval("require")(this.workerSrc);
|
|
|
+ return worker.WorkerMessageHandler;
|
|
|
+ }
|
|
|
+ await (0, _display_utils.loadScript)(this.workerSrc);
|
|
|
+ return window.pdfjsWorker.WorkerMessageHandler;
|
|
|
+ };
|
|
|
+ return (0, _util.shadow)(this, "_setupFakeWorkerGlobal", loader());
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFWorker = PDFWorker;
|
|
|
+class WorkerTransport {
|
|
|
+ #methodPromises = new Map();
|
|
|
+ #pageCache = new Map();
|
|
|
+ #pagePromises = new Map();
|
|
|
+ constructor(messageHandler, loadingTask, networkStream, params, factory) {
|
|
|
+ this.messageHandler = messageHandler;
|
|
|
+ this.loadingTask = loadingTask;
|
|
|
+ this.commonObjs = new PDFObjects();
|
|
|
+ this.fontLoader = new _font_loader.FontLoader({
|
|
|
+ ownerDocument: params.ownerDocument,
|
|
|
+ styleElement: params.styleElement
|
|
|
+ });
|
|
|
+ this._params = params;
|
|
|
+ this.canvasFactory = factory.canvasFactory;
|
|
|
+ this.filterFactory = factory.filterFactory;
|
|
|
+ this.cMapReaderFactory = factory.cMapReaderFactory;
|
|
|
+ this.standardFontDataFactory = factory.standardFontDataFactory;
|
|
|
+ this.destroyed = false;
|
|
|
+ this.destroyCapability = null;
|
|
|
+ this._passwordCapability = null;
|
|
|
+ this._networkStream = networkStream;
|
|
|
+ this._fullReader = null;
|
|
|
+ this._lastProgress = null;
|
|
|
+ this.downloadInfoCapability = new _util.PromiseCapability();
|
|
|
+ this.setupMessageHandler();
|
|
|
+ }
|
|
|
+ #cacheSimpleMethod(name, data = null) {
|
|
|
+ const cachedPromise = this.#methodPromises.get(name);
|
|
|
+ if (cachedPromise) {
|
|
|
+ return cachedPromise;
|
|
|
+ }
|
|
|
+ const promise = this.messageHandler.sendWithPromise(name, data);
|
|
|
+ this.#methodPromises.set(name, promise);
|
|
|
+ return promise;
|
|
|
+ }
|
|
|
+ get annotationStorage() {
|
|
|
+ return (0, _util.shadow)(this, "annotationStorage", new _annotation_storage.AnnotationStorage());
|
|
|
+ }
|
|
|
+ getRenderingIntent(intent, annotationMode = _util.AnnotationMode.ENABLE, printAnnotationStorage = null, isOpList = false) {
|
|
|
+ let renderingIntent = _util.RenderingIntentFlag.DISPLAY;
|
|
|
+ let annotationStorageSerializable = _annotation_storage.SerializableEmpty;
|
|
|
+ switch (intent) {
|
|
|
+ case "any":
|
|
|
+ renderingIntent = _util.RenderingIntentFlag.ANY;
|
|
|
+ break;
|
|
|
+ case "display":
|
|
|
+ break;
|
|
|
+ case "print":
|
|
|
+ renderingIntent = _util.RenderingIntentFlag.PRINT;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ (0, _util.warn)(`getRenderingIntent - invalid intent: ${intent}`);
|
|
|
+ }
|
|
|
+ switch (annotationMode) {
|
|
|
+ case _util.AnnotationMode.DISABLE:
|
|
|
+ renderingIntent += _util.RenderingIntentFlag.ANNOTATIONS_DISABLE;
|
|
|
+ break;
|
|
|
+ case _util.AnnotationMode.ENABLE:
|
|
|
+ break;
|
|
|
+ case _util.AnnotationMode.ENABLE_FORMS:
|
|
|
+ renderingIntent += _util.RenderingIntentFlag.ANNOTATIONS_FORMS;
|
|
|
+ break;
|
|
|
+ case _util.AnnotationMode.ENABLE_STORAGE:
|
|
|
+ renderingIntent += _util.RenderingIntentFlag.ANNOTATIONS_STORAGE;
|
|
|
+ const annotationStorage = renderingIntent & _util.RenderingIntentFlag.PRINT && printAnnotationStorage instanceof _annotation_storage.PrintAnnotationStorage ? printAnnotationStorage : this.annotationStorage;
|
|
|
+ annotationStorageSerializable = annotationStorage.serializable;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ (0, _util.warn)(`getRenderingIntent - invalid annotationMode: ${annotationMode}`);
|
|
|
+ }
|
|
|
+ if (isOpList) {
|
|
|
+ renderingIntent += _util.RenderingIntentFlag.OPLIST;
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ renderingIntent,
|
|
|
+ cacheKey: `${renderingIntent}_${annotationStorageSerializable.hash}`,
|
|
|
+ annotationStorageSerializable
|
|
|
+ };
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ if (this.destroyCapability) {
|
|
|
+ return this.destroyCapability.promise;
|
|
|
+ }
|
|
|
+ this.destroyed = true;
|
|
|
+ this.destroyCapability = new _util.PromiseCapability();
|
|
|
+ if (this._passwordCapability) {
|
|
|
+ this._passwordCapability.reject(new Error("Worker was destroyed during onPassword callback"));
|
|
|
+ }
|
|
|
+ const waitOn = [];
|
|
|
+ for (const page of this.#pageCache.values()) {
|
|
|
+ waitOn.push(page._destroy());
|
|
|
+ }
|
|
|
+ this.#pageCache.clear();
|
|
|
+ this.#pagePromises.clear();
|
|
|
+ if (this.hasOwnProperty("annotationStorage")) {
|
|
|
+ this.annotationStorage.resetModified();
|
|
|
+ }
|
|
|
+ const terminated = this.messageHandler.sendWithPromise("Terminate", null);
|
|
|
+ waitOn.push(terminated);
|
|
|
+ Promise.all(waitOn).then(() => {
|
|
|
+ this.commonObjs.clear();
|
|
|
+ this.fontLoader.clear();
|
|
|
+ this.#methodPromises.clear();
|
|
|
+ this.filterFactory.destroy();
|
|
|
+ if (this._networkStream) {
|
|
|
+ this._networkStream.cancelAllRequests(new _util.AbortException("Worker was terminated."));
|
|
|
+ }
|
|
|
+ if (this.messageHandler) {
|
|
|
+ this.messageHandler.destroy();
|
|
|
+ this.messageHandler = null;
|
|
|
+ }
|
|
|
+ this.destroyCapability.resolve();
|
|
|
+ }, this.destroyCapability.reject);
|
|
|
+ return this.destroyCapability.promise;
|
|
|
+ }
|
|
|
+ setupMessageHandler() {
|
|
|
+ const {
|
|
|
+ messageHandler,
|
|
|
+ loadingTask
|
|
|
+ } = this;
|
|
|
+ messageHandler.on("GetReader", (data, sink) => {
|
|
|
+ (0, _util.assert)(this._networkStream, "GetReader - no `IPDFStream` instance available.");
|
|
|
+ this._fullReader = this._networkStream.getFullReader();
|
|
|
+ this._fullReader.onProgress = evt => {
|
|
|
+ this._lastProgress = {
|
|
|
+ loaded: evt.loaded,
|
|
|
+ total: evt.total
|
|
|
+ };
|
|
|
+ };
|
|
|
+ sink.onPull = () => {
|
|
|
+ this._fullReader.read().then(function ({
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ }) {
|
|
|
+ if (done) {
|
|
|
+ sink.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ (0, _util.assert)(value instanceof ArrayBuffer, "GetReader - expected an ArrayBuffer.");
|
|
|
+ sink.enqueue(new Uint8Array(value), 1, [value]);
|
|
|
+ }).catch(reason => {
|
|
|
+ sink.error(reason);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ sink.onCancel = reason => {
|
|
|
+ this._fullReader.cancel(reason);
|
|
|
+ sink.ready.catch(readyReason => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ throw readyReason;
|
|
|
+ });
|
|
|
+ };
|
|
|
+ });
|
|
|
+ messageHandler.on("ReaderHeadersReady", data => {
|
|
|
+ const headersCapability = new _util.PromiseCapability();
|
|
|
+ const fullReader = this._fullReader;
|
|
|
+ fullReader.headersReady.then(() => {
|
|
|
+ if (!fullReader.isStreamingSupported || !fullReader.isRangeSupported) {
|
|
|
+ if (this._lastProgress) {
|
|
|
+ loadingTask.onProgress?.(this._lastProgress);
|
|
|
+ }
|
|
|
+ fullReader.onProgress = evt => {
|
|
|
+ loadingTask.onProgress?.({
|
|
|
+ loaded: evt.loaded,
|
|
|
+ total: evt.total
|
|
|
+ });
|
|
|
+ };
|
|
|
+ }
|
|
|
+ headersCapability.resolve({
|
|
|
+ isStreamingSupported: fullReader.isStreamingSupported,
|
|
|
+ isRangeSupported: fullReader.isRangeSupported,
|
|
|
+ contentLength: fullReader.contentLength
|
|
|
+ });
|
|
|
+ }, headersCapability.reject);
|
|
|
+ return headersCapability.promise;
|
|
|
+ });
|
|
|
+ messageHandler.on("GetRangeReader", (data, sink) => {
|
|
|
+ (0, _util.assert)(this._networkStream, "GetRangeReader - no `IPDFStream` instance available.");
|
|
|
+ const rangeReader = this._networkStream.getRangeReader(data.begin, data.end);
|
|
|
+ if (!rangeReader) {
|
|
|
+ sink.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ sink.onPull = () => {
|
|
|
+ rangeReader.read().then(function ({
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ }) {
|
|
|
+ if (done) {
|
|
|
+ sink.close();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ (0, _util.assert)(value instanceof ArrayBuffer, "GetRangeReader - expected an ArrayBuffer.");
|
|
|
+ sink.enqueue(new Uint8Array(value), 1, [value]);
|
|
|
+ }).catch(reason => {
|
|
|
+ sink.error(reason);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ sink.onCancel = reason => {
|
|
|
+ rangeReader.cancel(reason);
|
|
|
+ sink.ready.catch(readyReason => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ throw readyReason;
|
|
|
+ });
|
|
|
+ };
|
|
|
+ });
|
|
|
+ messageHandler.on("GetDoc", ({
|
|
|
+ pdfInfo
|
|
|
+ }) => {
|
|
|
+ this._numPages = pdfInfo.numPages;
|
|
|
+ this._htmlForXfa = pdfInfo.htmlForXfa;
|
|
|
+ delete pdfInfo.htmlForXfa;
|
|
|
+ loadingTask._capability.resolve(new PDFDocumentProxy(pdfInfo, this));
|
|
|
+ });
|
|
|
+ messageHandler.on("DocException", function (ex) {
|
|
|
+ let reason;
|
|
|
+ switch (ex.name) {
|
|
|
+ case "PasswordException":
|
|
|
+ reason = new _util.PasswordException(ex.message, ex.code);
|
|
|
+ break;
|
|
|
+ case "InvalidPDFException":
|
|
|
+ reason = new _util.InvalidPDFException(ex.message);
|
|
|
+ break;
|
|
|
+ case "MissingPDFException":
|
|
|
+ reason = new _util.MissingPDFException(ex.message);
|
|
|
+ break;
|
|
|
+ case "UnexpectedResponseException":
|
|
|
+ reason = new _util.UnexpectedResponseException(ex.message, ex.status);
|
|
|
+ break;
|
|
|
+ case "UnknownErrorException":
|
|
|
+ reason = new _util.UnknownErrorException(ex.message, ex.details);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ (0, _util.unreachable)("DocException - expected a valid Error.");
|
|
|
+ }
|
|
|
+ loadingTask._capability.reject(reason);
|
|
|
+ });
|
|
|
+ messageHandler.on("PasswordRequest", exception => {
|
|
|
+ this._passwordCapability = new _util.PromiseCapability();
|
|
|
+ if (loadingTask.onPassword) {
|
|
|
+ const updatePassword = password => {
|
|
|
+ if (password instanceof Error) {
|
|
|
+ this._passwordCapability.reject(password);
|
|
|
+ } else {
|
|
|
+ this._passwordCapability.resolve({
|
|
|
+ password
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ try {
|
|
|
+ loadingTask.onPassword(updatePassword, exception.code);
|
|
|
+ } catch (ex) {
|
|
|
+ this._passwordCapability.reject(ex);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this._passwordCapability.reject(new _util.PasswordException(exception.message, exception.code));
|
|
|
+ }
|
|
|
+ return this._passwordCapability.promise;
|
|
|
+ });
|
|
|
+ messageHandler.on("DataLoaded", data => {
|
|
|
+ loadingTask.onProgress?.({
|
|
|
+ loaded: data.length,
|
|
|
+ total: data.length
|
|
|
+ });
|
|
|
+ this.downloadInfoCapability.resolve(data);
|
|
|
+ });
|
|
|
+ messageHandler.on("StartRenderPage", data => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const page = this.#pageCache.get(data.pageIndex);
|
|
|
+ page._startRenderPage(data.transparency, data.cacheKey);
|
|
|
+ });
|
|
|
+ messageHandler.on("commonobj", ([id, type, exportedData]) => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.commonObjs.has(id)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ switch (type) {
|
|
|
+ case "Font":
|
|
|
+ const params = this._params;
|
|
|
+ if ("error" in exportedData) {
|
|
|
+ const exportedError = exportedData.error;
|
|
|
+ (0, _util.warn)(`Error during font loading: ${exportedError}`);
|
|
|
+ this.commonObjs.resolve(id, exportedError);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ const inspectFont = params.pdfBug && globalThis.FontInspector?.enabled ? (font, url) => globalThis.FontInspector.fontAdded(font, url) : null;
|
|
|
+ const font = new _font_loader.FontFaceObject(exportedData, {
|
|
|
+ isEvalSupported: params.isEvalSupported,
|
|
|
+ disableFontFace: params.disableFontFace,
|
|
|
+ ignoreErrors: params.ignoreErrors,
|
|
|
+ inspectFont
|
|
|
+ });
|
|
|
+ this.fontLoader.bind(font).catch(reason => {
|
|
|
+ return messageHandler.sendWithPromise("FontFallback", {
|
|
|
+ id
|
|
|
+ });
|
|
|
+ }).finally(() => {
|
|
|
+ if (!params.fontExtraProperties && font.data) {
|
|
|
+ font.data = null;
|
|
|
+ }
|
|
|
+ this.commonObjs.resolve(id, font);
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case "FontPath":
|
|
|
+ case "Image":
|
|
|
+ case "Pattern":
|
|
|
+ this.commonObjs.resolve(id, exportedData);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error(`Got unknown common object type ${type}`);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ messageHandler.on("obj", ([id, pageIndex, type, imageData]) => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const pageProxy = this.#pageCache.get(pageIndex);
|
|
|
+ if (pageProxy.objs.has(id)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ switch (type) {
|
|
|
+ case "Image":
|
|
|
+ pageProxy.objs.resolve(id, imageData);
|
|
|
+ if (imageData) {
|
|
|
+ let length;
|
|
|
+ if (imageData.bitmap) {
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = imageData;
|
|
|
+ length = width * height * 4;
|
|
|
+ } else {
|
|
|
+ length = imageData.data?.length || 0;
|
|
|
+ }
|
|
|
+ if (length > _util.MAX_IMAGE_SIZE_TO_CACHE) {
|
|
|
+ pageProxy._maybeCleanupAfterRender = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "Pattern":
|
|
|
+ pageProxy.objs.resolve(id, imageData);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error(`Got unknown object type ${type}`);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ messageHandler.on("DocProgress", data => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ loadingTask.onProgress?.({
|
|
|
+ loaded: data.loaded,
|
|
|
+ total: data.total
|
|
|
+ });
|
|
|
+ });
|
|
|
+ messageHandler.on("FetchBuiltInCMap", data => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return Promise.reject(new Error("Worker was destroyed."));
|
|
|
+ }
|
|
|
+ if (!this.cMapReaderFactory) {
|
|
|
+ return Promise.reject(new Error("CMapReaderFactory not initialized, see the `useWorkerFetch` parameter."));
|
|
|
+ }
|
|
|
+ return this.cMapReaderFactory.fetch(data);
|
|
|
+ });
|
|
|
+ messageHandler.on("FetchStandardFontData", data => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return Promise.reject(new Error("Worker was destroyed."));
|
|
|
+ }
|
|
|
+ if (!this.standardFontDataFactory) {
|
|
|
+ return Promise.reject(new Error("StandardFontDataFactory not initialized, see the `useWorkerFetch` parameter."));
|
|
|
+ }
|
|
|
+ return this.standardFontDataFactory.fetch(data);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getData() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetData", null);
|
|
|
+ }
|
|
|
+ saveDocument() {
|
|
|
+ if (this.annotationStorage.size <= 0) {
|
|
|
+ (0, _util.warn)("saveDocument called while `annotationStorage` is empty, " + "please use the getData-method instead.");
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ map,
|
|
|
+ transfers
|
|
|
+ } = this.annotationStorage.serializable;
|
|
|
+ return this.messageHandler.sendWithPromise("SaveDocument", {
|
|
|
+ isPureXfa: !!this._htmlForXfa,
|
|
|
+ numPages: this._numPages,
|
|
|
+ annotationStorage: map,
|
|
|
+ filename: this._fullReader?.filename ?? null
|
|
|
+ }, transfers).finally(() => {
|
|
|
+ this.annotationStorage.resetModified();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getPage(pageNumber) {
|
|
|
+ if (!Number.isInteger(pageNumber) || pageNumber <= 0 || pageNumber > this._numPages) {
|
|
|
+ return Promise.reject(new Error("Invalid page request."));
|
|
|
+ }
|
|
|
+ const pageIndex = pageNumber - 1,
|
|
|
+ cachedPromise = this.#pagePromises.get(pageIndex);
|
|
|
+ if (cachedPromise) {
|
|
|
+ return cachedPromise;
|
|
|
+ }
|
|
|
+ const promise = this.messageHandler.sendWithPromise("GetPage", {
|
|
|
+ pageIndex
|
|
|
+ }).then(pageInfo => {
|
|
|
+ if (this.destroyed) {
|
|
|
+ throw new Error("Transport destroyed");
|
|
|
+ }
|
|
|
+ const page = new PDFPageProxy(pageIndex, pageInfo, this, this._params.pdfBug);
|
|
|
+ this.#pageCache.set(pageIndex, page);
|
|
|
+ return page;
|
|
|
+ });
|
|
|
+ this.#pagePromises.set(pageIndex, promise);
|
|
|
+ return promise;
|
|
|
+ }
|
|
|
+ getPageIndex(ref) {
|
|
|
+ if (typeof ref !== "object" || ref === null || !Number.isInteger(ref.num) || ref.num < 0 || !Number.isInteger(ref.gen) || ref.gen < 0) {
|
|
|
+ return Promise.reject(new Error("Invalid pageIndex request."));
|
|
|
+ }
|
|
|
+ return this.messageHandler.sendWithPromise("GetPageIndex", {
|
|
|
+ num: ref.num,
|
|
|
+ gen: ref.gen
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getAnnotations(pageIndex, intent) {
|
|
|
+ return this.messageHandler.sendWithPromise("GetAnnotations", {
|
|
|
+ pageIndex,
|
|
|
+ intent
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getFieldObjects() {
|
|
|
+ return this.#cacheSimpleMethod("GetFieldObjects");
|
|
|
+ }
|
|
|
+ hasJSActions() {
|
|
|
+ return this.#cacheSimpleMethod("HasJSActions");
|
|
|
+ }
|
|
|
+ getCalculationOrderIds() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetCalculationOrderIds", null);
|
|
|
+ }
|
|
|
+ getDestinations() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetDestinations", null);
|
|
|
+ }
|
|
|
+ getDestination(id) {
|
|
|
+ if (typeof id !== "string") {
|
|
|
+ return Promise.reject(new Error("Invalid destination request."));
|
|
|
+ }
|
|
|
+ return this.messageHandler.sendWithPromise("GetDestination", {
|
|
|
+ id
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getPageLabels() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetPageLabels", null);
|
|
|
+ }
|
|
|
+ getPageLayout() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetPageLayout", null);
|
|
|
+ }
|
|
|
+ getPageMode() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetPageMode", null);
|
|
|
+ }
|
|
|
+ getViewerPreferences() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetViewerPreferences", null);
|
|
|
+ }
|
|
|
+ getOpenAction() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetOpenAction", null);
|
|
|
+ }
|
|
|
+ getAttachments() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetAttachments", null);
|
|
|
+ }
|
|
|
+ getJavaScript() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetJavaScript", null);
|
|
|
+ }
|
|
|
+ getDocJSActions() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetDocJSActions", null);
|
|
|
+ }
|
|
|
+ getPageJSActions(pageIndex) {
|
|
|
+ return this.messageHandler.sendWithPromise("GetPageJSActions", {
|
|
|
+ pageIndex
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getStructTree(pageIndex) {
|
|
|
+ return this.messageHandler.sendWithPromise("GetStructTree", {
|
|
|
+ pageIndex
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getOutline() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetOutline", null);
|
|
|
+ }
|
|
|
+ getOptionalContentConfig() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetOptionalContentConfig", null).then(results => {
|
|
|
+ return new _optional_content_config.OptionalContentConfig(results);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getPermissions() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetPermissions", null);
|
|
|
+ }
|
|
|
+ getMetadata() {
|
|
|
+ const name = "GetMetadata",
|
|
|
+ cachedPromise = this.#methodPromises.get(name);
|
|
|
+ if (cachedPromise) {
|
|
|
+ return cachedPromise;
|
|
|
+ }
|
|
|
+ const promise = this.messageHandler.sendWithPromise(name, null).then(results => {
|
|
|
+ return {
|
|
|
+ info: results[0],
|
|
|
+ metadata: results[1] ? new _metadata.Metadata(results[1]) : null,
|
|
|
+ contentDispositionFilename: this._fullReader?.filename ?? null,
|
|
|
+ contentLength: this._fullReader?.contentLength ?? null
|
|
|
+ };
|
|
|
+ });
|
|
|
+ this.#methodPromises.set(name, promise);
|
|
|
+ return promise;
|
|
|
+ }
|
|
|
+ getMarkInfo() {
|
|
|
+ return this.messageHandler.sendWithPromise("GetMarkInfo", null);
|
|
|
+ }
|
|
|
+ async startCleanup(keepLoadedFonts = false) {
|
|
|
+ if (this.destroyed) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ await this.messageHandler.sendWithPromise("Cleanup", null);
|
|
|
+ for (const page of this.#pageCache.values()) {
|
|
|
+ const cleanupSuccessful = page.cleanup();
|
|
|
+ if (!cleanupSuccessful) {
|
|
|
+ throw new Error(`startCleanup: Page ${page.pageNumber} is currently rendering.`);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.commonObjs.clear();
|
|
|
+ if (!keepLoadedFonts) {
|
|
|
+ this.fontLoader.clear();
|
|
|
+ }
|
|
|
+ this.#methodPromises.clear();
|
|
|
+ this.filterFactory.destroy(true);
|
|
|
+ }
|
|
|
+ get loadingParams() {
|
|
|
+ const {
|
|
|
+ disableAutoFetch,
|
|
|
+ enableXfa
|
|
|
+ } = this._params;
|
|
|
+ return (0, _util.shadow)(this, "loadingParams", {
|
|
|
+ disableAutoFetch,
|
|
|
+ enableXfa
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFObjects {
|
|
|
+ #objs = Object.create(null);
|
|
|
+ #ensureObj(objId) {
|
|
|
+ const obj = this.#objs[objId];
|
|
|
+ if (obj) {
|
|
|
+ return obj;
|
|
|
+ }
|
|
|
+ return this.#objs[objId] = {
|
|
|
+ capability: new _util.PromiseCapability(),
|
|
|
+ data: null
|
|
|
+ };
|
|
|
+ }
|
|
|
+ get(objId, callback = null) {
|
|
|
+ if (callback) {
|
|
|
+ const obj = this.#ensureObj(objId);
|
|
|
+ obj.capability.promise.then(() => callback(obj.data));
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const obj = this.#objs[objId];
|
|
|
+ if (!obj?.capability.settled) {
|
|
|
+ throw new Error(`Requesting object that isn't resolved yet ${objId}.`);
|
|
|
+ }
|
|
|
+ return obj.data;
|
|
|
+ }
|
|
|
+ has(objId) {
|
|
|
+ const obj = this.#objs[objId];
|
|
|
+ return obj?.capability.settled || false;
|
|
|
+ }
|
|
|
+ resolve(objId, data = null) {
|
|
|
+ const obj = this.#ensureObj(objId);
|
|
|
+ obj.data = data;
|
|
|
+ obj.capability.resolve();
|
|
|
+ }
|
|
|
+ clear() {
|
|
|
+ for (const objId in this.#objs) {
|
|
|
+ const {
|
|
|
+ data
|
|
|
+ } = this.#objs[objId];
|
|
|
+ data?.bitmap?.close();
|
|
|
+ }
|
|
|
+ this.#objs = Object.create(null);
|
|
|
+ }
|
|
|
+}
|
|
|
+class RenderTask {
|
|
|
+ #internalRenderTask = null;
|
|
|
+ constructor(internalRenderTask) {
|
|
|
+ this.#internalRenderTask = internalRenderTask;
|
|
|
+ this.onContinue = null;
|
|
|
+ }
|
|
|
+ get promise() {
|
|
|
+ return this.#internalRenderTask.capability.promise;
|
|
|
+ }
|
|
|
+ cancel(extraDelay = 0) {
|
|
|
+ this.#internalRenderTask.cancel(null, extraDelay);
|
|
|
+ }
|
|
|
+ get separateAnnots() {
|
|
|
+ const {
|
|
|
+ separateAnnots
|
|
|
+ } = this.#internalRenderTask.operatorList;
|
|
|
+ if (!separateAnnots) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ annotationCanvasMap
|
|
|
+ } = this.#internalRenderTask;
|
|
|
+ return separateAnnots.form || separateAnnots.canvas && annotationCanvasMap?.size > 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.RenderTask = RenderTask;
|
|
|
+class InternalRenderTask {
|
|
|
+ static #canvasInUse = new WeakSet();
|
|
|
+ constructor({
|
|
|
+ callback,
|
|
|
+ params,
|
|
|
+ objs,
|
|
|
+ commonObjs,
|
|
|
+ annotationCanvasMap,
|
|
|
+ operatorList,
|
|
|
+ pageIndex,
|
|
|
+ canvasFactory,
|
|
|
+ filterFactory,
|
|
|
+ useRequestAnimationFrame = false,
|
|
|
+ pdfBug = false,
|
|
|
+ pageColors = null
|
|
|
+ }) {
|
|
|
+ this.callback = callback;
|
|
|
+ this.params = params;
|
|
|
+ this.objs = objs;
|
|
|
+ this.commonObjs = commonObjs;
|
|
|
+ this.annotationCanvasMap = annotationCanvasMap;
|
|
|
+ this.operatorListIdx = null;
|
|
|
+ this.operatorList = operatorList;
|
|
|
+ this._pageIndex = pageIndex;
|
|
|
+ this.canvasFactory = canvasFactory;
|
|
|
+ this.filterFactory = filterFactory;
|
|
|
+ this._pdfBug = pdfBug;
|
|
|
+ this.pageColors = pageColors;
|
|
|
+ this.running = false;
|
|
|
+ this.graphicsReadyCallback = null;
|
|
|
+ this.graphicsReady = false;
|
|
|
+ this._useRequestAnimationFrame = useRequestAnimationFrame === true && typeof window !== "undefined";
|
|
|
+ this.cancelled = false;
|
|
|
+ this.capability = new _util.PromiseCapability();
|
|
|
+ this.task = new RenderTask(this);
|
|
|
+ this._cancelBound = this.cancel.bind(this);
|
|
|
+ this._continueBound = this._continue.bind(this);
|
|
|
+ this._scheduleNextBound = this._scheduleNext.bind(this);
|
|
|
+ this._nextBound = this._next.bind(this);
|
|
|
+ this._canvas = params.canvasContext.canvas;
|
|
|
+ }
|
|
|
+ get completed() {
|
|
|
+ return this.capability.promise.catch(function () {});
|
|
|
+ }
|
|
|
+ initializeGraphics({
|
|
|
+ transparency = false,
|
|
|
+ optionalContentConfig
|
|
|
+ }) {
|
|
|
+ if (this.cancelled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this._canvas) {
|
|
|
+ if (InternalRenderTask.#canvasInUse.has(this._canvas)) {
|
|
|
+ throw new Error("Cannot use the same canvas during multiple render() operations. " + "Use different canvas or ensure previous operations were " + "cancelled or completed.");
|
|
|
+ }
|
|
|
+ InternalRenderTask.#canvasInUse.add(this._canvas);
|
|
|
+ }
|
|
|
+ if (this._pdfBug && globalThis.StepperManager?.enabled) {
|
|
|
+ this.stepper = globalThis.StepperManager.create(this._pageIndex);
|
|
|
+ this.stepper.init(this.operatorList);
|
|
|
+ this.stepper.nextBreakPoint = this.stepper.getNextBreakPoint();
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ canvasContext,
|
|
|
+ viewport,
|
|
|
+ transform,
|
|
|
+ background
|
|
|
+ } = this.params;
|
|
|
+ this.gfx = new _canvas.CanvasGraphics(canvasContext, this.commonObjs, this.objs, this.canvasFactory, this.filterFactory, {
|
|
|
+ optionalContentConfig
|
|
|
+ }, this.annotationCanvasMap, this.pageColors);
|
|
|
+ this.gfx.beginDrawing({
|
|
|
+ transform,
|
|
|
+ viewport,
|
|
|
+ transparency,
|
|
|
+ background
|
|
|
+ });
|
|
|
+ this.operatorListIdx = 0;
|
|
|
+ this.graphicsReady = true;
|
|
|
+ this.graphicsReadyCallback?.();
|
|
|
+ }
|
|
|
+ cancel(error = null, extraDelay = 0) {
|
|
|
+ this.running = false;
|
|
|
+ this.cancelled = true;
|
|
|
+ this.gfx?.endDrawing();
|
|
|
+ if (this._canvas) {
|
|
|
+ InternalRenderTask.#canvasInUse.delete(this._canvas);
|
|
|
+ }
|
|
|
+ this.callback(error || new _display_utils.RenderingCancelledException(`Rendering cancelled, page ${this._pageIndex + 1}`, extraDelay));
|
|
|
+ }
|
|
|
+ operatorListChanged() {
|
|
|
+ if (!this.graphicsReady) {
|
|
|
+ this.graphicsReadyCallback ||= this._continueBound;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.stepper?.updateOperatorList(this.operatorList);
|
|
|
+ if (this.running) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._continue();
|
|
|
+ }
|
|
|
+ _continue() {
|
|
|
+ this.running = true;
|
|
|
+ if (this.cancelled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.task.onContinue) {
|
|
|
+ this.task.onContinue(this._scheduleNextBound);
|
|
|
+ } else {
|
|
|
+ this._scheduleNext();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _scheduleNext() {
|
|
|
+ if (this._useRequestAnimationFrame) {
|
|
|
+ window.requestAnimationFrame(() => {
|
|
|
+ this._nextBound().catch(this._cancelBound);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ Promise.resolve().then(this._nextBound).catch(this._cancelBound);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ async _next() {
|
|
|
+ if (this.cancelled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.operatorListIdx = this.gfx.executeOperatorList(this.operatorList, this.operatorListIdx, this._continueBound, this.stepper);
|
|
|
+ if (this.operatorListIdx === this.operatorList.argsArray.length) {
|
|
|
+ this.running = false;
|
|
|
+ if (this.operatorList.lastChunk) {
|
|
|
+ this.gfx.endDrawing(this.pageColors);
|
|
|
+ if (this._canvas) {
|
|
|
+ InternalRenderTask.#canvasInUse.delete(this._canvas);
|
|
|
+ }
|
|
|
+ this.callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+const version = '3.8.162';
|
|
|
+exports.version = version;
|
|
|
+const build = '2c74323e3';
|
|
|
+exports.build = build;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 3 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.SerializableEmpty = exports.PrintAnnotationStorage = exports.AnnotationStorage = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _editor = __w_pdfjs_require__(4);
|
|
|
+var _murmurhash = __w_pdfjs_require__(8);
|
|
|
+const SerializableEmpty = Object.freeze({
|
|
|
+ map: null,
|
|
|
+ hash: "",
|
|
|
+ transfers: undefined
|
|
|
+});
|
|
|
+exports.SerializableEmpty = SerializableEmpty;
|
|
|
+class AnnotationStorage {
|
|
|
+ #modified = false;
|
|
|
+ #storage = new Map();
|
|
|
+ constructor() {
|
|
|
+ this.onSetModified = null;
|
|
|
+ this.onResetModified = null;
|
|
|
+ this.onAnnotationEditor = null;
|
|
|
+ }
|
|
|
+ getValue(key, defaultValue) {
|
|
|
+ const value = this.#storage.get(key);
|
|
|
+ if (value === undefined) {
|
|
|
+ return defaultValue;
|
|
|
+ }
|
|
|
+ return Object.assign(defaultValue, value);
|
|
|
+ }
|
|
|
+ getRawValue(key) {
|
|
|
+ return this.#storage.get(key);
|
|
|
+ }
|
|
|
+ remove(key) {
|
|
|
+ this.#storage.delete(key);
|
|
|
+ if (this.#storage.size === 0) {
|
|
|
+ this.resetModified();
|
|
|
+ }
|
|
|
+ if (typeof this.onAnnotationEditor === "function") {
|
|
|
+ for (const value of this.#storage.values()) {
|
|
|
+ if (value instanceof _editor.AnnotationEditor) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.onAnnotationEditor(null);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setValue(key, value) {
|
|
|
+ const obj = this.#storage.get(key);
|
|
|
+ let modified = false;
|
|
|
+ if (obj !== undefined) {
|
|
|
+ for (const [entry, val] of Object.entries(value)) {
|
|
|
+ if (obj[entry] !== val) {
|
|
|
+ modified = true;
|
|
|
+ obj[entry] = val;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ modified = true;
|
|
|
+ this.#storage.set(key, value);
|
|
|
+ }
|
|
|
+ if (modified) {
|
|
|
+ this.#setModified();
|
|
|
+ }
|
|
|
+ if (value instanceof _editor.AnnotationEditor && typeof this.onAnnotationEditor === "function") {
|
|
|
+ this.onAnnotationEditor(value.constructor._type);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ has(key) {
|
|
|
+ return this.#storage.has(key);
|
|
|
+ }
|
|
|
+ getAll() {
|
|
|
+ return this.#storage.size > 0 ? (0, _util.objectFromMap)(this.#storage) : null;
|
|
|
+ }
|
|
|
+ setAll(obj) {
|
|
|
+ for (const [key, val] of Object.entries(obj)) {
|
|
|
+ this.setValue(key, val);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get size() {
|
|
|
+ return this.#storage.size;
|
|
|
+ }
|
|
|
+ #setModified() {
|
|
|
+ if (!this.#modified) {
|
|
|
+ this.#modified = true;
|
|
|
+ if (typeof this.onSetModified === "function") {
|
|
|
+ this.onSetModified();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ resetModified() {
|
|
|
+ if (this.#modified) {
|
|
|
+ this.#modified = false;
|
|
|
+ if (typeof this.onResetModified === "function") {
|
|
|
+ this.onResetModified();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get print() {
|
|
|
+ return new PrintAnnotationStorage(this);
|
|
|
+ }
|
|
|
+ get serializable() {
|
|
|
+ if (this.#storage.size === 0) {
|
|
|
+ return SerializableEmpty;
|
|
|
+ }
|
|
|
+ const map = new Map(),
|
|
|
+ hash = new _murmurhash.MurmurHash3_64(),
|
|
|
+ transfers = [];
|
|
|
+ for (const [key, val] of this.#storage) {
|
|
|
+ const serialized = val instanceof _editor.AnnotationEditor ? val.serialize() : val;
|
|
|
+ if (serialized) {
|
|
|
+ map.set(key, serialized);
|
|
|
+ hash.update(`${key}:${JSON.stringify(serialized)}`);
|
|
|
+ if (serialized.bitmap) {
|
|
|
+ transfers.push(serialized.bitmap);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return map.size > 0 ? {
|
|
|
+ map,
|
|
|
+ hash: hash.hexdigest(),
|
|
|
+ transfers
|
|
|
+ } : SerializableEmpty;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.AnnotationStorage = AnnotationStorage;
|
|
|
+class PrintAnnotationStorage extends AnnotationStorage {
|
|
|
+ #serializable;
|
|
|
+ constructor(parent) {
|
|
|
+ super();
|
|
|
+ const {
|
|
|
+ map,
|
|
|
+ hash,
|
|
|
+ transfers
|
|
|
+ } = parent.serializable;
|
|
|
+ const clone = structuredClone(map, transfers ? {
|
|
|
+ transfer: transfers
|
|
|
+ } : null);
|
|
|
+ this.#serializable = {
|
|
|
+ map: clone,
|
|
|
+ hash,
|
|
|
+ transfers
|
|
|
+ };
|
|
|
+ }
|
|
|
+ get print() {
|
|
|
+ (0, _util.unreachable)("Should not call PrintAnnotationStorage.print");
|
|
|
+ }
|
|
|
+ get serializable() {
|
|
|
+ return this.#serializable;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PrintAnnotationStorage = PrintAnnotationStorage;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 4 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.AnnotationEditor = void 0;
|
|
|
+var _tools = __w_pdfjs_require__(5);
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+class AnnotationEditor {
|
|
|
+ #boundFocusin = this.focusin.bind(this);
|
|
|
+ #boundFocusout = this.focusout.bind(this);
|
|
|
+ #hasBeenSelected = false;
|
|
|
+ #isEditing = false;
|
|
|
+ #isInEditMode = false;
|
|
|
+ _uiManager = null;
|
|
|
+ #zIndex = AnnotationEditor._zIndex++;
|
|
|
+ static _colorManager = new _tools.ColorManager();
|
|
|
+ static _zIndex = 1;
|
|
|
+ constructor(parameters) {
|
|
|
+ if (this.constructor === AnnotationEditor) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize AnnotationEditor.");
|
|
|
+ }
|
|
|
+ this.parent = parameters.parent;
|
|
|
+ this.id = parameters.id;
|
|
|
+ this.width = this.height = null;
|
|
|
+ this.pageIndex = parameters.parent.pageIndex;
|
|
|
+ this.name = parameters.name;
|
|
|
+ this.div = null;
|
|
|
+ this._uiManager = parameters.uiManager;
|
|
|
+ this.annotationElementId = null;
|
|
|
+ const {
|
|
|
+ rotation,
|
|
|
+ rawDims: {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight,
|
|
|
+ pageX,
|
|
|
+ pageY
|
|
|
+ }
|
|
|
+ } = this.parent.viewport;
|
|
|
+ this.rotation = rotation;
|
|
|
+ this.pageRotation = (360 + rotation - this._uiManager.viewParameters.rotation) % 360;
|
|
|
+ this.pageDimensions = [pageWidth, pageHeight];
|
|
|
+ this.pageTranslation = [pageX, pageY];
|
|
|
+ const [width, height] = this.parentDimensions;
|
|
|
+ this.x = parameters.x / width;
|
|
|
+ this.y = parameters.y / height;
|
|
|
+ this.isAttachedToDOM = false;
|
|
|
+ this.deleted = false;
|
|
|
+ }
|
|
|
+ static get _defaultLineColor() {
|
|
|
+ return (0, _util.shadow)(this, "_defaultLineColor", this._colorManager.getHexCode("CanvasText"));
|
|
|
+ }
|
|
|
+ static deleteAnnotationElement(editor) {
|
|
|
+ const fakeEditor = new FakeEditor({
|
|
|
+ id: editor.parent.getNextId(),
|
|
|
+ parent: editor.parent,
|
|
|
+ uiManager: editor._uiManager
|
|
|
+ });
|
|
|
+ fakeEditor.annotationElementId = editor.annotationElementId;
|
|
|
+ fakeEditor.deleted = true;
|
|
|
+ fakeEditor._uiManager.addToAnnotationStorage(fakeEditor);
|
|
|
+ }
|
|
|
+ addCommands(params) {
|
|
|
+ this._uiManager.addCommands(params);
|
|
|
+ }
|
|
|
+ get currentLayer() {
|
|
|
+ return this._uiManager.currentLayer;
|
|
|
+ }
|
|
|
+ setInBackground() {
|
|
|
+ this.div.style.zIndex = 0;
|
|
|
+ }
|
|
|
+ setInForeground() {
|
|
|
+ this.div.style.zIndex = this.#zIndex;
|
|
|
+ }
|
|
|
+ setParent(parent) {
|
|
|
+ if (parent !== null) {
|
|
|
+ this.pageIndex = parent.pageIndex;
|
|
|
+ this.pageDimensions = parent.pageDimensions;
|
|
|
+ }
|
|
|
+ this.parent = parent;
|
|
|
+ }
|
|
|
+ focusin(event) {
|
|
|
+ if (!this.#hasBeenSelected) {
|
|
|
+ this.parent.setSelected(this);
|
|
|
+ } else {
|
|
|
+ this.#hasBeenSelected = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ focusout(event) {
|
|
|
+ if (!this.isAttachedToDOM) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const target = event.relatedTarget;
|
|
|
+ if (target?.closest(`#${this.id}`)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ event.preventDefault();
|
|
|
+ if (!this.parent?.isMultipleSelection) {
|
|
|
+ this.commitOrRemove();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ commitOrRemove() {
|
|
|
+ if (this.isEmpty()) {
|
|
|
+ this.remove();
|
|
|
+ } else {
|
|
|
+ this.commit();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ commit() {
|
|
|
+ this.addToAnnotationStorage();
|
|
|
+ }
|
|
|
+ addToAnnotationStorage() {
|
|
|
+ this._uiManager.addToAnnotationStorage(this);
|
|
|
+ }
|
|
|
+ dragstart(event) {
|
|
|
+ const rect = this.parent.div.getBoundingClientRect();
|
|
|
+ this.startX = event.clientX - rect.x;
|
|
|
+ this.startY = event.clientY - rect.y;
|
|
|
+ event.dataTransfer.setData("text/plain", this.id);
|
|
|
+ event.dataTransfer.effectAllowed = "move";
|
|
|
+ }
|
|
|
+ setAt(x, y, tx, ty) {
|
|
|
+ const [width, height] = this.parentDimensions;
|
|
|
+ [tx, ty] = this.screenToPageTranslation(tx, ty);
|
|
|
+ this.x = (x + tx) / width;
|
|
|
+ this.y = (y + ty) / height;
|
|
|
+ this.div.style.left = `${100 * this.x}%`;
|
|
|
+ this.div.style.top = `${100 * this.y}%`;
|
|
|
+ }
|
|
|
+ translate(x, y) {
|
|
|
+ const [width, height] = this.parentDimensions;
|
|
|
+ [x, y] = this.screenToPageTranslation(x, y);
|
|
|
+ this.x += x / width;
|
|
|
+ this.y += y / height;
|
|
|
+ this.div.style.left = `${100 * this.x}%`;
|
|
|
+ this.div.style.top = `${100 * this.y}%`;
|
|
|
+ }
|
|
|
+ screenToPageTranslation(x, y) {
|
|
|
+ switch (this.parentRotation) {
|
|
|
+ case 90:
|
|
|
+ return [y, -x];
|
|
|
+ case 180:
|
|
|
+ return [-x, -y];
|
|
|
+ case 270:
|
|
|
+ return [-y, x];
|
|
|
+ default:
|
|
|
+ return [x, y];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get parentScale() {
|
|
|
+ return this._uiManager.viewParameters.realScale;
|
|
|
+ }
|
|
|
+ get parentRotation() {
|
|
|
+ return (this._uiManager.viewParameters.rotation + this.pageRotation) % 360;
|
|
|
+ }
|
|
|
+ get parentDimensions() {
|
|
|
+ const {
|
|
|
+ realScale
|
|
|
+ } = this._uiManager.viewParameters;
|
|
|
+ const [pageWidth, pageHeight] = this.pageDimensions;
|
|
|
+ return [pageWidth * realScale, pageHeight * realScale];
|
|
|
+ }
|
|
|
+ setDims(width, height) {
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ this.div.style.width = `${100 * width / parentWidth}%`;
|
|
|
+ this.div.style.height = `${100 * height / parentHeight}%`;
|
|
|
+ }
|
|
|
+ fixDims() {
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = this.div;
|
|
|
+ const {
|
|
|
+ height,
|
|
|
+ width
|
|
|
+ } = style;
|
|
|
+ const widthPercent = width.endsWith("%");
|
|
|
+ const heightPercent = height.endsWith("%");
|
|
|
+ if (widthPercent && heightPercent) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ if (!widthPercent) {
|
|
|
+ style.width = `${100 * parseFloat(width) / parentWidth}%`;
|
|
|
+ }
|
|
|
+ if (!heightPercent) {
|
|
|
+ style.height = `${100 * parseFloat(height) / parentHeight}%`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getInitialTranslation() {
|
|
|
+ return [0, 0];
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.div = document.createElement("div");
|
|
|
+ this.div.setAttribute("data-editor-rotation", (360 - this.rotation) % 360);
|
|
|
+ this.div.className = this.name;
|
|
|
+ this.div.setAttribute("id", this.id);
|
|
|
+ this.div.setAttribute("tabIndex", 0);
|
|
|
+ this.setInForeground();
|
|
|
+ this.div.addEventListener("focusin", this.#boundFocusin);
|
|
|
+ this.div.addEventListener("focusout", this.#boundFocusout);
|
|
|
+ const [tx, ty] = this.getInitialTranslation();
|
|
|
+ this.translate(tx, ty);
|
|
|
+ (0, _tools.bindEvents)(this, this.div, ["dragstart", "pointerdown"]);
|
|
|
+ return this.div;
|
|
|
+ }
|
|
|
+ pointerdown(event) {
|
|
|
+ const {
|
|
|
+ isMac
|
|
|
+ } = _util.FeatureTest.platform;
|
|
|
+ if (event.button !== 0 || event.ctrlKey && isMac) {
|
|
|
+ event.preventDefault();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (event.ctrlKey && !isMac || event.shiftKey || event.metaKey && isMac) {
|
|
|
+ this.parent.toggleSelected(this);
|
|
|
+ } else {
|
|
|
+ this.parent.setSelected(this);
|
|
|
+ }
|
|
|
+ this.#hasBeenSelected = true;
|
|
|
+ }
|
|
|
+ getRect(tx, ty) {
|
|
|
+ const scale = this.parentScale;
|
|
|
+ const [pageWidth, pageHeight] = this.pageDimensions;
|
|
|
+ const [pageX, pageY] = this.pageTranslation;
|
|
|
+ const shiftX = tx / scale;
|
|
|
+ const shiftY = ty / scale;
|
|
|
+ const x = this.x * pageWidth;
|
|
|
+ const y = this.y * pageHeight;
|
|
|
+ const width = this.width * pageWidth;
|
|
|
+ const height = this.height * pageHeight;
|
|
|
+ switch (this.rotation) {
|
|
|
+ case 0:
|
|
|
+ return [x + shiftX + pageX, pageHeight - y - shiftY - height + pageY, x + shiftX + width + pageX, pageHeight - y - shiftY + pageY];
|
|
|
+ case 90:
|
|
|
+ return [x + shiftY + pageX, pageHeight - y + shiftX + pageY, x + shiftY + height + pageX, pageHeight - y + shiftX + width + pageY];
|
|
|
+ case 180:
|
|
|
+ return [x - shiftX - width + pageX, pageHeight - y + shiftY + pageY, x - shiftX + pageX, pageHeight - y + shiftY + height + pageY];
|
|
|
+ case 270:
|
|
|
+ return [x - shiftY - height + pageX, pageHeight - y - shiftX - width + pageY, x - shiftY + pageX, pageHeight - y - shiftX + pageY];
|
|
|
+ default:
|
|
|
+ throw new Error("Invalid rotation");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getRectInCurrentCoords(rect, pageHeight) {
|
|
|
+ const [x1, y1, x2, y2] = rect;
|
|
|
+ const width = x2 - x1;
|
|
|
+ const height = y2 - y1;
|
|
|
+ switch (this.rotation) {
|
|
|
+ case 0:
|
|
|
+ return [x1, pageHeight - y2, width, height];
|
|
|
+ case 90:
|
|
|
+ return [x1, pageHeight - y1, height, width];
|
|
|
+ case 180:
|
|
|
+ return [x2, pageHeight - y1, width, height];
|
|
|
+ case 270:
|
|
|
+ return [x2, pageHeight - y2, height, width];
|
|
|
+ default:
|
|
|
+ throw new Error("Invalid rotation");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ onceAdded() {}
|
|
|
+ isEmpty() {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ enableEditMode() {
|
|
|
+ this.#isInEditMode = true;
|
|
|
+ }
|
|
|
+ disableEditMode() {
|
|
|
+ this.#isInEditMode = false;
|
|
|
+ }
|
|
|
+ isInEditMode() {
|
|
|
+ return this.#isInEditMode;
|
|
|
+ }
|
|
|
+ shouldGetKeyboardEvents() {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ needsToBeRebuilt() {
|
|
|
+ return this.div && !this.isAttachedToDOM;
|
|
|
+ }
|
|
|
+ rebuild() {
|
|
|
+ this.div?.addEventListener("focusin", this.#boundFocusin);
|
|
|
+ this.div?.addEventListener("focusout", this.#boundFocusout);
|
|
|
+ }
|
|
|
+ serialize(_isForCopying = false) {
|
|
|
+ (0, _util.unreachable)("An editor must be serializable");
|
|
|
+ }
|
|
|
+ static deserialize(data, parent, uiManager) {
|
|
|
+ const editor = new this.prototype.constructor({
|
|
|
+ parent,
|
|
|
+ id: parent.getNextId(),
|
|
|
+ uiManager
|
|
|
+ });
|
|
|
+ editor.rotation = data.rotation;
|
|
|
+ const [pageWidth, pageHeight] = editor.pageDimensions;
|
|
|
+ const [x, y, width, height] = editor.getRectInCurrentCoords(data.rect, pageHeight);
|
|
|
+ editor.x = x / pageWidth;
|
|
|
+ editor.y = y / pageHeight;
|
|
|
+ editor.width = width / pageWidth;
|
|
|
+ editor.height = height / pageHeight;
|
|
|
+ return editor;
|
|
|
+ }
|
|
|
+ remove() {
|
|
|
+ this.div.removeEventListener("focusin", this.#boundFocusin);
|
|
|
+ this.div.removeEventListener("focusout", this.#boundFocusout);
|
|
|
+ if (!this.isEmpty()) {
|
|
|
+ this.commit();
|
|
|
+ }
|
|
|
+ this.parent.remove(this);
|
|
|
+ }
|
|
|
+ select() {
|
|
|
+ this.div?.classList.add("selectedEditor");
|
|
|
+ }
|
|
|
+ unselect() {
|
|
|
+ this.div?.classList.remove("selectedEditor");
|
|
|
+ }
|
|
|
+ updateParams(type, value) {}
|
|
|
+ disableEditing() {}
|
|
|
+ enableEditing() {}
|
|
|
+ get propertiesToUpdate() {
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+ get contentDiv() {
|
|
|
+ return this.div;
|
|
|
+ }
|
|
|
+ get isEditing() {
|
|
|
+ return this.#isEditing;
|
|
|
+ }
|
|
|
+ set isEditing(value) {
|
|
|
+ this.#isEditing = value;
|
|
|
+ if (value) {
|
|
|
+ this.parent.setSelected(this);
|
|
|
+ this.parent.setActiveEditor(this);
|
|
|
+ } else {
|
|
|
+ this.parent.setActiveEditor(null);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.AnnotationEditor = AnnotationEditor;
|
|
|
+class FakeEditor extends AnnotationEditor {
|
|
|
+ constructor(params) {
|
|
|
+ super(params);
|
|
|
+ this.annotationElementId = params.annotationElementId;
|
|
|
+ this.deleted = true;
|
|
|
+ }
|
|
|
+ serialize() {
|
|
|
+ return {
|
|
|
+ id: this.annotationElementId,
|
|
|
+ deleted: true,
|
|
|
+ pageIndex: this.pageIndex
|
|
|
+ };
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 5 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.KeyboardManager = exports.CommandManager = exports.ColorManager = exports.AnnotationEditorUIManager = void 0;
|
|
|
+exports.bindEvents = bindEvents;
|
|
|
+exports.opacityToHex = opacityToHex;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+function bindEvents(obj, element, names) {
|
|
|
+ for (const name of names) {
|
|
|
+ element.addEventListener(name, obj[name].bind(obj));
|
|
|
+ }
|
|
|
+}
|
|
|
+function opacityToHex(opacity) {
|
|
|
+ return Math.round(Math.min(255, Math.max(1, 255 * opacity))).toString(16).padStart(2, "0");
|
|
|
+}
|
|
|
+class IdManager {
|
|
|
+ #id = 0;
|
|
|
+ getId() {
|
|
|
+ return `${_util.AnnotationEditorPrefix}${this.#id++}`;
|
|
|
+ }
|
|
|
+}
|
|
|
+class CommandManager {
|
|
|
+ #commands = [];
|
|
|
+ #locked = false;
|
|
|
+ #maxSize;
|
|
|
+ #position = -1;
|
|
|
+ constructor(maxSize = 128) {
|
|
|
+ this.#maxSize = maxSize;
|
|
|
+ }
|
|
|
+ add({
|
|
|
+ cmd,
|
|
|
+ undo,
|
|
|
+ mustExec,
|
|
|
+ type = NaN,
|
|
|
+ overwriteIfSameType = false,
|
|
|
+ keepUndo = false
|
|
|
+ }) {
|
|
|
+ if (mustExec) {
|
|
|
+ cmd();
|
|
|
+ }
|
|
|
+ if (this.#locked) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const save = {
|
|
|
+ cmd,
|
|
|
+ undo,
|
|
|
+ type
|
|
|
+ };
|
|
|
+ if (this.#position === -1) {
|
|
|
+ if (this.#commands.length > 0) {
|
|
|
+ this.#commands.length = 0;
|
|
|
+ }
|
|
|
+ this.#position = 0;
|
|
|
+ this.#commands.push(save);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (overwriteIfSameType && this.#commands[this.#position].type === type) {
|
|
|
+ if (keepUndo) {
|
|
|
+ save.undo = this.#commands[this.#position].undo;
|
|
|
+ }
|
|
|
+ this.#commands[this.#position] = save;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const next = this.#position + 1;
|
|
|
+ if (next === this.#maxSize) {
|
|
|
+ this.#commands.splice(0, 1);
|
|
|
+ } else {
|
|
|
+ this.#position = next;
|
|
|
+ if (next < this.#commands.length) {
|
|
|
+ this.#commands.splice(next);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.#commands.push(save);
|
|
|
+ }
|
|
|
+ undo() {
|
|
|
+ if (this.#position === -1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#locked = true;
|
|
|
+ this.#commands[this.#position].undo();
|
|
|
+ this.#locked = false;
|
|
|
+ this.#position -= 1;
|
|
|
+ }
|
|
|
+ redo() {
|
|
|
+ if (this.#position < this.#commands.length - 1) {
|
|
|
+ this.#position += 1;
|
|
|
+ this.#locked = true;
|
|
|
+ this.#commands[this.#position].cmd();
|
|
|
+ this.#locked = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ hasSomethingToUndo() {
|
|
|
+ return this.#position !== -1;
|
|
|
+ }
|
|
|
+ hasSomethingToRedo() {
|
|
|
+ return this.#position < this.#commands.length - 1;
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ this.#commands = null;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.CommandManager = CommandManager;
|
|
|
+class KeyboardManager {
|
|
|
+ constructor(callbacks) {
|
|
|
+ this.buffer = [];
|
|
|
+ this.callbacks = new Map();
|
|
|
+ this.allKeys = new Set();
|
|
|
+ const {
|
|
|
+ isMac
|
|
|
+ } = _util.FeatureTest.platform;
|
|
|
+ for (const [keys, callback, bubbles = false] of callbacks) {
|
|
|
+ for (const key of keys) {
|
|
|
+ const isMacKey = key.startsWith("mac+");
|
|
|
+ if (isMac && isMacKey) {
|
|
|
+ this.callbacks.set(key.slice(4), {
|
|
|
+ callback,
|
|
|
+ bubbles
|
|
|
+ });
|
|
|
+ this.allKeys.add(key.split("+").at(-1));
|
|
|
+ } else if (!isMac && !isMacKey) {
|
|
|
+ this.callbacks.set(key, {
|
|
|
+ callback,
|
|
|
+ bubbles
|
|
|
+ });
|
|
|
+ this.allKeys.add(key.split("+").at(-1));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #serialize(event) {
|
|
|
+ if (event.altKey) {
|
|
|
+ this.buffer.push("alt");
|
|
|
+ }
|
|
|
+ if (event.ctrlKey) {
|
|
|
+ this.buffer.push("ctrl");
|
|
|
+ }
|
|
|
+ if (event.metaKey) {
|
|
|
+ this.buffer.push("meta");
|
|
|
+ }
|
|
|
+ if (event.shiftKey) {
|
|
|
+ this.buffer.push("shift");
|
|
|
+ }
|
|
|
+ this.buffer.push(event.key);
|
|
|
+ const str = this.buffer.join("+");
|
|
|
+ this.buffer.length = 0;
|
|
|
+ return str;
|
|
|
+ }
|
|
|
+ exec(self, event) {
|
|
|
+ if (!this.allKeys.has(event.key)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const info = this.callbacks.get(this.#serialize(event));
|
|
|
+ if (!info) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ callback,
|
|
|
+ bubbles
|
|
|
+ } = info;
|
|
|
+ callback.bind(self)();
|
|
|
+ if (!bubbles) {
|
|
|
+ event.stopPropagation();
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.KeyboardManager = KeyboardManager;
|
|
|
+class ColorManager {
|
|
|
+ static _colorsMapping = new Map([["CanvasText", [0, 0, 0]], ["Canvas", [255, 255, 255]]]);
|
|
|
+ get _colors() {
|
|
|
+ const colors = new Map([["CanvasText", null], ["Canvas", null]]);
|
|
|
+ (0, _display_utils.getColorValues)(colors);
|
|
|
+ return (0, _util.shadow)(this, "_colors", colors);
|
|
|
+ }
|
|
|
+ convert(color) {
|
|
|
+ const rgb = (0, _display_utils.getRGB)(color);
|
|
|
+ if (!window.matchMedia("(forced-colors: active)").matches) {
|
|
|
+ return rgb;
|
|
|
+ }
|
|
|
+ for (const [name, RGB] of this._colors) {
|
|
|
+ if (RGB.every((x, i) => x === rgb[i])) {
|
|
|
+ return ColorManager._colorsMapping.get(name);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return rgb;
|
|
|
+ }
|
|
|
+ getHexCode(name) {
|
|
|
+ const rgb = this._colors.get(name);
|
|
|
+ if (!rgb) {
|
|
|
+ return name;
|
|
|
+ }
|
|
|
+ return _util.Util.makeHexColor(...rgb);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.ColorManager = ColorManager;
|
|
|
+class AnnotationEditorUIManager {
|
|
|
+ #activeEditor = null;
|
|
|
+ #allEditors = new Map();
|
|
|
+ #allLayers = new Map();
|
|
|
+ #annotationStorage = null;
|
|
|
+ #commandManager = new CommandManager();
|
|
|
+ #currentPageIndex = 0;
|
|
|
+ #deletedAnnotationsElementIds = new Set();
|
|
|
+ #editorTypes = null;
|
|
|
+ #editorsToRescale = new Set();
|
|
|
+ #eventBus = null;
|
|
|
+ #idManager = new IdManager();
|
|
|
+ #isEnabled = false;
|
|
|
+ #mode = _util.AnnotationEditorType.NONE;
|
|
|
+ #selectedEditors = new Set();
|
|
|
+ #boundCopy = this.copy.bind(this);
|
|
|
+ #boundCut = this.cut.bind(this);
|
|
|
+ #boundPaste = this.paste.bind(this);
|
|
|
+ #boundKeydown = this.keydown.bind(this);
|
|
|
+ #boundOnEditingAction = this.onEditingAction.bind(this);
|
|
|
+ #boundOnPageChanging = this.onPageChanging.bind(this);
|
|
|
+ #boundOnScaleChanging = this.onScaleChanging.bind(this);
|
|
|
+ #boundOnRotationChanging = this.onRotationChanging.bind(this);
|
|
|
+ #previousStates = {
|
|
|
+ isEditing: false,
|
|
|
+ isEmpty: true,
|
|
|
+ hasSomethingToUndo: false,
|
|
|
+ hasSomethingToRedo: false,
|
|
|
+ hasSelectedEditor: false
|
|
|
+ };
|
|
|
+ #container = null;
|
|
|
+ static get _keyboardManager() {
|
|
|
+ return (0, _util.shadow)(this, "_keyboardManager", new KeyboardManager([[["ctrl+a", "mac+meta+a"], AnnotationEditorUIManager.prototype.selectAll], [["ctrl+z", "mac+meta+z"], AnnotationEditorUIManager.prototype.undo], [["ctrl+y", "ctrl+shift+Z", "mac+meta+shift+Z"], AnnotationEditorUIManager.prototype.redo], [["Backspace", "alt+Backspace", "ctrl+Backspace", "shift+Backspace", "mac+Backspace", "mac+alt+Backspace", "mac+ctrl+Backspace", "Delete", "ctrl+Delete", "shift+Delete"], AnnotationEditorUIManager.prototype.delete], [["Escape", "mac+Escape"], AnnotationEditorUIManager.prototype.unselectAll]]));
|
|
|
+ }
|
|
|
+ constructor(container, eventBus, annotationStorage) {
|
|
|
+ this.#container = container;
|
|
|
+ this.#eventBus = eventBus;
|
|
|
+ this.#eventBus._on("editingaction", this.#boundOnEditingAction);
|
|
|
+ this.#eventBus._on("pagechanging", this.#boundOnPageChanging);
|
|
|
+ this.#eventBus._on("scalechanging", this.#boundOnScaleChanging);
|
|
|
+ this.#eventBus._on("rotationchanging", this.#boundOnRotationChanging);
|
|
|
+ this.#annotationStorage = annotationStorage;
|
|
|
+ this.viewParameters = {
|
|
|
+ realScale: _display_utils.PixelsPerInch.PDF_TO_CSS_UNITS,
|
|
|
+ rotation: 0
|
|
|
+ };
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ this.#removeKeyboardManager();
|
|
|
+ this.#eventBus._off("editingaction", this.#boundOnEditingAction);
|
|
|
+ this.#eventBus._off("pagechanging", this.#boundOnPageChanging);
|
|
|
+ this.#eventBus._off("scalechanging", this.#boundOnScaleChanging);
|
|
|
+ this.#eventBus._off("rotationchanging", this.#boundOnRotationChanging);
|
|
|
+ for (const layer of this.#allLayers.values()) {
|
|
|
+ layer.destroy();
|
|
|
+ }
|
|
|
+ this.#allLayers.clear();
|
|
|
+ this.#allEditors.clear();
|
|
|
+ this.#editorsToRescale.clear();
|
|
|
+ this.#activeEditor = null;
|
|
|
+ this.#selectedEditors.clear();
|
|
|
+ this.#commandManager.destroy();
|
|
|
+ }
|
|
|
+ onPageChanging({
|
|
|
+ pageNumber
|
|
|
+ }) {
|
|
|
+ this.#currentPageIndex = pageNumber - 1;
|
|
|
+ }
|
|
|
+ focusMainContainer() {
|
|
|
+ this.#container.focus();
|
|
|
+ }
|
|
|
+ addShouldRescale(editor) {
|
|
|
+ this.#editorsToRescale.add(editor);
|
|
|
+ }
|
|
|
+ removeShouldRescale(editor) {
|
|
|
+ this.#editorsToRescale.delete(editor);
|
|
|
+ }
|
|
|
+ onScaleChanging({
|
|
|
+ scale
|
|
|
+ }) {
|
|
|
+ this.commitOrRemove();
|
|
|
+ this.viewParameters.realScale = scale * _display_utils.PixelsPerInch.PDF_TO_CSS_UNITS;
|
|
|
+ for (const editor of this.#editorsToRescale) {
|
|
|
+ editor.onScaleChanging();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ onRotationChanging({
|
|
|
+ pagesRotation
|
|
|
+ }) {
|
|
|
+ this.commitOrRemove();
|
|
|
+ this.viewParameters.rotation = pagesRotation;
|
|
|
+ }
|
|
|
+ addToAnnotationStorage(editor) {
|
|
|
+ if (!editor.isEmpty() && this.#annotationStorage && !this.#annotationStorage.has(editor.id)) {
|
|
|
+ this.#annotationStorage.setValue(editor.id, editor);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #addKeyboardManager() {
|
|
|
+ this.#container.addEventListener("keydown", this.#boundKeydown);
|
|
|
+ }
|
|
|
+ #removeKeyboardManager() {
|
|
|
+ this.#container.removeEventListener("keydown", this.#boundKeydown);
|
|
|
+ }
|
|
|
+ #addCopyPasteListeners() {
|
|
|
+ document.addEventListener("copy", this.#boundCopy);
|
|
|
+ document.addEventListener("cut", this.#boundCut);
|
|
|
+ document.addEventListener("paste", this.#boundPaste);
|
|
|
+ }
|
|
|
+ #removeCopyPasteListeners() {
|
|
|
+ document.removeEventListener("copy", this.#boundCopy);
|
|
|
+ document.removeEventListener("cut", this.#boundCut);
|
|
|
+ document.removeEventListener("paste", this.#boundPaste);
|
|
|
+ }
|
|
|
+ copy(event) {
|
|
|
+ event.preventDefault();
|
|
|
+ if (this.#activeEditor) {
|
|
|
+ this.#activeEditor.commitOrRemove();
|
|
|
+ }
|
|
|
+ if (!this.hasSelection) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const editors = [];
|
|
|
+ for (const editor of this.#selectedEditors) {
|
|
|
+ const serialized = editor.serialize(true);
|
|
|
+ if (serialized) {
|
|
|
+ editors.push(serialized);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (editors.length === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ event.clipboardData.setData("application/pdfjs", JSON.stringify(editors));
|
|
|
+ }
|
|
|
+ cut(event) {
|
|
|
+ this.copy(event);
|
|
|
+ this.delete();
|
|
|
+ }
|
|
|
+ paste(event) {
|
|
|
+ event.preventDefault();
|
|
|
+ let data = event.clipboardData.getData("application/pdfjs");
|
|
|
+ if (!data) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ data = JSON.parse(data);
|
|
|
+ } catch (ex) {
|
|
|
+ (0, _util.warn)(`paste: "${ex.message}".`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!Array.isArray(data)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.unselectAll();
|
|
|
+ const layer = this.#allLayers.get(this.#currentPageIndex);
|
|
|
+ try {
|
|
|
+ const newEditors = [];
|
|
|
+ for (const editor of data) {
|
|
|
+ const deserializedEditor = layer.deserialize(editor);
|
|
|
+ if (!deserializedEditor) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ newEditors.push(deserializedEditor);
|
|
|
+ }
|
|
|
+ const cmd = () => {
|
|
|
+ for (const editor of newEditors) {
|
|
|
+ this.#addEditorToLayer(editor);
|
|
|
+ }
|
|
|
+ this.#selectEditors(newEditors);
|
|
|
+ };
|
|
|
+ const undo = () => {
|
|
|
+ for (const editor of newEditors) {
|
|
|
+ editor.remove();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this.addCommands({
|
|
|
+ cmd,
|
|
|
+ undo,
|
|
|
+ mustExec: true
|
|
|
+ });
|
|
|
+ } catch (ex) {
|
|
|
+ (0, _util.warn)(`paste: "${ex.message}".`);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ keydown(event) {
|
|
|
+ if (!this.getActive()?.shouldGetKeyboardEvents()) {
|
|
|
+ AnnotationEditorUIManager._keyboardManager.exec(this, event);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ onEditingAction(details) {
|
|
|
+ if (["undo", "redo", "delete", "selectAll"].includes(details.name)) {
|
|
|
+ this[details.name]();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #dispatchUpdateStates(details) {
|
|
|
+ const hasChanged = Object.entries(details).some(([key, value]) => this.#previousStates[key] !== value);
|
|
|
+ if (hasChanged) {
|
|
|
+ this.#eventBus.dispatch("annotationeditorstateschanged", {
|
|
|
+ source: this,
|
|
|
+ details: Object.assign(this.#previousStates, details)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #dispatchUpdateUI(details) {
|
|
|
+ this.#eventBus.dispatch("annotationeditorparamschanged", {
|
|
|
+ source: this,
|
|
|
+ details
|
|
|
+ });
|
|
|
+ }
|
|
|
+ setEditingState(isEditing) {
|
|
|
+ if (isEditing) {
|
|
|
+ this.#addKeyboardManager();
|
|
|
+ this.#addCopyPasteListeners();
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ isEditing: this.#mode !== _util.AnnotationEditorType.NONE,
|
|
|
+ isEmpty: this.#isEmpty(),
|
|
|
+ hasSomethingToUndo: this.#commandManager.hasSomethingToUndo(),
|
|
|
+ hasSomethingToRedo: this.#commandManager.hasSomethingToRedo(),
|
|
|
+ hasSelectedEditor: false
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.#removeKeyboardManager();
|
|
|
+ this.#removeCopyPasteListeners();
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ isEditing: false
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ registerEditorTypes(types) {
|
|
|
+ if (this.#editorTypes) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#editorTypes = types;
|
|
|
+ for (const editorType of this.#editorTypes) {
|
|
|
+ this.#dispatchUpdateUI(editorType.defaultPropertiesToUpdate);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getId() {
|
|
|
+ return this.#idManager.getId();
|
|
|
+ }
|
|
|
+ get currentLayer() {
|
|
|
+ return this.#allLayers.get(this.#currentPageIndex);
|
|
|
+ }
|
|
|
+ get currentPageIndex() {
|
|
|
+ return this.#currentPageIndex;
|
|
|
+ }
|
|
|
+ addLayer(layer) {
|
|
|
+ this.#allLayers.set(layer.pageIndex, layer);
|
|
|
+ if (this.#isEnabled) {
|
|
|
+ layer.enable();
|
|
|
+ } else {
|
|
|
+ layer.disable();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ removeLayer(layer) {
|
|
|
+ this.#allLayers.delete(layer.pageIndex);
|
|
|
+ }
|
|
|
+ updateMode(mode) {
|
|
|
+ this.#mode = mode;
|
|
|
+ if (mode === _util.AnnotationEditorType.NONE) {
|
|
|
+ this.setEditingState(false);
|
|
|
+ this.#disableAll();
|
|
|
+ } else {
|
|
|
+ this.setEditingState(true);
|
|
|
+ this.#enableAll();
|
|
|
+ for (const layer of this.#allLayers.values()) {
|
|
|
+ layer.updateMode(mode);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ updateToolbar(mode) {
|
|
|
+ if (mode === this.#mode) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#eventBus.dispatch("switchannotationeditormode", {
|
|
|
+ source: this,
|
|
|
+ mode
|
|
|
+ });
|
|
|
+ }
|
|
|
+ updateParams(type, value) {
|
|
|
+ if (!this.#editorTypes) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (const editor of this.#selectedEditors) {
|
|
|
+ editor.updateParams(type, value);
|
|
|
+ }
|
|
|
+ for (const editorType of this.#editorTypes) {
|
|
|
+ editorType.updateDefaultParams(type, value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #enableAll() {
|
|
|
+ if (!this.#isEnabled) {
|
|
|
+ this.#isEnabled = true;
|
|
|
+ for (const layer of this.#allLayers.values()) {
|
|
|
+ layer.enable();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #disableAll() {
|
|
|
+ this.unselectAll();
|
|
|
+ if (this.#isEnabled) {
|
|
|
+ this.#isEnabled = false;
|
|
|
+ for (const layer of this.#allLayers.values()) {
|
|
|
+ layer.disable();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getEditors(pageIndex) {
|
|
|
+ const editors = [];
|
|
|
+ for (const editor of this.#allEditors.values()) {
|
|
|
+ if (editor.pageIndex === pageIndex) {
|
|
|
+ editors.push(editor);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return editors;
|
|
|
+ }
|
|
|
+ getEditor(id) {
|
|
|
+ return this.#allEditors.get(id);
|
|
|
+ }
|
|
|
+ addEditor(editor) {
|
|
|
+ this.#allEditors.set(editor.id, editor);
|
|
|
+ }
|
|
|
+ removeEditor(editor) {
|
|
|
+ this.#allEditors.delete(editor.id);
|
|
|
+ this.unselect(editor);
|
|
|
+ if (!editor.annotationElementId || !this.#deletedAnnotationsElementIds.has(editor.annotationElementId)) {
|
|
|
+ this.#annotationStorage?.remove(editor.id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ addDeletedAnnotationElement(editor) {
|
|
|
+ this.#deletedAnnotationsElementIds.add(editor.annotationElementId);
|
|
|
+ editor.deleted = true;
|
|
|
+ }
|
|
|
+ isDeletedAnnotationElement(annotationElementId) {
|
|
|
+ return this.#deletedAnnotationsElementIds.has(annotationElementId);
|
|
|
+ }
|
|
|
+ removeDeletedAnnotationElement(editor) {
|
|
|
+ this.#deletedAnnotationsElementIds.delete(editor.annotationElementId);
|
|
|
+ editor.deleted = false;
|
|
|
+ }
|
|
|
+ #addEditorToLayer(editor) {
|
|
|
+ const layer = this.#allLayers.get(editor.pageIndex);
|
|
|
+ if (layer) {
|
|
|
+ layer.addOrRebuild(editor);
|
|
|
+ } else {
|
|
|
+ this.addEditor(editor);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setActiveEditor(editor) {
|
|
|
+ if (this.#activeEditor === editor) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#activeEditor = editor;
|
|
|
+ if (editor) {
|
|
|
+ this.#dispatchUpdateUI(editor.propertiesToUpdate);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ toggleSelected(editor) {
|
|
|
+ if (this.#selectedEditors.has(editor)) {
|
|
|
+ this.#selectedEditors.delete(editor);
|
|
|
+ editor.unselect();
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSelectedEditor: this.hasSelection
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#selectedEditors.add(editor);
|
|
|
+ editor.select();
|
|
|
+ this.#dispatchUpdateUI(editor.propertiesToUpdate);
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSelectedEditor: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ setSelected(editor) {
|
|
|
+ for (const ed of this.#selectedEditors) {
|
|
|
+ if (ed !== editor) {
|
|
|
+ ed.unselect();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.#selectedEditors.clear();
|
|
|
+ this.#selectedEditors.add(editor);
|
|
|
+ editor.select();
|
|
|
+ this.#dispatchUpdateUI(editor.propertiesToUpdate);
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSelectedEditor: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ isSelected(editor) {
|
|
|
+ return this.#selectedEditors.has(editor);
|
|
|
+ }
|
|
|
+ unselect(editor) {
|
|
|
+ editor.unselect();
|
|
|
+ this.#selectedEditors.delete(editor);
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSelectedEditor: this.hasSelection
|
|
|
+ });
|
|
|
+ }
|
|
|
+ get hasSelection() {
|
|
|
+ return this.#selectedEditors.size !== 0;
|
|
|
+ }
|
|
|
+ undo() {
|
|
|
+ this.#commandManager.undo();
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSomethingToUndo: this.#commandManager.hasSomethingToUndo(),
|
|
|
+ hasSomethingToRedo: true,
|
|
|
+ isEmpty: this.#isEmpty()
|
|
|
+ });
|
|
|
+ }
|
|
|
+ redo() {
|
|
|
+ this.#commandManager.redo();
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSomethingToUndo: true,
|
|
|
+ hasSomethingToRedo: this.#commandManager.hasSomethingToRedo(),
|
|
|
+ isEmpty: this.#isEmpty()
|
|
|
+ });
|
|
|
+ }
|
|
|
+ addCommands(params) {
|
|
|
+ this.#commandManager.add(params);
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSomethingToUndo: true,
|
|
|
+ hasSomethingToRedo: false,
|
|
|
+ isEmpty: this.#isEmpty()
|
|
|
+ });
|
|
|
+ }
|
|
|
+ #isEmpty() {
|
|
|
+ if (this.#allEditors.size === 0) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (this.#allEditors.size === 1) {
|
|
|
+ for (const editor of this.#allEditors.values()) {
|
|
|
+ return editor.isEmpty();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ delete() {
|
|
|
+ this.commitOrRemove();
|
|
|
+ if (!this.hasSelection) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const editors = [...this.#selectedEditors];
|
|
|
+ const cmd = () => {
|
|
|
+ for (const editor of editors) {
|
|
|
+ editor.remove();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ const undo = () => {
|
|
|
+ for (const editor of editors) {
|
|
|
+ this.#addEditorToLayer(editor);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this.addCommands({
|
|
|
+ cmd,
|
|
|
+ undo,
|
|
|
+ mustExec: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ commitOrRemove() {
|
|
|
+ this.#activeEditor?.commitOrRemove();
|
|
|
+ }
|
|
|
+ #selectEditors(editors) {
|
|
|
+ this.#selectedEditors.clear();
|
|
|
+ for (const editor of editors) {
|
|
|
+ if (editor.isEmpty()) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ this.#selectedEditors.add(editor);
|
|
|
+ editor.select();
|
|
|
+ }
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSelectedEditor: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ selectAll() {
|
|
|
+ for (const editor of this.#selectedEditors) {
|
|
|
+ editor.commit();
|
|
|
+ }
|
|
|
+ this.#selectEditors(this.#allEditors.values());
|
|
|
+ }
|
|
|
+ unselectAll() {
|
|
|
+ if (this.#activeEditor) {
|
|
|
+ this.#activeEditor.commitOrRemove();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.#selectedEditors.size === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (const editor of this.#selectedEditors) {
|
|
|
+ editor.unselect();
|
|
|
+ }
|
|
|
+ this.#selectedEditors.clear();
|
|
|
+ this.#dispatchUpdateStates({
|
|
|
+ hasSelectedEditor: false
|
|
|
+ });
|
|
|
+ }
|
|
|
+ isActive(editor) {
|
|
|
+ return this.#activeEditor === editor;
|
|
|
+ }
|
|
|
+ getActive() {
|
|
|
+ return this.#activeEditor;
|
|
|
+ }
|
|
|
+ getMode() {
|
|
|
+ return this.#mode;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.AnnotationEditorUIManager = AnnotationEditorUIManager;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 6 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.StatTimer = exports.RenderingCancelledException = exports.PixelsPerInch = exports.PageViewport = exports.PDFDateString = exports.DOMStandardFontDataFactory = exports.DOMSVGFactory = exports.DOMFilterFactory = exports.DOMCanvasFactory = exports.DOMCMapReaderFactory = exports.AnnotationPrefix = void 0;
|
|
|
+exports.deprecated = deprecated;
|
|
|
+exports.getColorValues = getColorValues;
|
|
|
+exports.getCurrentTransform = getCurrentTransform;
|
|
|
+exports.getCurrentTransformInverse = getCurrentTransformInverse;
|
|
|
+exports.getFilenameFromUrl = getFilenameFromUrl;
|
|
|
+exports.getPdfFilenameFromUrl = getPdfFilenameFromUrl;
|
|
|
+exports.getRGB = getRGB;
|
|
|
+exports.getXfaPageViewport = getXfaPageViewport;
|
|
|
+exports.isDataScheme = isDataScheme;
|
|
|
+exports.isPdfFile = isPdfFile;
|
|
|
+exports.isValidFetchUrl = isValidFetchUrl;
|
|
|
+exports.loadScript = loadScript;
|
|
|
+exports.setLayerDimensions = setLayerDimensions;
|
|
|
+var _base_factory = __w_pdfjs_require__(7);
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+const SVG_NS = "http://www.w3.org/2000/svg";
|
|
|
+const AnnotationPrefix = "pdfjs_internal_id_";
|
|
|
+exports.AnnotationPrefix = AnnotationPrefix;
|
|
|
+class PixelsPerInch {
|
|
|
+ static CSS = 96.0;
|
|
|
+ static PDF = 72.0;
|
|
|
+ static PDF_TO_CSS_UNITS = this.CSS / this.PDF;
|
|
|
+}
|
|
|
+exports.PixelsPerInch = PixelsPerInch;
|
|
|
+class DOMFilterFactory extends _base_factory.BaseFilterFactory {
|
|
|
+ #_cache;
|
|
|
+ #_defs;
|
|
|
+ #docId;
|
|
|
+ #document;
|
|
|
+ #hcmFilter;
|
|
|
+ #hcmKey;
|
|
|
+ #hcmUrl;
|
|
|
+ #hcmHighlightFilter;
|
|
|
+ #hcmHighlightKey;
|
|
|
+ #hcmHighlightUrl;
|
|
|
+ #id = 0;
|
|
|
+ constructor({
|
|
|
+ docId,
|
|
|
+ ownerDocument = globalThis.document
|
|
|
+ } = {}) {
|
|
|
+ super();
|
|
|
+ this.#docId = docId;
|
|
|
+ this.#document = ownerDocument;
|
|
|
+ }
|
|
|
+ get #cache() {
|
|
|
+ return this.#_cache ||= new Map();
|
|
|
+ }
|
|
|
+ get #defs() {
|
|
|
+ if (!this.#_defs) {
|
|
|
+ const div = this.#document.createElement("div");
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = div;
|
|
|
+ style.visibility = "hidden";
|
|
|
+ style.contain = "strict";
|
|
|
+ style.width = style.height = 0;
|
|
|
+ style.position = "absolute";
|
|
|
+ style.top = style.left = 0;
|
|
|
+ style.zIndex = -1;
|
|
|
+ const svg = this.#document.createElementNS(SVG_NS, "svg");
|
|
|
+ svg.setAttribute("width", 0);
|
|
|
+ svg.setAttribute("height", 0);
|
|
|
+ this.#_defs = this.#document.createElementNS(SVG_NS, "defs");
|
|
|
+ div.append(svg);
|
|
|
+ svg.append(this.#_defs);
|
|
|
+ this.#document.body.append(div);
|
|
|
+ }
|
|
|
+ return this.#_defs;
|
|
|
+ }
|
|
|
+ addFilter(maps) {
|
|
|
+ if (!maps) {
|
|
|
+ return "none";
|
|
|
+ }
|
|
|
+ let value = this.#cache.get(maps);
|
|
|
+ if (value) {
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ let tableR, tableG, tableB, key;
|
|
|
+ if (maps.length === 1) {
|
|
|
+ const mapR = maps[0];
|
|
|
+ const buffer = new Array(256);
|
|
|
+ for (let i = 0; i < 256; i++) {
|
|
|
+ buffer[i] = mapR[i] / 255;
|
|
|
+ }
|
|
|
+ key = tableR = tableG = tableB = buffer.join(",");
|
|
|
+ } else {
|
|
|
+ const [mapR, mapG, mapB] = maps;
|
|
|
+ const bufferR = new Array(256);
|
|
|
+ const bufferG = new Array(256);
|
|
|
+ const bufferB = new Array(256);
|
|
|
+ for (let i = 0; i < 256; i++) {
|
|
|
+ bufferR[i] = mapR[i] / 255;
|
|
|
+ bufferG[i] = mapG[i] / 255;
|
|
|
+ bufferB[i] = mapB[i] / 255;
|
|
|
+ }
|
|
|
+ tableR = bufferR.join(",");
|
|
|
+ tableG = bufferG.join(",");
|
|
|
+ tableB = bufferB.join(",");
|
|
|
+ key = `${tableR}${tableG}${tableB}`;
|
|
|
+ }
|
|
|
+ value = this.#cache.get(key);
|
|
|
+ if (value) {
|
|
|
+ this.#cache.set(maps, value);
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ const id = `g_${this.#docId}_transfer_map_${this.#id++}`;
|
|
|
+ const url = `url(#${id})`;
|
|
|
+ this.#cache.set(maps, url);
|
|
|
+ this.#cache.set(key, url);
|
|
|
+ const filter = this.#createFilter(id);
|
|
|
+ this.#addTransferMapConversion(tableR, tableG, tableB, filter);
|
|
|
+ return url;
|
|
|
+ }
|
|
|
+ addHCMFilter(fgColor, bgColor) {
|
|
|
+ const key = `${fgColor}-${bgColor}`;
|
|
|
+ if (this.#hcmKey === key) {
|
|
|
+ return this.#hcmUrl;
|
|
|
+ }
|
|
|
+ this.#hcmKey = key;
|
|
|
+ this.#hcmUrl = "none";
|
|
|
+ this.#hcmFilter?.remove();
|
|
|
+ if (!fgColor || !bgColor) {
|
|
|
+ return this.#hcmUrl;
|
|
|
+ }
|
|
|
+ const fgRGB = this.#getRGB(fgColor);
|
|
|
+ fgColor = _util.Util.makeHexColor(...fgRGB);
|
|
|
+ const bgRGB = this.#getRGB(bgColor);
|
|
|
+ bgColor = _util.Util.makeHexColor(...bgRGB);
|
|
|
+ this.#defs.style.color = "";
|
|
|
+ if (fgColor === "#000000" && bgColor === "#ffffff" || fgColor === bgColor) {
|
|
|
+ return this.#hcmUrl;
|
|
|
+ }
|
|
|
+ const map = new Array(256);
|
|
|
+ for (let i = 0; i <= 255; i++) {
|
|
|
+ const x = i / 255;
|
|
|
+ map[i] = x <= 0.03928 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
|
|
|
+ }
|
|
|
+ const table = map.join(",");
|
|
|
+ const id = `g_${this.#docId}_hcm_filter`;
|
|
|
+ const filter = this.#hcmHighlightFilter = this.#createFilter(id);
|
|
|
+ this.#addTransferMapConversion(table, table, table, filter);
|
|
|
+ this.#addGrayConversion(filter);
|
|
|
+ const getSteps = (c, n) => {
|
|
|
+ const start = fgRGB[c] / 255;
|
|
|
+ const end = bgRGB[c] / 255;
|
|
|
+ const arr = new Array(n + 1);
|
|
|
+ for (let i = 0; i <= n; i++) {
|
|
|
+ arr[i] = start + i / n * (end - start);
|
|
|
+ }
|
|
|
+ return arr.join(",");
|
|
|
+ };
|
|
|
+ this.#addTransferMapConversion(getSteps(0, 5), getSteps(1, 5), getSteps(2, 5), filter);
|
|
|
+ this.#hcmUrl = `url(#${id})`;
|
|
|
+ return this.#hcmUrl;
|
|
|
+ }
|
|
|
+ addHighlightHCMFilter(fgColor, bgColor, newFgColor, newBgColor) {
|
|
|
+ const key = `${fgColor}-${bgColor}-${newFgColor}-${newBgColor}`;
|
|
|
+ if (this.#hcmHighlightKey === key) {
|
|
|
+ return this.#hcmHighlightUrl;
|
|
|
+ }
|
|
|
+ this.#hcmHighlightKey = key;
|
|
|
+ this.#hcmHighlightUrl = "none";
|
|
|
+ this.#hcmHighlightFilter?.remove();
|
|
|
+ if (!fgColor || !bgColor) {
|
|
|
+ return this.#hcmHighlightUrl;
|
|
|
+ }
|
|
|
+ const [fgRGB, bgRGB] = [fgColor, bgColor].map(this.#getRGB.bind(this));
|
|
|
+ let fgGray = Math.round(0.2126 * fgRGB[0] + 0.7152 * fgRGB[1] + 0.0722 * fgRGB[2]);
|
|
|
+ let bgGray = Math.round(0.2126 * bgRGB[0] + 0.7152 * bgRGB[1] + 0.0722 * bgRGB[2]);
|
|
|
+ let [newFgRGB, newBgRGB] = [newFgColor, newBgColor].map(this.#getRGB.bind(this));
|
|
|
+ if (bgGray < fgGray) {
|
|
|
+ [fgGray, bgGray, newFgRGB, newBgRGB] = [bgGray, fgGray, newBgRGB, newFgRGB];
|
|
|
+ }
|
|
|
+ this.#defs.style.color = "";
|
|
|
+ const getSteps = (fg, bg, n) => {
|
|
|
+ const arr = new Array(256);
|
|
|
+ const step = (bgGray - fgGray) / n;
|
|
|
+ const newStart = fg / 255;
|
|
|
+ const newStep = (bg - fg) / (255 * n);
|
|
|
+ let prev = 0;
|
|
|
+ for (let i = 0; i <= n; i++) {
|
|
|
+ const k = Math.round(fgGray + i * step);
|
|
|
+ const value = newStart + i * newStep;
|
|
|
+ for (let j = prev; j <= k; j++) {
|
|
|
+ arr[j] = value;
|
|
|
+ }
|
|
|
+ prev = k + 1;
|
|
|
+ }
|
|
|
+ for (let i = prev; i < 256; i++) {
|
|
|
+ arr[i] = arr[prev - 1];
|
|
|
+ }
|
|
|
+ return arr.join(",");
|
|
|
+ };
|
|
|
+ const id = `g_${this.#docId}_hcm_highlight_filter`;
|
|
|
+ const filter = this.#hcmHighlightFilter = this.#createFilter(id);
|
|
|
+ this.#addGrayConversion(filter);
|
|
|
+ this.#addTransferMapConversion(getSteps(newFgRGB[0], newBgRGB[0], 5), getSteps(newFgRGB[1], newBgRGB[1], 5), getSteps(newFgRGB[2], newBgRGB[2], 5), filter);
|
|
|
+ this.#hcmHighlightUrl = `url(#${id})`;
|
|
|
+ return this.#hcmHighlightUrl;
|
|
|
+ }
|
|
|
+ destroy(keepHCM = false) {
|
|
|
+ if (keepHCM && (this.#hcmUrl || this.#hcmHighlightUrl)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.#_defs) {
|
|
|
+ this.#_defs.parentNode.parentNode.remove();
|
|
|
+ this.#_defs = null;
|
|
|
+ }
|
|
|
+ if (this.#_cache) {
|
|
|
+ this.#_cache.clear();
|
|
|
+ this.#_cache = null;
|
|
|
+ }
|
|
|
+ this.#id = 0;
|
|
|
+ }
|
|
|
+ #addGrayConversion(filter) {
|
|
|
+ const feColorMatrix = this.#document.createElementNS(SVG_NS, "feColorMatrix");
|
|
|
+ feColorMatrix.setAttribute("type", "matrix");
|
|
|
+ feColorMatrix.setAttribute("values", "0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0");
|
|
|
+ filter.append(feColorMatrix);
|
|
|
+ }
|
|
|
+ #createFilter(id) {
|
|
|
+ const filter = this.#document.createElementNS(SVG_NS, "filter");
|
|
|
+ filter.setAttribute("color-interpolation-filters", "sRGB");
|
|
|
+ filter.setAttribute("id", id);
|
|
|
+ this.#defs.append(filter);
|
|
|
+ return filter;
|
|
|
+ }
|
|
|
+ #appendFeFunc(feComponentTransfer, func, table) {
|
|
|
+ const feFunc = this.#document.createElementNS(SVG_NS, func);
|
|
|
+ feFunc.setAttribute("type", "discrete");
|
|
|
+ feFunc.setAttribute("tableValues", table);
|
|
|
+ feComponentTransfer.append(feFunc);
|
|
|
+ }
|
|
|
+ #addTransferMapConversion(rTable, gTable, bTable, filter) {
|
|
|
+ const feComponentTransfer = this.#document.createElementNS(SVG_NS, "feComponentTransfer");
|
|
|
+ filter.append(feComponentTransfer);
|
|
|
+ this.#appendFeFunc(feComponentTransfer, "feFuncR", rTable);
|
|
|
+ this.#appendFeFunc(feComponentTransfer, "feFuncG", gTable);
|
|
|
+ this.#appendFeFunc(feComponentTransfer, "feFuncB", bTable);
|
|
|
+ }
|
|
|
+ #getRGB(color) {
|
|
|
+ this.#defs.style.color = color;
|
|
|
+ return getRGB(getComputedStyle(this.#defs).getPropertyValue("color"));
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.DOMFilterFactory = DOMFilterFactory;
|
|
|
+class DOMCanvasFactory extends _base_factory.BaseCanvasFactory {
|
|
|
+ constructor({
|
|
|
+ ownerDocument = globalThis.document
|
|
|
+ } = {}) {
|
|
|
+ super();
|
|
|
+ this._document = ownerDocument;
|
|
|
+ }
|
|
|
+ _createCanvas(width, height) {
|
|
|
+ const canvas = this._document.createElement("canvas");
|
|
|
+ canvas.width = width;
|
|
|
+ canvas.height = height;
|
|
|
+ return canvas;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.DOMCanvasFactory = DOMCanvasFactory;
|
|
|
+async function fetchData(url, asTypedArray = false) {
|
|
|
+ if (isValidFetchUrl(url, document.baseURI)) {
|
|
|
+ const response = await fetch(url);
|
|
|
+ if (!response.ok) {
|
|
|
+ throw new Error(response.statusText);
|
|
|
+ }
|
|
|
+ return asTypedArray ? new Uint8Array(await response.arrayBuffer()) : (0, _util.stringToBytes)(await response.text());
|
|
|
+ }
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const request = new XMLHttpRequest();
|
|
|
+ request.open("GET", url, true);
|
|
|
+ if (asTypedArray) {
|
|
|
+ request.responseType = "arraybuffer";
|
|
|
+ }
|
|
|
+ request.onreadystatechange = () => {
|
|
|
+ if (request.readyState !== XMLHttpRequest.DONE) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (request.status === 200 || request.status === 0) {
|
|
|
+ let data;
|
|
|
+ if (asTypedArray && request.response) {
|
|
|
+ data = new Uint8Array(request.response);
|
|
|
+ } else if (!asTypedArray && request.responseText) {
|
|
|
+ data = (0, _util.stringToBytes)(request.responseText);
|
|
|
+ }
|
|
|
+ if (data) {
|
|
|
+ resolve(data);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ reject(new Error(request.statusText));
|
|
|
+ };
|
|
|
+ request.send(null);
|
|
|
+ });
|
|
|
+}
|
|
|
+class DOMCMapReaderFactory extends _base_factory.BaseCMapReaderFactory {
|
|
|
+ _fetchData(url, compressionType) {
|
|
|
+ return fetchData(url, this.isCompressed).then(data => {
|
|
|
+ return {
|
|
|
+ cMapData: data,
|
|
|
+ compressionType
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.DOMCMapReaderFactory = DOMCMapReaderFactory;
|
|
|
+class DOMStandardFontDataFactory extends _base_factory.BaseStandardFontDataFactory {
|
|
|
+ _fetchData(url) {
|
|
|
+ return fetchData(url, true);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.DOMStandardFontDataFactory = DOMStandardFontDataFactory;
|
|
|
+class DOMSVGFactory extends _base_factory.BaseSVGFactory {
|
|
|
+ _createSVG(type) {
|
|
|
+ return document.createElementNS(SVG_NS, type);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.DOMSVGFactory = DOMSVGFactory;
|
|
|
+class PageViewport {
|
|
|
+ constructor({
|
|
|
+ viewBox,
|
|
|
+ scale,
|
|
|
+ rotation,
|
|
|
+ offsetX = 0,
|
|
|
+ offsetY = 0,
|
|
|
+ dontFlip = false
|
|
|
+ }) {
|
|
|
+ this.viewBox = viewBox;
|
|
|
+ this.scale = scale;
|
|
|
+ this.rotation = rotation;
|
|
|
+ this.offsetX = offsetX;
|
|
|
+ this.offsetY = offsetY;
|
|
|
+ const centerX = (viewBox[2] + viewBox[0]) / 2;
|
|
|
+ const centerY = (viewBox[3] + viewBox[1]) / 2;
|
|
|
+ let rotateA, rotateB, rotateC, rotateD;
|
|
|
+ rotation %= 360;
|
|
|
+ if (rotation < 0) {
|
|
|
+ rotation += 360;
|
|
|
+ }
|
|
|
+ switch (rotation) {
|
|
|
+ case 180:
|
|
|
+ rotateA = -1;
|
|
|
+ rotateB = 0;
|
|
|
+ rotateC = 0;
|
|
|
+ rotateD = 1;
|
|
|
+ break;
|
|
|
+ case 90:
|
|
|
+ rotateA = 0;
|
|
|
+ rotateB = 1;
|
|
|
+ rotateC = 1;
|
|
|
+ rotateD = 0;
|
|
|
+ break;
|
|
|
+ case 270:
|
|
|
+ rotateA = 0;
|
|
|
+ rotateB = -1;
|
|
|
+ rotateC = -1;
|
|
|
+ rotateD = 0;
|
|
|
+ break;
|
|
|
+ case 0:
|
|
|
+ rotateA = 1;
|
|
|
+ rotateB = 0;
|
|
|
+ rotateC = 0;
|
|
|
+ rotateD = -1;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("PageViewport: Invalid rotation, must be a multiple of 90 degrees.");
|
|
|
+ }
|
|
|
+ if (dontFlip) {
|
|
|
+ rotateC = -rotateC;
|
|
|
+ rotateD = -rotateD;
|
|
|
+ }
|
|
|
+ let offsetCanvasX, offsetCanvasY;
|
|
|
+ let width, height;
|
|
|
+ if (rotateA === 0) {
|
|
|
+ offsetCanvasX = Math.abs(centerY - viewBox[1]) * scale + offsetX;
|
|
|
+ offsetCanvasY = Math.abs(centerX - viewBox[0]) * scale + offsetY;
|
|
|
+ width = (viewBox[3] - viewBox[1]) * scale;
|
|
|
+ height = (viewBox[2] - viewBox[0]) * scale;
|
|
|
+ } else {
|
|
|
+ offsetCanvasX = Math.abs(centerX - viewBox[0]) * scale + offsetX;
|
|
|
+ offsetCanvasY = Math.abs(centerY - viewBox[1]) * scale + offsetY;
|
|
|
+ width = (viewBox[2] - viewBox[0]) * scale;
|
|
|
+ height = (viewBox[3] - viewBox[1]) * scale;
|
|
|
+ }
|
|
|
+ this.transform = [rotateA * scale, rotateB * scale, rotateC * scale, rotateD * scale, offsetCanvasX - rotateA * scale * centerX - rotateC * scale * centerY, offsetCanvasY - rotateB * scale * centerX - rotateD * scale * centerY];
|
|
|
+ this.width = width;
|
|
|
+ this.height = height;
|
|
|
+ }
|
|
|
+ get rawDims() {
|
|
|
+ const {
|
|
|
+ viewBox
|
|
|
+ } = this;
|
|
|
+ return (0, _util.shadow)(this, "rawDims", {
|
|
|
+ pageWidth: viewBox[2] - viewBox[0],
|
|
|
+ pageHeight: viewBox[3] - viewBox[1],
|
|
|
+ pageX: viewBox[0],
|
|
|
+ pageY: viewBox[1]
|
|
|
+ });
|
|
|
+ }
|
|
|
+ clone({
|
|
|
+ scale = this.scale,
|
|
|
+ rotation = this.rotation,
|
|
|
+ offsetX = this.offsetX,
|
|
|
+ offsetY = this.offsetY,
|
|
|
+ dontFlip = false
|
|
|
+ } = {}) {
|
|
|
+ return new PageViewport({
|
|
|
+ viewBox: this.viewBox.slice(),
|
|
|
+ scale,
|
|
|
+ rotation,
|
|
|
+ offsetX,
|
|
|
+ offsetY,
|
|
|
+ dontFlip
|
|
|
+ });
|
|
|
+ }
|
|
|
+ convertToViewportPoint(x, y) {
|
|
|
+ return _util.Util.applyTransform([x, y], this.transform);
|
|
|
+ }
|
|
|
+ convertToViewportRectangle(rect) {
|
|
|
+ const topLeft = _util.Util.applyTransform([rect[0], rect[1]], this.transform);
|
|
|
+ const bottomRight = _util.Util.applyTransform([rect[2], rect[3]], this.transform);
|
|
|
+ return [topLeft[0], topLeft[1], bottomRight[0], bottomRight[1]];
|
|
|
+ }
|
|
|
+ convertToPdfPoint(x, y) {
|
|
|
+ return _util.Util.applyInverseTransform([x, y], this.transform);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PageViewport = PageViewport;
|
|
|
+class RenderingCancelledException extends _util.BaseException {
|
|
|
+ constructor(msg, extraDelay = 0) {
|
|
|
+ super(msg, "RenderingCancelledException");
|
|
|
+ this.extraDelay = extraDelay;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.RenderingCancelledException = RenderingCancelledException;
|
|
|
+function isDataScheme(url) {
|
|
|
+ const ii = url.length;
|
|
|
+ let i = 0;
|
|
|
+ while (i < ii && url[i].trim() === "") {
|
|
|
+ i++;
|
|
|
+ }
|
|
|
+ return url.substring(i, i + 5).toLowerCase() === "data:";
|
|
|
+}
|
|
|
+function isPdfFile(filename) {
|
|
|
+ return typeof filename === "string" && /\.pdf$/i.test(filename);
|
|
|
+}
|
|
|
+function getFilenameFromUrl(url, onlyStripPath = false) {
|
|
|
+ if (!onlyStripPath) {
|
|
|
+ [url] = url.split(/[#?]/, 1);
|
|
|
+ }
|
|
|
+ return url.substring(url.lastIndexOf("/") + 1);
|
|
|
+}
|
|
|
+function getPdfFilenameFromUrl(url, defaultFilename = "document.pdf") {
|
|
|
+ if (typeof url !== "string") {
|
|
|
+ return defaultFilename;
|
|
|
+ }
|
|
|
+ if (isDataScheme(url)) {
|
|
|
+ (0, _util.warn)('getPdfFilenameFromUrl: ignore "data:"-URL for performance reasons.');
|
|
|
+ return defaultFilename;
|
|
|
+ }
|
|
|
+ const reURI = /^(?:(?:[^:]+:)?\/\/[^/]+)?([^?#]*)(\?[^#]*)?(#.*)?$/;
|
|
|
+ const reFilename = /[^/?#=]+\.pdf\b(?!.*\.pdf\b)/i;
|
|
|
+ const splitURI = reURI.exec(url);
|
|
|
+ let suggestedFilename = reFilename.exec(splitURI[1]) || reFilename.exec(splitURI[2]) || reFilename.exec(splitURI[3]);
|
|
|
+ if (suggestedFilename) {
|
|
|
+ suggestedFilename = suggestedFilename[0];
|
|
|
+ if (suggestedFilename.includes("%")) {
|
|
|
+ try {
|
|
|
+ suggestedFilename = reFilename.exec(decodeURIComponent(suggestedFilename))[0];
|
|
|
+ } catch {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return suggestedFilename || defaultFilename;
|
|
|
+}
|
|
|
+class StatTimer {
|
|
|
+ started = Object.create(null);
|
|
|
+ times = [];
|
|
|
+ time(name) {
|
|
|
+ if (name in this.started) {
|
|
|
+ (0, _util.warn)(`Timer is already running for ${name}`);
|
|
|
+ }
|
|
|
+ this.started[name] = Date.now();
|
|
|
+ }
|
|
|
+ timeEnd(name) {
|
|
|
+ if (!(name in this.started)) {
|
|
|
+ (0, _util.warn)(`Timer has not been started for ${name}`);
|
|
|
+ }
|
|
|
+ this.times.push({
|
|
|
+ name,
|
|
|
+ start: this.started[name],
|
|
|
+ end: Date.now()
|
|
|
+ });
|
|
|
+ delete this.started[name];
|
|
|
+ }
|
|
|
+ toString() {
|
|
|
+ const outBuf = [];
|
|
|
+ let longest = 0;
|
|
|
+ for (const {
|
|
|
+ name
|
|
|
+ } of this.times) {
|
|
|
+ longest = Math.max(name.length, longest);
|
|
|
+ }
|
|
|
+ for (const {
|
|
|
+ name,
|
|
|
+ start,
|
|
|
+ end
|
|
|
+ } of this.times) {
|
|
|
+ outBuf.push(`${name.padEnd(longest)} ${end - start}ms\n`);
|
|
|
+ }
|
|
|
+ return outBuf.join("");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.StatTimer = StatTimer;
|
|
|
+function isValidFetchUrl(url, baseUrl) {
|
|
|
+ try {
|
|
|
+ const {
|
|
|
+ protocol
|
|
|
+ } = baseUrl ? new URL(url, baseUrl) : new URL(url);
|
|
|
+ return protocol === "http:" || protocol === "https:";
|
|
|
+ } catch {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+}
|
|
|
+function loadScript(src, removeScriptElement = false) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const script = document.createElement("script");
|
|
|
+ script.src = src;
|
|
|
+ script.onload = function (evt) {
|
|
|
+ if (removeScriptElement) {
|
|
|
+ script.remove();
|
|
|
+ }
|
|
|
+ resolve(evt);
|
|
|
+ };
|
|
|
+ script.onerror = function () {
|
|
|
+ reject(new Error(`Cannot load script at: ${script.src}`));
|
|
|
+ };
|
|
|
+ (document.head || document.documentElement).append(script);
|
|
|
+ });
|
|
|
+}
|
|
|
+function deprecated(details) {
|
|
|
+ console.log("Deprecated API usage: " + details);
|
|
|
+}
|
|
|
+let pdfDateStringRegex;
|
|
|
+class PDFDateString {
|
|
|
+ static toDateObject(input) {
|
|
|
+ if (!input || typeof input !== "string") {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ pdfDateStringRegex ||= new RegExp("^D:" + "(\\d{4})" + "(\\d{2})?" + "(\\d{2})?" + "(\\d{2})?" + "(\\d{2})?" + "(\\d{2})?" + "([Z|+|-])?" + "(\\d{2})?" + "'?" + "(\\d{2})?" + "'?");
|
|
|
+ const matches = pdfDateStringRegex.exec(input);
|
|
|
+ if (!matches) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const year = parseInt(matches[1], 10);
|
|
|
+ let month = parseInt(matches[2], 10);
|
|
|
+ month = month >= 1 && month <= 12 ? month - 1 : 0;
|
|
|
+ let day = parseInt(matches[3], 10);
|
|
|
+ day = day >= 1 && day <= 31 ? day : 1;
|
|
|
+ let hour = parseInt(matches[4], 10);
|
|
|
+ hour = hour >= 0 && hour <= 23 ? hour : 0;
|
|
|
+ let minute = parseInt(matches[5], 10);
|
|
|
+ minute = minute >= 0 && minute <= 59 ? minute : 0;
|
|
|
+ let second = parseInt(matches[6], 10);
|
|
|
+ second = second >= 0 && second <= 59 ? second : 0;
|
|
|
+ const universalTimeRelation = matches[7] || "Z";
|
|
|
+ let offsetHour = parseInt(matches[8], 10);
|
|
|
+ offsetHour = offsetHour >= 0 && offsetHour <= 23 ? offsetHour : 0;
|
|
|
+ let offsetMinute = parseInt(matches[9], 10) || 0;
|
|
|
+ offsetMinute = offsetMinute >= 0 && offsetMinute <= 59 ? offsetMinute : 0;
|
|
|
+ if (universalTimeRelation === "-") {
|
|
|
+ hour += offsetHour;
|
|
|
+ minute += offsetMinute;
|
|
|
+ } else if (universalTimeRelation === "+") {
|
|
|
+ hour -= offsetHour;
|
|
|
+ minute -= offsetMinute;
|
|
|
+ }
|
|
|
+ return new Date(Date.UTC(year, month, day, hour, minute, second));
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFDateString = PDFDateString;
|
|
|
+function getXfaPageViewport(xfaPage, {
|
|
|
+ scale = 1,
|
|
|
+ rotation = 0
|
|
|
+}) {
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = xfaPage.attributes.style;
|
|
|
+ const viewBox = [0, 0, parseInt(width), parseInt(height)];
|
|
|
+ return new PageViewport({
|
|
|
+ viewBox,
|
|
|
+ scale,
|
|
|
+ rotation
|
|
|
+ });
|
|
|
+}
|
|
|
+function getRGB(color) {
|
|
|
+ if (color.startsWith("#")) {
|
|
|
+ const colorRGB = parseInt(color.slice(1), 16);
|
|
|
+ return [(colorRGB & 0xff0000) >> 16, (colorRGB & 0x00ff00) >> 8, colorRGB & 0x0000ff];
|
|
|
+ }
|
|
|
+ if (color.startsWith("rgb(")) {
|
|
|
+ return color.slice(4, -1).split(",").map(x => parseInt(x));
|
|
|
+ }
|
|
|
+ if (color.startsWith("rgba(")) {
|
|
|
+ return color.slice(5, -1).split(",").map(x => parseInt(x)).slice(0, 3);
|
|
|
+ }
|
|
|
+ (0, _util.warn)(`Not a valid color format: "${color}"`);
|
|
|
+ return [0, 0, 0];
|
|
|
+}
|
|
|
+function getColorValues(colors) {
|
|
|
+ const span = document.createElement("span");
|
|
|
+ span.style.visibility = "hidden";
|
|
|
+ document.body.append(span);
|
|
|
+ for (const name of colors.keys()) {
|
|
|
+ span.style.color = name;
|
|
|
+ const computedColor = window.getComputedStyle(span).color;
|
|
|
+ colors.set(name, getRGB(computedColor));
|
|
|
+ }
|
|
|
+ span.remove();
|
|
|
+}
|
|
|
+function getCurrentTransform(ctx) {
|
|
|
+ const {
|
|
|
+ a,
|
|
|
+ b,
|
|
|
+ c,
|
|
|
+ d,
|
|
|
+ e,
|
|
|
+ f
|
|
|
+ } = ctx.getTransform();
|
|
|
+ return [a, b, c, d, e, f];
|
|
|
+}
|
|
|
+function getCurrentTransformInverse(ctx) {
|
|
|
+ const {
|
|
|
+ a,
|
|
|
+ b,
|
|
|
+ c,
|
|
|
+ d,
|
|
|
+ e,
|
|
|
+ f
|
|
|
+ } = ctx.getTransform().invertSelf();
|
|
|
+ return [a, b, c, d, e, f];
|
|
|
+}
|
|
|
+function setLayerDimensions(div, viewport, mustFlip = false, mustRotate = true) {
|
|
|
+ if (viewport instanceof PageViewport) {
|
|
|
+ const {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight
|
|
|
+ } = viewport.rawDims;
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = div;
|
|
|
+ const widthStr = `calc(var(--scale-factor) * ${pageWidth}px)`;
|
|
|
+ const heightStr = `calc(var(--scale-factor) * ${pageHeight}px)`;
|
|
|
+ if (!mustFlip || viewport.rotation % 180 === 0) {
|
|
|
+ style.width = widthStr;
|
|
|
+ style.height = heightStr;
|
|
|
+ } else {
|
|
|
+ style.width = heightStr;
|
|
|
+ style.height = widthStr;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (mustRotate) {
|
|
|
+ div.setAttribute("data-main-rotation", viewport.rotation);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 7 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.BaseStandardFontDataFactory = exports.BaseSVGFactory = exports.BaseFilterFactory = exports.BaseCanvasFactory = exports.BaseCMapReaderFactory = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+class BaseFilterFactory {
|
|
|
+ constructor() {
|
|
|
+ if (this.constructor === BaseFilterFactory) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize BaseFilterFactory.");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ addFilter(maps) {
|
|
|
+ return "none";
|
|
|
+ }
|
|
|
+ addHCMFilter(fgColor, bgColor) {
|
|
|
+ return "none";
|
|
|
+ }
|
|
|
+ addHighlightHCMFilter(fgColor, bgColor, newFgColor, newBgColor) {
|
|
|
+ return "none";
|
|
|
+ }
|
|
|
+ destroy(keepHCM = false) {}
|
|
|
+}
|
|
|
+exports.BaseFilterFactory = BaseFilterFactory;
|
|
|
+class BaseCanvasFactory {
|
|
|
+ constructor() {
|
|
|
+ if (this.constructor === BaseCanvasFactory) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize BaseCanvasFactory.");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ create(width, height) {
|
|
|
+ if (width <= 0 || height <= 0) {
|
|
|
+ throw new Error("Invalid canvas size");
|
|
|
+ }
|
|
|
+ const canvas = this._createCanvas(width, height);
|
|
|
+ return {
|
|
|
+ canvas,
|
|
|
+ context: canvas.getContext("2d")
|
|
|
+ };
|
|
|
+ }
|
|
|
+ reset(canvasAndContext, width, height) {
|
|
|
+ if (!canvasAndContext.canvas) {
|
|
|
+ throw new Error("Canvas is not specified");
|
|
|
+ }
|
|
|
+ if (width <= 0 || height <= 0) {
|
|
|
+ throw new Error("Invalid canvas size");
|
|
|
+ }
|
|
|
+ canvasAndContext.canvas.width = width;
|
|
|
+ canvasAndContext.canvas.height = height;
|
|
|
+ }
|
|
|
+ destroy(canvasAndContext) {
|
|
|
+ if (!canvasAndContext.canvas) {
|
|
|
+ throw new Error("Canvas is not specified");
|
|
|
+ }
|
|
|
+ canvasAndContext.canvas.width = 0;
|
|
|
+ canvasAndContext.canvas.height = 0;
|
|
|
+ canvasAndContext.canvas = null;
|
|
|
+ canvasAndContext.context = null;
|
|
|
+ }
|
|
|
+ _createCanvas(width, height) {
|
|
|
+ (0, _util.unreachable)("Abstract method `_createCanvas` called.");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.BaseCanvasFactory = BaseCanvasFactory;
|
|
|
+class BaseCMapReaderFactory {
|
|
|
+ constructor({
|
|
|
+ baseUrl = null,
|
|
|
+ isCompressed = true
|
|
|
+ }) {
|
|
|
+ if (this.constructor === BaseCMapReaderFactory) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize BaseCMapReaderFactory.");
|
|
|
+ }
|
|
|
+ this.baseUrl = baseUrl;
|
|
|
+ this.isCompressed = isCompressed;
|
|
|
+ }
|
|
|
+ async fetch({
|
|
|
+ name
|
|
|
+ }) {
|
|
|
+ if (!this.baseUrl) {
|
|
|
+ throw new Error('The CMap "baseUrl" parameter must be specified, ensure that ' + 'the "cMapUrl" and "cMapPacked" API parameters are provided.');
|
|
|
+ }
|
|
|
+ if (!name) {
|
|
|
+ throw new Error("CMap name must be specified.");
|
|
|
+ }
|
|
|
+ const url = this.baseUrl + name + (this.isCompressed ? ".bcmap" : "");
|
|
|
+ const compressionType = this.isCompressed ? _util.CMapCompressionType.BINARY : _util.CMapCompressionType.NONE;
|
|
|
+ return this._fetchData(url, compressionType).catch(reason => {
|
|
|
+ throw new Error(`Unable to load ${this.isCompressed ? "binary " : ""}CMap at: ${url}`);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _fetchData(url, compressionType) {
|
|
|
+ (0, _util.unreachable)("Abstract method `_fetchData` called.");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.BaseCMapReaderFactory = BaseCMapReaderFactory;
|
|
|
+class BaseStandardFontDataFactory {
|
|
|
+ constructor({
|
|
|
+ baseUrl = null
|
|
|
+ }) {
|
|
|
+ if (this.constructor === BaseStandardFontDataFactory) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize BaseStandardFontDataFactory.");
|
|
|
+ }
|
|
|
+ this.baseUrl = baseUrl;
|
|
|
+ }
|
|
|
+ async fetch({
|
|
|
+ filename
|
|
|
+ }) {
|
|
|
+ if (!this.baseUrl) {
|
|
|
+ throw new Error('The standard font "baseUrl" parameter must be specified, ensure that ' + 'the "standardFontDataUrl" API parameter is provided.');
|
|
|
+ }
|
|
|
+ if (!filename) {
|
|
|
+ throw new Error("Font filename must be specified.");
|
|
|
+ }
|
|
|
+ const url = `${this.baseUrl}${filename}`;
|
|
|
+ return this._fetchData(url).catch(reason => {
|
|
|
+ throw new Error(`Unable to load font data at: ${url}`);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _fetchData(url) {
|
|
|
+ (0, _util.unreachable)("Abstract method `_fetchData` called.");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.BaseStandardFontDataFactory = BaseStandardFontDataFactory;
|
|
|
+class BaseSVGFactory {
|
|
|
+ constructor() {
|
|
|
+ if (this.constructor === BaseSVGFactory) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize BaseSVGFactory.");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ create(width, height, skipDimensions = false) {
|
|
|
+ if (width <= 0 || height <= 0) {
|
|
|
+ throw new Error("Invalid SVG dimensions");
|
|
|
+ }
|
|
|
+ const svg = this._createSVG("svg:svg");
|
|
|
+ svg.setAttribute("version", "1.1");
|
|
|
+ if (!skipDimensions) {
|
|
|
+ svg.setAttribute("width", `${width}px`);
|
|
|
+ svg.setAttribute("height", `${height}px`);
|
|
|
+ }
|
|
|
+ svg.setAttribute("preserveAspectRatio", "none");
|
|
|
+ svg.setAttribute("viewBox", `0 0 ${width} ${height}`);
|
|
|
+ return svg;
|
|
|
+ }
|
|
|
+ createElement(type) {
|
|
|
+ if (typeof type !== "string") {
|
|
|
+ throw new Error("Invalid SVG element type");
|
|
|
+ }
|
|
|
+ return this._createSVG(type);
|
|
|
+ }
|
|
|
+ _createSVG(type) {
|
|
|
+ (0, _util.unreachable)("Abstract method `_createSVG` called.");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.BaseSVGFactory = BaseSVGFactory;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 8 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.MurmurHash3_64 = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+const SEED = 0xc3d2e1f0;
|
|
|
+const MASK_HIGH = 0xffff0000;
|
|
|
+const MASK_LOW = 0xffff;
|
|
|
+class MurmurHash3_64 {
|
|
|
+ constructor(seed) {
|
|
|
+ this.h1 = seed ? seed & 0xffffffff : SEED;
|
|
|
+ this.h2 = seed ? seed & 0xffffffff : SEED;
|
|
|
+ }
|
|
|
+ update(input) {
|
|
|
+ let data, length;
|
|
|
+ if (typeof input === "string") {
|
|
|
+ data = new Uint8Array(input.length * 2);
|
|
|
+ length = 0;
|
|
|
+ for (let i = 0, ii = input.length; i < ii; i++) {
|
|
|
+ const code = input.charCodeAt(i);
|
|
|
+ if (code <= 0xff) {
|
|
|
+ data[length++] = code;
|
|
|
+ } else {
|
|
|
+ data[length++] = code >>> 8;
|
|
|
+ data[length++] = code & 0xff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if ((0, _util.isArrayBuffer)(input)) {
|
|
|
+ data = input.slice();
|
|
|
+ length = data.byteLength;
|
|
|
+ } else {
|
|
|
+ throw new Error("Wrong data format in MurmurHash3_64_update. " + "Input must be a string or array.");
|
|
|
+ }
|
|
|
+ const blockCounts = length >> 2;
|
|
|
+ const tailLength = length - blockCounts * 4;
|
|
|
+ const dataUint32 = new Uint32Array(data.buffer, 0, blockCounts);
|
|
|
+ let k1 = 0,
|
|
|
+ k2 = 0;
|
|
|
+ let h1 = this.h1,
|
|
|
+ h2 = this.h2;
|
|
|
+ const C1 = 0xcc9e2d51,
|
|
|
+ C2 = 0x1b873593;
|
|
|
+ const C1_LOW = C1 & MASK_LOW,
|
|
|
+ C2_LOW = C2 & MASK_LOW;
|
|
|
+ for (let i = 0; i < blockCounts; i++) {
|
|
|
+ if (i & 1) {
|
|
|
+ k1 = dataUint32[i];
|
|
|
+ k1 = k1 * C1 & MASK_HIGH | k1 * C1_LOW & MASK_LOW;
|
|
|
+ k1 = k1 << 15 | k1 >>> 17;
|
|
|
+ k1 = k1 * C2 & MASK_HIGH | k1 * C2_LOW & MASK_LOW;
|
|
|
+ h1 ^= k1;
|
|
|
+ h1 = h1 << 13 | h1 >>> 19;
|
|
|
+ h1 = h1 * 5 + 0xe6546b64;
|
|
|
+ } else {
|
|
|
+ k2 = dataUint32[i];
|
|
|
+ k2 = k2 * C1 & MASK_HIGH | k2 * C1_LOW & MASK_LOW;
|
|
|
+ k2 = k2 << 15 | k2 >>> 17;
|
|
|
+ k2 = k2 * C2 & MASK_HIGH | k2 * C2_LOW & MASK_LOW;
|
|
|
+ h2 ^= k2;
|
|
|
+ h2 = h2 << 13 | h2 >>> 19;
|
|
|
+ h2 = h2 * 5 + 0xe6546b64;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ k1 = 0;
|
|
|
+ switch (tailLength) {
|
|
|
+ case 3:
|
|
|
+ k1 ^= data[blockCounts * 4 + 2] << 16;
|
|
|
+ case 2:
|
|
|
+ k1 ^= data[blockCounts * 4 + 1] << 8;
|
|
|
+ case 1:
|
|
|
+ k1 ^= data[blockCounts * 4];
|
|
|
+ k1 = k1 * C1 & MASK_HIGH | k1 * C1_LOW & MASK_LOW;
|
|
|
+ k1 = k1 << 15 | k1 >>> 17;
|
|
|
+ k1 = k1 * C2 & MASK_HIGH | k1 * C2_LOW & MASK_LOW;
|
|
|
+ if (blockCounts & 1) {
|
|
|
+ h1 ^= k1;
|
|
|
+ } else {
|
|
|
+ h2 ^= k1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.h1 = h1;
|
|
|
+ this.h2 = h2;
|
|
|
+ }
|
|
|
+ hexdigest() {
|
|
|
+ let h1 = this.h1,
|
|
|
+ h2 = this.h2;
|
|
|
+ h1 ^= h2 >>> 1;
|
|
|
+ h1 = h1 * 0xed558ccd & MASK_HIGH | h1 * 0x8ccd & MASK_LOW;
|
|
|
+ h2 = h2 * 0xff51afd7 & MASK_HIGH | ((h2 << 16 | h1 >>> 16) * 0xafd7ed55 & MASK_HIGH) >>> 16;
|
|
|
+ h1 ^= h2 >>> 1;
|
|
|
+ h1 = h1 * 0x1a85ec53 & MASK_HIGH | h1 * 0xec53 & MASK_LOW;
|
|
|
+ h2 = h2 * 0xc4ceb9fe & MASK_HIGH | ((h2 << 16 | h1 >>> 16) * 0xb9fe1a85 & MASK_HIGH) >>> 16;
|
|
|
+ h1 ^= h2 >>> 1;
|
|
|
+ return (h1 >>> 0).toString(16).padStart(8, "0") + (h2 >>> 0).toString(16).padStart(8, "0");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.MurmurHash3_64 = MurmurHash3_64;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 9 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.FontLoader = exports.FontFaceObject = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _is_node = __w_pdfjs_require__(10);
|
|
|
+class FontLoader {
|
|
|
+ #systemFonts = new Set();
|
|
|
+ constructor({
|
|
|
+ ownerDocument = globalThis.document,
|
|
|
+ styleElement = null
|
|
|
+ }) {
|
|
|
+ this._document = ownerDocument;
|
|
|
+ this.nativeFontFaces = new Set();
|
|
|
+ this.styleElement = null;
|
|
|
+ this.loadingRequests = [];
|
|
|
+ this.loadTestFontId = 0;
|
|
|
+ }
|
|
|
+ addNativeFontFace(nativeFontFace) {
|
|
|
+ this.nativeFontFaces.add(nativeFontFace);
|
|
|
+ this._document.fonts.add(nativeFontFace);
|
|
|
+ }
|
|
|
+ removeNativeFontFace(nativeFontFace) {
|
|
|
+ this.nativeFontFaces.delete(nativeFontFace);
|
|
|
+ this._document.fonts.delete(nativeFontFace);
|
|
|
+ }
|
|
|
+ insertRule(rule) {
|
|
|
+ if (!this.styleElement) {
|
|
|
+ this.styleElement = this._document.createElement("style");
|
|
|
+ this._document.documentElement.getElementsByTagName("head")[0].append(this.styleElement);
|
|
|
+ }
|
|
|
+ const styleSheet = this.styleElement.sheet;
|
|
|
+ styleSheet.insertRule(rule, styleSheet.cssRules.length);
|
|
|
+ }
|
|
|
+ clear() {
|
|
|
+ for (const nativeFontFace of this.nativeFontFaces) {
|
|
|
+ this._document.fonts.delete(nativeFontFace);
|
|
|
+ }
|
|
|
+ this.nativeFontFaces.clear();
|
|
|
+ this.#systemFonts.clear();
|
|
|
+ if (this.styleElement) {
|
|
|
+ this.styleElement.remove();
|
|
|
+ this.styleElement = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ async loadSystemFont(info) {
|
|
|
+ if (!info || this.#systemFonts.has(info.loadedName)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ (0, _util.assert)(!this.disableFontFace, "loadSystemFont shouldn't be called when `disableFontFace` is set.");
|
|
|
+ if (this.isFontLoadingAPISupported) {
|
|
|
+ const {
|
|
|
+ loadedName,
|
|
|
+ src,
|
|
|
+ style
|
|
|
+ } = info;
|
|
|
+ const fontFace = new FontFace(loadedName, src, style);
|
|
|
+ this.addNativeFontFace(fontFace);
|
|
|
+ try {
|
|
|
+ await fontFace.load();
|
|
|
+ this.#systemFonts.add(loadedName);
|
|
|
+ } catch {
|
|
|
+ (0, _util.warn)(`Cannot load system font: ${info.baseFontName}, installing it could help to improve PDF rendering.`);
|
|
|
+ this.removeNativeFontFace(fontFace);
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ (0, _util.unreachable)("Not implemented: loadSystemFont without the Font Loading API.");
|
|
|
+ }
|
|
|
+ async bind(font) {
|
|
|
+ if (font.attached || font.missingFile && !font.systemFontInfo) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ font.attached = true;
|
|
|
+ if (font.systemFontInfo) {
|
|
|
+ await this.loadSystemFont(font.systemFontInfo);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.isFontLoadingAPISupported) {
|
|
|
+ const nativeFontFace = font.createNativeFontFace();
|
|
|
+ if (nativeFontFace) {
|
|
|
+ this.addNativeFontFace(nativeFontFace);
|
|
|
+ try {
|
|
|
+ await nativeFontFace.loaded;
|
|
|
+ } catch (ex) {
|
|
|
+ (0, _util.warn)(`Failed to load font '${nativeFontFace.family}': '${ex}'.`);
|
|
|
+ font.disableFontFace = true;
|
|
|
+ throw ex;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const rule = font.createFontFaceRule();
|
|
|
+ if (rule) {
|
|
|
+ this.insertRule(rule);
|
|
|
+ if (this.isSyncFontLoadingSupported) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ await new Promise(resolve => {
|
|
|
+ const request = this._queueLoadingCallback(resolve);
|
|
|
+ this._prepareFontLoadEvent(font, request);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get isFontLoadingAPISupported() {
|
|
|
+ const hasFonts = !!this._document?.fonts;
|
|
|
+ return (0, _util.shadow)(this, "isFontLoadingAPISupported", hasFonts);
|
|
|
+ }
|
|
|
+ get isSyncFontLoadingSupported() {
|
|
|
+ let supported = false;
|
|
|
+ if (_is_node.isNodeJS) {
|
|
|
+ supported = true;
|
|
|
+ } else if (typeof navigator !== "undefined" && /Mozilla\/5.0.*?rv:\d+.*? Gecko/.test(navigator.userAgent)) {
|
|
|
+ supported = true;
|
|
|
+ }
|
|
|
+ return (0, _util.shadow)(this, "isSyncFontLoadingSupported", supported);
|
|
|
+ }
|
|
|
+ _queueLoadingCallback(callback) {
|
|
|
+ function completeRequest() {
|
|
|
+ (0, _util.assert)(!request.done, "completeRequest() cannot be called twice.");
|
|
|
+ request.done = true;
|
|
|
+ while (loadingRequests.length > 0 && loadingRequests[0].done) {
|
|
|
+ const otherRequest = loadingRequests.shift();
|
|
|
+ setTimeout(otherRequest.callback, 0);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ loadingRequests
|
|
|
+ } = this;
|
|
|
+ const request = {
|
|
|
+ done: false,
|
|
|
+ complete: completeRequest,
|
|
|
+ callback
|
|
|
+ };
|
|
|
+ loadingRequests.push(request);
|
|
|
+ return request;
|
|
|
+ }
|
|
|
+ get _loadTestFont() {
|
|
|
+ const testFont = atob("T1RUTwALAIAAAwAwQ0ZGIDHtZg4AAAOYAAAAgUZGVE1lkzZwAAAEHAAAABxHREVGABQA" + "FQAABDgAAAAeT1MvMlYNYwkAAAEgAAAAYGNtYXABDQLUAAACNAAAAUJoZWFk/xVFDQAA" + "ALwAAAA2aGhlYQdkA+oAAAD0AAAAJGhtdHgD6AAAAAAEWAAAAAZtYXhwAAJQAAAAARgA" + "AAAGbmFtZVjmdH4AAAGAAAAAsXBvc3T/hgAzAAADeAAAACAAAQAAAAEAALZRFsRfDzz1" + "AAsD6AAAAADOBOTLAAAAAM4KHDwAAAAAA+gDIQAAAAgAAgAAAAAAAAABAAADIQAAAFoD" + "6AAAAAAD6AABAAAAAAAAAAAAAAAAAAAAAQAAUAAAAgAAAAQD6AH0AAUAAAKKArwAAACM" + "AooCvAAAAeAAMQECAAACAAYJAAAAAAAAAAAAAQAAAAAAAAAAAAAAAFBmRWQAwAAuAC4D" + "IP84AFoDIQAAAAAAAQAAAAAAAAAAACAAIAABAAAADgCuAAEAAAAAAAAAAQAAAAEAAAAA" + "AAEAAQAAAAEAAAAAAAIAAQAAAAEAAAAAAAMAAQAAAAEAAAAAAAQAAQAAAAEAAAAAAAUA" + "AQAAAAEAAAAAAAYAAQAAAAMAAQQJAAAAAgABAAMAAQQJAAEAAgABAAMAAQQJAAIAAgAB" + "AAMAAQQJAAMAAgABAAMAAQQJAAQAAgABAAMAAQQJAAUAAgABAAMAAQQJAAYAAgABWABY" + "AAAAAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAAAC7//wAA" + "AC7////TAAEAAAAAAAABBgAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" + "AAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" + "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" + "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" + "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" + "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAD/gwAyAAAAAQAAAAAAAAAAAAAAAAAA" + "AAABAAQEAAEBAQJYAAEBASH4DwD4GwHEAvgcA/gXBIwMAYuL+nz5tQXkD5j3CBLnEQAC" + "AQEBIVhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYAAABAQAADwACAQEEE/t3" + "Dov6fAH6fAT+fPp8+nwHDosMCvm1Cvm1DAz6fBQAAAAAAAABAAAAAMmJbzEAAAAAzgTj" + "FQAAAADOBOQpAAEAAAAAAAAADAAUAAQAAAABAAAAAgABAAAAAAAAAAAD6AAAAAAAAA==");
|
|
|
+ return (0, _util.shadow)(this, "_loadTestFont", testFont);
|
|
|
+ }
|
|
|
+ _prepareFontLoadEvent(font, request) {
|
|
|
+ function int32(data, offset) {
|
|
|
+ return data.charCodeAt(offset) << 24 | data.charCodeAt(offset + 1) << 16 | data.charCodeAt(offset + 2) << 8 | data.charCodeAt(offset + 3) & 0xff;
|
|
|
+ }
|
|
|
+ function spliceString(s, offset, remove, insert) {
|
|
|
+ const chunk1 = s.substring(0, offset);
|
|
|
+ const chunk2 = s.substring(offset + remove);
|
|
|
+ return chunk1 + insert + chunk2;
|
|
|
+ }
|
|
|
+ let i, ii;
|
|
|
+ const canvas = this._document.createElement("canvas");
|
|
|
+ canvas.width = 1;
|
|
|
+ canvas.height = 1;
|
|
|
+ const ctx = canvas.getContext("2d");
|
|
|
+ let called = 0;
|
|
|
+ function isFontReady(name, callback) {
|
|
|
+ if (++called > 30) {
|
|
|
+ (0, _util.warn)("Load test font never loaded.");
|
|
|
+ callback();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ ctx.font = "30px " + name;
|
|
|
+ ctx.fillText(".", 0, 20);
|
|
|
+ const imageData = ctx.getImageData(0, 0, 1, 1);
|
|
|
+ if (imageData.data[3] > 0) {
|
|
|
+ callback();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ setTimeout(isFontReady.bind(null, name, callback));
|
|
|
+ }
|
|
|
+ const loadTestFontId = `lt${Date.now()}${this.loadTestFontId++}`;
|
|
|
+ let data = this._loadTestFont;
|
|
|
+ const COMMENT_OFFSET = 976;
|
|
|
+ data = spliceString(data, COMMENT_OFFSET, loadTestFontId.length, loadTestFontId);
|
|
|
+ const CFF_CHECKSUM_OFFSET = 16;
|
|
|
+ const XXXX_VALUE = 0x58585858;
|
|
|
+ let checksum = int32(data, CFF_CHECKSUM_OFFSET);
|
|
|
+ for (i = 0, ii = loadTestFontId.length - 3; i < ii; i += 4) {
|
|
|
+ checksum = checksum - XXXX_VALUE + int32(loadTestFontId, i) | 0;
|
|
|
+ }
|
|
|
+ if (i < loadTestFontId.length) {
|
|
|
+ checksum = checksum - XXXX_VALUE + int32(loadTestFontId + "XXX", i) | 0;
|
|
|
+ }
|
|
|
+ data = spliceString(data, CFF_CHECKSUM_OFFSET, 4, (0, _util.string32)(checksum));
|
|
|
+ const url = `url(data:font/opentype;base64,${btoa(data)});`;
|
|
|
+ const rule = `@font-face {font-family:"${loadTestFontId}";src:${url}}`;
|
|
|
+ this.insertRule(rule);
|
|
|
+ const div = this._document.createElement("div");
|
|
|
+ div.style.visibility = "hidden";
|
|
|
+ div.style.width = div.style.height = "10px";
|
|
|
+ div.style.position = "absolute";
|
|
|
+ div.style.top = div.style.left = "0px";
|
|
|
+ for (const name of [font.loadedName, loadTestFontId]) {
|
|
|
+ const span = this._document.createElement("span");
|
|
|
+ span.textContent = "Hi";
|
|
|
+ span.style.fontFamily = name;
|
|
|
+ div.append(span);
|
|
|
+ }
|
|
|
+ this._document.body.append(div);
|
|
|
+ isFontReady(loadTestFontId, () => {
|
|
|
+ div.remove();
|
|
|
+ request.complete();
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.FontLoader = FontLoader;
|
|
|
+class FontFaceObject {
|
|
|
+ constructor(translatedData, {
|
|
|
+ isEvalSupported = true,
|
|
|
+ disableFontFace = false,
|
|
|
+ ignoreErrors = false,
|
|
|
+ inspectFont = null
|
|
|
+ }) {
|
|
|
+ this.compiledGlyphs = Object.create(null);
|
|
|
+ for (const i in translatedData) {
|
|
|
+ this[i] = translatedData[i];
|
|
|
+ }
|
|
|
+ this.isEvalSupported = isEvalSupported !== false;
|
|
|
+ this.disableFontFace = disableFontFace === true;
|
|
|
+ this.ignoreErrors = ignoreErrors === true;
|
|
|
+ this._inspectFont = inspectFont;
|
|
|
+ }
|
|
|
+ createNativeFontFace() {
|
|
|
+ if (!this.data || this.disableFontFace) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ let nativeFontFace;
|
|
|
+ if (!this.cssFontInfo) {
|
|
|
+ nativeFontFace = new FontFace(this.loadedName, this.data, {});
|
|
|
+ } else {
|
|
|
+ const css = {
|
|
|
+ weight: this.cssFontInfo.fontWeight
|
|
|
+ };
|
|
|
+ if (this.cssFontInfo.italicAngle) {
|
|
|
+ css.style = `oblique ${this.cssFontInfo.italicAngle}deg`;
|
|
|
+ }
|
|
|
+ nativeFontFace = new FontFace(this.cssFontInfo.fontFamily, this.data, css);
|
|
|
+ }
|
|
|
+ this._inspectFont?.(this);
|
|
|
+ return nativeFontFace;
|
|
|
+ }
|
|
|
+ createFontFaceRule() {
|
|
|
+ if (!this.data || this.disableFontFace) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const data = (0, _util.bytesToString)(this.data);
|
|
|
+ const url = `url(data:${this.mimetype};base64,${btoa(data)});`;
|
|
|
+ let rule;
|
|
|
+ if (!this.cssFontInfo) {
|
|
|
+ rule = `@font-face {font-family:"${this.loadedName}";src:${url}}`;
|
|
|
+ } else {
|
|
|
+ let css = `font-weight: ${this.cssFontInfo.fontWeight};`;
|
|
|
+ if (this.cssFontInfo.italicAngle) {
|
|
|
+ css += `font-style: oblique ${this.cssFontInfo.italicAngle}deg;`;
|
|
|
+ }
|
|
|
+ rule = `@font-face {font-family:"${this.cssFontInfo.fontFamily}";${css}src:${url}}`;
|
|
|
+ }
|
|
|
+ this._inspectFont?.(this, url);
|
|
|
+ return rule;
|
|
|
+ }
|
|
|
+ getPathGenerator(objs, character) {
|
|
|
+ if (this.compiledGlyphs[character] !== undefined) {
|
|
|
+ return this.compiledGlyphs[character];
|
|
|
+ }
|
|
|
+ let cmds;
|
|
|
+ try {
|
|
|
+ cmds = objs.get(this.loadedName + "_path_" + character);
|
|
|
+ } catch (ex) {
|
|
|
+ if (!this.ignoreErrors) {
|
|
|
+ throw ex;
|
|
|
+ }
|
|
|
+ (0, _util.warn)(`getPathGenerator - ignoring character: "${ex}".`);
|
|
|
+ return this.compiledGlyphs[character] = function (c, size) {};
|
|
|
+ }
|
|
|
+ if (this.isEvalSupported && _util.FeatureTest.isEvalSupported) {
|
|
|
+ const jsBuf = [];
|
|
|
+ for (const current of cmds) {
|
|
|
+ const args = current.args !== undefined ? current.args.join(",") : "";
|
|
|
+ jsBuf.push("c.", current.cmd, "(", args, ");\n");
|
|
|
+ }
|
|
|
+ return this.compiledGlyphs[character] = new Function("c", "size", jsBuf.join(""));
|
|
|
+ }
|
|
|
+ return this.compiledGlyphs[character] = function (c, size) {
|
|
|
+ for (const current of cmds) {
|
|
|
+ if (current.cmd === "scale") {
|
|
|
+ current.args = [size, -size];
|
|
|
+ }
|
|
|
+ c[current.cmd].apply(c, current.args);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.FontFaceObject = FontFaceObject;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 10 */
|
|
|
+/***/ ((__unused_webpack_module, exports) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.isNodeJS = void 0;
|
|
|
+const isNodeJS = typeof process === "object" && process + "" === "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser");
|
|
|
+exports.isNodeJS = isNodeJS;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 11 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.CanvasGraphics = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+var _pattern_helper = __w_pdfjs_require__(12);
|
|
|
+var _image_utils = __w_pdfjs_require__(13);
|
|
|
+var _is_node = __w_pdfjs_require__(10);
|
|
|
+const MIN_FONT_SIZE = 16;
|
|
|
+const MAX_FONT_SIZE = 100;
|
|
|
+const MAX_GROUP_SIZE = 4096;
|
|
|
+const EXECUTION_TIME = 15;
|
|
|
+const EXECUTION_STEPS = 10;
|
|
|
+const MAX_SIZE_TO_COMPILE = 1000;
|
|
|
+const FULL_CHUNK_HEIGHT = 16;
|
|
|
+function mirrorContextOperations(ctx, destCtx) {
|
|
|
+ if (ctx._removeMirroring) {
|
|
|
+ throw new Error("Context is already forwarding operations.");
|
|
|
+ }
|
|
|
+ ctx.__originalSave = ctx.save;
|
|
|
+ ctx.__originalRestore = ctx.restore;
|
|
|
+ ctx.__originalRotate = ctx.rotate;
|
|
|
+ ctx.__originalScale = ctx.scale;
|
|
|
+ ctx.__originalTranslate = ctx.translate;
|
|
|
+ ctx.__originalTransform = ctx.transform;
|
|
|
+ ctx.__originalSetTransform = ctx.setTransform;
|
|
|
+ ctx.__originalResetTransform = ctx.resetTransform;
|
|
|
+ ctx.__originalClip = ctx.clip;
|
|
|
+ ctx.__originalMoveTo = ctx.moveTo;
|
|
|
+ ctx.__originalLineTo = ctx.lineTo;
|
|
|
+ ctx.__originalBezierCurveTo = ctx.bezierCurveTo;
|
|
|
+ ctx.__originalRect = ctx.rect;
|
|
|
+ ctx.__originalClosePath = ctx.closePath;
|
|
|
+ ctx.__originalBeginPath = ctx.beginPath;
|
|
|
+ ctx._removeMirroring = () => {
|
|
|
+ ctx.save = ctx.__originalSave;
|
|
|
+ ctx.restore = ctx.__originalRestore;
|
|
|
+ ctx.rotate = ctx.__originalRotate;
|
|
|
+ ctx.scale = ctx.__originalScale;
|
|
|
+ ctx.translate = ctx.__originalTranslate;
|
|
|
+ ctx.transform = ctx.__originalTransform;
|
|
|
+ ctx.setTransform = ctx.__originalSetTransform;
|
|
|
+ ctx.resetTransform = ctx.__originalResetTransform;
|
|
|
+ ctx.clip = ctx.__originalClip;
|
|
|
+ ctx.moveTo = ctx.__originalMoveTo;
|
|
|
+ ctx.lineTo = ctx.__originalLineTo;
|
|
|
+ ctx.bezierCurveTo = ctx.__originalBezierCurveTo;
|
|
|
+ ctx.rect = ctx.__originalRect;
|
|
|
+ ctx.closePath = ctx.__originalClosePath;
|
|
|
+ ctx.beginPath = ctx.__originalBeginPath;
|
|
|
+ delete ctx._removeMirroring;
|
|
|
+ };
|
|
|
+ ctx.save = function ctxSave() {
|
|
|
+ destCtx.save();
|
|
|
+ this.__originalSave();
|
|
|
+ };
|
|
|
+ ctx.restore = function ctxRestore() {
|
|
|
+ destCtx.restore();
|
|
|
+ this.__originalRestore();
|
|
|
+ };
|
|
|
+ ctx.translate = function ctxTranslate(x, y) {
|
|
|
+ destCtx.translate(x, y);
|
|
|
+ this.__originalTranslate(x, y);
|
|
|
+ };
|
|
|
+ ctx.scale = function ctxScale(x, y) {
|
|
|
+ destCtx.scale(x, y);
|
|
|
+ this.__originalScale(x, y);
|
|
|
+ };
|
|
|
+ ctx.transform = function ctxTransform(a, b, c, d, e, f) {
|
|
|
+ destCtx.transform(a, b, c, d, e, f);
|
|
|
+ this.__originalTransform(a, b, c, d, e, f);
|
|
|
+ };
|
|
|
+ ctx.setTransform = function ctxSetTransform(a, b, c, d, e, f) {
|
|
|
+ destCtx.setTransform(a, b, c, d, e, f);
|
|
|
+ this.__originalSetTransform(a, b, c, d, e, f);
|
|
|
+ };
|
|
|
+ ctx.resetTransform = function ctxResetTransform() {
|
|
|
+ destCtx.resetTransform();
|
|
|
+ this.__originalResetTransform();
|
|
|
+ };
|
|
|
+ ctx.rotate = function ctxRotate(angle) {
|
|
|
+ destCtx.rotate(angle);
|
|
|
+ this.__originalRotate(angle);
|
|
|
+ };
|
|
|
+ ctx.clip = function ctxRotate(rule) {
|
|
|
+ destCtx.clip(rule);
|
|
|
+ this.__originalClip(rule);
|
|
|
+ };
|
|
|
+ ctx.moveTo = function (x, y) {
|
|
|
+ destCtx.moveTo(x, y);
|
|
|
+ this.__originalMoveTo(x, y);
|
|
|
+ };
|
|
|
+ ctx.lineTo = function (x, y) {
|
|
|
+ destCtx.lineTo(x, y);
|
|
|
+ this.__originalLineTo(x, y);
|
|
|
+ };
|
|
|
+ ctx.bezierCurveTo = function (cp1x, cp1y, cp2x, cp2y, x, y) {
|
|
|
+ destCtx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
|
|
|
+ this.__originalBezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
|
|
|
+ };
|
|
|
+ ctx.rect = function (x, y, width, height) {
|
|
|
+ destCtx.rect(x, y, width, height);
|
|
|
+ this.__originalRect(x, y, width, height);
|
|
|
+ };
|
|
|
+ ctx.closePath = function () {
|
|
|
+ destCtx.closePath();
|
|
|
+ this.__originalClosePath();
|
|
|
+ };
|
|
|
+ ctx.beginPath = function () {
|
|
|
+ destCtx.beginPath();
|
|
|
+ this.__originalBeginPath();
|
|
|
+ };
|
|
|
+}
|
|
|
+class CachedCanvases {
|
|
|
+ constructor(canvasFactory) {
|
|
|
+ this.canvasFactory = canvasFactory;
|
|
|
+ this.cache = Object.create(null);
|
|
|
+ }
|
|
|
+ getCanvas(id, width, height) {
|
|
|
+ let canvasEntry;
|
|
|
+ if (this.cache[id] !== undefined) {
|
|
|
+ canvasEntry = this.cache[id];
|
|
|
+ this.canvasFactory.reset(canvasEntry, width, height);
|
|
|
+ } else {
|
|
|
+ canvasEntry = this.canvasFactory.create(width, height);
|
|
|
+ this.cache[id] = canvasEntry;
|
|
|
+ }
|
|
|
+ return canvasEntry;
|
|
|
+ }
|
|
|
+ delete(id) {
|
|
|
+ delete this.cache[id];
|
|
|
+ }
|
|
|
+ clear() {
|
|
|
+ for (const id in this.cache) {
|
|
|
+ const canvasEntry = this.cache[id];
|
|
|
+ this.canvasFactory.destroy(canvasEntry);
|
|
|
+ delete this.cache[id];
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+function drawImageAtIntegerCoords(ctx, srcImg, srcX, srcY, srcW, srcH, destX, destY, destW, destH) {
|
|
|
+ const [a, b, c, d, tx, ty] = (0, _display_utils.getCurrentTransform)(ctx);
|
|
|
+ if (b === 0 && c === 0) {
|
|
|
+ const tlX = destX * a + tx;
|
|
|
+ const rTlX = Math.round(tlX);
|
|
|
+ const tlY = destY * d + ty;
|
|
|
+ const rTlY = Math.round(tlY);
|
|
|
+ const brX = (destX + destW) * a + tx;
|
|
|
+ const rWidth = Math.abs(Math.round(brX) - rTlX) || 1;
|
|
|
+ const brY = (destY + destH) * d + ty;
|
|
|
+ const rHeight = Math.abs(Math.round(brY) - rTlY) || 1;
|
|
|
+ ctx.setTransform(Math.sign(a), 0, 0, Math.sign(d), rTlX, rTlY);
|
|
|
+ ctx.drawImage(srcImg, srcX, srcY, srcW, srcH, 0, 0, rWidth, rHeight);
|
|
|
+ ctx.setTransform(a, b, c, d, tx, ty);
|
|
|
+ return [rWidth, rHeight];
|
|
|
+ }
|
|
|
+ if (a === 0 && d === 0) {
|
|
|
+ const tlX = destY * c + tx;
|
|
|
+ const rTlX = Math.round(tlX);
|
|
|
+ const tlY = destX * b + ty;
|
|
|
+ const rTlY = Math.round(tlY);
|
|
|
+ const brX = (destY + destH) * c + tx;
|
|
|
+ const rWidth = Math.abs(Math.round(brX) - rTlX) || 1;
|
|
|
+ const brY = (destX + destW) * b + ty;
|
|
|
+ const rHeight = Math.abs(Math.round(brY) - rTlY) || 1;
|
|
|
+ ctx.setTransform(0, Math.sign(b), Math.sign(c), 0, rTlX, rTlY);
|
|
|
+ ctx.drawImage(srcImg, srcX, srcY, srcW, srcH, 0, 0, rHeight, rWidth);
|
|
|
+ ctx.setTransform(a, b, c, d, tx, ty);
|
|
|
+ return [rHeight, rWidth];
|
|
|
+ }
|
|
|
+ ctx.drawImage(srcImg, srcX, srcY, srcW, srcH, destX, destY, destW, destH);
|
|
|
+ const scaleX = Math.hypot(a, b);
|
|
|
+ const scaleY = Math.hypot(c, d);
|
|
|
+ return [scaleX * destW, scaleY * destH];
|
|
|
+}
|
|
|
+function compileType3Glyph(imgData) {
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = imgData;
|
|
|
+ if (width > MAX_SIZE_TO_COMPILE || height > MAX_SIZE_TO_COMPILE) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const POINT_TO_PROCESS_LIMIT = 1000;
|
|
|
+ const POINT_TYPES = new Uint8Array([0, 2, 4, 0, 1, 0, 5, 4, 8, 10, 0, 8, 0, 2, 1, 0]);
|
|
|
+ const width1 = width + 1;
|
|
|
+ let points = new Uint8Array(width1 * (height + 1));
|
|
|
+ let i, j, j0;
|
|
|
+ const lineSize = width + 7 & ~7;
|
|
|
+ let data = new Uint8Array(lineSize * height),
|
|
|
+ pos = 0;
|
|
|
+ for (const elem of imgData.data) {
|
|
|
+ let mask = 128;
|
|
|
+ while (mask > 0) {
|
|
|
+ data[pos++] = elem & mask ? 0 : 255;
|
|
|
+ mask >>= 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let count = 0;
|
|
|
+ pos = 0;
|
|
|
+ if (data[pos] !== 0) {
|
|
|
+ points[0] = 1;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ for (j = 1; j < width; j++) {
|
|
|
+ if (data[pos] !== data[pos + 1]) {
|
|
|
+ points[j] = data[pos] ? 2 : 1;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ pos++;
|
|
|
+ }
|
|
|
+ if (data[pos] !== 0) {
|
|
|
+ points[j] = 2;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ for (i = 1; i < height; i++) {
|
|
|
+ pos = i * lineSize;
|
|
|
+ j0 = i * width1;
|
|
|
+ if (data[pos - lineSize] !== data[pos]) {
|
|
|
+ points[j0] = data[pos] ? 1 : 8;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ let sum = (data[pos] ? 4 : 0) + (data[pos - lineSize] ? 8 : 0);
|
|
|
+ for (j = 1; j < width; j++) {
|
|
|
+ sum = (sum >> 2) + (data[pos + 1] ? 4 : 0) + (data[pos - lineSize + 1] ? 8 : 0);
|
|
|
+ if (POINT_TYPES[sum]) {
|
|
|
+ points[j0 + j] = POINT_TYPES[sum];
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ pos++;
|
|
|
+ }
|
|
|
+ if (data[pos - lineSize] !== data[pos]) {
|
|
|
+ points[j0 + j] = data[pos] ? 2 : 4;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ if (count > POINT_TO_PROCESS_LIMIT) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ pos = lineSize * (height - 1);
|
|
|
+ j0 = i * width1;
|
|
|
+ if (data[pos] !== 0) {
|
|
|
+ points[j0] = 8;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ for (j = 1; j < width; j++) {
|
|
|
+ if (data[pos] !== data[pos + 1]) {
|
|
|
+ points[j0 + j] = data[pos] ? 4 : 8;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ pos++;
|
|
|
+ }
|
|
|
+ if (data[pos] !== 0) {
|
|
|
+ points[j0 + j] = 4;
|
|
|
+ ++count;
|
|
|
+ }
|
|
|
+ if (count > POINT_TO_PROCESS_LIMIT) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const steps = new Int32Array([0, width1, -1, 0, -width1, 0, 0, 0, 1]);
|
|
|
+ const path = new Path2D();
|
|
|
+ for (i = 0; count && i <= height; i++) {
|
|
|
+ let p = i * width1;
|
|
|
+ const end = p + width;
|
|
|
+ while (p < end && !points[p]) {
|
|
|
+ p++;
|
|
|
+ }
|
|
|
+ if (p === end) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ path.moveTo(p % width1, i);
|
|
|
+ const p0 = p;
|
|
|
+ let type = points[p];
|
|
|
+ do {
|
|
|
+ const step = steps[type];
|
|
|
+ do {
|
|
|
+ p += step;
|
|
|
+ } while (!points[p]);
|
|
|
+ const pp = points[p];
|
|
|
+ if (pp !== 5 && pp !== 10) {
|
|
|
+ type = pp;
|
|
|
+ points[p] = 0;
|
|
|
+ } else {
|
|
|
+ type = pp & 0x33 * type >> 4;
|
|
|
+ points[p] &= type >> 2 | type << 2;
|
|
|
+ }
|
|
|
+ path.lineTo(p % width1, p / width1 | 0);
|
|
|
+ if (!points[p]) {
|
|
|
+ --count;
|
|
|
+ }
|
|
|
+ } while (p0 !== p);
|
|
|
+ --i;
|
|
|
+ }
|
|
|
+ data = null;
|
|
|
+ points = null;
|
|
|
+ const drawOutline = function (c) {
|
|
|
+ c.save();
|
|
|
+ c.scale(1 / width, -1 / height);
|
|
|
+ c.translate(0, -height);
|
|
|
+ c.fill(path);
|
|
|
+ c.beginPath();
|
|
|
+ c.restore();
|
|
|
+ };
|
|
|
+ return drawOutline;
|
|
|
+}
|
|
|
+class CanvasExtraState {
|
|
|
+ constructor(width, height) {
|
|
|
+ this.alphaIsShape = false;
|
|
|
+ this.fontSize = 0;
|
|
|
+ this.fontSizeScale = 1;
|
|
|
+ this.textMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ this.textMatrixScale = 1;
|
|
|
+ this.fontMatrix = _util.FONT_IDENTITY_MATRIX;
|
|
|
+ this.leading = 0;
|
|
|
+ this.x = 0;
|
|
|
+ this.y = 0;
|
|
|
+ this.lineX = 0;
|
|
|
+ this.lineY = 0;
|
|
|
+ this.charSpacing = 0;
|
|
|
+ this.wordSpacing = 0;
|
|
|
+ this.textHScale = 1;
|
|
|
+ this.textRenderingMode = _util.TextRenderingMode.FILL;
|
|
|
+ this.textRise = 0;
|
|
|
+ this.fillColor = "#000000";
|
|
|
+ this.strokeColor = "#000000";
|
|
|
+ this.patternFill = false;
|
|
|
+ this.fillAlpha = 1;
|
|
|
+ this.strokeAlpha = 1;
|
|
|
+ this.lineWidth = 1;
|
|
|
+ this.activeSMask = null;
|
|
|
+ this.transferMaps = "none";
|
|
|
+ this.startNewPathAndClipBox([0, 0, width, height]);
|
|
|
+ }
|
|
|
+ clone() {
|
|
|
+ const clone = Object.create(this);
|
|
|
+ clone.clipBox = this.clipBox.slice();
|
|
|
+ return clone;
|
|
|
+ }
|
|
|
+ setCurrentPoint(x, y) {
|
|
|
+ this.x = x;
|
|
|
+ this.y = y;
|
|
|
+ }
|
|
|
+ updatePathMinMax(transform, x, y) {
|
|
|
+ [x, y] = _util.Util.applyTransform([x, y], transform);
|
|
|
+ this.minX = Math.min(this.minX, x);
|
|
|
+ this.minY = Math.min(this.minY, y);
|
|
|
+ this.maxX = Math.max(this.maxX, x);
|
|
|
+ this.maxY = Math.max(this.maxY, y);
|
|
|
+ }
|
|
|
+ updateRectMinMax(transform, rect) {
|
|
|
+ const p1 = _util.Util.applyTransform(rect, transform);
|
|
|
+ const p2 = _util.Util.applyTransform(rect.slice(2), transform);
|
|
|
+ this.minX = Math.min(this.minX, p1[0], p2[0]);
|
|
|
+ this.minY = Math.min(this.minY, p1[1], p2[1]);
|
|
|
+ this.maxX = Math.max(this.maxX, p1[0], p2[0]);
|
|
|
+ this.maxY = Math.max(this.maxY, p1[1], p2[1]);
|
|
|
+ }
|
|
|
+ updateScalingPathMinMax(transform, minMax) {
|
|
|
+ _util.Util.scaleMinMax(transform, minMax);
|
|
|
+ this.minX = Math.min(this.minX, minMax[0]);
|
|
|
+ this.maxX = Math.max(this.maxX, minMax[1]);
|
|
|
+ this.minY = Math.min(this.minY, minMax[2]);
|
|
|
+ this.maxY = Math.max(this.maxY, minMax[3]);
|
|
|
+ }
|
|
|
+ updateCurvePathMinMax(transform, x0, y0, x1, y1, x2, y2, x3, y3, minMax) {
|
|
|
+ const box = _util.Util.bezierBoundingBox(x0, y0, x1, y1, x2, y2, x3, y3);
|
|
|
+ if (minMax) {
|
|
|
+ minMax[0] = Math.min(minMax[0], box[0], box[2]);
|
|
|
+ minMax[1] = Math.max(minMax[1], box[0], box[2]);
|
|
|
+ minMax[2] = Math.min(minMax[2], box[1], box[3]);
|
|
|
+ minMax[3] = Math.max(minMax[3], box[1], box[3]);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.updateRectMinMax(transform, box);
|
|
|
+ }
|
|
|
+ getPathBoundingBox(pathType = _pattern_helper.PathType.FILL, transform = null) {
|
|
|
+ const box = [this.minX, this.minY, this.maxX, this.maxY];
|
|
|
+ if (pathType === _pattern_helper.PathType.STROKE) {
|
|
|
+ if (!transform) {
|
|
|
+ (0, _util.unreachable)("Stroke bounding box must include transform.");
|
|
|
+ }
|
|
|
+ const scale = _util.Util.singularValueDecompose2dScale(transform);
|
|
|
+ const xStrokePad = scale[0] * this.lineWidth / 2;
|
|
|
+ const yStrokePad = scale[1] * this.lineWidth / 2;
|
|
|
+ box[0] -= xStrokePad;
|
|
|
+ box[1] -= yStrokePad;
|
|
|
+ box[2] += xStrokePad;
|
|
|
+ box[3] += yStrokePad;
|
|
|
+ }
|
|
|
+ return box;
|
|
|
+ }
|
|
|
+ updateClipFromPath() {
|
|
|
+ const intersect = _util.Util.intersect(this.clipBox, this.getPathBoundingBox());
|
|
|
+ this.startNewPathAndClipBox(intersect || [0, 0, 0, 0]);
|
|
|
+ }
|
|
|
+ isEmptyClip() {
|
|
|
+ return this.minX === Infinity;
|
|
|
+ }
|
|
|
+ startNewPathAndClipBox(box) {
|
|
|
+ this.clipBox = box;
|
|
|
+ this.minX = Infinity;
|
|
|
+ this.minY = Infinity;
|
|
|
+ this.maxX = 0;
|
|
|
+ this.maxY = 0;
|
|
|
+ }
|
|
|
+ getClippedPathBoundingBox(pathType = _pattern_helper.PathType.FILL, transform = null) {
|
|
|
+ return _util.Util.intersect(this.clipBox, this.getPathBoundingBox(pathType, transform));
|
|
|
+ }
|
|
|
+}
|
|
|
+function putBinaryImageData(ctx, imgData) {
|
|
|
+ if (typeof ImageData !== "undefined" && imgData instanceof ImageData) {
|
|
|
+ ctx.putImageData(imgData, 0, 0);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const height = imgData.height,
|
|
|
+ width = imgData.width;
|
|
|
+ const partialChunkHeight = height % FULL_CHUNK_HEIGHT;
|
|
|
+ const fullChunks = (height - partialChunkHeight) / FULL_CHUNK_HEIGHT;
|
|
|
+ const totalChunks = partialChunkHeight === 0 ? fullChunks : fullChunks + 1;
|
|
|
+ const chunkImgData = ctx.createImageData(width, FULL_CHUNK_HEIGHT);
|
|
|
+ let srcPos = 0,
|
|
|
+ destPos;
|
|
|
+ const src = imgData.data;
|
|
|
+ const dest = chunkImgData.data;
|
|
|
+ let i, j, thisChunkHeight, elemsInThisChunk;
|
|
|
+ if (imgData.kind === _util.ImageKind.GRAYSCALE_1BPP) {
|
|
|
+ const srcLength = src.byteLength;
|
|
|
+ const dest32 = new Uint32Array(dest.buffer, 0, dest.byteLength >> 2);
|
|
|
+ const dest32DataLength = dest32.length;
|
|
|
+ const fullSrcDiff = width + 7 >> 3;
|
|
|
+ const white = 0xffffffff;
|
|
|
+ const black = _util.FeatureTest.isLittleEndian ? 0xff000000 : 0x000000ff;
|
|
|
+ for (i = 0; i < totalChunks; i++) {
|
|
|
+ thisChunkHeight = i < fullChunks ? FULL_CHUNK_HEIGHT : partialChunkHeight;
|
|
|
+ destPos = 0;
|
|
|
+ for (j = 0; j < thisChunkHeight; j++) {
|
|
|
+ const srcDiff = srcLength - srcPos;
|
|
|
+ let k = 0;
|
|
|
+ const kEnd = srcDiff > fullSrcDiff ? width : srcDiff * 8 - 7;
|
|
|
+ const kEndUnrolled = kEnd & ~7;
|
|
|
+ let mask = 0;
|
|
|
+ let srcByte = 0;
|
|
|
+ for (; k < kEndUnrolled; k += 8) {
|
|
|
+ srcByte = src[srcPos++];
|
|
|
+ dest32[destPos++] = srcByte & 128 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 64 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 32 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 16 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 8 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 4 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 2 ? white : black;
|
|
|
+ dest32[destPos++] = srcByte & 1 ? white : black;
|
|
|
+ }
|
|
|
+ for (; k < kEnd; k++) {
|
|
|
+ if (mask === 0) {
|
|
|
+ srcByte = src[srcPos++];
|
|
|
+ mask = 128;
|
|
|
+ }
|
|
|
+ dest32[destPos++] = srcByte & mask ? white : black;
|
|
|
+ mask >>= 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ while (destPos < dest32DataLength) {
|
|
|
+ dest32[destPos++] = 0;
|
|
|
+ }
|
|
|
+ ctx.putImageData(chunkImgData, 0, i * FULL_CHUNK_HEIGHT);
|
|
|
+ }
|
|
|
+ } else if (imgData.kind === _util.ImageKind.RGBA_32BPP) {
|
|
|
+ j = 0;
|
|
|
+ elemsInThisChunk = width * FULL_CHUNK_HEIGHT * 4;
|
|
|
+ for (i = 0; i < fullChunks; i++) {
|
|
|
+ dest.set(src.subarray(srcPos, srcPos + elemsInThisChunk));
|
|
|
+ srcPos += elemsInThisChunk;
|
|
|
+ ctx.putImageData(chunkImgData, 0, j);
|
|
|
+ j += FULL_CHUNK_HEIGHT;
|
|
|
+ }
|
|
|
+ if (i < totalChunks) {
|
|
|
+ elemsInThisChunk = width * partialChunkHeight * 4;
|
|
|
+ dest.set(src.subarray(srcPos, srcPos + elemsInThisChunk));
|
|
|
+ ctx.putImageData(chunkImgData, 0, j);
|
|
|
+ }
|
|
|
+ } else if (imgData.kind === _util.ImageKind.RGB_24BPP) {
|
|
|
+ thisChunkHeight = FULL_CHUNK_HEIGHT;
|
|
|
+ elemsInThisChunk = width * thisChunkHeight;
|
|
|
+ for (i = 0; i < totalChunks; i++) {
|
|
|
+ if (i >= fullChunks) {
|
|
|
+ thisChunkHeight = partialChunkHeight;
|
|
|
+ elemsInThisChunk = width * thisChunkHeight;
|
|
|
+ }
|
|
|
+ destPos = 0;
|
|
|
+ for (j = elemsInThisChunk; j--;) {
|
|
|
+ dest[destPos++] = src[srcPos++];
|
|
|
+ dest[destPos++] = src[srcPos++];
|
|
|
+ dest[destPos++] = src[srcPos++];
|
|
|
+ dest[destPos++] = 255;
|
|
|
+ }
|
|
|
+ ctx.putImageData(chunkImgData, 0, i * FULL_CHUNK_HEIGHT);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ throw new Error(`bad image kind: ${imgData.kind}`);
|
|
|
+ }
|
|
|
+}
|
|
|
+function putBinaryImageMask(ctx, imgData) {
|
|
|
+ if (imgData.bitmap) {
|
|
|
+ ctx.drawImage(imgData.bitmap, 0, 0);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const height = imgData.height,
|
|
|
+ width = imgData.width;
|
|
|
+ const partialChunkHeight = height % FULL_CHUNK_HEIGHT;
|
|
|
+ const fullChunks = (height - partialChunkHeight) / FULL_CHUNK_HEIGHT;
|
|
|
+ const totalChunks = partialChunkHeight === 0 ? fullChunks : fullChunks + 1;
|
|
|
+ const chunkImgData = ctx.createImageData(width, FULL_CHUNK_HEIGHT);
|
|
|
+ let srcPos = 0;
|
|
|
+ const src = imgData.data;
|
|
|
+ const dest = chunkImgData.data;
|
|
|
+ for (let i = 0; i < totalChunks; i++) {
|
|
|
+ const thisChunkHeight = i < fullChunks ? FULL_CHUNK_HEIGHT : partialChunkHeight;
|
|
|
+ ({
|
|
|
+ srcPos
|
|
|
+ } = (0, _image_utils.convertBlackAndWhiteToRGBA)({
|
|
|
+ src,
|
|
|
+ srcPos,
|
|
|
+ dest,
|
|
|
+ width,
|
|
|
+ height: thisChunkHeight,
|
|
|
+ nonBlackColor: 0
|
|
|
+ }));
|
|
|
+ ctx.putImageData(chunkImgData, 0, i * FULL_CHUNK_HEIGHT);
|
|
|
+ }
|
|
|
+}
|
|
|
+function copyCtxState(sourceCtx, destCtx) {
|
|
|
+ const properties = ["strokeStyle", "fillStyle", "fillRule", "globalAlpha", "lineWidth", "lineCap", "lineJoin", "miterLimit", "globalCompositeOperation", "font", "filter"];
|
|
|
+ for (const property of properties) {
|
|
|
+ if (sourceCtx[property] !== undefined) {
|
|
|
+ destCtx[property] = sourceCtx[property];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (sourceCtx.setLineDash !== undefined) {
|
|
|
+ destCtx.setLineDash(sourceCtx.getLineDash());
|
|
|
+ destCtx.lineDashOffset = sourceCtx.lineDashOffset;
|
|
|
+ }
|
|
|
+}
|
|
|
+function resetCtxToDefault(ctx) {
|
|
|
+ ctx.strokeStyle = ctx.fillStyle = "#000000";
|
|
|
+ ctx.fillRule = "nonzero";
|
|
|
+ ctx.globalAlpha = 1;
|
|
|
+ ctx.lineWidth = 1;
|
|
|
+ ctx.lineCap = "butt";
|
|
|
+ ctx.lineJoin = "miter";
|
|
|
+ ctx.miterLimit = 10;
|
|
|
+ ctx.globalCompositeOperation = "source-over";
|
|
|
+ ctx.font = "10px sans-serif";
|
|
|
+ if (ctx.setLineDash !== undefined) {
|
|
|
+ ctx.setLineDash([]);
|
|
|
+ ctx.lineDashOffset = 0;
|
|
|
+ }
|
|
|
+ if (!_is_node.isNodeJS) {
|
|
|
+ ctx.filter = "none";
|
|
|
+ }
|
|
|
+}
|
|
|
+function composeSMaskBackdrop(bytes, r0, g0, b0) {
|
|
|
+ const length = bytes.length;
|
|
|
+ for (let i = 3; i < length; i += 4) {
|
|
|
+ const alpha = bytes[i];
|
|
|
+ if (alpha === 0) {
|
|
|
+ bytes[i - 3] = r0;
|
|
|
+ bytes[i - 2] = g0;
|
|
|
+ bytes[i - 1] = b0;
|
|
|
+ } else if (alpha < 255) {
|
|
|
+ const alpha_ = 255 - alpha;
|
|
|
+ bytes[i - 3] = bytes[i - 3] * alpha + r0 * alpha_ >> 8;
|
|
|
+ bytes[i - 2] = bytes[i - 2] * alpha + g0 * alpha_ >> 8;
|
|
|
+ bytes[i - 1] = bytes[i - 1] * alpha + b0 * alpha_ >> 8;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+function composeSMaskAlpha(maskData, layerData, transferMap) {
|
|
|
+ const length = maskData.length;
|
|
|
+ const scale = 1 / 255;
|
|
|
+ for (let i = 3; i < length; i += 4) {
|
|
|
+ const alpha = transferMap ? transferMap[maskData[i]] : maskData[i];
|
|
|
+ layerData[i] = layerData[i] * alpha * scale | 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+function composeSMaskLuminosity(maskData, layerData, transferMap) {
|
|
|
+ const length = maskData.length;
|
|
|
+ for (let i = 3; i < length; i += 4) {
|
|
|
+ const y = maskData[i - 3] * 77 + maskData[i - 2] * 152 + maskData[i - 1] * 28;
|
|
|
+ layerData[i] = transferMap ? layerData[i] * transferMap[y >> 8] >> 8 : layerData[i] * y >> 16;
|
|
|
+ }
|
|
|
+}
|
|
|
+function genericComposeSMask(maskCtx, layerCtx, width, height, subtype, backdrop, transferMap, layerOffsetX, layerOffsetY, maskOffsetX, maskOffsetY) {
|
|
|
+ const hasBackdrop = !!backdrop;
|
|
|
+ const r0 = hasBackdrop ? backdrop[0] : 0;
|
|
|
+ const g0 = hasBackdrop ? backdrop[1] : 0;
|
|
|
+ const b0 = hasBackdrop ? backdrop[2] : 0;
|
|
|
+ let composeFn;
|
|
|
+ if (subtype === "Luminosity") {
|
|
|
+ composeFn = composeSMaskLuminosity;
|
|
|
+ } else {
|
|
|
+ composeFn = composeSMaskAlpha;
|
|
|
+ }
|
|
|
+ const PIXELS_TO_PROCESS = 1048576;
|
|
|
+ const chunkSize = Math.min(height, Math.ceil(PIXELS_TO_PROCESS / width));
|
|
|
+ for (let row = 0; row < height; row += chunkSize) {
|
|
|
+ const chunkHeight = Math.min(chunkSize, height - row);
|
|
|
+ const maskData = maskCtx.getImageData(layerOffsetX - maskOffsetX, row + (layerOffsetY - maskOffsetY), width, chunkHeight);
|
|
|
+ const layerData = layerCtx.getImageData(layerOffsetX, row + layerOffsetY, width, chunkHeight);
|
|
|
+ if (hasBackdrop) {
|
|
|
+ composeSMaskBackdrop(maskData.data, r0, g0, b0);
|
|
|
+ }
|
|
|
+ composeFn(maskData.data, layerData.data, transferMap);
|
|
|
+ layerCtx.putImageData(layerData, layerOffsetX, row + layerOffsetY);
|
|
|
+ }
|
|
|
+}
|
|
|
+function composeSMask(ctx, smask, layerCtx, layerBox) {
|
|
|
+ const layerOffsetX = layerBox[0];
|
|
|
+ const layerOffsetY = layerBox[1];
|
|
|
+ const layerWidth = layerBox[2] - layerOffsetX;
|
|
|
+ const layerHeight = layerBox[3] - layerOffsetY;
|
|
|
+ if (layerWidth === 0 || layerHeight === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ genericComposeSMask(smask.context, layerCtx, layerWidth, layerHeight, smask.subtype, smask.backdrop, smask.transferMap, layerOffsetX, layerOffsetY, smask.offsetX, smask.offsetY);
|
|
|
+ ctx.save();
|
|
|
+ ctx.globalAlpha = 1;
|
|
|
+ ctx.globalCompositeOperation = "source-over";
|
|
|
+ ctx.setTransform(1, 0, 0, 1, 0, 0);
|
|
|
+ ctx.drawImage(layerCtx.canvas, 0, 0);
|
|
|
+ ctx.restore();
|
|
|
+}
|
|
|
+function getImageSmoothingEnabled(transform, interpolate) {
|
|
|
+ const scale = _util.Util.singularValueDecompose2dScale(transform);
|
|
|
+ scale[0] = Math.fround(scale[0]);
|
|
|
+ scale[1] = Math.fround(scale[1]);
|
|
|
+ const actualScale = Math.fround((globalThis.devicePixelRatio || 1) * _display_utils.PixelsPerInch.PDF_TO_CSS_UNITS);
|
|
|
+ if (interpolate !== undefined) {
|
|
|
+ return interpolate;
|
|
|
+ } else if (scale[0] <= actualScale || scale[1] <= actualScale) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+}
|
|
|
+const LINE_CAP_STYLES = ["butt", "round", "square"];
|
|
|
+const LINE_JOIN_STYLES = ["miter", "round", "bevel"];
|
|
|
+const NORMAL_CLIP = {};
|
|
|
+const EO_CLIP = {};
|
|
|
+class CanvasGraphics {
|
|
|
+ constructor(canvasCtx, commonObjs, objs, canvasFactory, filterFactory, {
|
|
|
+ optionalContentConfig,
|
|
|
+ markedContentStack = null
|
|
|
+ }, annotationCanvasMap, pageColors) {
|
|
|
+ this.ctx = canvasCtx;
|
|
|
+ this.current = new CanvasExtraState(this.ctx.canvas.width, this.ctx.canvas.height);
|
|
|
+ this.stateStack = [];
|
|
|
+ this.pendingClip = null;
|
|
|
+ this.pendingEOFill = false;
|
|
|
+ this.res = null;
|
|
|
+ this.xobjs = null;
|
|
|
+ this.commonObjs = commonObjs;
|
|
|
+ this.objs = objs;
|
|
|
+ this.canvasFactory = canvasFactory;
|
|
|
+ this.filterFactory = filterFactory;
|
|
|
+ this.groupStack = [];
|
|
|
+ this.processingType3 = null;
|
|
|
+ this.baseTransform = null;
|
|
|
+ this.baseTransformStack = [];
|
|
|
+ this.groupLevel = 0;
|
|
|
+ this.smaskStack = [];
|
|
|
+ this.smaskCounter = 0;
|
|
|
+ this.tempSMask = null;
|
|
|
+ this.suspendedCtx = null;
|
|
|
+ this.contentVisible = true;
|
|
|
+ this.markedContentStack = markedContentStack || [];
|
|
|
+ this.optionalContentConfig = optionalContentConfig;
|
|
|
+ this.cachedCanvases = new CachedCanvases(this.canvasFactory);
|
|
|
+ this.cachedPatterns = new Map();
|
|
|
+ this.annotationCanvasMap = annotationCanvasMap;
|
|
|
+ this.viewportScale = 1;
|
|
|
+ this.outputScaleX = 1;
|
|
|
+ this.outputScaleY = 1;
|
|
|
+ this.pageColors = pageColors;
|
|
|
+ this._cachedScaleForStroking = [-1, 0];
|
|
|
+ this._cachedGetSinglePixelWidth = null;
|
|
|
+ this._cachedBitmapsMap = new Map();
|
|
|
+ }
|
|
|
+ getObject(data, fallback = null) {
|
|
|
+ if (typeof data === "string") {
|
|
|
+ return data.startsWith("g_") ? this.commonObjs.get(data) : this.objs.get(data);
|
|
|
+ }
|
|
|
+ return fallback;
|
|
|
+ }
|
|
|
+ beginDrawing({
|
|
|
+ transform,
|
|
|
+ viewport,
|
|
|
+ transparency = false,
|
|
|
+ background = null
|
|
|
+ }) {
|
|
|
+ const width = this.ctx.canvas.width;
|
|
|
+ const height = this.ctx.canvas.height;
|
|
|
+ const savedFillStyle = this.ctx.fillStyle;
|
|
|
+ this.ctx.fillStyle = background || "#ffffff";
|
|
|
+ this.ctx.fillRect(0, 0, width, height);
|
|
|
+ this.ctx.fillStyle = savedFillStyle;
|
|
|
+ if (transparency) {
|
|
|
+ const transparentCanvas = this.cachedCanvases.getCanvas("transparent", width, height);
|
|
|
+ this.compositeCtx = this.ctx;
|
|
|
+ this.transparentCanvas = transparentCanvas.canvas;
|
|
|
+ this.ctx = transparentCanvas.context;
|
|
|
+ this.ctx.save();
|
|
|
+ this.ctx.transform(...(0, _display_utils.getCurrentTransform)(this.compositeCtx));
|
|
|
+ }
|
|
|
+ this.ctx.save();
|
|
|
+ resetCtxToDefault(this.ctx);
|
|
|
+ if (transform) {
|
|
|
+ this.ctx.transform(...transform);
|
|
|
+ this.outputScaleX = transform[0];
|
|
|
+ this.outputScaleY = transform[0];
|
|
|
+ }
|
|
|
+ this.ctx.transform(...viewport.transform);
|
|
|
+ this.viewportScale = viewport.scale;
|
|
|
+ this.baseTransform = (0, _display_utils.getCurrentTransform)(this.ctx);
|
|
|
+ }
|
|
|
+ executeOperatorList(operatorList, executionStartIdx, continueCallback, stepper) {
|
|
|
+ const argsArray = operatorList.argsArray;
|
|
|
+ const fnArray = operatorList.fnArray;
|
|
|
+ let i = executionStartIdx || 0;
|
|
|
+ const argsArrayLen = argsArray.length;
|
|
|
+ if (argsArrayLen === i) {
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ const chunkOperations = argsArrayLen - i > EXECUTION_STEPS && typeof continueCallback === "function";
|
|
|
+ const endTime = chunkOperations ? Date.now() + EXECUTION_TIME : 0;
|
|
|
+ let steps = 0;
|
|
|
+ const commonObjs = this.commonObjs;
|
|
|
+ const objs = this.objs;
|
|
|
+ let fnId;
|
|
|
+ while (true) {
|
|
|
+ if (stepper !== undefined && i === stepper.nextBreakPoint) {
|
|
|
+ stepper.breakIt(i, continueCallback);
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ fnId = fnArray[i];
|
|
|
+ if (fnId !== _util.OPS.dependency) {
|
|
|
+ this[fnId].apply(this, argsArray[i]);
|
|
|
+ } else {
|
|
|
+ for (const depObjId of argsArray[i]) {
|
|
|
+ const objsPool = depObjId.startsWith("g_") ? commonObjs : objs;
|
|
|
+ if (!objsPool.has(depObjId)) {
|
|
|
+ objsPool.get(depObjId, continueCallback);
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ i++;
|
|
|
+ if (i === argsArrayLen) {
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ if (chunkOperations && ++steps > EXECUTION_STEPS) {
|
|
|
+ if (Date.now() > endTime) {
|
|
|
+ continueCallback();
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ steps = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #restoreInitialState() {
|
|
|
+ while (this.stateStack.length || this.inSMaskMode) {
|
|
|
+ this.restore();
|
|
|
+ }
|
|
|
+ this.ctx.restore();
|
|
|
+ if (this.transparentCanvas) {
|
|
|
+ this.ctx = this.compositeCtx;
|
|
|
+ this.ctx.save();
|
|
|
+ this.ctx.setTransform(1, 0, 0, 1, 0, 0);
|
|
|
+ this.ctx.drawImage(this.transparentCanvas, 0, 0);
|
|
|
+ this.ctx.restore();
|
|
|
+ this.transparentCanvas = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ endDrawing() {
|
|
|
+ this.#restoreInitialState();
|
|
|
+ this.cachedCanvases.clear();
|
|
|
+ this.cachedPatterns.clear();
|
|
|
+ for (const cache of this._cachedBitmapsMap.values()) {
|
|
|
+ for (const canvas of cache.values()) {
|
|
|
+ if (typeof HTMLCanvasElement !== "undefined" && canvas instanceof HTMLCanvasElement) {
|
|
|
+ canvas.width = canvas.height = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ cache.clear();
|
|
|
+ }
|
|
|
+ this._cachedBitmapsMap.clear();
|
|
|
+ this.#drawFilter();
|
|
|
+ }
|
|
|
+ #drawFilter() {
|
|
|
+ if (this.pageColors) {
|
|
|
+ const hcmFilterId = this.filterFactory.addHCMFilter(this.pageColors.foreground, this.pageColors.background);
|
|
|
+ if (hcmFilterId !== "none") {
|
|
|
+ const savedFilter = this.ctx.filter;
|
|
|
+ this.ctx.filter = hcmFilterId;
|
|
|
+ this.ctx.drawImage(this.ctx.canvas, 0, 0);
|
|
|
+ this.ctx.filter = savedFilter;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _scaleImage(img, inverseTransform) {
|
|
|
+ const width = img.width;
|
|
|
+ const height = img.height;
|
|
|
+ let widthScale = Math.max(Math.hypot(inverseTransform[0], inverseTransform[1]), 1);
|
|
|
+ let heightScale = Math.max(Math.hypot(inverseTransform[2], inverseTransform[3]), 1);
|
|
|
+ let paintWidth = width,
|
|
|
+ paintHeight = height;
|
|
|
+ let tmpCanvasId = "prescale1";
|
|
|
+ let tmpCanvas, tmpCtx;
|
|
|
+ while (widthScale > 2 && paintWidth > 1 || heightScale > 2 && paintHeight > 1) {
|
|
|
+ let newWidth = paintWidth,
|
|
|
+ newHeight = paintHeight;
|
|
|
+ if (widthScale > 2 && paintWidth > 1) {
|
|
|
+ newWidth = paintWidth >= 16384 ? Math.floor(paintWidth / 2) - 1 || 1 : Math.ceil(paintWidth / 2);
|
|
|
+ widthScale /= paintWidth / newWidth;
|
|
|
+ }
|
|
|
+ if (heightScale > 2 && paintHeight > 1) {
|
|
|
+ newHeight = paintHeight >= 16384 ? Math.floor(paintHeight / 2) - 1 || 1 : Math.ceil(paintHeight) / 2;
|
|
|
+ heightScale /= paintHeight / newHeight;
|
|
|
+ }
|
|
|
+ tmpCanvas = this.cachedCanvases.getCanvas(tmpCanvasId, newWidth, newHeight);
|
|
|
+ tmpCtx = tmpCanvas.context;
|
|
|
+ tmpCtx.clearRect(0, 0, newWidth, newHeight);
|
|
|
+ tmpCtx.drawImage(img, 0, 0, paintWidth, paintHeight, 0, 0, newWidth, newHeight);
|
|
|
+ img = tmpCanvas.canvas;
|
|
|
+ paintWidth = newWidth;
|
|
|
+ paintHeight = newHeight;
|
|
|
+ tmpCanvasId = tmpCanvasId === "prescale1" ? "prescale2" : "prescale1";
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ img,
|
|
|
+ paintWidth,
|
|
|
+ paintHeight
|
|
|
+ };
|
|
|
+ }
|
|
|
+ _createMaskCanvas(img) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = img;
|
|
|
+ const fillColor = this.current.fillColor;
|
|
|
+ const isPatternFill = this.current.patternFill;
|
|
|
+ const currentTransform = (0, _display_utils.getCurrentTransform)(ctx);
|
|
|
+ let cache, cacheKey, scaled, maskCanvas;
|
|
|
+ if ((img.bitmap || img.data) && img.count > 1) {
|
|
|
+ const mainKey = img.bitmap || img.data.buffer;
|
|
|
+ cacheKey = JSON.stringify(isPatternFill ? currentTransform : [currentTransform.slice(0, 4), fillColor]);
|
|
|
+ cache = this._cachedBitmapsMap.get(mainKey);
|
|
|
+ if (!cache) {
|
|
|
+ cache = new Map();
|
|
|
+ this._cachedBitmapsMap.set(mainKey, cache);
|
|
|
+ }
|
|
|
+ const cachedImage = cache.get(cacheKey);
|
|
|
+ if (cachedImage && !isPatternFill) {
|
|
|
+ const offsetX = Math.round(Math.min(currentTransform[0], currentTransform[2]) + currentTransform[4]);
|
|
|
+ const offsetY = Math.round(Math.min(currentTransform[1], currentTransform[3]) + currentTransform[5]);
|
|
|
+ return {
|
|
|
+ canvas: cachedImage,
|
|
|
+ offsetX,
|
|
|
+ offsetY
|
|
|
+ };
|
|
|
+ }
|
|
|
+ scaled = cachedImage;
|
|
|
+ }
|
|
|
+ if (!scaled) {
|
|
|
+ maskCanvas = this.cachedCanvases.getCanvas("maskCanvas", width, height);
|
|
|
+ putBinaryImageMask(maskCanvas.context, img);
|
|
|
+ }
|
|
|
+ let maskToCanvas = _util.Util.transform(currentTransform, [1 / width, 0, 0, -1 / height, 0, 0]);
|
|
|
+ maskToCanvas = _util.Util.transform(maskToCanvas, [1, 0, 0, 1, 0, -height]);
|
|
|
+ const cord1 = _util.Util.applyTransform([0, 0], maskToCanvas);
|
|
|
+ const cord2 = _util.Util.applyTransform([width, height], maskToCanvas);
|
|
|
+ const rect = _util.Util.normalizeRect([cord1[0], cord1[1], cord2[0], cord2[1]]);
|
|
|
+ const drawnWidth = Math.round(rect[2] - rect[0]) || 1;
|
|
|
+ const drawnHeight = Math.round(rect[3] - rect[1]) || 1;
|
|
|
+ const fillCanvas = this.cachedCanvases.getCanvas("fillCanvas", drawnWidth, drawnHeight);
|
|
|
+ const fillCtx = fillCanvas.context;
|
|
|
+ const offsetX = Math.min(cord1[0], cord2[0]);
|
|
|
+ const offsetY = Math.min(cord1[1], cord2[1]);
|
|
|
+ fillCtx.translate(-offsetX, -offsetY);
|
|
|
+ fillCtx.transform(...maskToCanvas);
|
|
|
+ if (!scaled) {
|
|
|
+ scaled = this._scaleImage(maskCanvas.canvas, (0, _display_utils.getCurrentTransformInverse)(fillCtx));
|
|
|
+ scaled = scaled.img;
|
|
|
+ if (cache && isPatternFill) {
|
|
|
+ cache.set(cacheKey, scaled);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ fillCtx.imageSmoothingEnabled = getImageSmoothingEnabled((0, _display_utils.getCurrentTransform)(fillCtx), img.interpolate);
|
|
|
+ drawImageAtIntegerCoords(fillCtx, scaled, 0, 0, scaled.width, scaled.height, 0, 0, width, height);
|
|
|
+ fillCtx.globalCompositeOperation = "source-in";
|
|
|
+ const inverse = _util.Util.transform((0, _display_utils.getCurrentTransformInverse)(fillCtx), [1, 0, 0, 1, -offsetX, -offsetY]);
|
|
|
+ fillCtx.fillStyle = isPatternFill ? fillColor.getPattern(ctx, this, inverse, _pattern_helper.PathType.FILL) : fillColor;
|
|
|
+ fillCtx.fillRect(0, 0, width, height);
|
|
|
+ if (cache && !isPatternFill) {
|
|
|
+ this.cachedCanvases.delete("fillCanvas");
|
|
|
+ cache.set(cacheKey, fillCanvas.canvas);
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ canvas: fillCanvas.canvas,
|
|
|
+ offsetX: Math.round(offsetX),
|
|
|
+ offsetY: Math.round(offsetY)
|
|
|
+ };
|
|
|
+ }
|
|
|
+ setLineWidth(width) {
|
|
|
+ if (width !== this.current.lineWidth) {
|
|
|
+ this._cachedScaleForStroking[0] = -1;
|
|
|
+ }
|
|
|
+ this.current.lineWidth = width;
|
|
|
+ this.ctx.lineWidth = width;
|
|
|
+ }
|
|
|
+ setLineCap(style) {
|
|
|
+ this.ctx.lineCap = LINE_CAP_STYLES[style];
|
|
|
+ }
|
|
|
+ setLineJoin(style) {
|
|
|
+ this.ctx.lineJoin = LINE_JOIN_STYLES[style];
|
|
|
+ }
|
|
|
+ setMiterLimit(limit) {
|
|
|
+ this.ctx.miterLimit = limit;
|
|
|
+ }
|
|
|
+ setDash(dashArray, dashPhase) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ if (ctx.setLineDash !== undefined) {
|
|
|
+ ctx.setLineDash(dashArray);
|
|
|
+ ctx.lineDashOffset = dashPhase;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setRenderingIntent(intent) {}
|
|
|
+ setFlatness(flatness) {}
|
|
|
+ setGState(states) {
|
|
|
+ for (const [key, value] of states) {
|
|
|
+ switch (key) {
|
|
|
+ case "LW":
|
|
|
+ this.setLineWidth(value);
|
|
|
+ break;
|
|
|
+ case "LC":
|
|
|
+ this.setLineCap(value);
|
|
|
+ break;
|
|
|
+ case "LJ":
|
|
|
+ this.setLineJoin(value);
|
|
|
+ break;
|
|
|
+ case "ML":
|
|
|
+ this.setMiterLimit(value);
|
|
|
+ break;
|
|
|
+ case "D":
|
|
|
+ this.setDash(value[0], value[1]);
|
|
|
+ break;
|
|
|
+ case "RI":
|
|
|
+ this.setRenderingIntent(value);
|
|
|
+ break;
|
|
|
+ case "FL":
|
|
|
+ this.setFlatness(value);
|
|
|
+ break;
|
|
|
+ case "Font":
|
|
|
+ this.setFont(value[0], value[1]);
|
|
|
+ break;
|
|
|
+ case "CA":
|
|
|
+ this.current.strokeAlpha = value;
|
|
|
+ break;
|
|
|
+ case "ca":
|
|
|
+ this.current.fillAlpha = value;
|
|
|
+ this.ctx.globalAlpha = value;
|
|
|
+ break;
|
|
|
+ case "BM":
|
|
|
+ this.ctx.globalCompositeOperation = value;
|
|
|
+ break;
|
|
|
+ case "SMask":
|
|
|
+ this.current.activeSMask = value ? this.tempSMask : null;
|
|
|
+ this.tempSMask = null;
|
|
|
+ this.checkSMaskState();
|
|
|
+ break;
|
|
|
+ case "TR":
|
|
|
+ this.ctx.filter = this.current.transferMaps = this.filterFactory.addFilter(value);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get inSMaskMode() {
|
|
|
+ return !!this.suspendedCtx;
|
|
|
+ }
|
|
|
+ checkSMaskState() {
|
|
|
+ const inSMaskMode = this.inSMaskMode;
|
|
|
+ if (this.current.activeSMask && !inSMaskMode) {
|
|
|
+ this.beginSMaskMode();
|
|
|
+ } else if (!this.current.activeSMask && inSMaskMode) {
|
|
|
+ this.endSMaskMode();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ beginSMaskMode() {
|
|
|
+ if (this.inSMaskMode) {
|
|
|
+ throw new Error("beginSMaskMode called while already in smask mode");
|
|
|
+ }
|
|
|
+ const drawnWidth = this.ctx.canvas.width;
|
|
|
+ const drawnHeight = this.ctx.canvas.height;
|
|
|
+ const cacheId = "smaskGroupAt" + this.groupLevel;
|
|
|
+ const scratchCanvas = this.cachedCanvases.getCanvas(cacheId, drawnWidth, drawnHeight);
|
|
|
+ this.suspendedCtx = this.ctx;
|
|
|
+ this.ctx = scratchCanvas.context;
|
|
|
+ const ctx = this.ctx;
|
|
|
+ ctx.setTransform(...(0, _display_utils.getCurrentTransform)(this.suspendedCtx));
|
|
|
+ copyCtxState(this.suspendedCtx, ctx);
|
|
|
+ mirrorContextOperations(ctx, this.suspendedCtx);
|
|
|
+ this.setGState([["BM", "source-over"], ["ca", 1], ["CA", 1]]);
|
|
|
+ }
|
|
|
+ endSMaskMode() {
|
|
|
+ if (!this.inSMaskMode) {
|
|
|
+ throw new Error("endSMaskMode called while not in smask mode");
|
|
|
+ }
|
|
|
+ this.ctx._removeMirroring();
|
|
|
+ copyCtxState(this.ctx, this.suspendedCtx);
|
|
|
+ this.ctx = this.suspendedCtx;
|
|
|
+ this.suspendedCtx = null;
|
|
|
+ }
|
|
|
+ compose(dirtyBox) {
|
|
|
+ if (!this.current.activeSMask) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!dirtyBox) {
|
|
|
+ dirtyBox = [0, 0, this.ctx.canvas.width, this.ctx.canvas.height];
|
|
|
+ } else {
|
|
|
+ dirtyBox[0] = Math.floor(dirtyBox[0]);
|
|
|
+ dirtyBox[1] = Math.floor(dirtyBox[1]);
|
|
|
+ dirtyBox[2] = Math.ceil(dirtyBox[2]);
|
|
|
+ dirtyBox[3] = Math.ceil(dirtyBox[3]);
|
|
|
+ }
|
|
|
+ const smask = this.current.activeSMask;
|
|
|
+ const suspendedCtx = this.suspendedCtx;
|
|
|
+ composeSMask(suspendedCtx, smask, this.ctx, dirtyBox);
|
|
|
+ this.ctx.save();
|
|
|
+ this.ctx.setTransform(1, 0, 0, 1, 0, 0);
|
|
|
+ this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height);
|
|
|
+ this.ctx.restore();
|
|
|
+ }
|
|
|
+ save() {
|
|
|
+ if (this.inSMaskMode) {
|
|
|
+ copyCtxState(this.ctx, this.suspendedCtx);
|
|
|
+ this.suspendedCtx.save();
|
|
|
+ } else {
|
|
|
+ this.ctx.save();
|
|
|
+ }
|
|
|
+ const old = this.current;
|
|
|
+ this.stateStack.push(old);
|
|
|
+ this.current = old.clone();
|
|
|
+ }
|
|
|
+ restore() {
|
|
|
+ if (this.stateStack.length === 0 && this.inSMaskMode) {
|
|
|
+ this.endSMaskMode();
|
|
|
+ }
|
|
|
+ if (this.stateStack.length !== 0) {
|
|
|
+ this.current = this.stateStack.pop();
|
|
|
+ if (this.inSMaskMode) {
|
|
|
+ this.suspendedCtx.restore();
|
|
|
+ copyCtxState(this.suspendedCtx, this.ctx);
|
|
|
+ } else {
|
|
|
+ this.ctx.restore();
|
|
|
+ }
|
|
|
+ this.checkSMaskState();
|
|
|
+ this.pendingClip = null;
|
|
|
+ this._cachedScaleForStroking[0] = -1;
|
|
|
+ this._cachedGetSinglePixelWidth = null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ transform(a, b, c, d, e, f) {
|
|
|
+ this.ctx.transform(a, b, c, d, e, f);
|
|
|
+ this._cachedScaleForStroking[0] = -1;
|
|
|
+ this._cachedGetSinglePixelWidth = null;
|
|
|
+ }
|
|
|
+ constructPath(ops, args, minMax) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const current = this.current;
|
|
|
+ let x = current.x,
|
|
|
+ y = current.y;
|
|
|
+ let startX, startY;
|
|
|
+ const currentTransform = (0, _display_utils.getCurrentTransform)(ctx);
|
|
|
+ const isScalingMatrix = currentTransform[0] === 0 && currentTransform[3] === 0 || currentTransform[1] === 0 && currentTransform[2] === 0;
|
|
|
+ const minMaxForBezier = isScalingMatrix ? minMax.slice(0) : null;
|
|
|
+ for (let i = 0, j = 0, ii = ops.length; i < ii; i++) {
|
|
|
+ switch (ops[i] | 0) {
|
|
|
+ case _util.OPS.rectangle:
|
|
|
+ x = args[j++];
|
|
|
+ y = args[j++];
|
|
|
+ const width = args[j++];
|
|
|
+ const height = args[j++];
|
|
|
+ const xw = x + width;
|
|
|
+ const yh = y + height;
|
|
|
+ ctx.moveTo(x, y);
|
|
|
+ if (width === 0 || height === 0) {
|
|
|
+ ctx.lineTo(xw, yh);
|
|
|
+ } else {
|
|
|
+ ctx.lineTo(xw, y);
|
|
|
+ ctx.lineTo(xw, yh);
|
|
|
+ ctx.lineTo(x, yh);
|
|
|
+ }
|
|
|
+ if (!isScalingMatrix) {
|
|
|
+ current.updateRectMinMax(currentTransform, [x, y, xw, yh]);
|
|
|
+ }
|
|
|
+ ctx.closePath();
|
|
|
+ break;
|
|
|
+ case _util.OPS.moveTo:
|
|
|
+ x = args[j++];
|
|
|
+ y = args[j++];
|
|
|
+ ctx.moveTo(x, y);
|
|
|
+ if (!isScalingMatrix) {
|
|
|
+ current.updatePathMinMax(currentTransform, x, y);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case _util.OPS.lineTo:
|
|
|
+ x = args[j++];
|
|
|
+ y = args[j++];
|
|
|
+ ctx.lineTo(x, y);
|
|
|
+ if (!isScalingMatrix) {
|
|
|
+ current.updatePathMinMax(currentTransform, x, y);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case _util.OPS.curveTo:
|
|
|
+ startX = x;
|
|
|
+ startY = y;
|
|
|
+ x = args[j + 4];
|
|
|
+ y = args[j + 5];
|
|
|
+ ctx.bezierCurveTo(args[j], args[j + 1], args[j + 2], args[j + 3], x, y);
|
|
|
+ current.updateCurvePathMinMax(currentTransform, startX, startY, args[j], args[j + 1], args[j + 2], args[j + 3], x, y, minMaxForBezier);
|
|
|
+ j += 6;
|
|
|
+ break;
|
|
|
+ case _util.OPS.curveTo2:
|
|
|
+ startX = x;
|
|
|
+ startY = y;
|
|
|
+ ctx.bezierCurveTo(x, y, args[j], args[j + 1], args[j + 2], args[j + 3]);
|
|
|
+ current.updateCurvePathMinMax(currentTransform, startX, startY, x, y, args[j], args[j + 1], args[j + 2], args[j + 3], minMaxForBezier);
|
|
|
+ x = args[j + 2];
|
|
|
+ y = args[j + 3];
|
|
|
+ j += 4;
|
|
|
+ break;
|
|
|
+ case _util.OPS.curveTo3:
|
|
|
+ startX = x;
|
|
|
+ startY = y;
|
|
|
+ x = args[j + 2];
|
|
|
+ y = args[j + 3];
|
|
|
+ ctx.bezierCurveTo(args[j], args[j + 1], x, y, x, y);
|
|
|
+ current.updateCurvePathMinMax(currentTransform, startX, startY, args[j], args[j + 1], x, y, x, y, minMaxForBezier);
|
|
|
+ j += 4;
|
|
|
+ break;
|
|
|
+ case _util.OPS.closePath:
|
|
|
+ ctx.closePath();
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (isScalingMatrix) {
|
|
|
+ current.updateScalingPathMinMax(currentTransform, minMaxForBezier);
|
|
|
+ }
|
|
|
+ current.setCurrentPoint(x, y);
|
|
|
+ }
|
|
|
+ closePath() {
|
|
|
+ this.ctx.closePath();
|
|
|
+ }
|
|
|
+ stroke(consumePath = true) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const strokeColor = this.current.strokeColor;
|
|
|
+ ctx.globalAlpha = this.current.strokeAlpha;
|
|
|
+ if (this.contentVisible) {
|
|
|
+ if (typeof strokeColor === "object" && strokeColor?.getPattern) {
|
|
|
+ ctx.save();
|
|
|
+ ctx.strokeStyle = strokeColor.getPattern(ctx, this, (0, _display_utils.getCurrentTransformInverse)(ctx), _pattern_helper.PathType.STROKE);
|
|
|
+ this.rescaleAndStroke(false);
|
|
|
+ ctx.restore();
|
|
|
+ } else {
|
|
|
+ this.rescaleAndStroke(true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (consumePath) {
|
|
|
+ this.consumePath(this.current.getClippedPathBoundingBox());
|
|
|
+ }
|
|
|
+ ctx.globalAlpha = this.current.fillAlpha;
|
|
|
+ }
|
|
|
+ closeStroke() {
|
|
|
+ this.closePath();
|
|
|
+ this.stroke();
|
|
|
+ }
|
|
|
+ fill(consumePath = true) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const fillColor = this.current.fillColor;
|
|
|
+ const isPatternFill = this.current.patternFill;
|
|
|
+ let needRestore = false;
|
|
|
+ if (isPatternFill) {
|
|
|
+ ctx.save();
|
|
|
+ ctx.fillStyle = fillColor.getPattern(ctx, this, (0, _display_utils.getCurrentTransformInverse)(ctx), _pattern_helper.PathType.FILL);
|
|
|
+ needRestore = true;
|
|
|
+ }
|
|
|
+ const intersect = this.current.getClippedPathBoundingBox();
|
|
|
+ if (this.contentVisible && intersect !== null) {
|
|
|
+ if (this.pendingEOFill) {
|
|
|
+ ctx.fill("evenodd");
|
|
|
+ this.pendingEOFill = false;
|
|
|
+ } else {
|
|
|
+ ctx.fill();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (needRestore) {
|
|
|
+ ctx.restore();
|
|
|
+ }
|
|
|
+ if (consumePath) {
|
|
|
+ this.consumePath(intersect);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ eoFill() {
|
|
|
+ this.pendingEOFill = true;
|
|
|
+ this.fill();
|
|
|
+ }
|
|
|
+ fillStroke() {
|
|
|
+ this.fill(false);
|
|
|
+ this.stroke(false);
|
|
|
+ this.consumePath();
|
|
|
+ }
|
|
|
+ eoFillStroke() {
|
|
|
+ this.pendingEOFill = true;
|
|
|
+ this.fillStroke();
|
|
|
+ }
|
|
|
+ closeFillStroke() {
|
|
|
+ this.closePath();
|
|
|
+ this.fillStroke();
|
|
|
+ }
|
|
|
+ closeEOFillStroke() {
|
|
|
+ this.pendingEOFill = true;
|
|
|
+ this.closePath();
|
|
|
+ this.fillStroke();
|
|
|
+ }
|
|
|
+ endPath() {
|
|
|
+ this.consumePath();
|
|
|
+ }
|
|
|
+ clip() {
|
|
|
+ this.pendingClip = NORMAL_CLIP;
|
|
|
+ }
|
|
|
+ eoClip() {
|
|
|
+ this.pendingClip = EO_CLIP;
|
|
|
+ }
|
|
|
+ beginText() {
|
|
|
+ this.current.textMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ this.current.textMatrixScale = 1;
|
|
|
+ this.current.x = this.current.lineX = 0;
|
|
|
+ this.current.y = this.current.lineY = 0;
|
|
|
+ }
|
|
|
+ endText() {
|
|
|
+ const paths = this.pendingTextPaths;
|
|
|
+ const ctx = this.ctx;
|
|
|
+ if (paths === undefined) {
|
|
|
+ ctx.beginPath();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ ctx.save();
|
|
|
+ ctx.beginPath();
|
|
|
+ for (const path of paths) {
|
|
|
+ ctx.setTransform(...path.transform);
|
|
|
+ ctx.translate(path.x, path.y);
|
|
|
+ path.addToPath(ctx, path.fontSize);
|
|
|
+ }
|
|
|
+ ctx.restore();
|
|
|
+ ctx.clip();
|
|
|
+ ctx.beginPath();
|
|
|
+ delete this.pendingTextPaths;
|
|
|
+ }
|
|
|
+ setCharSpacing(spacing) {
|
|
|
+ this.current.charSpacing = spacing;
|
|
|
+ }
|
|
|
+ setWordSpacing(spacing) {
|
|
|
+ this.current.wordSpacing = spacing;
|
|
|
+ }
|
|
|
+ setHScale(scale) {
|
|
|
+ this.current.textHScale = scale / 100;
|
|
|
+ }
|
|
|
+ setLeading(leading) {
|
|
|
+ this.current.leading = -leading;
|
|
|
+ }
|
|
|
+ setFont(fontRefName, size) {
|
|
|
+ const fontObj = this.commonObjs.get(fontRefName);
|
|
|
+ const current = this.current;
|
|
|
+ if (!fontObj) {
|
|
|
+ throw new Error(`Can't find font for ${fontRefName}`);
|
|
|
+ }
|
|
|
+ current.fontMatrix = fontObj.fontMatrix || _util.FONT_IDENTITY_MATRIX;
|
|
|
+ if (current.fontMatrix[0] === 0 || current.fontMatrix[3] === 0) {
|
|
|
+ (0, _util.warn)("Invalid font matrix for font " + fontRefName);
|
|
|
+ }
|
|
|
+ if (size < 0) {
|
|
|
+ size = -size;
|
|
|
+ current.fontDirection = -1;
|
|
|
+ } else {
|
|
|
+ current.fontDirection = 1;
|
|
|
+ }
|
|
|
+ this.current.font = fontObj;
|
|
|
+ this.current.fontSize = size;
|
|
|
+ if (fontObj.isType3Font) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const name = fontObj.loadedName || "sans-serif";
|
|
|
+ const typeface = fontObj.systemFontInfo?.css || `"${name}", ${fontObj.fallbackName}`;
|
|
|
+ let bold = "normal";
|
|
|
+ if (fontObj.black) {
|
|
|
+ bold = "900";
|
|
|
+ } else if (fontObj.bold) {
|
|
|
+ bold = "bold";
|
|
|
+ }
|
|
|
+ const italic = fontObj.italic ? "italic" : "normal";
|
|
|
+ let browserFontSize = size;
|
|
|
+ if (size < MIN_FONT_SIZE) {
|
|
|
+ browserFontSize = MIN_FONT_SIZE;
|
|
|
+ } else if (size > MAX_FONT_SIZE) {
|
|
|
+ browserFontSize = MAX_FONT_SIZE;
|
|
|
+ }
|
|
|
+ this.current.fontSizeScale = size / browserFontSize;
|
|
|
+ this.ctx.font = `${italic} ${bold} ${browserFontSize}px ${typeface}`;
|
|
|
+ }
|
|
|
+ setTextRenderingMode(mode) {
|
|
|
+ this.current.textRenderingMode = mode;
|
|
|
+ }
|
|
|
+ setTextRise(rise) {
|
|
|
+ this.current.textRise = rise;
|
|
|
+ }
|
|
|
+ moveText(x, y) {
|
|
|
+ this.current.x = this.current.lineX += x;
|
|
|
+ this.current.y = this.current.lineY += y;
|
|
|
+ }
|
|
|
+ setLeadingMoveText(x, y) {
|
|
|
+ this.setLeading(-y);
|
|
|
+ this.moveText(x, y);
|
|
|
+ }
|
|
|
+ setTextMatrix(a, b, c, d, e, f) {
|
|
|
+ this.current.textMatrix = [a, b, c, d, e, f];
|
|
|
+ this.current.textMatrixScale = Math.hypot(a, b);
|
|
|
+ this.current.x = this.current.lineX = 0;
|
|
|
+ this.current.y = this.current.lineY = 0;
|
|
|
+ }
|
|
|
+ nextLine() {
|
|
|
+ this.moveText(0, this.current.leading);
|
|
|
+ }
|
|
|
+ paintChar(character, x, y, patternTransform) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const current = this.current;
|
|
|
+ const font = current.font;
|
|
|
+ const textRenderingMode = current.textRenderingMode;
|
|
|
+ const fontSize = current.fontSize / current.fontSizeScale;
|
|
|
+ const fillStrokeMode = textRenderingMode & _util.TextRenderingMode.FILL_STROKE_MASK;
|
|
|
+ const isAddToPathSet = !!(textRenderingMode & _util.TextRenderingMode.ADD_TO_PATH_FLAG);
|
|
|
+ const patternFill = current.patternFill && !font.missingFile;
|
|
|
+ let addToPath;
|
|
|
+ if (font.disableFontFace || isAddToPathSet || patternFill) {
|
|
|
+ addToPath = font.getPathGenerator(this.commonObjs, character);
|
|
|
+ }
|
|
|
+ if (font.disableFontFace || patternFill) {
|
|
|
+ ctx.save();
|
|
|
+ ctx.translate(x, y);
|
|
|
+ ctx.beginPath();
|
|
|
+ addToPath(ctx, fontSize);
|
|
|
+ if (patternTransform) {
|
|
|
+ ctx.setTransform(...patternTransform);
|
|
|
+ }
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.FILL || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ ctx.fill();
|
|
|
+ }
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.STROKE || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ ctx.stroke();
|
|
|
+ }
|
|
|
+ ctx.restore();
|
|
|
+ } else {
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.FILL || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ ctx.fillText(character, x, y);
|
|
|
+ }
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.STROKE || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ ctx.strokeText(character, x, y);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (isAddToPathSet) {
|
|
|
+ const paths = this.pendingTextPaths ||= [];
|
|
|
+ paths.push({
|
|
|
+ transform: (0, _display_utils.getCurrentTransform)(ctx),
|
|
|
+ x,
|
|
|
+ y,
|
|
|
+ fontSize,
|
|
|
+ addToPath
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get isFontSubpixelAAEnabled() {
|
|
|
+ const {
|
|
|
+ context: ctx
|
|
|
+ } = this.cachedCanvases.getCanvas("isFontSubpixelAAEnabled", 10, 10);
|
|
|
+ ctx.scale(1.5, 1);
|
|
|
+ ctx.fillText("I", 0, 10);
|
|
|
+ const data = ctx.getImageData(0, 0, 10, 10).data;
|
|
|
+ let enabled = false;
|
|
|
+ for (let i = 3; i < data.length; i += 4) {
|
|
|
+ if (data[i] > 0 && data[i] < 255) {
|
|
|
+ enabled = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return (0, _util.shadow)(this, "isFontSubpixelAAEnabled", enabled);
|
|
|
+ }
|
|
|
+ showText(glyphs) {
|
|
|
+ const current = this.current;
|
|
|
+ const font = current.font;
|
|
|
+ if (font.isType3Font) {
|
|
|
+ return this.showType3Text(glyphs);
|
|
|
+ }
|
|
|
+ const fontSize = current.fontSize;
|
|
|
+ if (fontSize === 0) {
|
|
|
+ return undefined;
|
|
|
+ }
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const fontSizeScale = current.fontSizeScale;
|
|
|
+ const charSpacing = current.charSpacing;
|
|
|
+ const wordSpacing = current.wordSpacing;
|
|
|
+ const fontDirection = current.fontDirection;
|
|
|
+ const textHScale = current.textHScale * fontDirection;
|
|
|
+ const glyphsLength = glyphs.length;
|
|
|
+ const vertical = font.vertical;
|
|
|
+ const spacingDir = vertical ? 1 : -1;
|
|
|
+ const defaultVMetrics = font.defaultVMetrics;
|
|
|
+ const widthAdvanceScale = fontSize * current.fontMatrix[0];
|
|
|
+ const simpleFillText = current.textRenderingMode === _util.TextRenderingMode.FILL && !font.disableFontFace && !current.patternFill;
|
|
|
+ ctx.save();
|
|
|
+ ctx.transform(...current.textMatrix);
|
|
|
+ ctx.translate(current.x, current.y + current.textRise);
|
|
|
+ if (fontDirection > 0) {
|
|
|
+ ctx.scale(textHScale, -1);
|
|
|
+ } else {
|
|
|
+ ctx.scale(textHScale, 1);
|
|
|
+ }
|
|
|
+ let patternTransform;
|
|
|
+ if (current.patternFill) {
|
|
|
+ ctx.save();
|
|
|
+ const pattern = current.fillColor.getPattern(ctx, this, (0, _display_utils.getCurrentTransformInverse)(ctx), _pattern_helper.PathType.FILL);
|
|
|
+ patternTransform = (0, _display_utils.getCurrentTransform)(ctx);
|
|
|
+ ctx.restore();
|
|
|
+ ctx.fillStyle = pattern;
|
|
|
+ }
|
|
|
+ let lineWidth = current.lineWidth;
|
|
|
+ const scale = current.textMatrixScale;
|
|
|
+ if (scale === 0 || lineWidth === 0) {
|
|
|
+ const fillStrokeMode = current.textRenderingMode & _util.TextRenderingMode.FILL_STROKE_MASK;
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.STROKE || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ lineWidth = this.getSinglePixelWidth();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ lineWidth /= scale;
|
|
|
+ }
|
|
|
+ if (fontSizeScale !== 1.0) {
|
|
|
+ ctx.scale(fontSizeScale, fontSizeScale);
|
|
|
+ lineWidth /= fontSizeScale;
|
|
|
+ }
|
|
|
+ ctx.lineWidth = lineWidth;
|
|
|
+ if (font.isInvalidPDFjsFont) {
|
|
|
+ const chars = [];
|
|
|
+ let width = 0;
|
|
|
+ for (const glyph of glyphs) {
|
|
|
+ chars.push(glyph.unicode);
|
|
|
+ width += glyph.width;
|
|
|
+ }
|
|
|
+ ctx.fillText(chars.join(""), 0, 0);
|
|
|
+ current.x += width * widthAdvanceScale * textHScale;
|
|
|
+ ctx.restore();
|
|
|
+ this.compose();
|
|
|
+ return undefined;
|
|
|
+ }
|
|
|
+ let x = 0,
|
|
|
+ i;
|
|
|
+ for (i = 0; i < glyphsLength; ++i) {
|
|
|
+ const glyph = glyphs[i];
|
|
|
+ if (typeof glyph === "number") {
|
|
|
+ x += spacingDir * glyph * fontSize / 1000;
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ let restoreNeeded = false;
|
|
|
+ const spacing = (glyph.isSpace ? wordSpacing : 0) + charSpacing;
|
|
|
+ const character = glyph.fontChar;
|
|
|
+ const accent = glyph.accent;
|
|
|
+ let scaledX, scaledY;
|
|
|
+ let width = glyph.width;
|
|
|
+ if (vertical) {
|
|
|
+ const vmetric = glyph.vmetric || defaultVMetrics;
|
|
|
+ const vx = -(glyph.vmetric ? vmetric[1] : width * 0.5) * widthAdvanceScale;
|
|
|
+ const vy = vmetric[2] * widthAdvanceScale;
|
|
|
+ width = vmetric ? -vmetric[0] : width;
|
|
|
+ scaledX = vx / fontSizeScale;
|
|
|
+ scaledY = (x + vy) / fontSizeScale;
|
|
|
+ } else {
|
|
|
+ scaledX = x / fontSizeScale;
|
|
|
+ scaledY = 0;
|
|
|
+ }
|
|
|
+ if (font.remeasure && width > 0) {
|
|
|
+ const measuredWidth = ctx.measureText(character).width * 1000 / fontSize * fontSizeScale;
|
|
|
+ if (width < measuredWidth && this.isFontSubpixelAAEnabled) {
|
|
|
+ const characterScaleX = width / measuredWidth;
|
|
|
+ restoreNeeded = true;
|
|
|
+ ctx.save();
|
|
|
+ ctx.scale(characterScaleX, 1);
|
|
|
+ scaledX /= characterScaleX;
|
|
|
+ } else if (width !== measuredWidth) {
|
|
|
+ scaledX += (width - measuredWidth) / 2000 * fontSize / fontSizeScale;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.contentVisible && (glyph.isInFont || font.missingFile)) {
|
|
|
+ if (simpleFillText && !accent) {
|
|
|
+ ctx.fillText(character, scaledX, scaledY);
|
|
|
+ } else {
|
|
|
+ this.paintChar(character, scaledX, scaledY, patternTransform);
|
|
|
+ if (accent) {
|
|
|
+ const scaledAccentX = scaledX + fontSize * accent.offset.x / fontSizeScale;
|
|
|
+ const scaledAccentY = scaledY - fontSize * accent.offset.y / fontSizeScale;
|
|
|
+ this.paintChar(accent.fontChar, scaledAccentX, scaledAccentY, patternTransform);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let charWidth;
|
|
|
+ if (vertical) {
|
|
|
+ charWidth = width * widthAdvanceScale - spacing * fontDirection;
|
|
|
+ } else {
|
|
|
+ charWidth = width * widthAdvanceScale + spacing * fontDirection;
|
|
|
+ }
|
|
|
+ x += charWidth;
|
|
|
+ if (restoreNeeded) {
|
|
|
+ ctx.restore();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (vertical) {
|
|
|
+ current.y -= x;
|
|
|
+ } else {
|
|
|
+ current.x += x * textHScale;
|
|
|
+ }
|
|
|
+ ctx.restore();
|
|
|
+ this.compose();
|
|
|
+ return undefined;
|
|
|
+ }
|
|
|
+ showType3Text(glyphs) {
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const current = this.current;
|
|
|
+ const font = current.font;
|
|
|
+ const fontSize = current.fontSize;
|
|
|
+ const fontDirection = current.fontDirection;
|
|
|
+ const spacingDir = font.vertical ? 1 : -1;
|
|
|
+ const charSpacing = current.charSpacing;
|
|
|
+ const wordSpacing = current.wordSpacing;
|
|
|
+ const textHScale = current.textHScale * fontDirection;
|
|
|
+ const fontMatrix = current.fontMatrix || _util.FONT_IDENTITY_MATRIX;
|
|
|
+ const glyphsLength = glyphs.length;
|
|
|
+ const isTextInvisible = current.textRenderingMode === _util.TextRenderingMode.INVISIBLE;
|
|
|
+ let i, glyph, width, spacingLength;
|
|
|
+ if (isTextInvisible || fontSize === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._cachedScaleForStroking[0] = -1;
|
|
|
+ this._cachedGetSinglePixelWidth = null;
|
|
|
+ ctx.save();
|
|
|
+ ctx.transform(...current.textMatrix);
|
|
|
+ ctx.translate(current.x, current.y);
|
|
|
+ ctx.scale(textHScale, fontDirection);
|
|
|
+ for (i = 0; i < glyphsLength; ++i) {
|
|
|
+ glyph = glyphs[i];
|
|
|
+ if (typeof glyph === "number") {
|
|
|
+ spacingLength = spacingDir * glyph * fontSize / 1000;
|
|
|
+ this.ctx.translate(spacingLength, 0);
|
|
|
+ current.x += spacingLength * textHScale;
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const spacing = (glyph.isSpace ? wordSpacing : 0) + charSpacing;
|
|
|
+ const operatorList = font.charProcOperatorList[glyph.operatorListId];
|
|
|
+ if (!operatorList) {
|
|
|
+ (0, _util.warn)(`Type3 character "${glyph.operatorListId}" is not available.`);
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (this.contentVisible) {
|
|
|
+ this.processingType3 = glyph;
|
|
|
+ this.save();
|
|
|
+ ctx.scale(fontSize, fontSize);
|
|
|
+ ctx.transform(...fontMatrix);
|
|
|
+ this.executeOperatorList(operatorList);
|
|
|
+ this.restore();
|
|
|
+ }
|
|
|
+ const transformed = _util.Util.applyTransform([glyph.width, 0], fontMatrix);
|
|
|
+ width = transformed[0] * fontSize + spacing;
|
|
|
+ ctx.translate(width, 0);
|
|
|
+ current.x += width * textHScale;
|
|
|
+ }
|
|
|
+ ctx.restore();
|
|
|
+ this.processingType3 = null;
|
|
|
+ }
|
|
|
+ setCharWidth(xWidth, yWidth) {}
|
|
|
+ setCharWidthAndBounds(xWidth, yWidth, llx, lly, urx, ury) {
|
|
|
+ this.ctx.rect(llx, lly, urx - llx, ury - lly);
|
|
|
+ this.ctx.clip();
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ getColorN_Pattern(IR) {
|
|
|
+ let pattern;
|
|
|
+ if (IR[0] === "TilingPattern") {
|
|
|
+ const color = IR[1];
|
|
|
+ const baseTransform = this.baseTransform || (0, _display_utils.getCurrentTransform)(this.ctx);
|
|
|
+ const canvasGraphicsFactory = {
|
|
|
+ createCanvasGraphics: ctx => {
|
|
|
+ return new CanvasGraphics(ctx, this.commonObjs, this.objs, this.canvasFactory, this.filterFactory, {
|
|
|
+ optionalContentConfig: this.optionalContentConfig,
|
|
|
+ markedContentStack: this.markedContentStack
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ pattern = new _pattern_helper.TilingPattern(IR, color, this.ctx, canvasGraphicsFactory, baseTransform);
|
|
|
+ } else {
|
|
|
+ pattern = this._getPattern(IR[1], IR[2]);
|
|
|
+ }
|
|
|
+ return pattern;
|
|
|
+ }
|
|
|
+ setStrokeColorN() {
|
|
|
+ this.current.strokeColor = this.getColorN_Pattern(arguments);
|
|
|
+ }
|
|
|
+ setFillColorN() {
|
|
|
+ this.current.fillColor = this.getColorN_Pattern(arguments);
|
|
|
+ this.current.patternFill = true;
|
|
|
+ }
|
|
|
+ setStrokeRGBColor(r, g, b) {
|
|
|
+ const color = _util.Util.makeHexColor(r, g, b);
|
|
|
+ this.ctx.strokeStyle = color;
|
|
|
+ this.current.strokeColor = color;
|
|
|
+ }
|
|
|
+ setFillRGBColor(r, g, b) {
|
|
|
+ const color = _util.Util.makeHexColor(r, g, b);
|
|
|
+ this.ctx.fillStyle = color;
|
|
|
+ this.current.fillColor = color;
|
|
|
+ this.current.patternFill = false;
|
|
|
+ }
|
|
|
+ _getPattern(objId, matrix = null) {
|
|
|
+ let pattern;
|
|
|
+ if (this.cachedPatterns.has(objId)) {
|
|
|
+ pattern = this.cachedPatterns.get(objId);
|
|
|
+ } else {
|
|
|
+ pattern = (0, _pattern_helper.getShadingPattern)(this.getObject(objId));
|
|
|
+ this.cachedPatterns.set(objId, pattern);
|
|
|
+ }
|
|
|
+ if (matrix) {
|
|
|
+ pattern.matrix = matrix;
|
|
|
+ }
|
|
|
+ return pattern;
|
|
|
+ }
|
|
|
+ shadingFill(objId) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const ctx = this.ctx;
|
|
|
+ this.save();
|
|
|
+ const pattern = this._getPattern(objId);
|
|
|
+ ctx.fillStyle = pattern.getPattern(ctx, this, (0, _display_utils.getCurrentTransformInverse)(ctx), _pattern_helper.PathType.SHADING);
|
|
|
+ const inv = (0, _display_utils.getCurrentTransformInverse)(ctx);
|
|
|
+ if (inv) {
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = ctx.canvas;
|
|
|
+ const [x0, y0, x1, y1] = _util.Util.getAxialAlignedBoundingBox([0, 0, width, height], inv);
|
|
|
+ this.ctx.fillRect(x0, y0, x1 - x0, y1 - y0);
|
|
|
+ } else {
|
|
|
+ this.ctx.fillRect(-1e10, -1e10, 2e10, 2e10);
|
|
|
+ }
|
|
|
+ this.compose(this.current.getClippedPathBoundingBox());
|
|
|
+ this.restore();
|
|
|
+ }
|
|
|
+ beginInlineImage() {
|
|
|
+ (0, _util.unreachable)("Should not call beginInlineImage");
|
|
|
+ }
|
|
|
+ beginImageData() {
|
|
|
+ (0, _util.unreachable)("Should not call beginImageData");
|
|
|
+ }
|
|
|
+ paintFormXObjectBegin(matrix, bbox) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.save();
|
|
|
+ this.baseTransformStack.push(this.baseTransform);
|
|
|
+ if (Array.isArray(matrix) && matrix.length === 6) {
|
|
|
+ this.transform(...matrix);
|
|
|
+ }
|
|
|
+ this.baseTransform = (0, _display_utils.getCurrentTransform)(this.ctx);
|
|
|
+ if (bbox) {
|
|
|
+ const width = bbox[2] - bbox[0];
|
|
|
+ const height = bbox[3] - bbox[1];
|
|
|
+ this.ctx.rect(bbox[0], bbox[1], width, height);
|
|
|
+ this.current.updateRectMinMax((0, _display_utils.getCurrentTransform)(this.ctx), bbox);
|
|
|
+ this.clip();
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ paintFormXObjectEnd() {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.restore();
|
|
|
+ this.baseTransform = this.baseTransformStack.pop();
|
|
|
+ }
|
|
|
+ beginGroup(group) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.save();
|
|
|
+ if (this.inSMaskMode) {
|
|
|
+ this.endSMaskMode();
|
|
|
+ this.current.activeSMask = null;
|
|
|
+ }
|
|
|
+ const currentCtx = this.ctx;
|
|
|
+ if (!group.isolated) {
|
|
|
+ (0, _util.info)("TODO: Support non-isolated groups.");
|
|
|
+ }
|
|
|
+ if (group.knockout) {
|
|
|
+ (0, _util.warn)("Knockout groups not supported.");
|
|
|
+ }
|
|
|
+ const currentTransform = (0, _display_utils.getCurrentTransform)(currentCtx);
|
|
|
+ if (group.matrix) {
|
|
|
+ currentCtx.transform(...group.matrix);
|
|
|
+ }
|
|
|
+ if (!group.bbox) {
|
|
|
+ throw new Error("Bounding box is required.");
|
|
|
+ }
|
|
|
+ let bounds = _util.Util.getAxialAlignedBoundingBox(group.bbox, (0, _display_utils.getCurrentTransform)(currentCtx));
|
|
|
+ const canvasBounds = [0, 0, currentCtx.canvas.width, currentCtx.canvas.height];
|
|
|
+ bounds = _util.Util.intersect(bounds, canvasBounds) || [0, 0, 0, 0];
|
|
|
+ const offsetX = Math.floor(bounds[0]);
|
|
|
+ const offsetY = Math.floor(bounds[1]);
|
|
|
+ let drawnWidth = Math.max(Math.ceil(bounds[2]) - offsetX, 1);
|
|
|
+ let drawnHeight = Math.max(Math.ceil(bounds[3]) - offsetY, 1);
|
|
|
+ let scaleX = 1,
|
|
|
+ scaleY = 1;
|
|
|
+ if (drawnWidth > MAX_GROUP_SIZE) {
|
|
|
+ scaleX = drawnWidth / MAX_GROUP_SIZE;
|
|
|
+ drawnWidth = MAX_GROUP_SIZE;
|
|
|
+ }
|
|
|
+ if (drawnHeight > MAX_GROUP_SIZE) {
|
|
|
+ scaleY = drawnHeight / MAX_GROUP_SIZE;
|
|
|
+ drawnHeight = MAX_GROUP_SIZE;
|
|
|
+ }
|
|
|
+ this.current.startNewPathAndClipBox([0, 0, drawnWidth, drawnHeight]);
|
|
|
+ let cacheId = "groupAt" + this.groupLevel;
|
|
|
+ if (group.smask) {
|
|
|
+ cacheId += "_smask_" + this.smaskCounter++ % 2;
|
|
|
+ }
|
|
|
+ const scratchCanvas = this.cachedCanvases.getCanvas(cacheId, drawnWidth, drawnHeight);
|
|
|
+ const groupCtx = scratchCanvas.context;
|
|
|
+ groupCtx.scale(1 / scaleX, 1 / scaleY);
|
|
|
+ groupCtx.translate(-offsetX, -offsetY);
|
|
|
+ groupCtx.transform(...currentTransform);
|
|
|
+ if (group.smask) {
|
|
|
+ this.smaskStack.push({
|
|
|
+ canvas: scratchCanvas.canvas,
|
|
|
+ context: groupCtx,
|
|
|
+ offsetX,
|
|
|
+ offsetY,
|
|
|
+ scaleX,
|
|
|
+ scaleY,
|
|
|
+ subtype: group.smask.subtype,
|
|
|
+ backdrop: group.smask.backdrop,
|
|
|
+ transferMap: group.smask.transferMap || null,
|
|
|
+ startTransformInverse: null
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ currentCtx.setTransform(1, 0, 0, 1, 0, 0);
|
|
|
+ currentCtx.translate(offsetX, offsetY);
|
|
|
+ currentCtx.scale(scaleX, scaleY);
|
|
|
+ currentCtx.save();
|
|
|
+ }
|
|
|
+ copyCtxState(currentCtx, groupCtx);
|
|
|
+ this.ctx = groupCtx;
|
|
|
+ this.setGState([["BM", "source-over"], ["ca", 1], ["CA", 1]]);
|
|
|
+ this.groupStack.push(currentCtx);
|
|
|
+ this.groupLevel++;
|
|
|
+ }
|
|
|
+ endGroup(group) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.groupLevel--;
|
|
|
+ const groupCtx = this.ctx;
|
|
|
+ const ctx = this.groupStack.pop();
|
|
|
+ this.ctx = ctx;
|
|
|
+ this.ctx.imageSmoothingEnabled = false;
|
|
|
+ if (group.smask) {
|
|
|
+ this.tempSMask = this.smaskStack.pop();
|
|
|
+ this.restore();
|
|
|
+ } else {
|
|
|
+ this.ctx.restore();
|
|
|
+ const currentMtx = (0, _display_utils.getCurrentTransform)(this.ctx);
|
|
|
+ this.restore();
|
|
|
+ this.ctx.save();
|
|
|
+ this.ctx.setTransform(...currentMtx);
|
|
|
+ const dirtyBox = _util.Util.getAxialAlignedBoundingBox([0, 0, groupCtx.canvas.width, groupCtx.canvas.height], currentMtx);
|
|
|
+ this.ctx.drawImage(groupCtx.canvas, 0, 0);
|
|
|
+ this.ctx.restore();
|
|
|
+ this.compose(dirtyBox);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ beginAnnotation(id, rect, transform, matrix, hasOwnCanvas) {
|
|
|
+ this.#restoreInitialState();
|
|
|
+ resetCtxToDefault(this.ctx);
|
|
|
+ this.ctx.save();
|
|
|
+ this.save();
|
|
|
+ if (this.baseTransform) {
|
|
|
+ this.ctx.setTransform(...this.baseTransform);
|
|
|
+ }
|
|
|
+ if (Array.isArray(rect) && rect.length === 4) {
|
|
|
+ const width = rect[2] - rect[0];
|
|
|
+ const height = rect[3] - rect[1];
|
|
|
+ if (hasOwnCanvas && this.annotationCanvasMap) {
|
|
|
+ transform = transform.slice();
|
|
|
+ transform[4] -= rect[0];
|
|
|
+ transform[5] -= rect[1];
|
|
|
+ rect = rect.slice();
|
|
|
+ rect[0] = rect[1] = 0;
|
|
|
+ rect[2] = width;
|
|
|
+ rect[3] = height;
|
|
|
+ const [scaleX, scaleY] = _util.Util.singularValueDecompose2dScale((0, _display_utils.getCurrentTransform)(this.ctx));
|
|
|
+ const {
|
|
|
+ viewportScale
|
|
|
+ } = this;
|
|
|
+ const canvasWidth = Math.ceil(width * this.outputScaleX * viewportScale);
|
|
|
+ const canvasHeight = Math.ceil(height * this.outputScaleY * viewportScale);
|
|
|
+ this.annotationCanvas = this.canvasFactory.create(canvasWidth, canvasHeight);
|
|
|
+ const {
|
|
|
+ canvas,
|
|
|
+ context
|
|
|
+ } = this.annotationCanvas;
|
|
|
+ this.annotationCanvasMap.set(id, canvas);
|
|
|
+ this.annotationCanvas.savedCtx = this.ctx;
|
|
|
+ this.ctx = context;
|
|
|
+ this.ctx.save();
|
|
|
+ this.ctx.setTransform(scaleX, 0, 0, -scaleY, 0, height * scaleY);
|
|
|
+ resetCtxToDefault(this.ctx);
|
|
|
+ } else {
|
|
|
+ resetCtxToDefault(this.ctx);
|
|
|
+ this.ctx.rect(rect[0], rect[1], width, height);
|
|
|
+ this.ctx.clip();
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.current = new CanvasExtraState(this.ctx.canvas.width, this.ctx.canvas.height);
|
|
|
+ this.transform(...transform);
|
|
|
+ this.transform(...matrix);
|
|
|
+ }
|
|
|
+ endAnnotation() {
|
|
|
+ if (this.annotationCanvas) {
|
|
|
+ this.ctx.restore();
|
|
|
+ this.#drawFilter();
|
|
|
+ this.ctx = this.annotationCanvas.savedCtx;
|
|
|
+ delete this.annotationCanvas.savedCtx;
|
|
|
+ delete this.annotationCanvas;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ paintImageMaskXObject(img) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const count = img.count;
|
|
|
+ img = this.getObject(img.data, img);
|
|
|
+ img.count = count;
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const glyph = this.processingType3;
|
|
|
+ if (glyph) {
|
|
|
+ if (glyph.compiled === undefined) {
|
|
|
+ glyph.compiled = compileType3Glyph(img);
|
|
|
+ }
|
|
|
+ if (glyph.compiled) {
|
|
|
+ glyph.compiled(ctx);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const mask = this._createMaskCanvas(img);
|
|
|
+ const maskCanvas = mask.canvas;
|
|
|
+ ctx.save();
|
|
|
+ ctx.setTransform(1, 0, 0, 1, 0, 0);
|
|
|
+ ctx.drawImage(maskCanvas, mask.offsetX, mask.offsetY);
|
|
|
+ ctx.restore();
|
|
|
+ this.compose();
|
|
|
+ }
|
|
|
+ paintImageMaskXObjectRepeat(img, scaleX, skewX = 0, skewY = 0, scaleY, positions) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ img = this.getObject(img.data, img);
|
|
|
+ const ctx = this.ctx;
|
|
|
+ ctx.save();
|
|
|
+ const currentTransform = (0, _display_utils.getCurrentTransform)(ctx);
|
|
|
+ ctx.transform(scaleX, skewX, skewY, scaleY, 0, 0);
|
|
|
+ const mask = this._createMaskCanvas(img);
|
|
|
+ ctx.setTransform(1, 0, 0, 1, mask.offsetX - currentTransform[4], mask.offsetY - currentTransform[5]);
|
|
|
+ for (let i = 0, ii = positions.length; i < ii; i += 2) {
|
|
|
+ const trans = _util.Util.transform(currentTransform, [scaleX, skewX, skewY, scaleY, positions[i], positions[i + 1]]);
|
|
|
+ const [x, y] = _util.Util.applyTransform([0, 0], trans);
|
|
|
+ ctx.drawImage(mask.canvas, x, y);
|
|
|
+ }
|
|
|
+ ctx.restore();
|
|
|
+ this.compose();
|
|
|
+ }
|
|
|
+ paintImageMaskXObjectGroup(images) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const ctx = this.ctx;
|
|
|
+ const fillColor = this.current.fillColor;
|
|
|
+ const isPatternFill = this.current.patternFill;
|
|
|
+ for (const image of images) {
|
|
|
+ const {
|
|
|
+ data,
|
|
|
+ width,
|
|
|
+ height,
|
|
|
+ transform
|
|
|
+ } = image;
|
|
|
+ const maskCanvas = this.cachedCanvases.getCanvas("maskCanvas", width, height);
|
|
|
+ const maskCtx = maskCanvas.context;
|
|
|
+ maskCtx.save();
|
|
|
+ const img = this.getObject(data, image);
|
|
|
+ putBinaryImageMask(maskCtx, img);
|
|
|
+ maskCtx.globalCompositeOperation = "source-in";
|
|
|
+ maskCtx.fillStyle = isPatternFill ? fillColor.getPattern(maskCtx, this, (0, _display_utils.getCurrentTransformInverse)(ctx), _pattern_helper.PathType.FILL) : fillColor;
|
|
|
+ maskCtx.fillRect(0, 0, width, height);
|
|
|
+ maskCtx.restore();
|
|
|
+ ctx.save();
|
|
|
+ ctx.transform(...transform);
|
|
|
+ ctx.scale(1, -1);
|
|
|
+ drawImageAtIntegerCoords(ctx, maskCanvas.canvas, 0, 0, width, height, 0, -1, 1, 1);
|
|
|
+ ctx.restore();
|
|
|
+ }
|
|
|
+ this.compose();
|
|
|
+ }
|
|
|
+ paintImageXObject(objId) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const imgData = this.getObject(objId);
|
|
|
+ if (!imgData) {
|
|
|
+ (0, _util.warn)("Dependent image isn't ready yet");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.paintInlineImageXObject(imgData);
|
|
|
+ }
|
|
|
+ paintImageXObjectRepeat(objId, scaleX, scaleY, positions) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const imgData = this.getObject(objId);
|
|
|
+ if (!imgData) {
|
|
|
+ (0, _util.warn)("Dependent image isn't ready yet");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const width = imgData.width;
|
|
|
+ const height = imgData.height;
|
|
|
+ const map = [];
|
|
|
+ for (let i = 0, ii = positions.length; i < ii; i += 2) {
|
|
|
+ map.push({
|
|
|
+ transform: [scaleX, 0, 0, scaleY, positions[i], positions[i + 1]],
|
|
|
+ x: 0,
|
|
|
+ y: 0,
|
|
|
+ w: width,
|
|
|
+ h: height
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.paintInlineImageXObjectGroup(imgData, map);
|
|
|
+ }
|
|
|
+ applyTransferMapsToCanvas(ctx) {
|
|
|
+ if (this.current.transferMaps !== "none") {
|
|
|
+ ctx.filter = this.current.transferMaps;
|
|
|
+ ctx.drawImage(ctx.canvas, 0, 0);
|
|
|
+ ctx.filter = "none";
|
|
|
+ }
|
|
|
+ return ctx.canvas;
|
|
|
+ }
|
|
|
+ applyTransferMapsToBitmap(imgData) {
|
|
|
+ if (this.current.transferMaps === "none") {
|
|
|
+ return imgData.bitmap;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ bitmap,
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = imgData;
|
|
|
+ const tmpCanvas = this.cachedCanvases.getCanvas("inlineImage", width, height);
|
|
|
+ const tmpCtx = tmpCanvas.context;
|
|
|
+ tmpCtx.filter = this.current.transferMaps;
|
|
|
+ tmpCtx.drawImage(bitmap, 0, 0);
|
|
|
+ tmpCtx.filter = "none";
|
|
|
+ return tmpCanvas.canvas;
|
|
|
+ }
|
|
|
+ paintInlineImageXObject(imgData) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const width = imgData.width;
|
|
|
+ const height = imgData.height;
|
|
|
+ const ctx = this.ctx;
|
|
|
+ this.save();
|
|
|
+ if (!_is_node.isNodeJS) {
|
|
|
+ ctx.filter = "none";
|
|
|
+ }
|
|
|
+ ctx.scale(1 / width, -1 / height);
|
|
|
+ let imgToPaint;
|
|
|
+ if (imgData.bitmap) {
|
|
|
+ imgToPaint = this.applyTransferMapsToBitmap(imgData);
|
|
|
+ } else if (typeof HTMLElement === "function" && imgData instanceof HTMLElement || !imgData.data) {
|
|
|
+ imgToPaint = imgData;
|
|
|
+ } else {
|
|
|
+ const tmpCanvas = this.cachedCanvases.getCanvas("inlineImage", width, height);
|
|
|
+ const tmpCtx = tmpCanvas.context;
|
|
|
+ putBinaryImageData(tmpCtx, imgData);
|
|
|
+ imgToPaint = this.applyTransferMapsToCanvas(tmpCtx);
|
|
|
+ }
|
|
|
+ const scaled = this._scaleImage(imgToPaint, (0, _display_utils.getCurrentTransformInverse)(ctx));
|
|
|
+ ctx.imageSmoothingEnabled = getImageSmoothingEnabled((0, _display_utils.getCurrentTransform)(ctx), imgData.interpolate);
|
|
|
+ drawImageAtIntegerCoords(ctx, scaled.img, 0, 0, scaled.paintWidth, scaled.paintHeight, 0, -height, width, height);
|
|
|
+ this.compose();
|
|
|
+ this.restore();
|
|
|
+ }
|
|
|
+ paintInlineImageXObjectGroup(imgData, map) {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const ctx = this.ctx;
|
|
|
+ let imgToPaint;
|
|
|
+ if (imgData.bitmap) {
|
|
|
+ imgToPaint = imgData.bitmap;
|
|
|
+ } else {
|
|
|
+ const w = imgData.width;
|
|
|
+ const h = imgData.height;
|
|
|
+ const tmpCanvas = this.cachedCanvases.getCanvas("inlineImage", w, h);
|
|
|
+ const tmpCtx = tmpCanvas.context;
|
|
|
+ putBinaryImageData(tmpCtx, imgData);
|
|
|
+ imgToPaint = this.applyTransferMapsToCanvas(tmpCtx);
|
|
|
+ }
|
|
|
+ for (const entry of map) {
|
|
|
+ ctx.save();
|
|
|
+ ctx.transform(...entry.transform);
|
|
|
+ ctx.scale(1, -1);
|
|
|
+ drawImageAtIntegerCoords(ctx, imgToPaint, entry.x, entry.y, entry.w, entry.h, 0, -1, 1, 1);
|
|
|
+ ctx.restore();
|
|
|
+ }
|
|
|
+ this.compose();
|
|
|
+ }
|
|
|
+ paintSolidColorImageMask() {
|
|
|
+ if (!this.contentVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.ctx.fillRect(0, 0, 1, 1);
|
|
|
+ this.compose();
|
|
|
+ }
|
|
|
+ markPoint(tag) {}
|
|
|
+ markPointProps(tag, properties) {}
|
|
|
+ beginMarkedContent(tag) {
|
|
|
+ this.markedContentStack.push({
|
|
|
+ visible: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ beginMarkedContentProps(tag, properties) {
|
|
|
+ if (tag === "OC") {
|
|
|
+ this.markedContentStack.push({
|
|
|
+ visible: this.optionalContentConfig.isVisible(properties)
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.markedContentStack.push({
|
|
|
+ visible: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.contentVisible = this.isContentVisible();
|
|
|
+ }
|
|
|
+ endMarkedContent() {
|
|
|
+ this.markedContentStack.pop();
|
|
|
+ this.contentVisible = this.isContentVisible();
|
|
|
+ }
|
|
|
+ beginCompat() {}
|
|
|
+ endCompat() {}
|
|
|
+ consumePath(clipBox) {
|
|
|
+ const isEmpty = this.current.isEmptyClip();
|
|
|
+ if (this.pendingClip) {
|
|
|
+ this.current.updateClipFromPath();
|
|
|
+ }
|
|
|
+ if (!this.pendingClip) {
|
|
|
+ this.compose(clipBox);
|
|
|
+ }
|
|
|
+ const ctx = this.ctx;
|
|
|
+ if (this.pendingClip) {
|
|
|
+ if (!isEmpty) {
|
|
|
+ if (this.pendingClip === EO_CLIP) {
|
|
|
+ ctx.clip("evenodd");
|
|
|
+ } else {
|
|
|
+ ctx.clip();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.pendingClip = null;
|
|
|
+ }
|
|
|
+ this.current.startNewPathAndClipBox(this.current.clipBox);
|
|
|
+ ctx.beginPath();
|
|
|
+ }
|
|
|
+ getSinglePixelWidth() {
|
|
|
+ if (!this._cachedGetSinglePixelWidth) {
|
|
|
+ const m = (0, _display_utils.getCurrentTransform)(this.ctx);
|
|
|
+ if (m[1] === 0 && m[2] === 0) {
|
|
|
+ this._cachedGetSinglePixelWidth = 1 / Math.min(Math.abs(m[0]), Math.abs(m[3]));
|
|
|
+ } else {
|
|
|
+ const absDet = Math.abs(m[0] * m[3] - m[2] * m[1]);
|
|
|
+ const normX = Math.hypot(m[0], m[2]);
|
|
|
+ const normY = Math.hypot(m[1], m[3]);
|
|
|
+ this._cachedGetSinglePixelWidth = Math.max(normX, normY) / absDet;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this._cachedGetSinglePixelWidth;
|
|
|
+ }
|
|
|
+ getScaleForStroking() {
|
|
|
+ if (this._cachedScaleForStroking[0] === -1) {
|
|
|
+ const {
|
|
|
+ lineWidth
|
|
|
+ } = this.current;
|
|
|
+ const {
|
|
|
+ a,
|
|
|
+ b,
|
|
|
+ c,
|
|
|
+ d
|
|
|
+ } = this.ctx.getTransform();
|
|
|
+ let scaleX, scaleY;
|
|
|
+ if (b === 0 && c === 0) {
|
|
|
+ const normX = Math.abs(a);
|
|
|
+ const normY = Math.abs(d);
|
|
|
+ if (normX === normY) {
|
|
|
+ if (lineWidth === 0) {
|
|
|
+ scaleX = scaleY = 1 / normX;
|
|
|
+ } else {
|
|
|
+ const scaledLineWidth = normX * lineWidth;
|
|
|
+ scaleX = scaleY = scaledLineWidth < 1 ? 1 / scaledLineWidth : 1;
|
|
|
+ }
|
|
|
+ } else if (lineWidth === 0) {
|
|
|
+ scaleX = 1 / normX;
|
|
|
+ scaleY = 1 / normY;
|
|
|
+ } else {
|
|
|
+ const scaledXLineWidth = normX * lineWidth;
|
|
|
+ const scaledYLineWidth = normY * lineWidth;
|
|
|
+ scaleX = scaledXLineWidth < 1 ? 1 / scaledXLineWidth : 1;
|
|
|
+ scaleY = scaledYLineWidth < 1 ? 1 / scaledYLineWidth : 1;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ const absDet = Math.abs(a * d - b * c);
|
|
|
+ const normX = Math.hypot(a, b);
|
|
|
+ const normY = Math.hypot(c, d);
|
|
|
+ if (lineWidth === 0) {
|
|
|
+ scaleX = normY / absDet;
|
|
|
+ scaleY = normX / absDet;
|
|
|
+ } else {
|
|
|
+ const baseArea = lineWidth * absDet;
|
|
|
+ scaleX = normY > baseArea ? normY / baseArea : 1;
|
|
|
+ scaleY = normX > baseArea ? normX / baseArea : 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this._cachedScaleForStroking[0] = scaleX;
|
|
|
+ this._cachedScaleForStroking[1] = scaleY;
|
|
|
+ }
|
|
|
+ return this._cachedScaleForStroking;
|
|
|
+ }
|
|
|
+ rescaleAndStroke(saveRestore) {
|
|
|
+ const {
|
|
|
+ ctx
|
|
|
+ } = this;
|
|
|
+ const {
|
|
|
+ lineWidth
|
|
|
+ } = this.current;
|
|
|
+ const [scaleX, scaleY] = this.getScaleForStroking();
|
|
|
+ ctx.lineWidth = lineWidth || 1;
|
|
|
+ if (scaleX === 1 && scaleY === 1) {
|
|
|
+ ctx.stroke();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const dashes = ctx.getLineDash();
|
|
|
+ if (saveRestore) {
|
|
|
+ ctx.save();
|
|
|
+ }
|
|
|
+ ctx.scale(scaleX, scaleY);
|
|
|
+ if (dashes.length > 0) {
|
|
|
+ const scale = Math.max(scaleX, scaleY);
|
|
|
+ ctx.setLineDash(dashes.map(x => x / scale));
|
|
|
+ ctx.lineDashOffset /= scale;
|
|
|
+ }
|
|
|
+ ctx.stroke();
|
|
|
+ if (saveRestore) {
|
|
|
+ ctx.restore();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ isContentVisible() {
|
|
|
+ for (let i = this.markedContentStack.length - 1; i >= 0; i--) {
|
|
|
+ if (!this.markedContentStack[i].visible) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.CanvasGraphics = CanvasGraphics;
|
|
|
+for (const op in _util.OPS) {
|
|
|
+ if (CanvasGraphics.prototype[op] !== undefined) {
|
|
|
+ CanvasGraphics.prototype[_util.OPS[op]] = CanvasGraphics.prototype[op];
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 12 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.TilingPattern = exports.PathType = void 0;
|
|
|
+exports.getShadingPattern = getShadingPattern;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+const PathType = {
|
|
|
+ FILL: "Fill",
|
|
|
+ STROKE: "Stroke",
|
|
|
+ SHADING: "Shading"
|
|
|
+};
|
|
|
+exports.PathType = PathType;
|
|
|
+function applyBoundingBox(ctx, bbox) {
|
|
|
+ if (!bbox) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const width = bbox[2] - bbox[0];
|
|
|
+ const height = bbox[3] - bbox[1];
|
|
|
+ const region = new Path2D();
|
|
|
+ region.rect(bbox[0], bbox[1], width, height);
|
|
|
+ ctx.clip(region);
|
|
|
+}
|
|
|
+class BaseShadingPattern {
|
|
|
+ constructor() {
|
|
|
+ if (this.constructor === BaseShadingPattern) {
|
|
|
+ (0, _util.unreachable)("Cannot initialize BaseShadingPattern.");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getPattern() {
|
|
|
+ (0, _util.unreachable)("Abstract method `getPattern` called.");
|
|
|
+ }
|
|
|
+}
|
|
|
+class RadialAxialShadingPattern extends BaseShadingPattern {
|
|
|
+ constructor(IR) {
|
|
|
+ super();
|
|
|
+ this._type = IR[1];
|
|
|
+ this._bbox = IR[2];
|
|
|
+ this._colorStops = IR[3];
|
|
|
+ this._p0 = IR[4];
|
|
|
+ this._p1 = IR[5];
|
|
|
+ this._r0 = IR[6];
|
|
|
+ this._r1 = IR[7];
|
|
|
+ this.matrix = null;
|
|
|
+ }
|
|
|
+ _createGradient(ctx) {
|
|
|
+ let grad;
|
|
|
+ if (this._type === "axial") {
|
|
|
+ grad = ctx.createLinearGradient(this._p0[0], this._p0[1], this._p1[0], this._p1[1]);
|
|
|
+ } else if (this._type === "radial") {
|
|
|
+ grad = ctx.createRadialGradient(this._p0[0], this._p0[1], this._r0, this._p1[0], this._p1[1], this._r1);
|
|
|
+ }
|
|
|
+ for (const colorStop of this._colorStops) {
|
|
|
+ grad.addColorStop(colorStop[0], colorStop[1]);
|
|
|
+ }
|
|
|
+ return grad;
|
|
|
+ }
|
|
|
+ getPattern(ctx, owner, inverse, pathType) {
|
|
|
+ let pattern;
|
|
|
+ if (pathType === PathType.STROKE || pathType === PathType.FILL) {
|
|
|
+ const ownerBBox = owner.current.getClippedPathBoundingBox(pathType, (0, _display_utils.getCurrentTransform)(ctx)) || [0, 0, 0, 0];
|
|
|
+ const width = Math.ceil(ownerBBox[2] - ownerBBox[0]) || 1;
|
|
|
+ const height = Math.ceil(ownerBBox[3] - ownerBBox[1]) || 1;
|
|
|
+ const tmpCanvas = owner.cachedCanvases.getCanvas("pattern", width, height, true);
|
|
|
+ const tmpCtx = tmpCanvas.context;
|
|
|
+ tmpCtx.clearRect(0, 0, tmpCtx.canvas.width, tmpCtx.canvas.height);
|
|
|
+ tmpCtx.beginPath();
|
|
|
+ tmpCtx.rect(0, 0, tmpCtx.canvas.width, tmpCtx.canvas.height);
|
|
|
+ tmpCtx.translate(-ownerBBox[0], -ownerBBox[1]);
|
|
|
+ inverse = _util.Util.transform(inverse, [1, 0, 0, 1, ownerBBox[0], ownerBBox[1]]);
|
|
|
+ tmpCtx.transform(...owner.baseTransform);
|
|
|
+ if (this.matrix) {
|
|
|
+ tmpCtx.transform(...this.matrix);
|
|
|
+ }
|
|
|
+ applyBoundingBox(tmpCtx, this._bbox);
|
|
|
+ tmpCtx.fillStyle = this._createGradient(tmpCtx);
|
|
|
+ tmpCtx.fill();
|
|
|
+ pattern = ctx.createPattern(tmpCanvas.canvas, "no-repeat");
|
|
|
+ const domMatrix = new DOMMatrix(inverse);
|
|
|
+ pattern.setTransform(domMatrix);
|
|
|
+ } else {
|
|
|
+ applyBoundingBox(ctx, this._bbox);
|
|
|
+ pattern = this._createGradient(ctx);
|
|
|
+ }
|
|
|
+ return pattern;
|
|
|
+ }
|
|
|
+}
|
|
|
+function drawTriangle(data, context, p1, p2, p3, c1, c2, c3) {
|
|
|
+ const coords = context.coords,
|
|
|
+ colors = context.colors;
|
|
|
+ const bytes = data.data,
|
|
|
+ rowSize = data.width * 4;
|
|
|
+ let tmp;
|
|
|
+ if (coords[p1 + 1] > coords[p2 + 1]) {
|
|
|
+ tmp = p1;
|
|
|
+ p1 = p2;
|
|
|
+ p2 = tmp;
|
|
|
+ tmp = c1;
|
|
|
+ c1 = c2;
|
|
|
+ c2 = tmp;
|
|
|
+ }
|
|
|
+ if (coords[p2 + 1] > coords[p3 + 1]) {
|
|
|
+ tmp = p2;
|
|
|
+ p2 = p3;
|
|
|
+ p3 = tmp;
|
|
|
+ tmp = c2;
|
|
|
+ c2 = c3;
|
|
|
+ c3 = tmp;
|
|
|
+ }
|
|
|
+ if (coords[p1 + 1] > coords[p2 + 1]) {
|
|
|
+ tmp = p1;
|
|
|
+ p1 = p2;
|
|
|
+ p2 = tmp;
|
|
|
+ tmp = c1;
|
|
|
+ c1 = c2;
|
|
|
+ c2 = tmp;
|
|
|
+ }
|
|
|
+ const x1 = (coords[p1] + context.offsetX) * context.scaleX;
|
|
|
+ const y1 = (coords[p1 + 1] + context.offsetY) * context.scaleY;
|
|
|
+ const x2 = (coords[p2] + context.offsetX) * context.scaleX;
|
|
|
+ const y2 = (coords[p2 + 1] + context.offsetY) * context.scaleY;
|
|
|
+ const x3 = (coords[p3] + context.offsetX) * context.scaleX;
|
|
|
+ const y3 = (coords[p3 + 1] + context.offsetY) * context.scaleY;
|
|
|
+ if (y1 >= y3) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const c1r = colors[c1],
|
|
|
+ c1g = colors[c1 + 1],
|
|
|
+ c1b = colors[c1 + 2];
|
|
|
+ const c2r = colors[c2],
|
|
|
+ c2g = colors[c2 + 1],
|
|
|
+ c2b = colors[c2 + 2];
|
|
|
+ const c3r = colors[c3],
|
|
|
+ c3g = colors[c3 + 1],
|
|
|
+ c3b = colors[c3 + 2];
|
|
|
+ const minY = Math.round(y1),
|
|
|
+ maxY = Math.round(y3);
|
|
|
+ let xa, car, cag, cab;
|
|
|
+ let xb, cbr, cbg, cbb;
|
|
|
+ for (let y = minY; y <= maxY; y++) {
|
|
|
+ if (y < y2) {
|
|
|
+ let k;
|
|
|
+ if (y < y1) {
|
|
|
+ k = 0;
|
|
|
+ } else {
|
|
|
+ k = (y1 - y) / (y1 - y2);
|
|
|
+ }
|
|
|
+ xa = x1 - (x1 - x2) * k;
|
|
|
+ car = c1r - (c1r - c2r) * k;
|
|
|
+ cag = c1g - (c1g - c2g) * k;
|
|
|
+ cab = c1b - (c1b - c2b) * k;
|
|
|
+ } else {
|
|
|
+ let k;
|
|
|
+ if (y > y3) {
|
|
|
+ k = 1;
|
|
|
+ } else if (y2 === y3) {
|
|
|
+ k = 0;
|
|
|
+ } else {
|
|
|
+ k = (y2 - y) / (y2 - y3);
|
|
|
+ }
|
|
|
+ xa = x2 - (x2 - x3) * k;
|
|
|
+ car = c2r - (c2r - c3r) * k;
|
|
|
+ cag = c2g - (c2g - c3g) * k;
|
|
|
+ cab = c2b - (c2b - c3b) * k;
|
|
|
+ }
|
|
|
+ let k;
|
|
|
+ if (y < y1) {
|
|
|
+ k = 0;
|
|
|
+ } else if (y > y3) {
|
|
|
+ k = 1;
|
|
|
+ } else {
|
|
|
+ k = (y1 - y) / (y1 - y3);
|
|
|
+ }
|
|
|
+ xb = x1 - (x1 - x3) * k;
|
|
|
+ cbr = c1r - (c1r - c3r) * k;
|
|
|
+ cbg = c1g - (c1g - c3g) * k;
|
|
|
+ cbb = c1b - (c1b - c3b) * k;
|
|
|
+ const x1_ = Math.round(Math.min(xa, xb));
|
|
|
+ const x2_ = Math.round(Math.max(xa, xb));
|
|
|
+ let j = rowSize * y + x1_ * 4;
|
|
|
+ for (let x = x1_; x <= x2_; x++) {
|
|
|
+ k = (xa - x) / (xa - xb);
|
|
|
+ if (k < 0) {
|
|
|
+ k = 0;
|
|
|
+ } else if (k > 1) {
|
|
|
+ k = 1;
|
|
|
+ }
|
|
|
+ bytes[j++] = car - (car - cbr) * k | 0;
|
|
|
+ bytes[j++] = cag - (cag - cbg) * k | 0;
|
|
|
+ bytes[j++] = cab - (cab - cbb) * k | 0;
|
|
|
+ bytes[j++] = 255;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+function drawFigure(data, figure, context) {
|
|
|
+ const ps = figure.coords;
|
|
|
+ const cs = figure.colors;
|
|
|
+ let i, ii;
|
|
|
+ switch (figure.type) {
|
|
|
+ case "lattice":
|
|
|
+ const verticesPerRow = figure.verticesPerRow;
|
|
|
+ const rows = Math.floor(ps.length / verticesPerRow) - 1;
|
|
|
+ const cols = verticesPerRow - 1;
|
|
|
+ for (i = 0; i < rows; i++) {
|
|
|
+ let q = i * verticesPerRow;
|
|
|
+ for (let j = 0; j < cols; j++, q++) {
|
|
|
+ drawTriangle(data, context, ps[q], ps[q + 1], ps[q + verticesPerRow], cs[q], cs[q + 1], cs[q + verticesPerRow]);
|
|
|
+ drawTriangle(data, context, ps[q + verticesPerRow + 1], ps[q + 1], ps[q + verticesPerRow], cs[q + verticesPerRow + 1], cs[q + 1], cs[q + verticesPerRow]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "triangles":
|
|
|
+ for (i = 0, ii = ps.length; i < ii; i += 3) {
|
|
|
+ drawTriangle(data, context, ps[i], ps[i + 1], ps[i + 2], cs[i], cs[i + 1], cs[i + 2]);
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("illegal figure");
|
|
|
+ }
|
|
|
+}
|
|
|
+class MeshShadingPattern extends BaseShadingPattern {
|
|
|
+ constructor(IR) {
|
|
|
+ super();
|
|
|
+ this._coords = IR[2];
|
|
|
+ this._colors = IR[3];
|
|
|
+ this._figures = IR[4];
|
|
|
+ this._bounds = IR[5];
|
|
|
+ this._bbox = IR[7];
|
|
|
+ this._background = IR[8];
|
|
|
+ this.matrix = null;
|
|
|
+ }
|
|
|
+ _createMeshCanvas(combinedScale, backgroundColor, cachedCanvases) {
|
|
|
+ const EXPECTED_SCALE = 1.1;
|
|
|
+ const MAX_PATTERN_SIZE = 3000;
|
|
|
+ const BORDER_SIZE = 2;
|
|
|
+ const offsetX = Math.floor(this._bounds[0]);
|
|
|
+ const offsetY = Math.floor(this._bounds[1]);
|
|
|
+ const boundsWidth = Math.ceil(this._bounds[2]) - offsetX;
|
|
|
+ const boundsHeight = Math.ceil(this._bounds[3]) - offsetY;
|
|
|
+ const width = Math.min(Math.ceil(Math.abs(boundsWidth * combinedScale[0] * EXPECTED_SCALE)), MAX_PATTERN_SIZE);
|
|
|
+ const height = Math.min(Math.ceil(Math.abs(boundsHeight * combinedScale[1] * EXPECTED_SCALE)), MAX_PATTERN_SIZE);
|
|
|
+ const scaleX = boundsWidth / width;
|
|
|
+ const scaleY = boundsHeight / height;
|
|
|
+ const context = {
|
|
|
+ coords: this._coords,
|
|
|
+ colors: this._colors,
|
|
|
+ offsetX: -offsetX,
|
|
|
+ offsetY: -offsetY,
|
|
|
+ scaleX: 1 / scaleX,
|
|
|
+ scaleY: 1 / scaleY
|
|
|
+ };
|
|
|
+ const paddedWidth = width + BORDER_SIZE * 2;
|
|
|
+ const paddedHeight = height + BORDER_SIZE * 2;
|
|
|
+ const tmpCanvas = cachedCanvases.getCanvas("mesh", paddedWidth, paddedHeight, false);
|
|
|
+ const tmpCtx = tmpCanvas.context;
|
|
|
+ const data = tmpCtx.createImageData(width, height);
|
|
|
+ if (backgroundColor) {
|
|
|
+ const bytes = data.data;
|
|
|
+ for (let i = 0, ii = bytes.length; i < ii; i += 4) {
|
|
|
+ bytes[i] = backgroundColor[0];
|
|
|
+ bytes[i + 1] = backgroundColor[1];
|
|
|
+ bytes[i + 2] = backgroundColor[2];
|
|
|
+ bytes[i + 3] = 255;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (const figure of this._figures) {
|
|
|
+ drawFigure(data, figure, context);
|
|
|
+ }
|
|
|
+ tmpCtx.putImageData(data, BORDER_SIZE, BORDER_SIZE);
|
|
|
+ const canvas = tmpCanvas.canvas;
|
|
|
+ return {
|
|
|
+ canvas,
|
|
|
+ offsetX: offsetX - BORDER_SIZE * scaleX,
|
|
|
+ offsetY: offsetY - BORDER_SIZE * scaleY,
|
|
|
+ scaleX,
|
|
|
+ scaleY
|
|
|
+ };
|
|
|
+ }
|
|
|
+ getPattern(ctx, owner, inverse, pathType) {
|
|
|
+ applyBoundingBox(ctx, this._bbox);
|
|
|
+ let scale;
|
|
|
+ if (pathType === PathType.SHADING) {
|
|
|
+ scale = _util.Util.singularValueDecompose2dScale((0, _display_utils.getCurrentTransform)(ctx));
|
|
|
+ } else {
|
|
|
+ scale = _util.Util.singularValueDecompose2dScale(owner.baseTransform);
|
|
|
+ if (this.matrix) {
|
|
|
+ const matrixScale = _util.Util.singularValueDecompose2dScale(this.matrix);
|
|
|
+ scale = [scale[0] * matrixScale[0], scale[1] * matrixScale[1]];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const temporaryPatternCanvas = this._createMeshCanvas(scale, pathType === PathType.SHADING ? null : this._background, owner.cachedCanvases);
|
|
|
+ if (pathType !== PathType.SHADING) {
|
|
|
+ ctx.setTransform(...owner.baseTransform);
|
|
|
+ if (this.matrix) {
|
|
|
+ ctx.transform(...this.matrix);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ctx.translate(temporaryPatternCanvas.offsetX, temporaryPatternCanvas.offsetY);
|
|
|
+ ctx.scale(temporaryPatternCanvas.scaleX, temporaryPatternCanvas.scaleY);
|
|
|
+ return ctx.createPattern(temporaryPatternCanvas.canvas, "no-repeat");
|
|
|
+ }
|
|
|
+}
|
|
|
+class DummyShadingPattern extends BaseShadingPattern {
|
|
|
+ getPattern() {
|
|
|
+ return "hotpink";
|
|
|
+ }
|
|
|
+}
|
|
|
+function getShadingPattern(IR) {
|
|
|
+ switch (IR[0]) {
|
|
|
+ case "RadialAxial":
|
|
|
+ return new RadialAxialShadingPattern(IR);
|
|
|
+ case "Mesh":
|
|
|
+ return new MeshShadingPattern(IR);
|
|
|
+ case "Dummy":
|
|
|
+ return new DummyShadingPattern();
|
|
|
+ }
|
|
|
+ throw new Error(`Unknown IR type: ${IR[0]}`);
|
|
|
+}
|
|
|
+const PaintType = {
|
|
|
+ COLORED: 1,
|
|
|
+ UNCOLORED: 2
|
|
|
+};
|
|
|
+class TilingPattern {
|
|
|
+ static MAX_PATTERN_SIZE = 3000;
|
|
|
+ constructor(IR, color, ctx, canvasGraphicsFactory, baseTransform) {
|
|
|
+ this.operatorList = IR[2];
|
|
|
+ this.matrix = IR[3] || [1, 0, 0, 1, 0, 0];
|
|
|
+ this.bbox = IR[4];
|
|
|
+ this.xstep = IR[5];
|
|
|
+ this.ystep = IR[6];
|
|
|
+ this.paintType = IR[7];
|
|
|
+ this.tilingType = IR[8];
|
|
|
+ this.color = color;
|
|
|
+ this.ctx = ctx;
|
|
|
+ this.canvasGraphicsFactory = canvasGraphicsFactory;
|
|
|
+ this.baseTransform = baseTransform;
|
|
|
+ }
|
|
|
+ createPatternCanvas(owner) {
|
|
|
+ const operatorList = this.operatorList;
|
|
|
+ const bbox = this.bbox;
|
|
|
+ const xstep = this.xstep;
|
|
|
+ const ystep = this.ystep;
|
|
|
+ const paintType = this.paintType;
|
|
|
+ const tilingType = this.tilingType;
|
|
|
+ const color = this.color;
|
|
|
+ const canvasGraphicsFactory = this.canvasGraphicsFactory;
|
|
|
+ (0, _util.info)("TilingType: " + tilingType);
|
|
|
+ const x0 = bbox[0],
|
|
|
+ y0 = bbox[1],
|
|
|
+ x1 = bbox[2],
|
|
|
+ y1 = bbox[3];
|
|
|
+ const matrixScale = _util.Util.singularValueDecompose2dScale(this.matrix);
|
|
|
+ const curMatrixScale = _util.Util.singularValueDecompose2dScale(this.baseTransform);
|
|
|
+ const combinedScale = [matrixScale[0] * curMatrixScale[0], matrixScale[1] * curMatrixScale[1]];
|
|
|
+ const dimx = this.getSizeAndScale(xstep, this.ctx.canvas.width, combinedScale[0]);
|
|
|
+ const dimy = this.getSizeAndScale(ystep, this.ctx.canvas.height, combinedScale[1]);
|
|
|
+ const tmpCanvas = owner.cachedCanvases.getCanvas("pattern", dimx.size, dimy.size, true);
|
|
|
+ const tmpCtx = tmpCanvas.context;
|
|
|
+ const graphics = canvasGraphicsFactory.createCanvasGraphics(tmpCtx);
|
|
|
+ graphics.groupLevel = owner.groupLevel;
|
|
|
+ this.setFillAndStrokeStyleToContext(graphics, paintType, color);
|
|
|
+ let adjustedX0 = x0;
|
|
|
+ let adjustedY0 = y0;
|
|
|
+ let adjustedX1 = x1;
|
|
|
+ let adjustedY1 = y1;
|
|
|
+ if (x0 < 0) {
|
|
|
+ adjustedX0 = 0;
|
|
|
+ adjustedX1 += Math.abs(x0);
|
|
|
+ }
|
|
|
+ if (y0 < 0) {
|
|
|
+ adjustedY0 = 0;
|
|
|
+ adjustedY1 += Math.abs(y0);
|
|
|
+ }
|
|
|
+ tmpCtx.translate(-(dimx.scale * adjustedX0), -(dimy.scale * adjustedY0));
|
|
|
+ graphics.transform(dimx.scale, 0, 0, dimy.scale, 0, 0);
|
|
|
+ tmpCtx.save();
|
|
|
+ this.clipBbox(graphics, adjustedX0, adjustedY0, adjustedX1, adjustedY1);
|
|
|
+ graphics.baseTransform = (0, _display_utils.getCurrentTransform)(graphics.ctx);
|
|
|
+ graphics.executeOperatorList(operatorList);
|
|
|
+ graphics.endDrawing();
|
|
|
+ return {
|
|
|
+ canvas: tmpCanvas.canvas,
|
|
|
+ scaleX: dimx.scale,
|
|
|
+ scaleY: dimy.scale,
|
|
|
+ offsetX: adjustedX0,
|
|
|
+ offsetY: adjustedY0
|
|
|
+ };
|
|
|
+ }
|
|
|
+ getSizeAndScale(step, realOutputSize, scale) {
|
|
|
+ step = Math.abs(step);
|
|
|
+ const maxSize = Math.max(TilingPattern.MAX_PATTERN_SIZE, realOutputSize);
|
|
|
+ let size = Math.ceil(step * scale);
|
|
|
+ if (size >= maxSize) {
|
|
|
+ size = maxSize;
|
|
|
+ } else {
|
|
|
+ scale = size / step;
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ scale,
|
|
|
+ size
|
|
|
+ };
|
|
|
+ }
|
|
|
+ clipBbox(graphics, x0, y0, x1, y1) {
|
|
|
+ const bboxWidth = x1 - x0;
|
|
|
+ const bboxHeight = y1 - y0;
|
|
|
+ graphics.ctx.rect(x0, y0, bboxWidth, bboxHeight);
|
|
|
+ graphics.current.updateRectMinMax((0, _display_utils.getCurrentTransform)(graphics.ctx), [x0, y0, x1, y1]);
|
|
|
+ graphics.clip();
|
|
|
+ graphics.endPath();
|
|
|
+ }
|
|
|
+ setFillAndStrokeStyleToContext(graphics, paintType, color) {
|
|
|
+ const context = graphics.ctx,
|
|
|
+ current = graphics.current;
|
|
|
+ switch (paintType) {
|
|
|
+ case PaintType.COLORED:
|
|
|
+ const ctx = this.ctx;
|
|
|
+ context.fillStyle = ctx.fillStyle;
|
|
|
+ context.strokeStyle = ctx.strokeStyle;
|
|
|
+ current.fillColor = ctx.fillStyle;
|
|
|
+ current.strokeColor = ctx.strokeStyle;
|
|
|
+ break;
|
|
|
+ case PaintType.UNCOLORED:
|
|
|
+ const cssColor = _util.Util.makeHexColor(color[0], color[1], color[2]);
|
|
|
+ context.fillStyle = cssColor;
|
|
|
+ context.strokeStyle = cssColor;
|
|
|
+ current.fillColor = cssColor;
|
|
|
+ current.strokeColor = cssColor;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new _util.FormatError(`Unsupported paint type: ${paintType}`);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getPattern(ctx, owner, inverse, pathType) {
|
|
|
+ let matrix = inverse;
|
|
|
+ if (pathType !== PathType.SHADING) {
|
|
|
+ matrix = _util.Util.transform(matrix, owner.baseTransform);
|
|
|
+ if (this.matrix) {
|
|
|
+ matrix = _util.Util.transform(matrix, this.matrix);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const temporaryPatternCanvas = this.createPatternCanvas(owner);
|
|
|
+ let domMatrix = new DOMMatrix(matrix);
|
|
|
+ domMatrix = domMatrix.translate(temporaryPatternCanvas.offsetX, temporaryPatternCanvas.offsetY);
|
|
|
+ domMatrix = domMatrix.scale(1 / temporaryPatternCanvas.scaleX, 1 / temporaryPatternCanvas.scaleY);
|
|
|
+ const pattern = ctx.createPattern(temporaryPatternCanvas.canvas, "repeat");
|
|
|
+ pattern.setTransform(domMatrix);
|
|
|
+ return pattern;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.TilingPattern = TilingPattern;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 13 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.convertBlackAndWhiteToRGBA = convertBlackAndWhiteToRGBA;
|
|
|
+exports.convertToRGBA = convertToRGBA;
|
|
|
+exports.grayToRGBA = grayToRGBA;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+function convertToRGBA(params) {
|
|
|
+ switch (params.kind) {
|
|
|
+ case _util.ImageKind.GRAYSCALE_1BPP:
|
|
|
+ return convertBlackAndWhiteToRGBA(params);
|
|
|
+ case _util.ImageKind.RGB_24BPP:
|
|
|
+ return convertRGBToRGBA(params);
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+}
|
|
|
+function convertBlackAndWhiteToRGBA({
|
|
|
+ src,
|
|
|
+ srcPos = 0,
|
|
|
+ dest,
|
|
|
+ width,
|
|
|
+ height,
|
|
|
+ nonBlackColor = 0xffffffff,
|
|
|
+ inverseDecode = false
|
|
|
+}) {
|
|
|
+ const black = _util.FeatureTest.isLittleEndian ? 0xff000000 : 0x000000ff;
|
|
|
+ const [zeroMapping, oneMapping] = inverseDecode ? [nonBlackColor, black] : [black, nonBlackColor];
|
|
|
+ const widthInSource = width >> 3;
|
|
|
+ const widthRemainder = width & 7;
|
|
|
+ const srcLength = src.length;
|
|
|
+ dest = new Uint32Array(dest.buffer);
|
|
|
+ let destPos = 0;
|
|
|
+ for (let i = 0; i < height; i++) {
|
|
|
+ for (const max = srcPos + widthInSource; srcPos < max; srcPos++) {
|
|
|
+ const elem = srcPos < srcLength ? src[srcPos] : 255;
|
|
|
+ dest[destPos++] = elem & 0b10000000 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b1000000 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b100000 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b10000 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b1000 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b100 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b10 ? oneMapping : zeroMapping;
|
|
|
+ dest[destPos++] = elem & 0b1 ? oneMapping : zeroMapping;
|
|
|
+ }
|
|
|
+ if (widthRemainder === 0) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const elem = srcPos < srcLength ? src[srcPos++] : 255;
|
|
|
+ for (let j = 0; j < widthRemainder; j++) {
|
|
|
+ dest[destPos++] = elem & 1 << 7 - j ? oneMapping : zeroMapping;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ srcPos,
|
|
|
+ destPos
|
|
|
+ };
|
|
|
+}
|
|
|
+function convertRGBToRGBA({
|
|
|
+ src,
|
|
|
+ srcPos = 0,
|
|
|
+ dest,
|
|
|
+ destPos = 0,
|
|
|
+ width,
|
|
|
+ height
|
|
|
+}) {
|
|
|
+ let i = 0;
|
|
|
+ const len32 = src.length >> 2;
|
|
|
+ const src32 = new Uint32Array(src.buffer, srcPos, len32);
|
|
|
+ if (_util.FeatureTest.isLittleEndian) {
|
|
|
+ for (; i < len32 - 2; i += 3, destPos += 4) {
|
|
|
+ const s1 = src32[i];
|
|
|
+ const s2 = src32[i + 1];
|
|
|
+ const s3 = src32[i + 2];
|
|
|
+ dest[destPos] = s1 | 0xff000000;
|
|
|
+ dest[destPos + 1] = s1 >>> 24 | s2 << 8 | 0xff000000;
|
|
|
+ dest[destPos + 2] = s2 >>> 16 | s3 << 16 | 0xff000000;
|
|
|
+ dest[destPos + 3] = s3 >>> 8 | 0xff000000;
|
|
|
+ }
|
|
|
+ for (let j = i * 4, jj = src.length; j < jj; j += 3) {
|
|
|
+ dest[destPos++] = src[j] | src[j + 1] << 8 | src[j + 2] << 16 | 0xff000000;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ for (; i < len32 - 2; i += 3, destPos += 4) {
|
|
|
+ const s1 = src32[i];
|
|
|
+ const s2 = src32[i + 1];
|
|
|
+ const s3 = src32[i + 2];
|
|
|
+ dest[destPos] = s1 | 0xff;
|
|
|
+ dest[destPos + 1] = s1 << 24 | s2 >>> 8 | 0xff;
|
|
|
+ dest[destPos + 2] = s2 << 16 | s3 >>> 16 | 0xff;
|
|
|
+ dest[destPos + 3] = s3 << 8 | 0xff;
|
|
|
+ }
|
|
|
+ for (let j = i * 4, jj = src.length; j < jj; j += 3) {
|
|
|
+ dest[destPos++] = src[j] << 24 | src[j + 1] << 16 | src[j + 2] << 8 | 0xff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ srcPos,
|
|
|
+ destPos
|
|
|
+ };
|
|
|
+}
|
|
|
+function grayToRGBA(src, dest) {
|
|
|
+ if (_util.FeatureTest.isLittleEndian) {
|
|
|
+ for (let i = 0, ii = src.length; i < ii; i++) {
|
|
|
+ dest[i] = src[i] * 0x10101 | 0xff000000;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ for (let i = 0, ii = src.length; i < ii; i++) {
|
|
|
+ dest[i] = src[i] * 0x1010100 | 0x000000ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 14 */
|
|
|
+/***/ ((__unused_webpack_module, exports) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.GlobalWorkerOptions = void 0;
|
|
|
+const GlobalWorkerOptions = Object.create(null);
|
|
|
+exports.GlobalWorkerOptions = GlobalWorkerOptions;
|
|
|
+GlobalWorkerOptions.workerPort = null;
|
|
|
+GlobalWorkerOptions.workerSrc = "";
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 15 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.MessageHandler = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+const CallbackKind = {
|
|
|
+ UNKNOWN: 0,
|
|
|
+ DATA: 1,
|
|
|
+ ERROR: 2
|
|
|
+};
|
|
|
+const StreamKind = {
|
|
|
+ UNKNOWN: 0,
|
|
|
+ CANCEL: 1,
|
|
|
+ CANCEL_COMPLETE: 2,
|
|
|
+ CLOSE: 3,
|
|
|
+ ENQUEUE: 4,
|
|
|
+ ERROR: 5,
|
|
|
+ PULL: 6,
|
|
|
+ PULL_COMPLETE: 7,
|
|
|
+ START_COMPLETE: 8
|
|
|
+};
|
|
|
+function wrapReason(reason) {
|
|
|
+ if (!(reason instanceof Error || typeof reason === "object" && reason !== null)) {
|
|
|
+ (0, _util.unreachable)('wrapReason: Expected "reason" to be a (possibly cloned) Error.');
|
|
|
+ }
|
|
|
+ switch (reason.name) {
|
|
|
+ case "AbortException":
|
|
|
+ return new _util.AbortException(reason.message);
|
|
|
+ case "MissingPDFException":
|
|
|
+ return new _util.MissingPDFException(reason.message);
|
|
|
+ case "PasswordException":
|
|
|
+ return new _util.PasswordException(reason.message, reason.code);
|
|
|
+ case "UnexpectedResponseException":
|
|
|
+ return new _util.UnexpectedResponseException(reason.message, reason.status);
|
|
|
+ case "UnknownErrorException":
|
|
|
+ return new _util.UnknownErrorException(reason.message, reason.details);
|
|
|
+ default:
|
|
|
+ return new _util.UnknownErrorException(reason.message, reason.toString());
|
|
|
+ }
|
|
|
+}
|
|
|
+class MessageHandler {
|
|
|
+ constructor(sourceName, targetName, comObj) {
|
|
|
+ this.sourceName = sourceName;
|
|
|
+ this.targetName = targetName;
|
|
|
+ this.comObj = comObj;
|
|
|
+ this.callbackId = 1;
|
|
|
+ this.streamId = 1;
|
|
|
+ this.streamSinks = Object.create(null);
|
|
|
+ this.streamControllers = Object.create(null);
|
|
|
+ this.callbackCapabilities = Object.create(null);
|
|
|
+ this.actionHandler = Object.create(null);
|
|
|
+ this._onComObjOnMessage = event => {
|
|
|
+ const data = event.data;
|
|
|
+ if (data.targetName !== this.sourceName) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (data.stream) {
|
|
|
+ this.#processStreamMessage(data);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (data.callback) {
|
|
|
+ const callbackId = data.callbackId;
|
|
|
+ const capability = this.callbackCapabilities[callbackId];
|
|
|
+ if (!capability) {
|
|
|
+ throw new Error(`Cannot resolve callback ${callbackId}`);
|
|
|
+ }
|
|
|
+ delete this.callbackCapabilities[callbackId];
|
|
|
+ if (data.callback === CallbackKind.DATA) {
|
|
|
+ capability.resolve(data.data);
|
|
|
+ } else if (data.callback === CallbackKind.ERROR) {
|
|
|
+ capability.reject(wrapReason(data.reason));
|
|
|
+ } else {
|
|
|
+ throw new Error("Unexpected callback case");
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const action = this.actionHandler[data.action];
|
|
|
+ if (!action) {
|
|
|
+ throw new Error(`Unknown action from worker: ${data.action}`);
|
|
|
+ }
|
|
|
+ if (data.callbackId) {
|
|
|
+ const cbSourceName = this.sourceName;
|
|
|
+ const cbTargetName = data.sourceName;
|
|
|
+ new Promise(function (resolve) {
|
|
|
+ resolve(action(data.data));
|
|
|
+ }).then(function (result) {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName: cbSourceName,
|
|
|
+ targetName: cbTargetName,
|
|
|
+ callback: CallbackKind.DATA,
|
|
|
+ callbackId: data.callbackId,
|
|
|
+ data: result
|
|
|
+ });
|
|
|
+ }, function (reason) {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName: cbSourceName,
|
|
|
+ targetName: cbTargetName,
|
|
|
+ callback: CallbackKind.ERROR,
|
|
|
+ callbackId: data.callbackId,
|
|
|
+ reason: wrapReason(reason)
|
|
|
+ });
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (data.streamId) {
|
|
|
+ this.#createStreamSink(data);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ action(data.data);
|
|
|
+ };
|
|
|
+ comObj.addEventListener("message", this._onComObjOnMessage);
|
|
|
+ }
|
|
|
+ on(actionName, handler) {
|
|
|
+ const ah = this.actionHandler;
|
|
|
+ if (ah[actionName]) {
|
|
|
+ throw new Error(`There is already an actionName called "${actionName}"`);
|
|
|
+ }
|
|
|
+ ah[actionName] = handler;
|
|
|
+ }
|
|
|
+ send(actionName, data, transfers) {
|
|
|
+ this.comObj.postMessage({
|
|
|
+ sourceName: this.sourceName,
|
|
|
+ targetName: this.targetName,
|
|
|
+ action: actionName,
|
|
|
+ data
|
|
|
+ }, transfers);
|
|
|
+ }
|
|
|
+ sendWithPromise(actionName, data, transfers) {
|
|
|
+ const callbackId = this.callbackId++;
|
|
|
+ const capability = new _util.PromiseCapability();
|
|
|
+ this.callbackCapabilities[callbackId] = capability;
|
|
|
+ try {
|
|
|
+ this.comObj.postMessage({
|
|
|
+ sourceName: this.sourceName,
|
|
|
+ targetName: this.targetName,
|
|
|
+ action: actionName,
|
|
|
+ callbackId,
|
|
|
+ data
|
|
|
+ }, transfers);
|
|
|
+ } catch (ex) {
|
|
|
+ capability.reject(ex);
|
|
|
+ }
|
|
|
+ return capability.promise;
|
|
|
+ }
|
|
|
+ sendWithStream(actionName, data, queueingStrategy, transfers) {
|
|
|
+ const streamId = this.streamId++,
|
|
|
+ sourceName = this.sourceName,
|
|
|
+ targetName = this.targetName,
|
|
|
+ comObj = this.comObj;
|
|
|
+ return new ReadableStream({
|
|
|
+ start: controller => {
|
|
|
+ const startCapability = new _util.PromiseCapability();
|
|
|
+ this.streamControllers[streamId] = {
|
|
|
+ controller,
|
|
|
+ startCall: startCapability,
|
|
|
+ pullCall: null,
|
|
|
+ cancelCall: null,
|
|
|
+ isClosed: false
|
|
|
+ };
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ action: actionName,
|
|
|
+ streamId,
|
|
|
+ data,
|
|
|
+ desiredSize: controller.desiredSize
|
|
|
+ }, transfers);
|
|
|
+ return startCapability.promise;
|
|
|
+ },
|
|
|
+ pull: controller => {
|
|
|
+ const pullCapability = new _util.PromiseCapability();
|
|
|
+ this.streamControllers[streamId].pullCall = pullCapability;
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.PULL,
|
|
|
+ streamId,
|
|
|
+ desiredSize: controller.desiredSize
|
|
|
+ });
|
|
|
+ return pullCapability.promise;
|
|
|
+ },
|
|
|
+ cancel: reason => {
|
|
|
+ (0, _util.assert)(reason instanceof Error, "cancel must have a valid reason");
|
|
|
+ const cancelCapability = new _util.PromiseCapability();
|
|
|
+ this.streamControllers[streamId].cancelCall = cancelCapability;
|
|
|
+ this.streamControllers[streamId].isClosed = true;
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.CANCEL,
|
|
|
+ streamId,
|
|
|
+ reason: wrapReason(reason)
|
|
|
+ });
|
|
|
+ return cancelCapability.promise;
|
|
|
+ }
|
|
|
+ }, queueingStrategy);
|
|
|
+ }
|
|
|
+ #createStreamSink(data) {
|
|
|
+ const streamId = data.streamId,
|
|
|
+ sourceName = this.sourceName,
|
|
|
+ targetName = data.sourceName,
|
|
|
+ comObj = this.comObj;
|
|
|
+ const self = this,
|
|
|
+ action = this.actionHandler[data.action];
|
|
|
+ const streamSink = {
|
|
|
+ enqueue(chunk, size = 1, transfers) {
|
|
|
+ if (this.isCancelled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const lastDesiredSize = this.desiredSize;
|
|
|
+ this.desiredSize -= size;
|
|
|
+ if (lastDesiredSize > 0 && this.desiredSize <= 0) {
|
|
|
+ this.sinkCapability = new _util.PromiseCapability();
|
|
|
+ this.ready = this.sinkCapability.promise;
|
|
|
+ }
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.ENQUEUE,
|
|
|
+ streamId,
|
|
|
+ chunk
|
|
|
+ }, transfers);
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ if (this.isCancelled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.isCancelled = true;
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.CLOSE,
|
|
|
+ streamId
|
|
|
+ });
|
|
|
+ delete self.streamSinks[streamId];
|
|
|
+ },
|
|
|
+ error(reason) {
|
|
|
+ (0, _util.assert)(reason instanceof Error, "error must have a valid reason");
|
|
|
+ if (this.isCancelled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.isCancelled = true;
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.ERROR,
|
|
|
+ streamId,
|
|
|
+ reason: wrapReason(reason)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ sinkCapability: new _util.PromiseCapability(),
|
|
|
+ onPull: null,
|
|
|
+ onCancel: null,
|
|
|
+ isCancelled: false,
|
|
|
+ desiredSize: data.desiredSize,
|
|
|
+ ready: null
|
|
|
+ };
|
|
|
+ streamSink.sinkCapability.resolve();
|
|
|
+ streamSink.ready = streamSink.sinkCapability.promise;
|
|
|
+ this.streamSinks[streamId] = streamSink;
|
|
|
+ new Promise(function (resolve) {
|
|
|
+ resolve(action(data.data, streamSink));
|
|
|
+ }).then(function () {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.START_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ success: true
|
|
|
+ });
|
|
|
+ }, function (reason) {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.START_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ reason: wrapReason(reason)
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ #processStreamMessage(data) {
|
|
|
+ const streamId = data.streamId,
|
|
|
+ sourceName = this.sourceName,
|
|
|
+ targetName = data.sourceName,
|
|
|
+ comObj = this.comObj;
|
|
|
+ const streamController = this.streamControllers[streamId],
|
|
|
+ streamSink = this.streamSinks[streamId];
|
|
|
+ switch (data.stream) {
|
|
|
+ case StreamKind.START_COMPLETE:
|
|
|
+ if (data.success) {
|
|
|
+ streamController.startCall.resolve();
|
|
|
+ } else {
|
|
|
+ streamController.startCall.reject(wrapReason(data.reason));
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case StreamKind.PULL_COMPLETE:
|
|
|
+ if (data.success) {
|
|
|
+ streamController.pullCall.resolve();
|
|
|
+ } else {
|
|
|
+ streamController.pullCall.reject(wrapReason(data.reason));
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case StreamKind.PULL:
|
|
|
+ if (!streamSink) {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.PULL_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ success: true
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ if (streamSink.desiredSize <= 0 && data.desiredSize > 0) {
|
|
|
+ streamSink.sinkCapability.resolve();
|
|
|
+ }
|
|
|
+ streamSink.desiredSize = data.desiredSize;
|
|
|
+ new Promise(function (resolve) {
|
|
|
+ resolve(streamSink.onPull?.());
|
|
|
+ }).then(function () {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.PULL_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ success: true
|
|
|
+ });
|
|
|
+ }, function (reason) {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.PULL_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ reason: wrapReason(reason)
|
|
|
+ });
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case StreamKind.ENQUEUE:
|
|
|
+ (0, _util.assert)(streamController, "enqueue should have stream controller");
|
|
|
+ if (streamController.isClosed) {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ streamController.controller.enqueue(data.chunk);
|
|
|
+ break;
|
|
|
+ case StreamKind.CLOSE:
|
|
|
+ (0, _util.assert)(streamController, "close should have stream controller");
|
|
|
+ if (streamController.isClosed) {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ streamController.isClosed = true;
|
|
|
+ streamController.controller.close();
|
|
|
+ this.#deleteStreamController(streamController, streamId);
|
|
|
+ break;
|
|
|
+ case StreamKind.ERROR:
|
|
|
+ (0, _util.assert)(streamController, "error should have stream controller");
|
|
|
+ streamController.controller.error(wrapReason(data.reason));
|
|
|
+ this.#deleteStreamController(streamController, streamId);
|
|
|
+ break;
|
|
|
+ case StreamKind.CANCEL_COMPLETE:
|
|
|
+ if (data.success) {
|
|
|
+ streamController.cancelCall.resolve();
|
|
|
+ } else {
|
|
|
+ streamController.cancelCall.reject(wrapReason(data.reason));
|
|
|
+ }
|
|
|
+ this.#deleteStreamController(streamController, streamId);
|
|
|
+ break;
|
|
|
+ case StreamKind.CANCEL:
|
|
|
+ if (!streamSink) {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ new Promise(function (resolve) {
|
|
|
+ resolve(streamSink.onCancel?.(wrapReason(data.reason)));
|
|
|
+ }).then(function () {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.CANCEL_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ success: true
|
|
|
+ });
|
|
|
+ }, function (reason) {
|
|
|
+ comObj.postMessage({
|
|
|
+ sourceName,
|
|
|
+ targetName,
|
|
|
+ stream: StreamKind.CANCEL_COMPLETE,
|
|
|
+ streamId,
|
|
|
+ reason: wrapReason(reason)
|
|
|
+ });
|
|
|
+ });
|
|
|
+ streamSink.sinkCapability.reject(wrapReason(data.reason));
|
|
|
+ streamSink.isCancelled = true;
|
|
|
+ delete this.streamSinks[streamId];
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("Unexpected stream case");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ async #deleteStreamController(streamController, streamId) {
|
|
|
+ await Promise.allSettled([streamController.startCall?.promise, streamController.pullCall?.promise, streamController.cancelCall?.promise]);
|
|
|
+ delete this.streamControllers[streamId];
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ this.comObj.removeEventListener("message", this._onComObjOnMessage);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.MessageHandler = MessageHandler;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 16 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.Metadata = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+class Metadata {
|
|
|
+ #metadataMap;
|
|
|
+ #data;
|
|
|
+ constructor({
|
|
|
+ parsedData,
|
|
|
+ rawData
|
|
|
+ }) {
|
|
|
+ this.#metadataMap = parsedData;
|
|
|
+ this.#data = rawData;
|
|
|
+ }
|
|
|
+ getRaw() {
|
|
|
+ return this.#data;
|
|
|
+ }
|
|
|
+ get(name) {
|
|
|
+ return this.#metadataMap.get(name) ?? null;
|
|
|
+ }
|
|
|
+ getAll() {
|
|
|
+ return (0, _util.objectFromMap)(this.#metadataMap);
|
|
|
+ }
|
|
|
+ has(name) {
|
|
|
+ return this.#metadataMap.has(name);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.Metadata = Metadata;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 17 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.OptionalContentConfig = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _murmurhash = __w_pdfjs_require__(8);
|
|
|
+const INTERNAL = Symbol("INTERNAL");
|
|
|
+class OptionalContentGroup {
|
|
|
+ #visible = true;
|
|
|
+ constructor(name, intent) {
|
|
|
+ this.name = name;
|
|
|
+ this.intent = intent;
|
|
|
+ }
|
|
|
+ get visible() {
|
|
|
+ return this.#visible;
|
|
|
+ }
|
|
|
+ _setVisible(internal, visible) {
|
|
|
+ if (internal !== INTERNAL) {
|
|
|
+ (0, _util.unreachable)("Internal method `_setVisible` called.");
|
|
|
+ }
|
|
|
+ this.#visible = visible;
|
|
|
+ }
|
|
|
+}
|
|
|
+class OptionalContentConfig {
|
|
|
+ #cachedGetHash = null;
|
|
|
+ #groups = new Map();
|
|
|
+ #initialHash = null;
|
|
|
+ #order = null;
|
|
|
+ constructor(data) {
|
|
|
+ this.name = null;
|
|
|
+ this.creator = null;
|
|
|
+ if (data === null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.name = data.name;
|
|
|
+ this.creator = data.creator;
|
|
|
+ this.#order = data.order;
|
|
|
+ for (const group of data.groups) {
|
|
|
+ this.#groups.set(group.id, new OptionalContentGroup(group.name, group.intent));
|
|
|
+ }
|
|
|
+ if (data.baseState === "OFF") {
|
|
|
+ for (const group of this.#groups.values()) {
|
|
|
+ group._setVisible(INTERNAL, false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (const on of data.on) {
|
|
|
+ this.#groups.get(on)._setVisible(INTERNAL, true);
|
|
|
+ }
|
|
|
+ for (const off of data.off) {
|
|
|
+ this.#groups.get(off)._setVisible(INTERNAL, false);
|
|
|
+ }
|
|
|
+ this.#initialHash = this.getHash();
|
|
|
+ }
|
|
|
+ #evaluateVisibilityExpression(array) {
|
|
|
+ const length = array.length;
|
|
|
+ if (length < 2) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ const operator = array[0];
|
|
|
+ for (let i = 1; i < length; i++) {
|
|
|
+ const element = array[i];
|
|
|
+ let state;
|
|
|
+ if (Array.isArray(element)) {
|
|
|
+ state = this.#evaluateVisibilityExpression(element);
|
|
|
+ } else if (this.#groups.has(element)) {
|
|
|
+ state = this.#groups.get(element).visible;
|
|
|
+ } else {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${element}`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ switch (operator) {
|
|
|
+ case "And":
|
|
|
+ if (!state) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "Or":
|
|
|
+ if (state) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "Not":
|
|
|
+ return !state;
|
|
|
+ default:
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return operator === "And";
|
|
|
+ }
|
|
|
+ isVisible(group) {
|
|
|
+ if (this.#groups.size === 0) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (!group) {
|
|
|
+ (0, _util.warn)("Optional content group not defined.");
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (group.type === "OCG") {
|
|
|
+ if (!this.#groups.has(group.id)) {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${group.id}`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ return this.#groups.get(group.id).visible;
|
|
|
+ } else if (group.type === "OCMD") {
|
|
|
+ if (group.expression) {
|
|
|
+ return this.#evaluateVisibilityExpression(group.expression);
|
|
|
+ }
|
|
|
+ if (!group.policy || group.policy === "AnyOn") {
|
|
|
+ for (const id of group.ids) {
|
|
|
+ if (!this.#groups.has(id)) {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${id}`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (this.#groups.get(id).visible) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ } else if (group.policy === "AllOn") {
|
|
|
+ for (const id of group.ids) {
|
|
|
+ if (!this.#groups.has(id)) {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${id}`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (!this.#groups.get(id).visible) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ } else if (group.policy === "AnyOff") {
|
|
|
+ for (const id of group.ids) {
|
|
|
+ if (!this.#groups.has(id)) {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${id}`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (!this.#groups.get(id).visible) {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ } else if (group.policy === "AllOff") {
|
|
|
+ for (const id of group.ids) {
|
|
|
+ if (!this.#groups.has(id)) {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${id}`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ if (this.#groups.get(id).visible) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ (0, _util.warn)(`Unknown optional content policy ${group.policy}.`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ (0, _util.warn)(`Unknown group type ${group.type}.`);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ setVisibility(id, visible = true) {
|
|
|
+ if (!this.#groups.has(id)) {
|
|
|
+ (0, _util.warn)(`Optional content group not found: ${id}`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#groups.get(id)._setVisible(INTERNAL, !!visible);
|
|
|
+ this.#cachedGetHash = null;
|
|
|
+ }
|
|
|
+ get hasInitialVisibility() {
|
|
|
+ return this.getHash() === this.#initialHash;
|
|
|
+ }
|
|
|
+ getOrder() {
|
|
|
+ if (!this.#groups.size) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ if (this.#order) {
|
|
|
+ return this.#order.slice();
|
|
|
+ }
|
|
|
+ return [...this.#groups.keys()];
|
|
|
+ }
|
|
|
+ getGroups() {
|
|
|
+ return this.#groups.size > 0 ? (0, _util.objectFromMap)(this.#groups) : null;
|
|
|
+ }
|
|
|
+ getGroup(id) {
|
|
|
+ return this.#groups.get(id) || null;
|
|
|
+ }
|
|
|
+ getHash() {
|
|
|
+ if (this.#cachedGetHash !== null) {
|
|
|
+ return this.#cachedGetHash;
|
|
|
+ }
|
|
|
+ const hash = new _murmurhash.MurmurHash3_64();
|
|
|
+ for (const [id, group] of this.#groups) {
|
|
|
+ hash.update(`${id}:${group.visible}`);
|
|
|
+ }
|
|
|
+ return this.#cachedGetHash = hash.hexdigest();
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.OptionalContentConfig = OptionalContentConfig;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 18 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.PDFDataTransportStream = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+class PDFDataTransportStream {
|
|
|
+ constructor({
|
|
|
+ length,
|
|
|
+ initialData,
|
|
|
+ progressiveDone = false,
|
|
|
+ contentDispositionFilename = null,
|
|
|
+ disableRange = false,
|
|
|
+ disableStream = false
|
|
|
+ }, pdfDataRangeTransport) {
|
|
|
+ (0, _util.assert)(pdfDataRangeTransport, 'PDFDataTransportStream - missing required "pdfDataRangeTransport" argument.');
|
|
|
+ this._queuedChunks = [];
|
|
|
+ this._progressiveDone = progressiveDone;
|
|
|
+ this._contentDispositionFilename = contentDispositionFilename;
|
|
|
+ if (initialData?.length > 0) {
|
|
|
+ const buffer = initialData instanceof Uint8Array && initialData.byteLength === initialData.buffer.byteLength ? initialData.buffer : new Uint8Array(initialData).buffer;
|
|
|
+ this._queuedChunks.push(buffer);
|
|
|
+ }
|
|
|
+ this._pdfDataRangeTransport = pdfDataRangeTransport;
|
|
|
+ this._isStreamingSupported = !disableStream;
|
|
|
+ this._isRangeSupported = !disableRange;
|
|
|
+ this._contentLength = length;
|
|
|
+ this._fullRequestReader = null;
|
|
|
+ this._rangeReaders = [];
|
|
|
+ this._pdfDataRangeTransport.addRangeListener((begin, chunk) => {
|
|
|
+ this._onReceiveData({
|
|
|
+ begin,
|
|
|
+ chunk
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this._pdfDataRangeTransport.addProgressListener((loaded, total) => {
|
|
|
+ this._onProgress({
|
|
|
+ loaded,
|
|
|
+ total
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this._pdfDataRangeTransport.addProgressiveReadListener(chunk => {
|
|
|
+ this._onReceiveData({
|
|
|
+ chunk
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this._pdfDataRangeTransport.addProgressiveDoneListener(() => {
|
|
|
+ this._onProgressiveDone();
|
|
|
+ });
|
|
|
+ this._pdfDataRangeTransport.transportReady();
|
|
|
+ }
|
|
|
+ _onReceiveData({
|
|
|
+ begin,
|
|
|
+ chunk
|
|
|
+ }) {
|
|
|
+ const buffer = chunk instanceof Uint8Array && chunk.byteLength === chunk.buffer.byteLength ? chunk.buffer : new Uint8Array(chunk).buffer;
|
|
|
+ if (begin === undefined) {
|
|
|
+ if (this._fullRequestReader) {
|
|
|
+ this._fullRequestReader._enqueue(buffer);
|
|
|
+ } else {
|
|
|
+ this._queuedChunks.push(buffer);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ const found = this._rangeReaders.some(function (rangeReader) {
|
|
|
+ if (rangeReader._begin !== begin) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ rangeReader._enqueue(buffer);
|
|
|
+ return true;
|
|
|
+ });
|
|
|
+ (0, _util.assert)(found, "_onReceiveData - no `PDFDataTransportStreamRangeReader` instance found.");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get _progressiveDataLength() {
|
|
|
+ return this._fullRequestReader?._loaded ?? 0;
|
|
|
+ }
|
|
|
+ _onProgress(evt) {
|
|
|
+ if (evt.total === undefined) {
|
|
|
+ this._rangeReaders[0]?.onProgress?.({
|
|
|
+ loaded: evt.loaded
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this._fullRequestReader?.onProgress?.({
|
|
|
+ loaded: evt.loaded,
|
|
|
+ total: evt.total
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _onProgressiveDone() {
|
|
|
+ this._fullRequestReader?.progressiveDone();
|
|
|
+ this._progressiveDone = true;
|
|
|
+ }
|
|
|
+ _removeRangeReader(reader) {
|
|
|
+ const i = this._rangeReaders.indexOf(reader);
|
|
|
+ if (i >= 0) {
|
|
|
+ this._rangeReaders.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getFullReader() {
|
|
|
+ (0, _util.assert)(!this._fullRequestReader, "PDFDataTransportStream.getFullReader can only be called once.");
|
|
|
+ const queuedChunks = this._queuedChunks;
|
|
|
+ this._queuedChunks = null;
|
|
|
+ return new PDFDataTransportStreamReader(this, queuedChunks, this._progressiveDone, this._contentDispositionFilename);
|
|
|
+ }
|
|
|
+ getRangeReader(begin, end) {
|
|
|
+ if (end <= this._progressiveDataLength) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const reader = new PDFDataTransportStreamRangeReader(this, begin, end);
|
|
|
+ this._pdfDataRangeTransport.requestDataRange(begin, end);
|
|
|
+ this._rangeReaders.push(reader);
|
|
|
+ return reader;
|
|
|
+ }
|
|
|
+ cancelAllRequests(reason) {
|
|
|
+ this._fullRequestReader?.cancel(reason);
|
|
|
+ for (const reader of this._rangeReaders.slice(0)) {
|
|
|
+ reader.cancel(reason);
|
|
|
+ }
|
|
|
+ this._pdfDataRangeTransport.abort();
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFDataTransportStream = PDFDataTransportStream;
|
|
|
+class PDFDataTransportStreamReader {
|
|
|
+ constructor(stream, queuedChunks, progressiveDone = false, contentDispositionFilename = null) {
|
|
|
+ this._stream = stream;
|
|
|
+ this._done = progressiveDone || false;
|
|
|
+ this._filename = (0, _display_utils.isPdfFile)(contentDispositionFilename) ? contentDispositionFilename : null;
|
|
|
+ this._queuedChunks = queuedChunks || [];
|
|
|
+ this._loaded = 0;
|
|
|
+ for (const chunk of this._queuedChunks) {
|
|
|
+ this._loaded += chunk.byteLength;
|
|
|
+ }
|
|
|
+ this._requests = [];
|
|
|
+ this._headersReady = Promise.resolve();
|
|
|
+ stream._fullRequestReader = this;
|
|
|
+ this.onProgress = null;
|
|
|
+ }
|
|
|
+ _enqueue(chunk) {
|
|
|
+ if (this._done) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this._requests.length > 0) {
|
|
|
+ const requestCapability = this._requests.shift();
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this._queuedChunks.push(chunk);
|
|
|
+ }
|
|
|
+ this._loaded += chunk.byteLength;
|
|
|
+ }
|
|
|
+ get headersReady() {
|
|
|
+ return this._headersReady;
|
|
|
+ }
|
|
|
+ get filename() {
|
|
|
+ return this._filename;
|
|
|
+ }
|
|
|
+ get isRangeSupported() {
|
|
|
+ return this._stream._isRangeSupported;
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return this._stream._isStreamingSupported;
|
|
|
+ }
|
|
|
+ get contentLength() {
|
|
|
+ return this._stream._contentLength;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ if (this._queuedChunks.length > 0) {
|
|
|
+ const chunk = this._queuedChunks.shift();
|
|
|
+ return {
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (this._done) {
|
|
|
+ return {
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ const requestCapability = new _util.PromiseCapability();
|
|
|
+ this._requests.push(requestCapability);
|
|
|
+ return requestCapability.promise;
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ this._done = true;
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ }
|
|
|
+ progressiveDone() {
|
|
|
+ if (this._done) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._done = true;
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFDataTransportStreamRangeReader {
|
|
|
+ constructor(stream, begin, end) {
|
|
|
+ this._stream = stream;
|
|
|
+ this._begin = begin;
|
|
|
+ this._end = end;
|
|
|
+ this._queuedChunk = null;
|
|
|
+ this._requests = [];
|
|
|
+ this._done = false;
|
|
|
+ this.onProgress = null;
|
|
|
+ }
|
|
|
+ _enqueue(chunk) {
|
|
|
+ if (this._done) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this._requests.length === 0) {
|
|
|
+ this._queuedChunk = chunk;
|
|
|
+ } else {
|
|
|
+ const requestsCapability = this._requests.shift();
|
|
|
+ requestsCapability.resolve({
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ });
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ }
|
|
|
+ this._done = true;
|
|
|
+ this._stream._removeRangeReader(this);
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ if (this._queuedChunk) {
|
|
|
+ const chunk = this._queuedChunk;
|
|
|
+ this._queuedChunk = null;
|
|
|
+ return {
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (this._done) {
|
|
|
+ return {
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ const requestCapability = new _util.PromiseCapability();
|
|
|
+ this._requests.push(requestCapability);
|
|
|
+ return requestCapability.promise;
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ this._done = true;
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ this._stream._removeRangeReader(this);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 19 */
|
|
|
+/***/ ((__unused_webpack_module, exports) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.XfaText = void 0;
|
|
|
+class XfaText {
|
|
|
+ static textContent(xfa) {
|
|
|
+ const items = [];
|
|
|
+ const output = {
|
|
|
+ items,
|
|
|
+ styles: Object.create(null)
|
|
|
+ };
|
|
|
+ function walk(node) {
|
|
|
+ if (!node) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let str = null;
|
|
|
+ const name = node.name;
|
|
|
+ if (name === "#text") {
|
|
|
+ str = node.value;
|
|
|
+ } else if (!XfaText.shouldBuildText(name)) {
|
|
|
+ return;
|
|
|
+ } else if (node?.attributes?.textContent) {
|
|
|
+ str = node.attributes.textContent;
|
|
|
+ } else if (node.value) {
|
|
|
+ str = node.value;
|
|
|
+ }
|
|
|
+ if (str !== null) {
|
|
|
+ items.push({
|
|
|
+ str
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (!node.children) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (const child of node.children) {
|
|
|
+ walk(child);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ walk(xfa);
|
|
|
+ return output;
|
|
|
+ }
|
|
|
+ static shouldBuildText(name) {
|
|
|
+ return !(name === "textarea" || name === "input" || name === "option" || name === "select");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.XfaText = XfaText;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 20 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.NodeStandardFontDataFactory = exports.NodeFilterFactory = exports.NodeCanvasFactory = exports.NodeCMapReaderFactory = void 0;
|
|
|
+var _base_factory = __w_pdfjs_require__(7);
|
|
|
+;
|
|
|
+const fetchData = function (url) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const fs = require("fs");
|
|
|
+ fs.readFile(url, (error, data) => {
|
|
|
+ if (error || !data) {
|
|
|
+ reject(new Error(error));
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ resolve(new Uint8Array(data));
|
|
|
+ });
|
|
|
+ });
|
|
|
+};
|
|
|
+class NodeFilterFactory extends _base_factory.BaseFilterFactory {}
|
|
|
+exports.NodeFilterFactory = NodeFilterFactory;
|
|
|
+class NodeCanvasFactory extends _base_factory.BaseCanvasFactory {
|
|
|
+ _createCanvas(width, height) {
|
|
|
+ const Canvas = require("canvas");
|
|
|
+ return Canvas.createCanvas(width, height);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.NodeCanvasFactory = NodeCanvasFactory;
|
|
|
+class NodeCMapReaderFactory extends _base_factory.BaseCMapReaderFactory {
|
|
|
+ _fetchData(url, compressionType) {
|
|
|
+ return fetchData(url).then(data => {
|
|
|
+ return {
|
|
|
+ cMapData: data,
|
|
|
+ compressionType
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.NodeCMapReaderFactory = NodeCMapReaderFactory;
|
|
|
+class NodeStandardFontDataFactory extends _base_factory.BaseStandardFontDataFactory {
|
|
|
+ _fetchData(url) {
|
|
|
+ return fetchData(url);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.NodeStandardFontDataFactory = NodeStandardFontDataFactory;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 21 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.PDFNodeStream = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _network_utils = __w_pdfjs_require__(22);
|
|
|
+;
|
|
|
+const fs = require("fs");
|
|
|
+const http = require("http");
|
|
|
+const https = require("https");
|
|
|
+const url = require("url");
|
|
|
+const fileUriRegex = /^file:\/\/\/[a-zA-Z]:\//;
|
|
|
+function parseUrl(sourceUrl) {
|
|
|
+ const parsedUrl = url.parse(sourceUrl);
|
|
|
+ if (parsedUrl.protocol === "file:" || parsedUrl.host) {
|
|
|
+ return parsedUrl;
|
|
|
+ }
|
|
|
+ if (/^[a-z]:[/\\]/i.test(sourceUrl)) {
|
|
|
+ return url.parse(`file:///${sourceUrl}`);
|
|
|
+ }
|
|
|
+ if (!parsedUrl.host) {
|
|
|
+ parsedUrl.protocol = "file:";
|
|
|
+ }
|
|
|
+ return parsedUrl;
|
|
|
+}
|
|
|
+class PDFNodeStream {
|
|
|
+ constructor(source) {
|
|
|
+ this.source = source;
|
|
|
+ this.url = parseUrl(source.url);
|
|
|
+ this.isHttp = this.url.protocol === "http:" || this.url.protocol === "https:";
|
|
|
+ this.isFsUrl = this.url.protocol === "file:";
|
|
|
+ this.httpHeaders = this.isHttp && source.httpHeaders || {};
|
|
|
+ this._fullRequestReader = null;
|
|
|
+ this._rangeRequestReaders = [];
|
|
|
+ }
|
|
|
+ get _progressiveDataLength() {
|
|
|
+ return this._fullRequestReader?._loaded ?? 0;
|
|
|
+ }
|
|
|
+ getFullReader() {
|
|
|
+ (0, _util.assert)(!this._fullRequestReader, "PDFNodeStream.getFullReader can only be called once.");
|
|
|
+ this._fullRequestReader = this.isFsUrl ? new PDFNodeStreamFsFullReader(this) : new PDFNodeStreamFullReader(this);
|
|
|
+ return this._fullRequestReader;
|
|
|
+ }
|
|
|
+ getRangeReader(start, end) {
|
|
|
+ if (end <= this._progressiveDataLength) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const rangeReader = this.isFsUrl ? new PDFNodeStreamFsRangeReader(this, start, end) : new PDFNodeStreamRangeReader(this, start, end);
|
|
|
+ this._rangeRequestReaders.push(rangeReader);
|
|
|
+ return rangeReader;
|
|
|
+ }
|
|
|
+ cancelAllRequests(reason) {
|
|
|
+ this._fullRequestReader?.cancel(reason);
|
|
|
+ for (const reader of this._rangeRequestReaders.slice(0)) {
|
|
|
+ reader.cancel(reason);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFNodeStream = PDFNodeStream;
|
|
|
+class BaseFullReader {
|
|
|
+ constructor(stream) {
|
|
|
+ this._url = stream.url;
|
|
|
+ this._done = false;
|
|
|
+ this._storedError = null;
|
|
|
+ this.onProgress = null;
|
|
|
+ const source = stream.source;
|
|
|
+ this._contentLength = source.length;
|
|
|
+ this._loaded = 0;
|
|
|
+ this._filename = null;
|
|
|
+ this._disableRange = source.disableRange || false;
|
|
|
+ this._rangeChunkSize = source.rangeChunkSize;
|
|
|
+ if (!this._rangeChunkSize && !this._disableRange) {
|
|
|
+ this._disableRange = true;
|
|
|
+ }
|
|
|
+ this._isStreamingSupported = !source.disableStream;
|
|
|
+ this._isRangeSupported = !source.disableRange;
|
|
|
+ this._readableStream = null;
|
|
|
+ this._readCapability = new _util.PromiseCapability();
|
|
|
+ this._headersCapability = new _util.PromiseCapability();
|
|
|
+ }
|
|
|
+ get headersReady() {
|
|
|
+ return this._headersCapability.promise;
|
|
|
+ }
|
|
|
+ get filename() {
|
|
|
+ return this._filename;
|
|
|
+ }
|
|
|
+ get contentLength() {
|
|
|
+ return this._contentLength;
|
|
|
+ }
|
|
|
+ get isRangeSupported() {
|
|
|
+ return this._isRangeSupported;
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return this._isStreamingSupported;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ await this._readCapability.promise;
|
|
|
+ if (this._done) {
|
|
|
+ return {
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (this._storedError) {
|
|
|
+ throw this._storedError;
|
|
|
+ }
|
|
|
+ const chunk = this._readableStream.read();
|
|
|
+ if (chunk === null) {
|
|
|
+ this._readCapability = new _util.PromiseCapability();
|
|
|
+ return this.read();
|
|
|
+ }
|
|
|
+ this._loaded += chunk.length;
|
|
|
+ this.onProgress?.({
|
|
|
+ loaded: this._loaded,
|
|
|
+ total: this._contentLength
|
|
|
+ });
|
|
|
+ const buffer = new Uint8Array(chunk).buffer;
|
|
|
+ return {
|
|
|
+ value: buffer,
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ if (!this._readableStream) {
|
|
|
+ this._error(reason);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._readableStream.destroy(reason);
|
|
|
+ }
|
|
|
+ _error(reason) {
|
|
|
+ this._storedError = reason;
|
|
|
+ this._readCapability.resolve();
|
|
|
+ }
|
|
|
+ _setReadableStream(readableStream) {
|
|
|
+ this._readableStream = readableStream;
|
|
|
+ readableStream.on("readable", () => {
|
|
|
+ this._readCapability.resolve();
|
|
|
+ });
|
|
|
+ readableStream.on("end", () => {
|
|
|
+ readableStream.destroy();
|
|
|
+ this._done = true;
|
|
|
+ this._readCapability.resolve();
|
|
|
+ });
|
|
|
+ readableStream.on("error", reason => {
|
|
|
+ this._error(reason);
|
|
|
+ });
|
|
|
+ if (!this._isStreamingSupported && this._isRangeSupported) {
|
|
|
+ this._error(new _util.AbortException("streaming is disabled"));
|
|
|
+ }
|
|
|
+ if (this._storedError) {
|
|
|
+ this._readableStream.destroy(this._storedError);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+class BaseRangeReader {
|
|
|
+ constructor(stream) {
|
|
|
+ this._url = stream.url;
|
|
|
+ this._done = false;
|
|
|
+ this._storedError = null;
|
|
|
+ this.onProgress = null;
|
|
|
+ this._loaded = 0;
|
|
|
+ this._readableStream = null;
|
|
|
+ this._readCapability = new _util.PromiseCapability();
|
|
|
+ const source = stream.source;
|
|
|
+ this._isStreamingSupported = !source.disableStream;
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return this._isStreamingSupported;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ await this._readCapability.promise;
|
|
|
+ if (this._done) {
|
|
|
+ return {
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (this._storedError) {
|
|
|
+ throw this._storedError;
|
|
|
+ }
|
|
|
+ const chunk = this._readableStream.read();
|
|
|
+ if (chunk === null) {
|
|
|
+ this._readCapability = new _util.PromiseCapability();
|
|
|
+ return this.read();
|
|
|
+ }
|
|
|
+ this._loaded += chunk.length;
|
|
|
+ this.onProgress?.({
|
|
|
+ loaded: this._loaded
|
|
|
+ });
|
|
|
+ const buffer = new Uint8Array(chunk).buffer;
|
|
|
+ return {
|
|
|
+ value: buffer,
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ if (!this._readableStream) {
|
|
|
+ this._error(reason);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._readableStream.destroy(reason);
|
|
|
+ }
|
|
|
+ _error(reason) {
|
|
|
+ this._storedError = reason;
|
|
|
+ this._readCapability.resolve();
|
|
|
+ }
|
|
|
+ _setReadableStream(readableStream) {
|
|
|
+ this._readableStream = readableStream;
|
|
|
+ readableStream.on("readable", () => {
|
|
|
+ this._readCapability.resolve();
|
|
|
+ });
|
|
|
+ readableStream.on("end", () => {
|
|
|
+ readableStream.destroy();
|
|
|
+ this._done = true;
|
|
|
+ this._readCapability.resolve();
|
|
|
+ });
|
|
|
+ readableStream.on("error", reason => {
|
|
|
+ this._error(reason);
|
|
|
+ });
|
|
|
+ if (this._storedError) {
|
|
|
+ this._readableStream.destroy(this._storedError);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+function createRequestOptions(parsedUrl, headers) {
|
|
|
+ return {
|
|
|
+ protocol: parsedUrl.protocol,
|
|
|
+ auth: parsedUrl.auth,
|
|
|
+ host: parsedUrl.hostname,
|
|
|
+ port: parsedUrl.port,
|
|
|
+ path: parsedUrl.path,
|
|
|
+ method: "GET",
|
|
|
+ headers
|
|
|
+ };
|
|
|
+}
|
|
|
+class PDFNodeStreamFullReader extends BaseFullReader {
|
|
|
+ constructor(stream) {
|
|
|
+ super(stream);
|
|
|
+ const handleResponse = response => {
|
|
|
+ if (response.statusCode === 404) {
|
|
|
+ const error = new _util.MissingPDFException(`Missing PDF "${this._url}".`);
|
|
|
+ this._storedError = error;
|
|
|
+ this._headersCapability.reject(error);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._headersCapability.resolve();
|
|
|
+ this._setReadableStream(response);
|
|
|
+ const getResponseHeader = name => {
|
|
|
+ return this._readableStream.headers[name.toLowerCase()];
|
|
|
+ };
|
|
|
+ const {
|
|
|
+ allowRangeRequests,
|
|
|
+ suggestedLength
|
|
|
+ } = (0, _network_utils.validateRangeRequestCapabilities)({
|
|
|
+ getResponseHeader,
|
|
|
+ isHttp: stream.isHttp,
|
|
|
+ rangeChunkSize: this._rangeChunkSize,
|
|
|
+ disableRange: this._disableRange
|
|
|
+ });
|
|
|
+ this._isRangeSupported = allowRangeRequests;
|
|
|
+ this._contentLength = suggestedLength || this._contentLength;
|
|
|
+ this._filename = (0, _network_utils.extractFilenameFromHeader)(getResponseHeader);
|
|
|
+ };
|
|
|
+ this._request = null;
|
|
|
+ if (this._url.protocol === "http:") {
|
|
|
+ this._request = http.request(createRequestOptions(this._url, stream.httpHeaders), handleResponse);
|
|
|
+ } else {
|
|
|
+ this._request = https.request(createRequestOptions(this._url, stream.httpHeaders), handleResponse);
|
|
|
+ }
|
|
|
+ this._request.on("error", reason => {
|
|
|
+ this._storedError = reason;
|
|
|
+ this._headersCapability.reject(reason);
|
|
|
+ });
|
|
|
+ this._request.end();
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFNodeStreamRangeReader extends BaseRangeReader {
|
|
|
+ constructor(stream, start, end) {
|
|
|
+ super(stream);
|
|
|
+ this._httpHeaders = {};
|
|
|
+ for (const property in stream.httpHeaders) {
|
|
|
+ const value = stream.httpHeaders[property];
|
|
|
+ if (value === undefined) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ this._httpHeaders[property] = value;
|
|
|
+ }
|
|
|
+ this._httpHeaders.Range = `bytes=${start}-${end - 1}`;
|
|
|
+ const handleResponse = response => {
|
|
|
+ if (response.statusCode === 404) {
|
|
|
+ const error = new _util.MissingPDFException(`Missing PDF "${this._url}".`);
|
|
|
+ this._storedError = error;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._setReadableStream(response);
|
|
|
+ };
|
|
|
+ this._request = null;
|
|
|
+ if (this._url.protocol === "http:") {
|
|
|
+ this._request = http.request(createRequestOptions(this._url, this._httpHeaders), handleResponse);
|
|
|
+ } else {
|
|
|
+ this._request = https.request(createRequestOptions(this._url, this._httpHeaders), handleResponse);
|
|
|
+ }
|
|
|
+ this._request.on("error", reason => {
|
|
|
+ this._storedError = reason;
|
|
|
+ });
|
|
|
+ this._request.end();
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFNodeStreamFsFullReader extends BaseFullReader {
|
|
|
+ constructor(stream) {
|
|
|
+ super(stream);
|
|
|
+ let path = decodeURIComponent(this._url.path);
|
|
|
+ if (fileUriRegex.test(this._url.href)) {
|
|
|
+ path = path.replace(/^\//, "");
|
|
|
+ }
|
|
|
+ fs.lstat(path, (error, stat) => {
|
|
|
+ if (error) {
|
|
|
+ if (error.code === "ENOENT") {
|
|
|
+ error = new _util.MissingPDFException(`Missing PDF "${path}".`);
|
|
|
+ }
|
|
|
+ this._storedError = error;
|
|
|
+ this._headersCapability.reject(error);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this._contentLength = stat.size;
|
|
|
+ this._setReadableStream(fs.createReadStream(path));
|
|
|
+ this._headersCapability.resolve();
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFNodeStreamFsRangeReader extends BaseRangeReader {
|
|
|
+ constructor(stream, start, end) {
|
|
|
+ super(stream);
|
|
|
+ let path = decodeURIComponent(this._url.path);
|
|
|
+ if (fileUriRegex.test(this._url.href)) {
|
|
|
+ path = path.replace(/^\//, "");
|
|
|
+ }
|
|
|
+ this._setReadableStream(fs.createReadStream(path, {
|
|
|
+ start,
|
|
|
+ end: end - 1
|
|
|
+ }));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 22 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.createResponseStatusError = createResponseStatusError;
|
|
|
+exports.extractFilenameFromHeader = extractFilenameFromHeader;
|
|
|
+exports.validateRangeRequestCapabilities = validateRangeRequestCapabilities;
|
|
|
+exports.validateResponseStatus = validateResponseStatus;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _content_disposition = __w_pdfjs_require__(23);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+function validateRangeRequestCapabilities({
|
|
|
+ getResponseHeader,
|
|
|
+ isHttp,
|
|
|
+ rangeChunkSize,
|
|
|
+ disableRange
|
|
|
+}) {
|
|
|
+ const returnValues = {
|
|
|
+ allowRangeRequests: false,
|
|
|
+ suggestedLength: undefined
|
|
|
+ };
|
|
|
+ const length = parseInt(getResponseHeader("Content-Length"), 10);
|
|
|
+ if (!Number.isInteger(length)) {
|
|
|
+ return returnValues;
|
|
|
+ }
|
|
|
+ returnValues.suggestedLength = length;
|
|
|
+ if (length <= 2 * rangeChunkSize) {
|
|
|
+ return returnValues;
|
|
|
+ }
|
|
|
+ if (disableRange || !isHttp) {
|
|
|
+ return returnValues;
|
|
|
+ }
|
|
|
+ if (getResponseHeader("Accept-Ranges") !== "bytes") {
|
|
|
+ return returnValues;
|
|
|
+ }
|
|
|
+ const contentEncoding = getResponseHeader("Content-Encoding") || "identity";
|
|
|
+ if (contentEncoding !== "identity") {
|
|
|
+ return returnValues;
|
|
|
+ }
|
|
|
+ returnValues.allowRangeRequests = true;
|
|
|
+ return returnValues;
|
|
|
+}
|
|
|
+function extractFilenameFromHeader(getResponseHeader) {
|
|
|
+ const contentDisposition = getResponseHeader("Content-Disposition");
|
|
|
+ if (contentDisposition) {
|
|
|
+ let filename = (0, _content_disposition.getFilenameFromContentDispositionHeader)(contentDisposition);
|
|
|
+ if (filename.includes("%")) {
|
|
|
+ try {
|
|
|
+ filename = decodeURIComponent(filename);
|
|
|
+ } catch {}
|
|
|
+ }
|
|
|
+ if ((0, _display_utils.isPdfFile)(filename)) {
|
|
|
+ return filename;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+}
|
|
|
+function createResponseStatusError(status, url) {
|
|
|
+ if (status === 404 || status === 0 && url.startsWith("file:")) {
|
|
|
+ return new _util.MissingPDFException('Missing PDF "' + url + '".');
|
|
|
+ }
|
|
|
+ return new _util.UnexpectedResponseException(`Unexpected server response (${status}) while retrieving PDF "${url}".`, status);
|
|
|
+}
|
|
|
+function validateResponseStatus(status) {
|
|
|
+ return status === 200 || status === 206;
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 23 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.getFilenameFromContentDispositionHeader = getFilenameFromContentDispositionHeader;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+function getFilenameFromContentDispositionHeader(contentDisposition) {
|
|
|
+ let needsEncodingFixup = true;
|
|
|
+ let tmp = toParamRegExp("filename\\*", "i").exec(contentDisposition);
|
|
|
+ if (tmp) {
|
|
|
+ tmp = tmp[1];
|
|
|
+ let filename = rfc2616unquote(tmp);
|
|
|
+ filename = unescape(filename);
|
|
|
+ filename = rfc5987decode(filename);
|
|
|
+ filename = rfc2047decode(filename);
|
|
|
+ return fixupEncoding(filename);
|
|
|
+ }
|
|
|
+ tmp = rfc2231getparam(contentDisposition);
|
|
|
+ if (tmp) {
|
|
|
+ const filename = rfc2047decode(tmp);
|
|
|
+ return fixupEncoding(filename);
|
|
|
+ }
|
|
|
+ tmp = toParamRegExp("filename", "i").exec(contentDisposition);
|
|
|
+ if (tmp) {
|
|
|
+ tmp = tmp[1];
|
|
|
+ let filename = rfc2616unquote(tmp);
|
|
|
+ filename = rfc2047decode(filename);
|
|
|
+ return fixupEncoding(filename);
|
|
|
+ }
|
|
|
+ function toParamRegExp(attributePattern, flags) {
|
|
|
+ return new RegExp("(?:^|;)\\s*" + attributePattern + "\\s*=\\s*" + "(" + '[^";\\s][^;\\s]*' + "|" + '"(?:[^"\\\\]|\\\\"?)+"?' + ")", flags);
|
|
|
+ }
|
|
|
+ function textdecode(encoding, value) {
|
|
|
+ if (encoding) {
|
|
|
+ if (!/^[\x00-\xFF]+$/.test(value)) {
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ const decoder = new TextDecoder(encoding, {
|
|
|
+ fatal: true
|
|
|
+ });
|
|
|
+ const buffer = (0, _util.stringToBytes)(value);
|
|
|
+ value = decoder.decode(buffer);
|
|
|
+ needsEncodingFixup = false;
|
|
|
+ } catch {}
|
|
|
+ }
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ function fixupEncoding(value) {
|
|
|
+ if (needsEncodingFixup && /[\x80-\xff]/.test(value)) {
|
|
|
+ value = textdecode("utf-8", value);
|
|
|
+ if (needsEncodingFixup) {
|
|
|
+ value = textdecode("iso-8859-1", value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ function rfc2231getparam(contentDispositionStr) {
|
|
|
+ const matches = [];
|
|
|
+ let match;
|
|
|
+ const iter = toParamRegExp("filename\\*((?!0\\d)\\d+)(\\*?)", "ig");
|
|
|
+ while ((match = iter.exec(contentDispositionStr)) !== null) {
|
|
|
+ let [, n, quot, part] = match;
|
|
|
+ n = parseInt(n, 10);
|
|
|
+ if (n in matches) {
|
|
|
+ if (n === 0) {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ matches[n] = [quot, part];
|
|
|
+ }
|
|
|
+ const parts = [];
|
|
|
+ for (let n = 0; n < matches.length; ++n) {
|
|
|
+ if (!(n in matches)) {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ let [quot, part] = matches[n];
|
|
|
+ part = rfc2616unquote(part);
|
|
|
+ if (quot) {
|
|
|
+ part = unescape(part);
|
|
|
+ if (n === 0) {
|
|
|
+ part = rfc5987decode(part);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ parts.push(part);
|
|
|
+ }
|
|
|
+ return parts.join("");
|
|
|
+ }
|
|
|
+ function rfc2616unquote(value) {
|
|
|
+ if (value.startsWith('"')) {
|
|
|
+ const parts = value.slice(1).split('\\"');
|
|
|
+ for (let i = 0; i < parts.length; ++i) {
|
|
|
+ const quotindex = parts[i].indexOf('"');
|
|
|
+ if (quotindex !== -1) {
|
|
|
+ parts[i] = parts[i].slice(0, quotindex);
|
|
|
+ parts.length = i + 1;
|
|
|
+ }
|
|
|
+ parts[i] = parts[i].replaceAll(/\\(.)/g, "$1");
|
|
|
+ }
|
|
|
+ value = parts.join('"');
|
|
|
+ }
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ function rfc5987decode(extvalue) {
|
|
|
+ const encodingend = extvalue.indexOf("'");
|
|
|
+ if (encodingend === -1) {
|
|
|
+ return extvalue;
|
|
|
+ }
|
|
|
+ const encoding = extvalue.slice(0, encodingend);
|
|
|
+ const langvalue = extvalue.slice(encodingend + 1);
|
|
|
+ const value = langvalue.replace(/^[^']*'/, "");
|
|
|
+ return textdecode(encoding, value);
|
|
|
+ }
|
|
|
+ function rfc2047decode(value) {
|
|
|
+ if (!value.startsWith("=?") || /[\x00-\x19\x80-\xff]/.test(value)) {
|
|
|
+ return value;
|
|
|
+ }
|
|
|
+ return value.replaceAll(/=\?([\w-]*)\?([QqBb])\?((?:[^?]|\?(?!=))*)\?=/g, function (matches, charset, encoding, text) {
|
|
|
+ if (encoding === "q" || encoding === "Q") {
|
|
|
+ text = text.replaceAll("_", " ");
|
|
|
+ text = text.replaceAll(/=([0-9a-fA-F]{2})/g, function (match, hex) {
|
|
|
+ return String.fromCharCode(parseInt(hex, 16));
|
|
|
+ });
|
|
|
+ return textdecode(charset, text);
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ text = atob(text);
|
|
|
+ } catch {}
|
|
|
+ return textdecode(charset, text);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return "";
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 24 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.PDFNetworkStream = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _network_utils = __w_pdfjs_require__(22);
|
|
|
+;
|
|
|
+const OK_RESPONSE = 200;
|
|
|
+const PARTIAL_CONTENT_RESPONSE = 206;
|
|
|
+function getArrayBuffer(xhr) {
|
|
|
+ const data = xhr.response;
|
|
|
+ if (typeof data !== "string") {
|
|
|
+ return data;
|
|
|
+ }
|
|
|
+ return (0, _util.stringToBytes)(data).buffer;
|
|
|
+}
|
|
|
+class NetworkManager {
|
|
|
+ constructor(url, args = {}) {
|
|
|
+ this.url = url;
|
|
|
+ this.isHttp = /^https?:/i.test(url);
|
|
|
+ this.httpHeaders = this.isHttp && args.httpHeaders || Object.create(null);
|
|
|
+ this.withCredentials = args.withCredentials || false;
|
|
|
+ this.currXhrId = 0;
|
|
|
+ this.pendingRequests = Object.create(null);
|
|
|
+ }
|
|
|
+ requestRange(begin, end, listeners) {
|
|
|
+ const args = {
|
|
|
+ begin,
|
|
|
+ end
|
|
|
+ };
|
|
|
+ for (const prop in listeners) {
|
|
|
+ args[prop] = listeners[prop];
|
|
|
+ }
|
|
|
+ return this.request(args);
|
|
|
+ }
|
|
|
+ requestFull(listeners) {
|
|
|
+ return this.request(listeners);
|
|
|
+ }
|
|
|
+ request(args) {
|
|
|
+ const xhr = new XMLHttpRequest();
|
|
|
+ const xhrId = this.currXhrId++;
|
|
|
+ const pendingRequest = this.pendingRequests[xhrId] = {
|
|
|
+ xhr
|
|
|
+ };
|
|
|
+ xhr.open("GET", this.url);
|
|
|
+ xhr.withCredentials = this.withCredentials;
|
|
|
+ for (const property in this.httpHeaders) {
|
|
|
+ const value = this.httpHeaders[property];
|
|
|
+ if (value === undefined) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ xhr.setRequestHeader(property, value);
|
|
|
+ }
|
|
|
+ if (this.isHttp && "begin" in args && "end" in args) {
|
|
|
+ xhr.setRequestHeader("Range", `bytes=${args.begin}-${args.end - 1}`);
|
|
|
+ pendingRequest.expectedStatus = PARTIAL_CONTENT_RESPONSE;
|
|
|
+ } else {
|
|
|
+ pendingRequest.expectedStatus = OK_RESPONSE;
|
|
|
+ }
|
|
|
+ xhr.responseType = "arraybuffer";
|
|
|
+ if (args.onError) {
|
|
|
+ xhr.onerror = function (evt) {
|
|
|
+ args.onError(xhr.status);
|
|
|
+ };
|
|
|
+ }
|
|
|
+ xhr.onreadystatechange = this.onStateChange.bind(this, xhrId);
|
|
|
+ xhr.onprogress = this.onProgress.bind(this, xhrId);
|
|
|
+ pendingRequest.onHeadersReceived = args.onHeadersReceived;
|
|
|
+ pendingRequest.onDone = args.onDone;
|
|
|
+ pendingRequest.onError = args.onError;
|
|
|
+ pendingRequest.onProgress = args.onProgress;
|
|
|
+ xhr.send(null);
|
|
|
+ return xhrId;
|
|
|
+ }
|
|
|
+ onProgress(xhrId, evt) {
|
|
|
+ const pendingRequest = this.pendingRequests[xhrId];
|
|
|
+ if (!pendingRequest) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ pendingRequest.onProgress?.(evt);
|
|
|
+ }
|
|
|
+ onStateChange(xhrId, evt) {
|
|
|
+ const pendingRequest = this.pendingRequests[xhrId];
|
|
|
+ if (!pendingRequest) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const xhr = pendingRequest.xhr;
|
|
|
+ if (xhr.readyState >= 2 && pendingRequest.onHeadersReceived) {
|
|
|
+ pendingRequest.onHeadersReceived();
|
|
|
+ delete pendingRequest.onHeadersReceived;
|
|
|
+ }
|
|
|
+ if (xhr.readyState !== 4) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!(xhrId in this.pendingRequests)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ delete this.pendingRequests[xhrId];
|
|
|
+ if (xhr.status === 0 && this.isHttp) {
|
|
|
+ pendingRequest.onError?.(xhr.status);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const xhrStatus = xhr.status || OK_RESPONSE;
|
|
|
+ const ok_response_on_range_request = xhrStatus === OK_RESPONSE && pendingRequest.expectedStatus === PARTIAL_CONTENT_RESPONSE;
|
|
|
+ if (!ok_response_on_range_request && xhrStatus !== pendingRequest.expectedStatus) {
|
|
|
+ pendingRequest.onError?.(xhr.status);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const chunk = getArrayBuffer(xhr);
|
|
|
+ if (xhrStatus === PARTIAL_CONTENT_RESPONSE) {
|
|
|
+ const rangeHeader = xhr.getResponseHeader("Content-Range");
|
|
|
+ const matches = /bytes (\d+)-(\d+)\/(\d+)/.exec(rangeHeader);
|
|
|
+ pendingRequest.onDone({
|
|
|
+ begin: parseInt(matches[1], 10),
|
|
|
+ chunk
|
|
|
+ });
|
|
|
+ } else if (chunk) {
|
|
|
+ pendingRequest.onDone({
|
|
|
+ begin: 0,
|
|
|
+ chunk
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ pendingRequest.onError?.(xhr.status);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getRequestXhr(xhrId) {
|
|
|
+ return this.pendingRequests[xhrId].xhr;
|
|
|
+ }
|
|
|
+ isPendingRequest(xhrId) {
|
|
|
+ return xhrId in this.pendingRequests;
|
|
|
+ }
|
|
|
+ abortRequest(xhrId) {
|
|
|
+ const xhr = this.pendingRequests[xhrId].xhr;
|
|
|
+ delete this.pendingRequests[xhrId];
|
|
|
+ xhr.abort();
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFNetworkStream {
|
|
|
+ constructor(source) {
|
|
|
+ this._source = source;
|
|
|
+ this._manager = new NetworkManager(source.url, {
|
|
|
+ httpHeaders: source.httpHeaders,
|
|
|
+ withCredentials: source.withCredentials
|
|
|
+ });
|
|
|
+ this._rangeChunkSize = source.rangeChunkSize;
|
|
|
+ this._fullRequestReader = null;
|
|
|
+ this._rangeRequestReaders = [];
|
|
|
+ }
|
|
|
+ _onRangeRequestReaderClosed(reader) {
|
|
|
+ const i = this._rangeRequestReaders.indexOf(reader);
|
|
|
+ if (i >= 0) {
|
|
|
+ this._rangeRequestReaders.splice(i, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getFullReader() {
|
|
|
+ (0, _util.assert)(!this._fullRequestReader, "PDFNetworkStream.getFullReader can only be called once.");
|
|
|
+ this._fullRequestReader = new PDFNetworkStreamFullRequestReader(this._manager, this._source);
|
|
|
+ return this._fullRequestReader;
|
|
|
+ }
|
|
|
+ getRangeReader(begin, end) {
|
|
|
+ const reader = new PDFNetworkStreamRangeRequestReader(this._manager, begin, end);
|
|
|
+ reader.onClosed = this._onRangeRequestReaderClosed.bind(this);
|
|
|
+ this._rangeRequestReaders.push(reader);
|
|
|
+ return reader;
|
|
|
+ }
|
|
|
+ cancelAllRequests(reason) {
|
|
|
+ this._fullRequestReader?.cancel(reason);
|
|
|
+ for (const reader of this._rangeRequestReaders.slice(0)) {
|
|
|
+ reader.cancel(reason);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFNetworkStream = PDFNetworkStream;
|
|
|
+class PDFNetworkStreamFullRequestReader {
|
|
|
+ constructor(manager, source) {
|
|
|
+ this._manager = manager;
|
|
|
+ const args = {
|
|
|
+ onHeadersReceived: this._onHeadersReceived.bind(this),
|
|
|
+ onDone: this._onDone.bind(this),
|
|
|
+ onError: this._onError.bind(this),
|
|
|
+ onProgress: this._onProgress.bind(this)
|
|
|
+ };
|
|
|
+ this._url = source.url;
|
|
|
+ this._fullRequestId = manager.requestFull(args);
|
|
|
+ this._headersReceivedCapability = new _util.PromiseCapability();
|
|
|
+ this._disableRange = source.disableRange || false;
|
|
|
+ this._contentLength = source.length;
|
|
|
+ this._rangeChunkSize = source.rangeChunkSize;
|
|
|
+ if (!this._rangeChunkSize && !this._disableRange) {
|
|
|
+ this._disableRange = true;
|
|
|
+ }
|
|
|
+ this._isStreamingSupported = false;
|
|
|
+ this._isRangeSupported = false;
|
|
|
+ this._cachedChunks = [];
|
|
|
+ this._requests = [];
|
|
|
+ this._done = false;
|
|
|
+ this._storedError = undefined;
|
|
|
+ this._filename = null;
|
|
|
+ this.onProgress = null;
|
|
|
+ }
|
|
|
+ _onHeadersReceived() {
|
|
|
+ const fullRequestXhrId = this._fullRequestId;
|
|
|
+ const fullRequestXhr = this._manager.getRequestXhr(fullRequestXhrId);
|
|
|
+ const getResponseHeader = name => {
|
|
|
+ return fullRequestXhr.getResponseHeader(name);
|
|
|
+ };
|
|
|
+ const {
|
|
|
+ allowRangeRequests,
|
|
|
+ suggestedLength
|
|
|
+ } = (0, _network_utils.validateRangeRequestCapabilities)({
|
|
|
+ getResponseHeader,
|
|
|
+ isHttp: this._manager.isHttp,
|
|
|
+ rangeChunkSize: this._rangeChunkSize,
|
|
|
+ disableRange: this._disableRange
|
|
|
+ });
|
|
|
+ if (allowRangeRequests) {
|
|
|
+ this._isRangeSupported = true;
|
|
|
+ }
|
|
|
+ this._contentLength = suggestedLength || this._contentLength;
|
|
|
+ this._filename = (0, _network_utils.extractFilenameFromHeader)(getResponseHeader);
|
|
|
+ if (this._isRangeSupported) {
|
|
|
+ this._manager.abortRequest(fullRequestXhrId);
|
|
|
+ }
|
|
|
+ this._headersReceivedCapability.resolve();
|
|
|
+ }
|
|
|
+ _onDone(data) {
|
|
|
+ if (data) {
|
|
|
+ if (this._requests.length > 0) {
|
|
|
+ const requestCapability = this._requests.shift();
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: data.chunk,
|
|
|
+ done: false
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this._cachedChunks.push(data.chunk);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this._done = true;
|
|
|
+ if (this._cachedChunks.length > 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ }
|
|
|
+ _onError(status) {
|
|
|
+ this._storedError = (0, _network_utils.createResponseStatusError)(status, this._url);
|
|
|
+ this._headersReceivedCapability.reject(this._storedError);
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.reject(this._storedError);
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ this._cachedChunks.length = 0;
|
|
|
+ }
|
|
|
+ _onProgress(evt) {
|
|
|
+ this.onProgress?.({
|
|
|
+ loaded: evt.loaded,
|
|
|
+ total: evt.lengthComputable ? evt.total : this._contentLength
|
|
|
+ });
|
|
|
+ }
|
|
|
+ get filename() {
|
|
|
+ return this._filename;
|
|
|
+ }
|
|
|
+ get isRangeSupported() {
|
|
|
+ return this._isRangeSupported;
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return this._isStreamingSupported;
|
|
|
+ }
|
|
|
+ get contentLength() {
|
|
|
+ return this._contentLength;
|
|
|
+ }
|
|
|
+ get headersReady() {
|
|
|
+ return this._headersReceivedCapability.promise;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ if (this._storedError) {
|
|
|
+ throw this._storedError;
|
|
|
+ }
|
|
|
+ if (this._cachedChunks.length > 0) {
|
|
|
+ const chunk = this._cachedChunks.shift();
|
|
|
+ return {
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (this._done) {
|
|
|
+ return {
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ const requestCapability = new _util.PromiseCapability();
|
|
|
+ this._requests.push(requestCapability);
|
|
|
+ return requestCapability.promise;
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ this._done = true;
|
|
|
+ this._headersReceivedCapability.reject(reason);
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ if (this._manager.isPendingRequest(this._fullRequestId)) {
|
|
|
+ this._manager.abortRequest(this._fullRequestId);
|
|
|
+ }
|
|
|
+ this._fullRequestReader = null;
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFNetworkStreamRangeRequestReader {
|
|
|
+ constructor(manager, begin, end) {
|
|
|
+ this._manager = manager;
|
|
|
+ const args = {
|
|
|
+ onDone: this._onDone.bind(this),
|
|
|
+ onError: this._onError.bind(this),
|
|
|
+ onProgress: this._onProgress.bind(this)
|
|
|
+ };
|
|
|
+ this._url = manager.url;
|
|
|
+ this._requestId = manager.requestRange(begin, end, args);
|
|
|
+ this._requests = [];
|
|
|
+ this._queuedChunk = null;
|
|
|
+ this._done = false;
|
|
|
+ this._storedError = undefined;
|
|
|
+ this.onProgress = null;
|
|
|
+ this.onClosed = null;
|
|
|
+ }
|
|
|
+ _close() {
|
|
|
+ this.onClosed?.(this);
|
|
|
+ }
|
|
|
+ _onDone(data) {
|
|
|
+ const chunk = data.chunk;
|
|
|
+ if (this._requests.length > 0) {
|
|
|
+ const requestCapability = this._requests.shift();
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this._queuedChunk = chunk;
|
|
|
+ }
|
|
|
+ this._done = true;
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ this._close();
|
|
|
+ }
|
|
|
+ _onError(status) {
|
|
|
+ this._storedError = (0, _network_utils.createResponseStatusError)(status, this._url);
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.reject(this._storedError);
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ this._queuedChunk = null;
|
|
|
+ }
|
|
|
+ _onProgress(evt) {
|
|
|
+ if (!this.isStreamingSupported) {
|
|
|
+ this.onProgress?.({
|
|
|
+ loaded: evt.loaded
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ if (this._storedError) {
|
|
|
+ throw this._storedError;
|
|
|
+ }
|
|
|
+ if (this._queuedChunk !== null) {
|
|
|
+ const chunk = this._queuedChunk;
|
|
|
+ this._queuedChunk = null;
|
|
|
+ return {
|
|
|
+ value: chunk,
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (this._done) {
|
|
|
+ return {
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ const requestCapability = new _util.PromiseCapability();
|
|
|
+ this._requests.push(requestCapability);
|
|
|
+ return requestCapability.promise;
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ this._done = true;
|
|
|
+ for (const requestCapability of this._requests) {
|
|
|
+ requestCapability.resolve({
|
|
|
+ value: undefined,
|
|
|
+ done: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._requests.length = 0;
|
|
|
+ if (this._manager.isPendingRequest(this._requestId)) {
|
|
|
+ this._manager.abortRequest(this._requestId);
|
|
|
+ }
|
|
|
+ this._close();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 25 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.PDFFetchStream = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _network_utils = __w_pdfjs_require__(22);
|
|
|
+;
|
|
|
+function createFetchOptions(headers, withCredentials, abortController) {
|
|
|
+ return {
|
|
|
+ method: "GET",
|
|
|
+ headers,
|
|
|
+ signal: abortController.signal,
|
|
|
+ mode: "cors",
|
|
|
+ credentials: withCredentials ? "include" : "same-origin",
|
|
|
+ redirect: "follow"
|
|
|
+ };
|
|
|
+}
|
|
|
+function createHeaders(httpHeaders) {
|
|
|
+ const headers = new Headers();
|
|
|
+ for (const property in httpHeaders) {
|
|
|
+ const value = httpHeaders[property];
|
|
|
+ if (value === undefined) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ headers.append(property, value);
|
|
|
+ }
|
|
|
+ return headers;
|
|
|
+}
|
|
|
+function getArrayBuffer(val) {
|
|
|
+ if (val instanceof Uint8Array) {
|
|
|
+ return val.buffer;
|
|
|
+ }
|
|
|
+ if (val instanceof ArrayBuffer) {
|
|
|
+ return val;
|
|
|
+ }
|
|
|
+ (0, _util.warn)(`getArrayBuffer - unexpected data format: ${val}`);
|
|
|
+ return new Uint8Array(val).buffer;
|
|
|
+}
|
|
|
+class PDFFetchStream {
|
|
|
+ constructor(source) {
|
|
|
+ this.source = source;
|
|
|
+ this.isHttp = /^https?:/i.test(source.url);
|
|
|
+ this.httpHeaders = this.isHttp && source.httpHeaders || {};
|
|
|
+ this._fullRequestReader = null;
|
|
|
+ this._rangeRequestReaders = [];
|
|
|
+ }
|
|
|
+ get _progressiveDataLength() {
|
|
|
+ return this._fullRequestReader?._loaded ?? 0;
|
|
|
+ }
|
|
|
+ getFullReader() {
|
|
|
+ (0, _util.assert)(!this._fullRequestReader, "PDFFetchStream.getFullReader can only be called once.");
|
|
|
+ this._fullRequestReader = new PDFFetchStreamReader(this);
|
|
|
+ return this._fullRequestReader;
|
|
|
+ }
|
|
|
+ getRangeReader(begin, end) {
|
|
|
+ if (end <= this._progressiveDataLength) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const reader = new PDFFetchStreamRangeReader(this, begin, end);
|
|
|
+ this._rangeRequestReaders.push(reader);
|
|
|
+ return reader;
|
|
|
+ }
|
|
|
+ cancelAllRequests(reason) {
|
|
|
+ this._fullRequestReader?.cancel(reason);
|
|
|
+ for (const reader of this._rangeRequestReaders.slice(0)) {
|
|
|
+ reader.cancel(reason);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.PDFFetchStream = PDFFetchStream;
|
|
|
+class PDFFetchStreamReader {
|
|
|
+ constructor(stream) {
|
|
|
+ this._stream = stream;
|
|
|
+ this._reader = null;
|
|
|
+ this._loaded = 0;
|
|
|
+ this._filename = null;
|
|
|
+ const source = stream.source;
|
|
|
+ this._withCredentials = source.withCredentials || false;
|
|
|
+ this._contentLength = source.length;
|
|
|
+ this._headersCapability = new _util.PromiseCapability();
|
|
|
+ this._disableRange = source.disableRange || false;
|
|
|
+ this._rangeChunkSize = source.rangeChunkSize;
|
|
|
+ if (!this._rangeChunkSize && !this._disableRange) {
|
|
|
+ this._disableRange = true;
|
|
|
+ }
|
|
|
+ this._abortController = new AbortController();
|
|
|
+ this._isStreamingSupported = !source.disableStream;
|
|
|
+ this._isRangeSupported = !source.disableRange;
|
|
|
+ this._headers = createHeaders(this._stream.httpHeaders);
|
|
|
+ const url = source.url;
|
|
|
+ fetch(url, createFetchOptions(this._headers, this._withCredentials, this._abortController)).then(response => {
|
|
|
+ if (!(0, _network_utils.validateResponseStatus)(response.status)) {
|
|
|
+ throw (0, _network_utils.createResponseStatusError)(response.status, url);
|
|
|
+ }
|
|
|
+ this._reader = response.body.getReader();
|
|
|
+ this._headersCapability.resolve();
|
|
|
+ const getResponseHeader = name => {
|
|
|
+ return response.headers.get(name);
|
|
|
+ };
|
|
|
+ const {
|
|
|
+ allowRangeRequests,
|
|
|
+ suggestedLength
|
|
|
+ } = (0, _network_utils.validateRangeRequestCapabilities)({
|
|
|
+ getResponseHeader,
|
|
|
+ isHttp: this._stream.isHttp,
|
|
|
+ rangeChunkSize: this._rangeChunkSize,
|
|
|
+ disableRange: this._disableRange
|
|
|
+ });
|
|
|
+ this._isRangeSupported = allowRangeRequests;
|
|
|
+ this._contentLength = suggestedLength || this._contentLength;
|
|
|
+ this._filename = (0, _network_utils.extractFilenameFromHeader)(getResponseHeader);
|
|
|
+ if (!this._isStreamingSupported && this._isRangeSupported) {
|
|
|
+ this.cancel(new _util.AbortException("Streaming is disabled."));
|
|
|
+ }
|
|
|
+ }).catch(this._headersCapability.reject);
|
|
|
+ this.onProgress = null;
|
|
|
+ }
|
|
|
+ get headersReady() {
|
|
|
+ return this._headersCapability.promise;
|
|
|
+ }
|
|
|
+ get filename() {
|
|
|
+ return this._filename;
|
|
|
+ }
|
|
|
+ get contentLength() {
|
|
|
+ return this._contentLength;
|
|
|
+ }
|
|
|
+ get isRangeSupported() {
|
|
|
+ return this._isRangeSupported;
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return this._isStreamingSupported;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ await this._headersCapability.promise;
|
|
|
+ const {
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ } = await this._reader.read();
|
|
|
+ if (done) {
|
|
|
+ return {
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this._loaded += value.byteLength;
|
|
|
+ this.onProgress?.({
|
|
|
+ loaded: this._loaded,
|
|
|
+ total: this._contentLength
|
|
|
+ });
|
|
|
+ return {
|
|
|
+ value: getArrayBuffer(value),
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ this._reader?.cancel(reason);
|
|
|
+ this._abortController.abort();
|
|
|
+ }
|
|
|
+}
|
|
|
+class PDFFetchStreamRangeReader {
|
|
|
+ constructor(stream, begin, end) {
|
|
|
+ this._stream = stream;
|
|
|
+ this._reader = null;
|
|
|
+ this._loaded = 0;
|
|
|
+ const source = stream.source;
|
|
|
+ this._withCredentials = source.withCredentials || false;
|
|
|
+ this._readCapability = new _util.PromiseCapability();
|
|
|
+ this._isStreamingSupported = !source.disableStream;
|
|
|
+ this._abortController = new AbortController();
|
|
|
+ this._headers = createHeaders(this._stream.httpHeaders);
|
|
|
+ this._headers.append("Range", `bytes=${begin}-${end - 1}`);
|
|
|
+ const url = source.url;
|
|
|
+ fetch(url, createFetchOptions(this._headers, this._withCredentials, this._abortController)).then(response => {
|
|
|
+ if (!(0, _network_utils.validateResponseStatus)(response.status)) {
|
|
|
+ throw (0, _network_utils.createResponseStatusError)(response.status, url);
|
|
|
+ }
|
|
|
+ this._readCapability.resolve();
|
|
|
+ this._reader = response.body.getReader();
|
|
|
+ }).catch(this._readCapability.reject);
|
|
|
+ this.onProgress = null;
|
|
|
+ }
|
|
|
+ get isStreamingSupported() {
|
|
|
+ return this._isStreamingSupported;
|
|
|
+ }
|
|
|
+ async read() {
|
|
|
+ await this._readCapability.promise;
|
|
|
+ const {
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ } = await this._reader.read();
|
|
|
+ if (done) {
|
|
|
+ return {
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this._loaded += value.byteLength;
|
|
|
+ this.onProgress?.({
|
|
|
+ loaded: this._loaded
|
|
|
+ });
|
|
|
+ return {
|
|
|
+ value: getArrayBuffer(value),
|
|
|
+ done: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ cancel(reason) {
|
|
|
+ this._reader?.cancel(reason);
|
|
|
+ this._abortController.abort();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 26 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.TextLayerRenderTask = void 0;
|
|
|
+exports.renderTextLayer = renderTextLayer;
|
|
|
+exports.updateTextLayer = updateTextLayer;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+const MAX_TEXT_DIVS_TO_RENDER = 100000;
|
|
|
+const DEFAULT_FONT_SIZE = 30;
|
|
|
+const DEFAULT_FONT_ASCENT = 0.8;
|
|
|
+const ascentCache = new Map();
|
|
|
+function getCtx(size, isOffscreenCanvasSupported) {
|
|
|
+ let ctx;
|
|
|
+ if (isOffscreenCanvasSupported && _util.FeatureTest.isOffscreenCanvasSupported) {
|
|
|
+ ctx = new OffscreenCanvas(size, size).getContext("2d", {
|
|
|
+ alpha: false
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ const canvas = document.createElement("canvas");
|
|
|
+ canvas.width = canvas.height = size;
|
|
|
+ ctx = canvas.getContext("2d", {
|
|
|
+ alpha: false
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return ctx;
|
|
|
+}
|
|
|
+function getAscent(fontFamily, isOffscreenCanvasSupported) {
|
|
|
+ const cachedAscent = ascentCache.get(fontFamily);
|
|
|
+ if (cachedAscent) {
|
|
|
+ return cachedAscent;
|
|
|
+ }
|
|
|
+ const ctx = getCtx(DEFAULT_FONT_SIZE, isOffscreenCanvasSupported);
|
|
|
+ ctx.font = `${DEFAULT_FONT_SIZE}px ${fontFamily}`;
|
|
|
+ const metrics = ctx.measureText("");
|
|
|
+ let ascent = metrics.fontBoundingBoxAscent;
|
|
|
+ let descent = Math.abs(metrics.fontBoundingBoxDescent);
|
|
|
+ if (ascent) {
|
|
|
+ const ratio = ascent / (ascent + descent);
|
|
|
+ ascentCache.set(fontFamily, ratio);
|
|
|
+ ctx.canvas.width = ctx.canvas.height = 0;
|
|
|
+ return ratio;
|
|
|
+ }
|
|
|
+ ctx.strokeStyle = "red";
|
|
|
+ ctx.clearRect(0, 0, DEFAULT_FONT_SIZE, DEFAULT_FONT_SIZE);
|
|
|
+ ctx.strokeText("g", 0, 0);
|
|
|
+ let pixels = ctx.getImageData(0, 0, DEFAULT_FONT_SIZE, DEFAULT_FONT_SIZE).data;
|
|
|
+ descent = 0;
|
|
|
+ for (let i = pixels.length - 1 - 3; i >= 0; i -= 4) {
|
|
|
+ if (pixels[i] > 0) {
|
|
|
+ descent = Math.ceil(i / 4 / DEFAULT_FONT_SIZE);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ctx.clearRect(0, 0, DEFAULT_FONT_SIZE, DEFAULT_FONT_SIZE);
|
|
|
+ ctx.strokeText("A", 0, DEFAULT_FONT_SIZE);
|
|
|
+ pixels = ctx.getImageData(0, 0, DEFAULT_FONT_SIZE, DEFAULT_FONT_SIZE).data;
|
|
|
+ ascent = 0;
|
|
|
+ for (let i = 0, ii = pixels.length; i < ii; i += 4) {
|
|
|
+ if (pixels[i] > 0) {
|
|
|
+ ascent = DEFAULT_FONT_SIZE - Math.floor(i / 4 / DEFAULT_FONT_SIZE);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ctx.canvas.width = ctx.canvas.height = 0;
|
|
|
+ if (ascent) {
|
|
|
+ const ratio = ascent / (ascent + descent);
|
|
|
+ ascentCache.set(fontFamily, ratio);
|
|
|
+ return ratio;
|
|
|
+ }
|
|
|
+ ascentCache.set(fontFamily, DEFAULT_FONT_ASCENT);
|
|
|
+ return DEFAULT_FONT_ASCENT;
|
|
|
+}
|
|
|
+function appendText(task, geom, styles) {
|
|
|
+ const textDiv = document.createElement("span");
|
|
|
+ const textDivProperties = {
|
|
|
+ angle: 0,
|
|
|
+ canvasWidth: 0,
|
|
|
+ hasText: geom.str !== "",
|
|
|
+ hasEOL: geom.hasEOL,
|
|
|
+ fontSize: 0
|
|
|
+ };
|
|
|
+ task._textDivs.push(textDiv);
|
|
|
+ const tx = _util.Util.transform(task._transform, geom.transform);
|
|
|
+ let angle = Math.atan2(tx[1], tx[0]);
|
|
|
+ const style = styles[geom.fontName];
|
|
|
+ if (style.vertical) {
|
|
|
+ angle += Math.PI / 2;
|
|
|
+ }
|
|
|
+ const fontHeight = Math.hypot(tx[2], tx[3]);
|
|
|
+ const fontAscent = fontHeight * getAscent(style.fontFamily, task._isOffscreenCanvasSupported);
|
|
|
+ let left, top;
|
|
|
+ if (angle === 0) {
|
|
|
+ left = tx[4];
|
|
|
+ top = tx[5] - fontAscent;
|
|
|
+ } else {
|
|
|
+ left = tx[4] + fontAscent * Math.sin(angle);
|
|
|
+ top = tx[5] - fontAscent * Math.cos(angle);
|
|
|
+ }
|
|
|
+ const scaleFactorStr = "calc(var(--scale-factor)*";
|
|
|
+ const divStyle = textDiv.style;
|
|
|
+ if (task._container === task._rootContainer) {
|
|
|
+ divStyle.left = `${(100 * left / task._pageWidth).toFixed(2)}%`;
|
|
|
+ divStyle.top = `${(100 * top / task._pageHeight).toFixed(2)}%`;
|
|
|
+ } else {
|
|
|
+ divStyle.left = `${scaleFactorStr}${left.toFixed(2)}px)`;
|
|
|
+ divStyle.top = `${scaleFactorStr}${top.toFixed(2)}px)`;
|
|
|
+ }
|
|
|
+ divStyle.fontSize = `${scaleFactorStr}${fontHeight.toFixed(2)}px)`;
|
|
|
+ divStyle.fontFamily = style.fontFamily;
|
|
|
+ textDivProperties.fontSize = fontHeight;
|
|
|
+ textDiv.setAttribute("role", "presentation");
|
|
|
+ textDiv.textContent = geom.str;
|
|
|
+ textDiv.dir = geom.dir;
|
|
|
+ if (task._fontInspectorEnabled) {
|
|
|
+ textDiv.dataset.fontName = geom.fontName;
|
|
|
+ }
|
|
|
+ if (angle !== 0) {
|
|
|
+ textDivProperties.angle = angle * (180 / Math.PI);
|
|
|
+ }
|
|
|
+ let shouldScaleText = false;
|
|
|
+ if (geom.str.length > 1) {
|
|
|
+ shouldScaleText = true;
|
|
|
+ } else if (geom.str !== " " && geom.transform[0] !== geom.transform[3]) {
|
|
|
+ const absScaleX = Math.abs(geom.transform[0]),
|
|
|
+ absScaleY = Math.abs(geom.transform[3]);
|
|
|
+ if (absScaleX !== absScaleY && Math.max(absScaleX, absScaleY) / Math.min(absScaleX, absScaleY) > 1.5) {
|
|
|
+ shouldScaleText = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (shouldScaleText) {
|
|
|
+ textDivProperties.canvasWidth = style.vertical ? geom.height : geom.width;
|
|
|
+ }
|
|
|
+ task._textDivProperties.set(textDiv, textDivProperties);
|
|
|
+ if (task._isReadableStream) {
|
|
|
+ task._layoutText(textDiv);
|
|
|
+ }
|
|
|
+}
|
|
|
+function layout(params) {
|
|
|
+ const {
|
|
|
+ div,
|
|
|
+ scale,
|
|
|
+ properties,
|
|
|
+ ctx,
|
|
|
+ prevFontSize,
|
|
|
+ prevFontFamily
|
|
|
+ } = params;
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = div;
|
|
|
+ let transform = "";
|
|
|
+ if (properties.canvasWidth !== 0 && properties.hasText) {
|
|
|
+ const {
|
|
|
+ fontFamily
|
|
|
+ } = style;
|
|
|
+ const {
|
|
|
+ canvasWidth,
|
|
|
+ fontSize
|
|
|
+ } = properties;
|
|
|
+ if (prevFontSize !== fontSize || prevFontFamily !== fontFamily) {
|
|
|
+ ctx.font = `${fontSize * scale}px ${fontFamily}`;
|
|
|
+ params.prevFontSize = fontSize;
|
|
|
+ params.prevFontFamily = fontFamily;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ width
|
|
|
+ } = ctx.measureText(div.textContent);
|
|
|
+ if (width > 0) {
|
|
|
+ transform = `scaleX(${canvasWidth * scale / width})`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (properties.angle !== 0) {
|
|
|
+ transform = `rotate(${properties.angle}deg) ${transform}`;
|
|
|
+ }
|
|
|
+ if (transform.length > 0) {
|
|
|
+ style.transform = transform;
|
|
|
+ }
|
|
|
+}
|
|
|
+function render(task) {
|
|
|
+ if (task._canceled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const textDivs = task._textDivs;
|
|
|
+ const capability = task._capability;
|
|
|
+ const textDivsLength = textDivs.length;
|
|
|
+ if (textDivsLength > MAX_TEXT_DIVS_TO_RENDER) {
|
|
|
+ capability.resolve();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!task._isReadableStream) {
|
|
|
+ for (const textDiv of textDivs) {
|
|
|
+ task._layoutText(textDiv);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ capability.resolve();
|
|
|
+}
|
|
|
+class TextLayerRenderTask {
|
|
|
+ constructor({
|
|
|
+ textContentSource,
|
|
|
+ container,
|
|
|
+ viewport,
|
|
|
+ textDivs,
|
|
|
+ textDivProperties,
|
|
|
+ textContentItemsStr,
|
|
|
+ isOffscreenCanvasSupported
|
|
|
+ }) {
|
|
|
+ this._textContentSource = textContentSource;
|
|
|
+ this._isReadableStream = textContentSource instanceof ReadableStream;
|
|
|
+ this._container = this._rootContainer = container;
|
|
|
+ this._textDivs = textDivs || [];
|
|
|
+ this._textContentItemsStr = textContentItemsStr || [];
|
|
|
+ this._isOffscreenCanvasSupported = isOffscreenCanvasSupported;
|
|
|
+ this._fontInspectorEnabled = !!globalThis.FontInspector?.enabled;
|
|
|
+ this._reader = null;
|
|
|
+ this._textDivProperties = textDivProperties || new WeakMap();
|
|
|
+ this._canceled = false;
|
|
|
+ this._capability = new _util.PromiseCapability();
|
|
|
+ this._layoutTextParams = {
|
|
|
+ prevFontSize: null,
|
|
|
+ prevFontFamily: null,
|
|
|
+ div: null,
|
|
|
+ scale: viewport.scale * (globalThis.devicePixelRatio || 1),
|
|
|
+ properties: null,
|
|
|
+ ctx: getCtx(0, isOffscreenCanvasSupported)
|
|
|
+ };
|
|
|
+ const {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight,
|
|
|
+ pageX,
|
|
|
+ pageY
|
|
|
+ } = viewport.rawDims;
|
|
|
+ this._transform = [1, 0, 0, -1, -pageX, pageY + pageHeight];
|
|
|
+ this._pageWidth = pageWidth;
|
|
|
+ this._pageHeight = pageHeight;
|
|
|
+ (0, _display_utils.setLayerDimensions)(container, viewport);
|
|
|
+ this._capability.promise.finally(() => {
|
|
|
+ this._layoutTextParams = null;
|
|
|
+ }).catch(() => {});
|
|
|
+ }
|
|
|
+ get promise() {
|
|
|
+ return this._capability.promise;
|
|
|
+ }
|
|
|
+ cancel() {
|
|
|
+ this._canceled = true;
|
|
|
+ if (this._reader) {
|
|
|
+ this._reader.cancel(new _util.AbortException("TextLayer task cancelled.")).catch(() => {});
|
|
|
+ this._reader = null;
|
|
|
+ }
|
|
|
+ this._capability.reject(new _util.AbortException("TextLayer task cancelled."));
|
|
|
+ }
|
|
|
+ _processItems(items, styleCache) {
|
|
|
+ for (const item of items) {
|
|
|
+ if (item.str === undefined) {
|
|
|
+ if (item.type === "beginMarkedContentProps" || item.type === "beginMarkedContent") {
|
|
|
+ const parent = this._container;
|
|
|
+ this._container = document.createElement("span");
|
|
|
+ this._container.classList.add("markedContent");
|
|
|
+ if (item.id !== null) {
|
|
|
+ this._container.setAttribute("id", `${item.id}`);
|
|
|
+ }
|
|
|
+ parent.append(this._container);
|
|
|
+ } else if (item.type === "endMarkedContent") {
|
|
|
+ this._container = this._container.parentNode;
|
|
|
+ }
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ this._textContentItemsStr.push(item.str);
|
|
|
+ appendText(this, item, styleCache);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _layoutText(textDiv) {
|
|
|
+ const textDivProperties = this._layoutTextParams.properties = this._textDivProperties.get(textDiv);
|
|
|
+ this._layoutTextParams.div = textDiv;
|
|
|
+ layout(this._layoutTextParams);
|
|
|
+ if (textDivProperties.hasText) {
|
|
|
+ this._container.append(textDiv);
|
|
|
+ }
|
|
|
+ if (textDivProperties.hasEOL) {
|
|
|
+ const br = document.createElement("br");
|
|
|
+ br.setAttribute("role", "presentation");
|
|
|
+ this._container.append(br);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _render() {
|
|
|
+ const capability = new _util.PromiseCapability();
|
|
|
+ let styleCache = Object.create(null);
|
|
|
+ if (this._isReadableStream) {
|
|
|
+ const pump = () => {
|
|
|
+ this._reader.read().then(({
|
|
|
+ value,
|
|
|
+ done
|
|
|
+ }) => {
|
|
|
+ if (done) {
|
|
|
+ capability.resolve();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ Object.assign(styleCache, value.styles);
|
|
|
+ this._processItems(value.items, styleCache);
|
|
|
+ pump();
|
|
|
+ }, capability.reject);
|
|
|
+ };
|
|
|
+ this._reader = this._textContentSource.getReader();
|
|
|
+ pump();
|
|
|
+ } else if (this._textContentSource) {
|
|
|
+ const {
|
|
|
+ items,
|
|
|
+ styles
|
|
|
+ } = this._textContentSource;
|
|
|
+ this._processItems(items, styles);
|
|
|
+ capability.resolve();
|
|
|
+ } else {
|
|
|
+ throw new Error('No "textContentSource" parameter specified.');
|
|
|
+ }
|
|
|
+ capability.promise.then(() => {
|
|
|
+ styleCache = null;
|
|
|
+ render(this);
|
|
|
+ }, this._capability.reject);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.TextLayerRenderTask = TextLayerRenderTask;
|
|
|
+function renderTextLayer(params) {
|
|
|
+ if (!params.textContentSource && (params.textContent || params.textContentStream)) {
|
|
|
+ (0, _display_utils.deprecated)("The TextLayerRender `textContent`/`textContentStream` parameters " + "will be removed in the future, please use `textContentSource` instead.");
|
|
|
+ params.textContentSource = params.textContent || params.textContentStream;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ container,
|
|
|
+ viewport
|
|
|
+ } = params;
|
|
|
+ const style = getComputedStyle(container);
|
|
|
+ const visibility = style.getPropertyValue("visibility");
|
|
|
+ const scaleFactor = parseFloat(style.getPropertyValue("--scale-factor"));
|
|
|
+ if (visibility === "visible" && (!scaleFactor || Math.abs(scaleFactor - viewport.scale) > 1e-5)) {
|
|
|
+ console.error("The `--scale-factor` CSS-variable must be set, " + "to the same value as `viewport.scale`, " + "either on the `container`-element itself or higher up in the DOM.");
|
|
|
+ }
|
|
|
+ const task = new TextLayerRenderTask(params);
|
|
|
+ task._render();
|
|
|
+ return task;
|
|
|
+}
|
|
|
+function updateTextLayer({
|
|
|
+ container,
|
|
|
+ viewport,
|
|
|
+ textDivs,
|
|
|
+ textDivProperties,
|
|
|
+ isOffscreenCanvasSupported,
|
|
|
+ mustRotate = true,
|
|
|
+ mustRescale = true
|
|
|
+}) {
|
|
|
+ if (mustRotate) {
|
|
|
+ (0, _display_utils.setLayerDimensions)(container, {
|
|
|
+ rotation: viewport.rotation
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (mustRescale) {
|
|
|
+ const ctx = getCtx(0, isOffscreenCanvasSupported);
|
|
|
+ const scale = viewport.scale * (globalThis.devicePixelRatio || 1);
|
|
|
+ const params = {
|
|
|
+ prevFontSize: null,
|
|
|
+ prevFontFamily: null,
|
|
|
+ div: null,
|
|
|
+ scale,
|
|
|
+ properties: null,
|
|
|
+ ctx
|
|
|
+ };
|
|
|
+ for (const div of textDivs) {
|
|
|
+ params.properties = textDivProperties.get(div);
|
|
|
+ params.div = div;
|
|
|
+ layout(params);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 27 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.AnnotationEditorLayer = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _editor = __w_pdfjs_require__(4);
|
|
|
+var _tools = __w_pdfjs_require__(5);
|
|
|
+var _freetext = __w_pdfjs_require__(28);
|
|
|
+var _ink = __w_pdfjs_require__(33);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+class AnnotationEditorLayer {
|
|
|
+ #accessibilityManager;
|
|
|
+ #allowClick = false;
|
|
|
+ #annotationLayer = null;
|
|
|
+ #boundPointerup = this.pointerup.bind(this);
|
|
|
+ #boundPointerdown = this.pointerdown.bind(this);
|
|
|
+ #editors = new Map();
|
|
|
+ #hadPointerDown = false;
|
|
|
+ #isCleaningUp = false;
|
|
|
+ #isDisabling = false;
|
|
|
+ #uiManager;
|
|
|
+ static _initialized = false;
|
|
|
+ constructor(options) {
|
|
|
+ if (!AnnotationEditorLayer._initialized) {
|
|
|
+ AnnotationEditorLayer._initialized = true;
|
|
|
+ _freetext.FreeTextEditor.initialize(options.l10n);
|
|
|
+ _ink.InkEditor.initialize(options.l10n);
|
|
|
+ }
|
|
|
+ options.uiManager.registerEditorTypes([_freetext.FreeTextEditor, _ink.InkEditor]);
|
|
|
+ this.#uiManager = options.uiManager;
|
|
|
+ this.pageIndex = options.pageIndex;
|
|
|
+ this.div = options.div;
|
|
|
+ this.#accessibilityManager = options.accessibilityManager;
|
|
|
+ this.#annotationLayer = options.annotationLayer;
|
|
|
+ this.viewport = options.viewport;
|
|
|
+ this.#uiManager.addLayer(this);
|
|
|
+ }
|
|
|
+ get isEmpty() {
|
|
|
+ return this.#editors.size === 0;
|
|
|
+ }
|
|
|
+ updateToolbar(mode) {
|
|
|
+ this.#uiManager.updateToolbar(mode);
|
|
|
+ }
|
|
|
+ updateMode(mode = this.#uiManager.getMode()) {
|
|
|
+ this.#cleanup();
|
|
|
+ if (mode === _util.AnnotationEditorType.INK) {
|
|
|
+ this.addInkEditorIfNeeded(false);
|
|
|
+ this.disableClick();
|
|
|
+ } else {
|
|
|
+ this.enableClick();
|
|
|
+ }
|
|
|
+ this.#uiManager.unselectAll();
|
|
|
+ if (mode !== _util.AnnotationEditorType.NONE) {
|
|
|
+ this.div.classList.toggle("freeTextEditing", mode === _util.AnnotationEditorType.FREETEXT);
|
|
|
+ this.div.classList.toggle("inkEditing", mode === _util.AnnotationEditorType.INK);
|
|
|
+ this.div.hidden = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ addInkEditorIfNeeded(isCommitting) {
|
|
|
+ if (!isCommitting && this.#uiManager.getMode() !== _util.AnnotationEditorType.INK) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!isCommitting) {
|
|
|
+ for (const editor of this.#editors.values()) {
|
|
|
+ if (editor.isEmpty()) {
|
|
|
+ editor.setInBackground();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const editor = this.#createAndAddNewEditor({
|
|
|
+ offsetX: 0,
|
|
|
+ offsetY: 0
|
|
|
+ });
|
|
|
+ editor.setInBackground();
|
|
|
+ }
|
|
|
+ setEditingState(isEditing) {
|
|
|
+ this.#uiManager.setEditingState(isEditing);
|
|
|
+ }
|
|
|
+ addCommands(params) {
|
|
|
+ this.#uiManager.addCommands(params);
|
|
|
+ }
|
|
|
+ enable() {
|
|
|
+ this.div.style.pointerEvents = "auto";
|
|
|
+ const annotationElementIds = new Set();
|
|
|
+ for (const editor of this.#editors.values()) {
|
|
|
+ editor.enableEditing();
|
|
|
+ if (editor.annotationElementId) {
|
|
|
+ annotationElementIds.add(editor.annotationElementId);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!this.#annotationLayer) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const editables = this.#annotationLayer.getEditableAnnotations();
|
|
|
+ for (const editable of editables) {
|
|
|
+ editable.hide();
|
|
|
+ if (this.#uiManager.isDeletedAnnotationElement(editable.data.id)) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (annotationElementIds.has(editable.data.id)) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const editor = this.deserialize(editable);
|
|
|
+ if (!editor) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ this.addOrRebuild(editor);
|
|
|
+ editor.enableEditing();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ disable() {
|
|
|
+ this.#isDisabling = true;
|
|
|
+ this.div.style.pointerEvents = "none";
|
|
|
+ const hiddenAnnotationIds = new Set();
|
|
|
+ for (const editor of this.#editors.values()) {
|
|
|
+ editor.disableEditing();
|
|
|
+ if (!editor.annotationElementId || editor.serialize() !== null) {
|
|
|
+ hiddenAnnotationIds.add(editor.annotationElementId);
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ this.getEditableAnnotation(editor.annotationElementId)?.show();
|
|
|
+ editor.remove();
|
|
|
+ }
|
|
|
+ if (this.#annotationLayer) {
|
|
|
+ const editables = this.#annotationLayer.getEditableAnnotations();
|
|
|
+ for (const editable of editables) {
|
|
|
+ const {
|
|
|
+ id
|
|
|
+ } = editable.data;
|
|
|
+ if (hiddenAnnotationIds.has(id) || this.#uiManager.isDeletedAnnotationElement(id)) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ editable.show();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.#cleanup();
|
|
|
+ if (this.isEmpty) {
|
|
|
+ this.div.hidden = true;
|
|
|
+ }
|
|
|
+ this.#isDisabling = false;
|
|
|
+ }
|
|
|
+ getEditableAnnotation(id) {
|
|
|
+ return this.#annotationLayer?.getEditableAnnotation(id) || null;
|
|
|
+ }
|
|
|
+ setActiveEditor(editor) {
|
|
|
+ const currentActive = this.#uiManager.getActive();
|
|
|
+ if (currentActive === editor) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#uiManager.setActiveEditor(editor);
|
|
|
+ }
|
|
|
+ enableClick() {
|
|
|
+ this.div.addEventListener("pointerdown", this.#boundPointerdown);
|
|
|
+ this.div.addEventListener("pointerup", this.#boundPointerup);
|
|
|
+ }
|
|
|
+ disableClick() {
|
|
|
+ this.div.removeEventListener("pointerdown", this.#boundPointerdown);
|
|
|
+ this.div.removeEventListener("pointerup", this.#boundPointerup);
|
|
|
+ }
|
|
|
+ attach(editor) {
|
|
|
+ this.#editors.set(editor.id, editor);
|
|
|
+ const {
|
|
|
+ annotationElementId
|
|
|
+ } = editor;
|
|
|
+ if (annotationElementId && this.#uiManager.isDeletedAnnotationElement(annotationElementId)) {
|
|
|
+ this.#uiManager.removeDeletedAnnotationElement(editor);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ detach(editor) {
|
|
|
+ this.#editors.delete(editor.id);
|
|
|
+ this.#accessibilityManager?.removePointerInTextLayer(editor.contentDiv);
|
|
|
+ if (!this.#isDisabling && editor.annotationElementId) {
|
|
|
+ this.#uiManager.addDeletedAnnotationElement(editor);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ remove(editor) {
|
|
|
+ this.detach(editor);
|
|
|
+ this.#uiManager.removeEditor(editor);
|
|
|
+ editor.div.style.display = "none";
|
|
|
+ setTimeout(() => {
|
|
|
+ editor.div.style.display = "";
|
|
|
+ editor.div.remove();
|
|
|
+ editor.isAttachedToDOM = false;
|
|
|
+ if (document.activeElement === document.body) {
|
|
|
+ this.#uiManager.focusMainContainer();
|
|
|
+ }
|
|
|
+ }, 0);
|
|
|
+ if (!this.#isCleaningUp) {
|
|
|
+ this.addInkEditorIfNeeded(false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #changeParent(editor) {
|
|
|
+ if (editor.parent === this) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (editor.annotationElementId) {
|
|
|
+ this.#uiManager.addDeletedAnnotationElement(editor.annotationElementId);
|
|
|
+ _editor.AnnotationEditor.deleteAnnotationElement(editor);
|
|
|
+ editor.annotationElementId = null;
|
|
|
+ }
|
|
|
+ this.attach(editor);
|
|
|
+ editor.parent?.detach(editor);
|
|
|
+ editor.setParent(this);
|
|
|
+ if (editor.div && editor.isAttachedToDOM) {
|
|
|
+ editor.div.remove();
|
|
|
+ this.div.append(editor.div);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ add(editor) {
|
|
|
+ this.#changeParent(editor);
|
|
|
+ this.#uiManager.addEditor(editor);
|
|
|
+ this.attach(editor);
|
|
|
+ if (!editor.isAttachedToDOM) {
|
|
|
+ const div = editor.render();
|
|
|
+ this.div.append(div);
|
|
|
+ editor.isAttachedToDOM = true;
|
|
|
+ }
|
|
|
+ this.moveEditorInDOM(editor);
|
|
|
+ editor.onceAdded();
|
|
|
+ this.#uiManager.addToAnnotationStorage(editor);
|
|
|
+ }
|
|
|
+ moveEditorInDOM(editor) {
|
|
|
+ this.#accessibilityManager?.moveElementInDOM(this.div, editor.div, editor.contentDiv, true);
|
|
|
+ }
|
|
|
+ addOrRebuild(editor) {
|
|
|
+ if (editor.needsToBeRebuilt()) {
|
|
|
+ editor.rebuild();
|
|
|
+ } else {
|
|
|
+ this.add(editor);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getNextId() {
|
|
|
+ return this.#uiManager.getId();
|
|
|
+ }
|
|
|
+ #createNewEditor(params) {
|
|
|
+ switch (this.#uiManager.getMode()) {
|
|
|
+ case _util.AnnotationEditorType.FREETEXT:
|
|
|
+ return new _freetext.FreeTextEditor(params);
|
|
|
+ case _util.AnnotationEditorType.INK:
|
|
|
+ return new _ink.InkEditor(params);
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ deserialize(data) {
|
|
|
+ switch (data.annotationType ?? data.annotationEditorType) {
|
|
|
+ case _util.AnnotationEditorType.FREETEXT:
|
|
|
+ return _freetext.FreeTextEditor.deserialize(data, this, this.#uiManager);
|
|
|
+ case _util.AnnotationEditorType.INK:
|
|
|
+ return _ink.InkEditor.deserialize(data, this, this.#uiManager);
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ #createAndAddNewEditor(event) {
|
|
|
+ const id = this.getNextId();
|
|
|
+ const editor = this.#createNewEditor({
|
|
|
+ parent: this,
|
|
|
+ id,
|
|
|
+ x: event.offsetX,
|
|
|
+ y: event.offsetY,
|
|
|
+ uiManager: this.#uiManager
|
|
|
+ });
|
|
|
+ if (editor) {
|
|
|
+ this.add(editor);
|
|
|
+ }
|
|
|
+ return editor;
|
|
|
+ }
|
|
|
+ setSelected(editor) {
|
|
|
+ this.#uiManager.setSelected(editor);
|
|
|
+ }
|
|
|
+ toggleSelected(editor) {
|
|
|
+ this.#uiManager.toggleSelected(editor);
|
|
|
+ }
|
|
|
+ isSelected(editor) {
|
|
|
+ return this.#uiManager.isSelected(editor);
|
|
|
+ }
|
|
|
+ unselect(editor) {
|
|
|
+ this.#uiManager.unselect(editor);
|
|
|
+ }
|
|
|
+ pointerup(event) {
|
|
|
+ const {
|
|
|
+ isMac
|
|
|
+ } = _util.FeatureTest.platform;
|
|
|
+ if (event.button !== 0 || event.ctrlKey && isMac) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (event.target !== this.div) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.#hadPointerDown) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#hadPointerDown = false;
|
|
|
+ if (!this.#allowClick) {
|
|
|
+ this.#allowClick = true;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#createAndAddNewEditor(event);
|
|
|
+ }
|
|
|
+ pointerdown(event) {
|
|
|
+ const {
|
|
|
+ isMac
|
|
|
+ } = _util.FeatureTest.platform;
|
|
|
+ if (event.button !== 0 || event.ctrlKey && isMac) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (event.target !== this.div) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#hadPointerDown = true;
|
|
|
+ const editor = this.#uiManager.getActive();
|
|
|
+ this.#allowClick = !editor || editor.isEmpty();
|
|
|
+ }
|
|
|
+ drop(event) {
|
|
|
+ const id = event.dataTransfer.getData("text/plain");
|
|
|
+ const editor = this.#uiManager.getEditor(id);
|
|
|
+ if (!editor) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ event.preventDefault();
|
|
|
+ event.dataTransfer.dropEffect = "move";
|
|
|
+ this.#changeParent(editor);
|
|
|
+ const rect = this.div.getBoundingClientRect();
|
|
|
+ const endX = event.clientX - rect.x;
|
|
|
+ const endY = event.clientY - rect.y;
|
|
|
+ editor.translate(endX - editor.startX, endY - editor.startY);
|
|
|
+ this.moveEditorInDOM(editor);
|
|
|
+ editor.div.focus();
|
|
|
+ }
|
|
|
+ dragover(event) {
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+ destroy() {
|
|
|
+ if (this.#uiManager.getActive()?.parent === this) {
|
|
|
+ this.#uiManager.setActiveEditor(null);
|
|
|
+ }
|
|
|
+ for (const editor of this.#editors.values()) {
|
|
|
+ this.#accessibilityManager?.removePointerInTextLayer(editor.contentDiv);
|
|
|
+ editor.setParent(null);
|
|
|
+ editor.isAttachedToDOM = false;
|
|
|
+ editor.div.remove();
|
|
|
+ }
|
|
|
+ this.div = null;
|
|
|
+ this.#editors.clear();
|
|
|
+ this.#uiManager.removeLayer(this);
|
|
|
+ }
|
|
|
+ #cleanup() {
|
|
|
+ this.#isCleaningUp = true;
|
|
|
+ for (const editor of this.#editors.values()) {
|
|
|
+ if (editor.isEmpty()) {
|
|
|
+ editor.remove();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.#isCleaningUp = false;
|
|
|
+ }
|
|
|
+ render({
|
|
|
+ viewport
|
|
|
+ }) {
|
|
|
+ this.viewport = viewport;
|
|
|
+ (0, _display_utils.setLayerDimensions)(this.div, viewport);
|
|
|
+ (0, _tools.bindEvents)(this, this.div, ["dragover", "drop"]);
|
|
|
+ for (const editor of this.#uiManager.getEditors(this.pageIndex)) {
|
|
|
+ this.add(editor);
|
|
|
+ }
|
|
|
+ this.updateMode();
|
|
|
+ }
|
|
|
+ update({
|
|
|
+ viewport
|
|
|
+ }) {
|
|
|
+ this.#uiManager.commitOrRemove();
|
|
|
+ this.viewport = viewport;
|
|
|
+ (0, _display_utils.setLayerDimensions)(this.div, {
|
|
|
+ rotation: viewport.rotation
|
|
|
+ });
|
|
|
+ this.updateMode();
|
|
|
+ }
|
|
|
+ get pageDimensions() {
|
|
|
+ const {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight
|
|
|
+ } = this.viewport.rawDims;
|
|
|
+ return [pageWidth, pageHeight];
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.AnnotationEditorLayer = AnnotationEditorLayer;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 28 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.FreeTextEditor = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _tools = __w_pdfjs_require__(5);
|
|
|
+var _editor = __w_pdfjs_require__(4);
|
|
|
+var _annotation_layer = __w_pdfjs_require__(29);
|
|
|
+class FreeTextEditor extends _editor.AnnotationEditor {
|
|
|
+ #boundEditorDivBlur = this.editorDivBlur.bind(this);
|
|
|
+ #boundEditorDivFocus = this.editorDivFocus.bind(this);
|
|
|
+ #boundEditorDivInput = this.editorDivInput.bind(this);
|
|
|
+ #boundEditorDivKeydown = this.editorDivKeydown.bind(this);
|
|
|
+ #color;
|
|
|
+ #content = "";
|
|
|
+ #editorDivId = `${this.id}-editor`;
|
|
|
+ #fontSize;
|
|
|
+ #initialData = null;
|
|
|
+ static _freeTextDefaultContent = "";
|
|
|
+ static _l10nPromise;
|
|
|
+ static _internalPadding = 0;
|
|
|
+ static _defaultColor = null;
|
|
|
+ static _defaultFontSize = 10;
|
|
|
+ static get _keyboardManager() {
|
|
|
+ return (0, _util.shadow)(this, "_keyboardManager", new _tools.KeyboardManager([[["ctrl+s", "mac+meta+s", "ctrl+p", "mac+meta+p"], FreeTextEditor.prototype.commitOrRemove, true], [["ctrl+Enter", "mac+meta+Enter", "Escape", "mac+Escape"], FreeTextEditor.prototype.commitOrRemove]]));
|
|
|
+ }
|
|
|
+ static _type = "freetext";
|
|
|
+ constructor(params) {
|
|
|
+ super({
|
|
|
+ ...params,
|
|
|
+ name: "freeTextEditor"
|
|
|
+ });
|
|
|
+ this.#color = params.color || FreeTextEditor._defaultColor || _editor.AnnotationEditor._defaultLineColor;
|
|
|
+ this.#fontSize = params.fontSize || FreeTextEditor._defaultFontSize;
|
|
|
+ }
|
|
|
+ static initialize(l10n) {
|
|
|
+ this._l10nPromise = new Map(["free_text2_default_content", "editor_free_text2_aria_label"].map(str => [str, l10n.get(str)]));
|
|
|
+ const style = getComputedStyle(document.documentElement);
|
|
|
+ this._internalPadding = parseFloat(style.getPropertyValue("--freetext-padding"));
|
|
|
+ }
|
|
|
+ static updateDefaultParams(type, value) {
|
|
|
+ switch (type) {
|
|
|
+ case _util.AnnotationEditorParamsType.FREETEXT_SIZE:
|
|
|
+ FreeTextEditor._defaultFontSize = value;
|
|
|
+ break;
|
|
|
+ case _util.AnnotationEditorParamsType.FREETEXT_COLOR:
|
|
|
+ FreeTextEditor._defaultColor = value;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ updateParams(type, value) {
|
|
|
+ switch (type) {
|
|
|
+ case _util.AnnotationEditorParamsType.FREETEXT_SIZE:
|
|
|
+ this.#updateFontSize(value);
|
|
|
+ break;
|
|
|
+ case _util.AnnotationEditorParamsType.FREETEXT_COLOR:
|
|
|
+ this.#updateColor(value);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static get defaultPropertiesToUpdate() {
|
|
|
+ return [[_util.AnnotationEditorParamsType.FREETEXT_SIZE, FreeTextEditor._defaultFontSize], [_util.AnnotationEditorParamsType.FREETEXT_COLOR, FreeTextEditor._defaultColor || _editor.AnnotationEditor._defaultLineColor]];
|
|
|
+ }
|
|
|
+ get propertiesToUpdate() {
|
|
|
+ return [[_util.AnnotationEditorParamsType.FREETEXT_SIZE, this.#fontSize], [_util.AnnotationEditorParamsType.FREETEXT_COLOR, this.#color]];
|
|
|
+ }
|
|
|
+ #updateFontSize(fontSize) {
|
|
|
+ const setFontsize = size => {
|
|
|
+ this.editorDiv.style.fontSize = `calc(${size}px * var(--scale-factor))`;
|
|
|
+ this.translate(0, -(size - this.#fontSize) * this.parentScale);
|
|
|
+ this.#fontSize = size;
|
|
|
+ this.#setEditorDimensions();
|
|
|
+ };
|
|
|
+ const savedFontsize = this.#fontSize;
|
|
|
+ this.addCommands({
|
|
|
+ cmd: () => {
|
|
|
+ setFontsize(fontSize);
|
|
|
+ },
|
|
|
+ undo: () => {
|
|
|
+ setFontsize(savedFontsize);
|
|
|
+ },
|
|
|
+ mustExec: true,
|
|
|
+ type: _util.AnnotationEditorParamsType.FREETEXT_SIZE,
|
|
|
+ overwriteIfSameType: true,
|
|
|
+ keepUndo: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ #updateColor(color) {
|
|
|
+ const savedColor = this.#color;
|
|
|
+ this.addCommands({
|
|
|
+ cmd: () => {
|
|
|
+ this.#color = this.editorDiv.style.color = color;
|
|
|
+ },
|
|
|
+ undo: () => {
|
|
|
+ this.#color = this.editorDiv.style.color = savedColor;
|
|
|
+ },
|
|
|
+ mustExec: true,
|
|
|
+ type: _util.AnnotationEditorParamsType.FREETEXT_COLOR,
|
|
|
+ overwriteIfSameType: true,
|
|
|
+ keepUndo: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ getInitialTranslation() {
|
|
|
+ const scale = this.parentScale;
|
|
|
+ return [-FreeTextEditor._internalPadding * scale, -(FreeTextEditor._internalPadding + this.#fontSize) * scale];
|
|
|
+ }
|
|
|
+ rebuild() {
|
|
|
+ super.rebuild();
|
|
|
+ if (this.div === null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.isAttachedToDOM) {
|
|
|
+ this.parent.add(this);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ enableEditMode() {
|
|
|
+ if (this.isInEditMode()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.parent.setEditingState(false);
|
|
|
+ this.parent.updateToolbar(_util.AnnotationEditorType.FREETEXT);
|
|
|
+ super.enableEditMode();
|
|
|
+ this.overlayDiv.classList.remove("enabled");
|
|
|
+ this.editorDiv.contentEditable = true;
|
|
|
+ this.div.draggable = false;
|
|
|
+ this.div.removeAttribute("aria-activedescendant");
|
|
|
+ this.editorDiv.addEventListener("keydown", this.#boundEditorDivKeydown);
|
|
|
+ this.editorDiv.addEventListener("focus", this.#boundEditorDivFocus);
|
|
|
+ this.editorDiv.addEventListener("blur", this.#boundEditorDivBlur);
|
|
|
+ this.editorDiv.addEventListener("input", this.#boundEditorDivInput);
|
|
|
+ }
|
|
|
+ disableEditMode() {
|
|
|
+ if (!this.isInEditMode()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.parent.setEditingState(true);
|
|
|
+ super.disableEditMode();
|
|
|
+ this.overlayDiv.classList.add("enabled");
|
|
|
+ this.editorDiv.contentEditable = false;
|
|
|
+ this.div.setAttribute("aria-activedescendant", this.#editorDivId);
|
|
|
+ this.div.draggable = true;
|
|
|
+ this.editorDiv.removeEventListener("keydown", this.#boundEditorDivKeydown);
|
|
|
+ this.editorDiv.removeEventListener("focus", this.#boundEditorDivFocus);
|
|
|
+ this.editorDiv.removeEventListener("blur", this.#boundEditorDivBlur);
|
|
|
+ this.editorDiv.removeEventListener("input", this.#boundEditorDivInput);
|
|
|
+ this.div.focus({
|
|
|
+ preventScroll: true
|
|
|
+ });
|
|
|
+ this.isEditing = false;
|
|
|
+ this.parent.div.classList.add("freeTextEditing");
|
|
|
+ }
|
|
|
+ focusin(event) {
|
|
|
+ super.focusin(event);
|
|
|
+ if (event.target !== this.editorDiv) {
|
|
|
+ this.editorDiv.focus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ onceAdded() {
|
|
|
+ if (this.width) {
|
|
|
+ this.#cheatInitialRect();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.enableEditMode();
|
|
|
+ this.editorDiv.focus();
|
|
|
+ }
|
|
|
+ isEmpty() {
|
|
|
+ return !this.editorDiv || this.editorDiv.innerText.trim() === "";
|
|
|
+ }
|
|
|
+ remove() {
|
|
|
+ this.isEditing = false;
|
|
|
+ this.parent.setEditingState(true);
|
|
|
+ this.parent.div.classList.add("freeTextEditing");
|
|
|
+ super.remove();
|
|
|
+ }
|
|
|
+ #extractText() {
|
|
|
+ const divs = this.editorDiv.getElementsByTagName("div");
|
|
|
+ if (divs.length === 0) {
|
|
|
+ return this.editorDiv.innerText;
|
|
|
+ }
|
|
|
+ const buffer = [];
|
|
|
+ for (const div of divs) {
|
|
|
+ buffer.push(div.innerText.replace(/\r\n?|\n/, ""));
|
|
|
+ }
|
|
|
+ return buffer.join("\n");
|
|
|
+ }
|
|
|
+ #setEditorDimensions() {
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ let rect;
|
|
|
+ if (this.isAttachedToDOM) {
|
|
|
+ rect = this.div.getBoundingClientRect();
|
|
|
+ } else {
|
|
|
+ const {
|
|
|
+ currentLayer,
|
|
|
+ div
|
|
|
+ } = this;
|
|
|
+ const savedDisplay = div.style.display;
|
|
|
+ div.style.display = "hidden";
|
|
|
+ currentLayer.div.append(this.div);
|
|
|
+ rect = div.getBoundingClientRect();
|
|
|
+ div.remove();
|
|
|
+ div.style.display = savedDisplay;
|
|
|
+ }
|
|
|
+ this.width = rect.width / parentWidth;
|
|
|
+ this.height = rect.height / parentHeight;
|
|
|
+ }
|
|
|
+ commit() {
|
|
|
+ if (!this.isInEditMode()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ super.commit();
|
|
|
+ this.disableEditMode();
|
|
|
+ const savedText = this.#content;
|
|
|
+ const newText = this.#content = this.#extractText().trimEnd();
|
|
|
+ if (savedText === newText) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const setText = text => {
|
|
|
+ this.#content = text;
|
|
|
+ if (!text) {
|
|
|
+ this.remove();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#setContent();
|
|
|
+ this.rebuild();
|
|
|
+ this.#setEditorDimensions();
|
|
|
+ };
|
|
|
+ this.addCommands({
|
|
|
+ cmd: () => {
|
|
|
+ setText(newText);
|
|
|
+ },
|
|
|
+ undo: () => {
|
|
|
+ setText(savedText);
|
|
|
+ },
|
|
|
+ mustExec: false
|
|
|
+ });
|
|
|
+ this.#setEditorDimensions();
|
|
|
+ }
|
|
|
+ shouldGetKeyboardEvents() {
|
|
|
+ return this.isInEditMode();
|
|
|
+ }
|
|
|
+ dblclick(event) {
|
|
|
+ this.enableEditMode();
|
|
|
+ this.editorDiv.focus();
|
|
|
+ }
|
|
|
+ keydown(event) {
|
|
|
+ if (event.target === this.div && event.key === "Enter") {
|
|
|
+ this.enableEditMode();
|
|
|
+ this.editorDiv.focus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ editorDivKeydown(event) {
|
|
|
+ FreeTextEditor._keyboardManager.exec(this, event);
|
|
|
+ }
|
|
|
+ editorDivFocus(event) {
|
|
|
+ this.isEditing = true;
|
|
|
+ }
|
|
|
+ editorDivBlur(event) {
|
|
|
+ this.isEditing = false;
|
|
|
+ }
|
|
|
+ editorDivInput(event) {
|
|
|
+ this.parent.div.classList.toggle("freeTextEditing", this.isEmpty());
|
|
|
+ }
|
|
|
+ disableEditing() {
|
|
|
+ this.editorDiv.setAttribute("role", "comment");
|
|
|
+ this.editorDiv.removeAttribute("aria-multiline");
|
|
|
+ }
|
|
|
+ enableEditing() {
|
|
|
+ this.editorDiv.setAttribute("role", "textbox");
|
|
|
+ this.editorDiv.setAttribute("aria-multiline", true);
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (this.div) {
|
|
|
+ return this.div;
|
|
|
+ }
|
|
|
+ let baseX, baseY;
|
|
|
+ if (this.width) {
|
|
|
+ baseX = this.x;
|
|
|
+ baseY = this.y;
|
|
|
+ }
|
|
|
+ super.render();
|
|
|
+ this.editorDiv = document.createElement("div");
|
|
|
+ this.editorDiv.className = "internal";
|
|
|
+ this.editorDiv.setAttribute("id", this.#editorDivId);
|
|
|
+ this.enableEditing();
|
|
|
+ FreeTextEditor._l10nPromise.get("editor_free_text2_aria_label").then(msg => this.editorDiv?.setAttribute("aria-label", msg));
|
|
|
+ FreeTextEditor._l10nPromise.get("free_text2_default_content").then(msg => this.editorDiv?.setAttribute("default-content", msg));
|
|
|
+ this.editorDiv.contentEditable = true;
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = this.editorDiv;
|
|
|
+ style.fontSize = `calc(${this.#fontSize}px * var(--scale-factor))`;
|
|
|
+ style.color = this.#color;
|
|
|
+ this.div.append(this.editorDiv);
|
|
|
+ this.overlayDiv = document.createElement("div");
|
|
|
+ this.overlayDiv.classList.add("overlay", "enabled");
|
|
|
+ this.div.append(this.overlayDiv);
|
|
|
+ (0, _tools.bindEvents)(this, this.div, ["dblclick", "keydown"]);
|
|
|
+ if (this.width) {
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ if (this.annotationElementId) {
|
|
|
+ const [tx] = this.getInitialTranslation();
|
|
|
+ this.setAt(baseX * parentWidth, baseY * parentHeight, tx, tx);
|
|
|
+ } else {
|
|
|
+ this.setAt(baseX * parentWidth, baseY * parentHeight, this.width * parentWidth, this.height * parentHeight);
|
|
|
+ }
|
|
|
+ this.#setContent();
|
|
|
+ this.div.draggable = true;
|
|
|
+ this.editorDiv.contentEditable = false;
|
|
|
+ } else {
|
|
|
+ this.div.draggable = false;
|
|
|
+ this.editorDiv.contentEditable = true;
|
|
|
+ }
|
|
|
+ return this.div;
|
|
|
+ }
|
|
|
+ #setContent() {
|
|
|
+ this.editorDiv.replaceChildren();
|
|
|
+ if (!this.#content) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ for (const line of this.#content.split("\n")) {
|
|
|
+ const div = document.createElement("div");
|
|
|
+ div.append(line ? document.createTextNode(line) : document.createElement("br"));
|
|
|
+ this.editorDiv.append(div);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ get contentDiv() {
|
|
|
+ return this.editorDiv;
|
|
|
+ }
|
|
|
+ static deserialize(data, parent, uiManager) {
|
|
|
+ let initialData = null;
|
|
|
+ if (data instanceof _annotation_layer.FreeTextAnnotationElement) {
|
|
|
+ const {
|
|
|
+ data: {
|
|
|
+ defaultAppearanceData: {
|
|
|
+ fontSize,
|
|
|
+ fontColor
|
|
|
+ },
|
|
|
+ rect,
|
|
|
+ rotation,
|
|
|
+ id
|
|
|
+ },
|
|
|
+ textContent,
|
|
|
+ parent: {
|
|
|
+ page: {
|
|
|
+ pageNumber
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } = data;
|
|
|
+ if (!textContent || textContent.length === 0) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ initialData = data = {
|
|
|
+ annotationType: _util.AnnotationEditorType.FREETEXT,
|
|
|
+ color: Array.from(fontColor),
|
|
|
+ fontSize,
|
|
|
+ value: textContent.join("\n"),
|
|
|
+ pageIndex: pageNumber - 1,
|
|
|
+ rect,
|
|
|
+ rotation,
|
|
|
+ id,
|
|
|
+ deleted: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+ const editor = super.deserialize(data, parent, uiManager);
|
|
|
+ editor.#fontSize = data.fontSize;
|
|
|
+ editor.#color = _util.Util.makeHexColor(...data.color);
|
|
|
+ editor.#content = data.value;
|
|
|
+ editor.annotationElementId = data.id || null;
|
|
|
+ editor.#initialData = initialData;
|
|
|
+ return editor;
|
|
|
+ }
|
|
|
+ serialize(isForCopying = false) {
|
|
|
+ if (this.isEmpty()) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ if (this.deleted) {
|
|
|
+ return {
|
|
|
+ pageIndex: this.pageIndex,
|
|
|
+ id: this.annotationElementId,
|
|
|
+ deleted: true
|
|
|
+ };
|
|
|
+ }
|
|
|
+ const padding = FreeTextEditor._internalPadding * this.parentScale;
|
|
|
+ const rect = this.getRect(padding, padding);
|
|
|
+ const color = _editor.AnnotationEditor._colorManager.convert(this.isAttachedToDOM ? getComputedStyle(this.editorDiv).color : this.#color);
|
|
|
+ const serialized = {
|
|
|
+ annotationType: _util.AnnotationEditorType.FREETEXT,
|
|
|
+ color,
|
|
|
+ fontSize: this.#fontSize,
|
|
|
+ value: this.#content,
|
|
|
+ pageIndex: this.pageIndex,
|
|
|
+ rect,
|
|
|
+ rotation: this.rotation
|
|
|
+ };
|
|
|
+ if (isForCopying) {
|
|
|
+ return serialized;
|
|
|
+ }
|
|
|
+ if (this.annotationElementId && !this.#hasElementChanged(serialized)) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ serialized.id = this.annotationElementId;
|
|
|
+ return serialized;
|
|
|
+ }
|
|
|
+ #hasElementChanged(serialized) {
|
|
|
+ const {
|
|
|
+ value,
|
|
|
+ fontSize,
|
|
|
+ color,
|
|
|
+ rect,
|
|
|
+ pageIndex
|
|
|
+ } = this.#initialData;
|
|
|
+ return serialized.value !== value || serialized.fontSize !== fontSize || serialized.rect.some((x, i) => Math.abs(x - rect[i]) >= 1) || serialized.color.some((c, i) => c !== color[i]) || serialized.pageIndex !== pageIndex;
|
|
|
+ }
|
|
|
+ #cheatInitialRect(delayed = false) {
|
|
|
+ if (!this.annotationElementId) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#setEditorDimensions();
|
|
|
+ if (!delayed && (this.width === 0 || this.height === 0)) {
|
|
|
+ setTimeout(() => this.#cheatInitialRect(true), 0);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const padding = FreeTextEditor._internalPadding * this.parentScale;
|
|
|
+ this.#initialData.rect = this.getRect(padding, padding);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.FreeTextEditor = FreeTextEditor;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 29 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.InkAnnotationElement = exports.FreeTextAnnotationElement = exports.AnnotationLayer = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+var _annotation_storage = __w_pdfjs_require__(3);
|
|
|
+var _scripting_utils = __w_pdfjs_require__(30);
|
|
|
+var _xfa_layer = __w_pdfjs_require__(31);
|
|
|
+const DEFAULT_TAB_INDEX = 1000;
|
|
|
+const DEFAULT_FONT_SIZE = 9;
|
|
|
+const GetElementsByNameSet = new WeakSet();
|
|
|
+function getRectDims(rect) {
|
|
|
+ return {
|
|
|
+ width: rect[2] - rect[0],
|
|
|
+ height: rect[3] - rect[1]
|
|
|
+ };
|
|
|
+}
|
|
|
+class AnnotationElementFactory {
|
|
|
+ static create(parameters) {
|
|
|
+ const subtype = parameters.data.annotationType;
|
|
|
+ switch (subtype) {
|
|
|
+ case _util.AnnotationType.LINK:
|
|
|
+ return new LinkAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.TEXT:
|
|
|
+ return new TextAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.WIDGET:
|
|
|
+ const fieldType = parameters.data.fieldType;
|
|
|
+ switch (fieldType) {
|
|
|
+ case "Tx":
|
|
|
+ return new TextWidgetAnnotationElement(parameters);
|
|
|
+ case "Btn":
|
|
|
+ if (parameters.data.radioButton) {
|
|
|
+ return new RadioButtonWidgetAnnotationElement(parameters);
|
|
|
+ } else if (parameters.data.checkBox) {
|
|
|
+ return new CheckboxWidgetAnnotationElement(parameters);
|
|
|
+ }
|
|
|
+ return new PushButtonWidgetAnnotationElement(parameters);
|
|
|
+ case "Ch":
|
|
|
+ return new ChoiceWidgetAnnotationElement(parameters);
|
|
|
+ case "Sig":
|
|
|
+ return new SignatureWidgetAnnotationElement(parameters);
|
|
|
+ }
|
|
|
+ return new WidgetAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.POPUP:
|
|
|
+ return new PopupAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.FREETEXT:
|
|
|
+ return new FreeTextAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.LINE:
|
|
|
+ return new LineAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.SQUARE:
|
|
|
+ return new SquareAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.CIRCLE:
|
|
|
+ return new CircleAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.POLYLINE:
|
|
|
+ return new PolylineAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.CARET:
|
|
|
+ return new CaretAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.INK:
|
|
|
+ return new InkAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.POLYGON:
|
|
|
+ return new PolygonAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.HIGHLIGHT:
|
|
|
+ return new HighlightAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.UNDERLINE:
|
|
|
+ return new UnderlineAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.SQUIGGLY:
|
|
|
+ return new SquigglyAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.STRIKEOUT:
|
|
|
+ return new StrikeOutAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.STAMP:
|
|
|
+ return new StampAnnotationElement(parameters);
|
|
|
+ case _util.AnnotationType.FILEATTACHMENT:
|
|
|
+ return new FileAttachmentAnnotationElement(parameters);
|
|
|
+ default:
|
|
|
+ return new AnnotationElement(parameters);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+class AnnotationElement {
|
|
|
+ constructor(parameters, {
|
|
|
+ isRenderable = false,
|
|
|
+ ignoreBorder = false,
|
|
|
+ createQuadrilaterals = false
|
|
|
+ } = {}) {
|
|
|
+ this.isRenderable = isRenderable;
|
|
|
+ this.data = parameters.data;
|
|
|
+ this.layer = parameters.layer;
|
|
|
+ this.linkService = parameters.linkService;
|
|
|
+ this.downloadManager = parameters.downloadManager;
|
|
|
+ this.imageResourcesPath = parameters.imageResourcesPath;
|
|
|
+ this.renderForms = parameters.renderForms;
|
|
|
+ this.svgFactory = parameters.svgFactory;
|
|
|
+ this.annotationStorage = parameters.annotationStorage;
|
|
|
+ this.enableScripting = parameters.enableScripting;
|
|
|
+ this.hasJSActions = parameters.hasJSActions;
|
|
|
+ this._fieldObjects = parameters.fieldObjects;
|
|
|
+ this.parent = parameters.parent;
|
|
|
+ if (isRenderable) {
|
|
|
+ this.container = this._createContainer(ignoreBorder);
|
|
|
+ }
|
|
|
+ if (createQuadrilaterals) {
|
|
|
+ this.quadrilaterals = this._createQuadrilaterals(ignoreBorder);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _createContainer(ignoreBorder) {
|
|
|
+ const {
|
|
|
+ data,
|
|
|
+ parent: {
|
|
|
+ page,
|
|
|
+ viewport
|
|
|
+ }
|
|
|
+ } = this;
|
|
|
+ const container = document.createElement("section");
|
|
|
+ container.setAttribute("data-annotation-id", data.id);
|
|
|
+ container.style.zIndex = this.parent.zIndex++;
|
|
|
+ if (this.data.popupRef) {
|
|
|
+ container.setAttribute("aria-haspopup", "dialog");
|
|
|
+ }
|
|
|
+ if (data.noRotate) {
|
|
|
+ container.classList.add("norotate");
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight,
|
|
|
+ pageX,
|
|
|
+ pageY
|
|
|
+ } = viewport.rawDims;
|
|
|
+ if (!data.rect || this instanceof PopupAnnotationElement) {
|
|
|
+ const {
|
|
|
+ rotation
|
|
|
+ } = data;
|
|
|
+ if (!data.hasOwnCanvas && rotation !== 0) {
|
|
|
+ this.setRotation(rotation, container);
|
|
|
+ }
|
|
|
+ return container;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ const rect = _util.Util.normalizeRect([data.rect[0], page.view[3] - data.rect[1] + page.view[1], data.rect[2], page.view[3] - data.rect[3] + page.view[1]]);
|
|
|
+ if (!ignoreBorder && data.borderStyle.width > 0) {
|
|
|
+ container.style.borderWidth = `${data.borderStyle.width}px`;
|
|
|
+ const horizontalRadius = data.borderStyle.horizontalCornerRadius;
|
|
|
+ const verticalRadius = data.borderStyle.verticalCornerRadius;
|
|
|
+ if (horizontalRadius > 0 || verticalRadius > 0) {
|
|
|
+ const radius = `calc(${horizontalRadius}px * var(--scale-factor)) / calc(${verticalRadius}px * var(--scale-factor))`;
|
|
|
+ container.style.borderRadius = radius;
|
|
|
+ } else if (this instanceof RadioButtonWidgetAnnotationElement) {
|
|
|
+ const radius = `calc(${width}px * var(--scale-factor)) / calc(${height}px * var(--scale-factor))`;
|
|
|
+ container.style.borderRadius = radius;
|
|
|
+ }
|
|
|
+ switch (data.borderStyle.style) {
|
|
|
+ case _util.AnnotationBorderStyleType.SOLID:
|
|
|
+ container.style.borderStyle = "solid";
|
|
|
+ break;
|
|
|
+ case _util.AnnotationBorderStyleType.DASHED:
|
|
|
+ container.style.borderStyle = "dashed";
|
|
|
+ break;
|
|
|
+ case _util.AnnotationBorderStyleType.BEVELED:
|
|
|
+ (0, _util.warn)("Unimplemented border style: beveled");
|
|
|
+ break;
|
|
|
+ case _util.AnnotationBorderStyleType.INSET:
|
|
|
+ (0, _util.warn)("Unimplemented border style: inset");
|
|
|
+ break;
|
|
|
+ case _util.AnnotationBorderStyleType.UNDERLINE:
|
|
|
+ container.style.borderBottomStyle = "solid";
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ const borderColor = data.borderColor || null;
|
|
|
+ if (borderColor) {
|
|
|
+ container.style.borderColor = _util.Util.makeHexColor(borderColor[0] | 0, borderColor[1] | 0, borderColor[2] | 0);
|
|
|
+ } else {
|
|
|
+ container.style.borderWidth = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ container.style.left = `${100 * (rect[0] - pageX) / pageWidth}%`;
|
|
|
+ container.style.top = `${100 * (rect[1] - pageY) / pageHeight}%`;
|
|
|
+ const {
|
|
|
+ rotation
|
|
|
+ } = data;
|
|
|
+ if (data.hasOwnCanvas || rotation === 0) {
|
|
|
+ container.style.width = `${100 * width / pageWidth}%`;
|
|
|
+ container.style.height = `${100 * height / pageHeight}%`;
|
|
|
+ } else {
|
|
|
+ this.setRotation(rotation, container);
|
|
|
+ }
|
|
|
+ return container;
|
|
|
+ }
|
|
|
+ setRotation(angle, container = this.container) {
|
|
|
+ const {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight
|
|
|
+ } = this.parent.viewport.rawDims;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(this.data.rect);
|
|
|
+ let elementWidth, elementHeight;
|
|
|
+ if (angle % 180 === 0) {
|
|
|
+ elementWidth = 100 * width / pageWidth;
|
|
|
+ elementHeight = 100 * height / pageHeight;
|
|
|
+ } else {
|
|
|
+ elementWidth = 100 * height / pageWidth;
|
|
|
+ elementHeight = 100 * width / pageHeight;
|
|
|
+ }
|
|
|
+ container.style.width = `${elementWidth}%`;
|
|
|
+ container.style.height = `${elementHeight}%`;
|
|
|
+ container.setAttribute("data-main-rotation", (360 - angle) % 360);
|
|
|
+ }
|
|
|
+ get _commonActions() {
|
|
|
+ const setColor = (jsName, styleName, event) => {
|
|
|
+ const color = event.detail[jsName];
|
|
|
+ event.target.style[styleName] = _scripting_utils.ColorConverters[`${color[0]}_HTML`](color.slice(1));
|
|
|
+ };
|
|
|
+ return (0, _util.shadow)(this, "_commonActions", {
|
|
|
+ display: event => {
|
|
|
+ const hidden = event.detail.display % 2 === 1;
|
|
|
+ this.container.style.visibility = hidden ? "hidden" : "visible";
|
|
|
+ this.annotationStorage.setValue(this.data.id, {
|
|
|
+ hidden,
|
|
|
+ print: event.detail.display === 0 || event.detail.display === 3
|
|
|
+ });
|
|
|
+ },
|
|
|
+ print: event => {
|
|
|
+ this.annotationStorage.setValue(this.data.id, {
|
|
|
+ print: event.detail.print
|
|
|
+ });
|
|
|
+ },
|
|
|
+ hidden: event => {
|
|
|
+ this.container.style.visibility = event.detail.hidden ? "hidden" : "visible";
|
|
|
+ this.annotationStorage.setValue(this.data.id, {
|
|
|
+ hidden: event.detail.hidden
|
|
|
+ });
|
|
|
+ },
|
|
|
+ focus: event => {
|
|
|
+ setTimeout(() => event.target.focus({
|
|
|
+ preventScroll: false
|
|
|
+ }), 0);
|
|
|
+ },
|
|
|
+ userName: event => {
|
|
|
+ event.target.title = event.detail.userName;
|
|
|
+ },
|
|
|
+ readonly: event => {
|
|
|
+ if (event.detail.readonly) {
|
|
|
+ event.target.setAttribute("readonly", "");
|
|
|
+ } else {
|
|
|
+ event.target.removeAttribute("readonly");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ required: event => {
|
|
|
+ this._setRequired(event.target, event.detail.required);
|
|
|
+ },
|
|
|
+ bgColor: event => {
|
|
|
+ setColor("bgColor", "backgroundColor", event);
|
|
|
+ },
|
|
|
+ fillColor: event => {
|
|
|
+ setColor("fillColor", "backgroundColor", event);
|
|
|
+ },
|
|
|
+ fgColor: event => {
|
|
|
+ setColor("fgColor", "color", event);
|
|
|
+ },
|
|
|
+ textColor: event => {
|
|
|
+ setColor("textColor", "color", event);
|
|
|
+ },
|
|
|
+ borderColor: event => {
|
|
|
+ setColor("borderColor", "borderColor", event);
|
|
|
+ },
|
|
|
+ strokeColor: event => {
|
|
|
+ setColor("strokeColor", "borderColor", event);
|
|
|
+ },
|
|
|
+ rotation: event => {
|
|
|
+ const angle = event.detail.rotation;
|
|
|
+ this.setRotation(angle);
|
|
|
+ this.annotationStorage.setValue(this.data.id, {
|
|
|
+ rotation: angle
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _dispatchEventFromSandbox(actions, jsEvent) {
|
|
|
+ const commonActions = this._commonActions;
|
|
|
+ for (const name of Object.keys(jsEvent.detail)) {
|
|
|
+ const action = actions[name] || commonActions[name];
|
|
|
+ action?.(jsEvent);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _setDefaultPropertiesFromJS(element) {
|
|
|
+ if (!this.enableScripting) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const storedData = this.annotationStorage.getRawValue(this.data.id);
|
|
|
+ if (!storedData) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const commonActions = this._commonActions;
|
|
|
+ for (const [actionName, detail] of Object.entries(storedData)) {
|
|
|
+ const action = commonActions[actionName];
|
|
|
+ if (action) {
|
|
|
+ const eventProxy = {
|
|
|
+ detail: {
|
|
|
+ [actionName]: detail
|
|
|
+ },
|
|
|
+ target: element
|
|
|
+ };
|
|
|
+ action(eventProxy);
|
|
|
+ delete storedData[actionName];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _createQuadrilaterals(ignoreBorder = false) {
|
|
|
+ if (!this.data.quadPoints) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const quadrilaterals = [];
|
|
|
+ const savedRect = this.data.rect;
|
|
|
+ let firstQuadRect = null;
|
|
|
+ for (const quadPoint of this.data.quadPoints) {
|
|
|
+ this.data.rect = [quadPoint[2].x, quadPoint[2].y, quadPoint[1].x, quadPoint[1].y];
|
|
|
+ quadrilaterals.push(this._createContainer(ignoreBorder));
|
|
|
+ firstQuadRect ||= this.data.rect;
|
|
|
+ }
|
|
|
+ this.data.rect = savedRect;
|
|
|
+ this.firstQuadRect = firstQuadRect;
|
|
|
+ return quadrilaterals;
|
|
|
+ }
|
|
|
+ _createPopup() {
|
|
|
+ const {
|
|
|
+ container,
|
|
|
+ data
|
|
|
+ } = this;
|
|
|
+ container.setAttribute("aria-haspopup", "dialog");
|
|
|
+ const popup = new PopupAnnotationElement({
|
|
|
+ data: {
|
|
|
+ color: data.color,
|
|
|
+ titleObj: data.titleObj,
|
|
|
+ modificationDate: data.modificationDate,
|
|
|
+ contentsObj: data.contentsObj,
|
|
|
+ richText: data.richText,
|
|
|
+ parentRect: this.firstQuadRect || data.rect,
|
|
|
+ borderStyle: 0,
|
|
|
+ id: `popup_${data.id}`,
|
|
|
+ rotation: data.rotation
|
|
|
+ },
|
|
|
+ parent: this.parent,
|
|
|
+ elements: [this]
|
|
|
+ });
|
|
|
+ this.parent.div.append(popup.render());
|
|
|
+ }
|
|
|
+ _renderQuadrilaterals(className) {
|
|
|
+ for (const quadrilateral of this.quadrilaterals) {
|
|
|
+ quadrilateral.classList.add(className);
|
|
|
+ }
|
|
|
+ return this.quadrilaterals;
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ (0, _util.unreachable)("Abstract method `AnnotationElement.render` called");
|
|
|
+ }
|
|
|
+ _getElementsByName(name, skipId = null) {
|
|
|
+ const fields = [];
|
|
|
+ if (this._fieldObjects) {
|
|
|
+ const fieldObj = this._fieldObjects[name];
|
|
|
+ if (fieldObj) {
|
|
|
+ for (const {
|
|
|
+ page,
|
|
|
+ id,
|
|
|
+ exportValues
|
|
|
+ } of fieldObj) {
|
|
|
+ if (page === -1) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (id === skipId) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const exportValue = typeof exportValues === "string" ? exportValues : null;
|
|
|
+ const domElement = document.querySelector(`[data-element-id="${id}"]`);
|
|
|
+ if (domElement && !GetElementsByNameSet.has(domElement)) {
|
|
|
+ (0, _util.warn)(`_getElementsByName - element not allowed: ${id}`);
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ fields.push({
|
|
|
+ id,
|
|
|
+ exportValue,
|
|
|
+ domElement
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return fields;
|
|
|
+ }
|
|
|
+ for (const domElement of document.getElementsByName(name)) {
|
|
|
+ const {
|
|
|
+ exportValue
|
|
|
+ } = domElement;
|
|
|
+ const id = domElement.getAttribute("data-element-id");
|
|
|
+ if (id === skipId) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (!GetElementsByNameSet.has(domElement)) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ fields.push({
|
|
|
+ id,
|
|
|
+ exportValue,
|
|
|
+ domElement
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return fields;
|
|
|
+ }
|
|
|
+ show() {
|
|
|
+ if (this.container) {
|
|
|
+ this.container.hidden = false;
|
|
|
+ }
|
|
|
+ this.popup?.maybeShow();
|
|
|
+ }
|
|
|
+ hide() {
|
|
|
+ if (this.container) {
|
|
|
+ this.container.hidden = true;
|
|
|
+ }
|
|
|
+ this.popup?.forceHide();
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.quadrilaterals || this.container;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ const triggers = this.getElementsToTriggerPopup();
|
|
|
+ if (Array.isArray(triggers)) {
|
|
|
+ for (const element of triggers) {
|
|
|
+ element.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ triggers.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+class LinkAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters, options = null) {
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable: true,
|
|
|
+ ignoreBorder: !!options?.ignoreBorder,
|
|
|
+ createQuadrilaterals: true
|
|
|
+ });
|
|
|
+ this.isTooltipOnly = parameters.data.isTooltipOnly;
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ const {
|
|
|
+ data,
|
|
|
+ linkService
|
|
|
+ } = this;
|
|
|
+ const link = document.createElement("a");
|
|
|
+ link.setAttribute("data-element-id", data.id);
|
|
|
+ let isBound = false;
|
|
|
+ if (data.url) {
|
|
|
+ linkService.addLinkAttributes(link, data.url, data.newWindow);
|
|
|
+ isBound = true;
|
|
|
+ } else if (data.action) {
|
|
|
+ this._bindNamedAction(link, data.action);
|
|
|
+ isBound = true;
|
|
|
+ } else if (data.attachment) {
|
|
|
+ this._bindAttachment(link, data.attachment);
|
|
|
+ isBound = true;
|
|
|
+ } else if (data.setOCGState) {
|
|
|
+ this.#bindSetOCGState(link, data.setOCGState);
|
|
|
+ isBound = true;
|
|
|
+ } else if (data.dest) {
|
|
|
+ this._bindLink(link, data.dest);
|
|
|
+ isBound = true;
|
|
|
+ } else {
|
|
|
+ if (data.actions && (data.actions.Action || data.actions["Mouse Up"] || data.actions["Mouse Down"]) && this.enableScripting && this.hasJSActions) {
|
|
|
+ this._bindJSAction(link, data);
|
|
|
+ isBound = true;
|
|
|
+ }
|
|
|
+ if (data.resetForm) {
|
|
|
+ this._bindResetFormAction(link, data.resetForm);
|
|
|
+ isBound = true;
|
|
|
+ } else if (this.isTooltipOnly && !isBound) {
|
|
|
+ this._bindLink(link, "");
|
|
|
+ isBound = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.quadrilaterals) {
|
|
|
+ return this._renderQuadrilaterals("linkAnnotation").map((quadrilateral, index) => {
|
|
|
+ const linkElement = index === 0 ? link : link.cloneNode();
|
|
|
+ quadrilateral.append(linkElement);
|
|
|
+ return quadrilateral;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.container.classList.add("linkAnnotation");
|
|
|
+ if (isBound) {
|
|
|
+ this.container.append(link);
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ #setInternalLink() {
|
|
|
+ this.container.setAttribute("data-internal-link", "");
|
|
|
+ }
|
|
|
+ _bindLink(link, destination) {
|
|
|
+ link.href = this.linkService.getDestinationHash(destination);
|
|
|
+ link.onclick = () => {
|
|
|
+ if (destination) {
|
|
|
+ this.linkService.goToDestination(destination);
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ };
|
|
|
+ if (destination || destination === "") {
|
|
|
+ this.#setInternalLink();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _bindNamedAction(link, action) {
|
|
|
+ link.href = this.linkService.getAnchorUrl("");
|
|
|
+ link.onclick = () => {
|
|
|
+ this.linkService.executeNamedAction(action);
|
|
|
+ return false;
|
|
|
+ };
|
|
|
+ this.#setInternalLink();
|
|
|
+ }
|
|
|
+ _bindAttachment(link, attachment) {
|
|
|
+ link.href = this.linkService.getAnchorUrl("");
|
|
|
+ link.onclick = () => {
|
|
|
+ this.downloadManager?.openOrDownloadData(this.container, attachment.content, attachment.filename);
|
|
|
+ return false;
|
|
|
+ };
|
|
|
+ this.#setInternalLink();
|
|
|
+ }
|
|
|
+ #bindSetOCGState(link, action) {
|
|
|
+ link.href = this.linkService.getAnchorUrl("");
|
|
|
+ link.onclick = () => {
|
|
|
+ this.linkService.executeSetOCGState(action);
|
|
|
+ return false;
|
|
|
+ };
|
|
|
+ this.#setInternalLink();
|
|
|
+ }
|
|
|
+ _bindJSAction(link, data) {
|
|
|
+ link.href = this.linkService.getAnchorUrl("");
|
|
|
+ const map = new Map([["Action", "onclick"], ["Mouse Up", "onmouseup"], ["Mouse Down", "onmousedown"]]);
|
|
|
+ for (const name of Object.keys(data.actions)) {
|
|
|
+ const jsName = map.get(name);
|
|
|
+ if (!jsName) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ link[jsName] = () => {
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id: data.id,
|
|
|
+ name
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return false;
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (!link.onclick) {
|
|
|
+ link.onclick = () => false;
|
|
|
+ }
|
|
|
+ this.#setInternalLink();
|
|
|
+ }
|
|
|
+ _bindResetFormAction(link, resetForm) {
|
|
|
+ const otherClickAction = link.onclick;
|
|
|
+ if (!otherClickAction) {
|
|
|
+ link.href = this.linkService.getAnchorUrl("");
|
|
|
+ }
|
|
|
+ this.#setInternalLink();
|
|
|
+ if (!this._fieldObjects) {
|
|
|
+ (0, _util.warn)(`_bindResetFormAction - "resetForm" action not supported, ` + "ensure that the `fieldObjects` parameter is provided.");
|
|
|
+ if (!otherClickAction) {
|
|
|
+ link.onclick = () => false;
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ link.onclick = () => {
|
|
|
+ otherClickAction?.();
|
|
|
+ const {
|
|
|
+ fields: resetFormFields,
|
|
|
+ refs: resetFormRefs,
|
|
|
+ include
|
|
|
+ } = resetForm;
|
|
|
+ const allFields = [];
|
|
|
+ if (resetFormFields.length !== 0 || resetFormRefs.length !== 0) {
|
|
|
+ const fieldIds = new Set(resetFormRefs);
|
|
|
+ for (const fieldName of resetFormFields) {
|
|
|
+ const fields = this._fieldObjects[fieldName] || [];
|
|
|
+ for (const {
|
|
|
+ id
|
|
|
+ } of fields) {
|
|
|
+ fieldIds.add(id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (const fields of Object.values(this._fieldObjects)) {
|
|
|
+ for (const field of fields) {
|
|
|
+ if (fieldIds.has(field.id) === include) {
|
|
|
+ allFields.push(field);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ for (const fields of Object.values(this._fieldObjects)) {
|
|
|
+ allFields.push(...fields);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const storage = this.annotationStorage;
|
|
|
+ const allIds = [];
|
|
|
+ for (const field of allFields) {
|
|
|
+ const {
|
|
|
+ id
|
|
|
+ } = field;
|
|
|
+ allIds.push(id);
|
|
|
+ switch (field.type) {
|
|
|
+ case "text":
|
|
|
+ {
|
|
|
+ const value = field.defaultValue || "";
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ case "checkbox":
|
|
|
+ case "radiobutton":
|
|
|
+ {
|
|
|
+ const value = field.defaultValue === field.exportValues;
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ case "combobox":
|
|
|
+ case "listbox":
|
|
|
+ {
|
|
|
+ const value = field.defaultValue || "";
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ default:
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const domElement = document.querySelector(`[data-element-id="${id}"]`);
|
|
|
+ if (!domElement) {
|
|
|
+ continue;
|
|
|
+ } else if (!GetElementsByNameSet.has(domElement)) {
|
|
|
+ (0, _util.warn)(`_bindResetFormAction - element not allowed: ${id}`);
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ domElement.dispatchEvent(new Event("resetform"));
|
|
|
+ }
|
|
|
+ if (this.enableScripting) {
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id: "app",
|
|
|
+ ids: allIds,
|
|
|
+ name: "ResetForm"
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ };
|
|
|
+ }
|
|
|
+}
|
|
|
+class TextAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("textAnnotation");
|
|
|
+ const image = document.createElement("img");
|
|
|
+ image.src = this.imageResourcesPath + "annotation-" + this.data.name.toLowerCase() + ".svg";
|
|
|
+ image.alt = "[{{type}} Annotation]";
|
|
|
+ image.dataset.l10nId = "text_annotation_type";
|
|
|
+ image.dataset.l10nArgs = JSON.stringify({
|
|
|
+ type: this.data.name
|
|
|
+ });
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ this.container.append(image);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class WidgetAnnotationElement extends AnnotationElement {
|
|
|
+ render() {
|
|
|
+ if (this.data.alternativeText) {
|
|
|
+ this.container.title = this.data.alternativeText;
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ showElementAndHideCanvas(element) {
|
|
|
+ if (this.data.hasOwnCanvas) {
|
|
|
+ if (element.previousSibling?.nodeName === "CANVAS") {
|
|
|
+ element.previousSibling.hidden = true;
|
|
|
+ }
|
|
|
+ element.hidden = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _getKeyModifier(event) {
|
|
|
+ const {
|
|
|
+ isWin,
|
|
|
+ isMac
|
|
|
+ } = _util.FeatureTest.platform;
|
|
|
+ return isWin && event.ctrlKey || isMac && event.metaKey;
|
|
|
+ }
|
|
|
+ _setEventListener(element, baseName, eventName, valueGetter) {
|
|
|
+ if (baseName.includes("mouse")) {
|
|
|
+ element.addEventListener(baseName, event => {
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id: this.data.id,
|
|
|
+ name: eventName,
|
|
|
+ value: valueGetter(event),
|
|
|
+ shift: event.shiftKey,
|
|
|
+ modifier: this._getKeyModifier(event)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ element.addEventListener(baseName, event => {
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id: this.data.id,
|
|
|
+ name: eventName,
|
|
|
+ value: valueGetter(event)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _setEventListeners(element, names, getter) {
|
|
|
+ for (const [baseName, eventName] of names) {
|
|
|
+ if (eventName === "Action" || this.data.actions?.[eventName]) {
|
|
|
+ this._setEventListener(element, baseName, eventName, getter);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _setBackgroundColor(element) {
|
|
|
+ const color = this.data.backgroundColor || null;
|
|
|
+ element.style.backgroundColor = color === null ? "transparent" : _util.Util.makeHexColor(color[0], color[1], color[2]);
|
|
|
+ }
|
|
|
+ _setTextStyle(element) {
|
|
|
+ const TEXT_ALIGNMENT = ["left", "center", "right"];
|
|
|
+ const {
|
|
|
+ fontColor
|
|
|
+ } = this.data.defaultAppearanceData;
|
|
|
+ const fontSize = this.data.defaultAppearanceData.fontSize || DEFAULT_FONT_SIZE;
|
|
|
+ const style = element.style;
|
|
|
+ let computedFontSize;
|
|
|
+ const BORDER_SIZE = 2;
|
|
|
+ const roundToOneDecimal = x => Math.round(10 * x) / 10;
|
|
|
+ if (this.data.multiLine) {
|
|
|
+ const height = Math.abs(this.data.rect[3] - this.data.rect[1] - BORDER_SIZE);
|
|
|
+ const numberOfLines = Math.round(height / (_util.LINE_FACTOR * fontSize)) || 1;
|
|
|
+ const lineHeight = height / numberOfLines;
|
|
|
+ computedFontSize = Math.min(fontSize, roundToOneDecimal(lineHeight / _util.LINE_FACTOR));
|
|
|
+ } else {
|
|
|
+ const height = Math.abs(this.data.rect[3] - this.data.rect[1] - BORDER_SIZE);
|
|
|
+ computedFontSize = Math.min(fontSize, roundToOneDecimal(height / _util.LINE_FACTOR));
|
|
|
+ }
|
|
|
+ style.fontSize = `calc(${computedFontSize}px * var(--scale-factor))`;
|
|
|
+ style.color = _util.Util.makeHexColor(fontColor[0], fontColor[1], fontColor[2]);
|
|
|
+ if (this.data.textAlignment !== null) {
|
|
|
+ style.textAlign = TEXT_ALIGNMENT[this.data.textAlignment];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _setRequired(element, isRequired) {
|
|
|
+ if (isRequired) {
|
|
|
+ element.setAttribute("required", true);
|
|
|
+ } else {
|
|
|
+ element.removeAttribute("required");
|
|
|
+ }
|
|
|
+ element.setAttribute("aria-required", isRequired);
|
|
|
+ }
|
|
|
+}
|
|
|
+class TextWidgetAnnotationElement extends WidgetAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = parameters.renderForms || !parameters.data.hasAppearance && !!parameters.data.fieldValue;
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable
|
|
|
+ });
|
|
|
+ }
|
|
|
+ setPropertyOnSiblings(base, key, value, keyInStorage) {
|
|
|
+ const storage = this.annotationStorage;
|
|
|
+ for (const element of this._getElementsByName(base.name, base.id)) {
|
|
|
+ if (element.domElement) {
|
|
|
+ element.domElement[key] = value;
|
|
|
+ }
|
|
|
+ storage.setValue(element.id, {
|
|
|
+ [keyInStorage]: value
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ const storage = this.annotationStorage;
|
|
|
+ const id = this.data.id;
|
|
|
+ this.container.classList.add("textWidgetAnnotation");
|
|
|
+ let element = null;
|
|
|
+ if (this.renderForms) {
|
|
|
+ const storedData = storage.getValue(id, {
|
|
|
+ value: this.data.fieldValue
|
|
|
+ });
|
|
|
+ let textContent = storedData.value || "";
|
|
|
+ const maxLen = storage.getValue(id, {
|
|
|
+ charLimit: this.data.maxLen
|
|
|
+ }).charLimit;
|
|
|
+ if (maxLen && textContent.length > maxLen) {
|
|
|
+ textContent = textContent.slice(0, maxLen);
|
|
|
+ }
|
|
|
+ let fieldFormattedValues = storedData.formattedValue || this.data.textContent?.join("\n") || null;
|
|
|
+ if (fieldFormattedValues && this.data.comb) {
|
|
|
+ fieldFormattedValues = fieldFormattedValues.replaceAll(/\s+/g, "");
|
|
|
+ }
|
|
|
+ const elementData = {
|
|
|
+ userValue: textContent,
|
|
|
+ formattedValue: fieldFormattedValues,
|
|
|
+ lastCommittedValue: null,
|
|
|
+ commitKey: 1
|
|
|
+ };
|
|
|
+ if (this.data.multiLine) {
|
|
|
+ element = document.createElement("textarea");
|
|
|
+ element.textContent = fieldFormattedValues ?? textContent;
|
|
|
+ if (this.data.doNotScroll) {
|
|
|
+ element.style.overflowY = "hidden";
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ element = document.createElement("input");
|
|
|
+ element.type = "text";
|
|
|
+ element.setAttribute("value", fieldFormattedValues ?? textContent);
|
|
|
+ if (this.data.doNotScroll) {
|
|
|
+ element.style.overflowX = "hidden";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.data.hasOwnCanvas) {
|
|
|
+ element.hidden = true;
|
|
|
+ }
|
|
|
+ GetElementsByNameSet.add(element);
|
|
|
+ element.setAttribute("data-element-id", id);
|
|
|
+ element.disabled = this.data.readOnly;
|
|
|
+ element.name = this.data.baseFieldName || this.data.fieldName;
|
|
|
+ element.tabIndex = DEFAULT_TAB_INDEX;
|
|
|
+ this._setRequired(element, this.data.required);
|
|
|
+ if (maxLen) {
|
|
|
+ element.maxLength = maxLen;
|
|
|
+ }
|
|
|
+ element.addEventListener("input", event => {
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: event.target.value
|
|
|
+ });
|
|
|
+ this.setPropertyOnSiblings(element, "value", event.target.value, "value");
|
|
|
+ elementData.formattedValue = null;
|
|
|
+ });
|
|
|
+ element.addEventListener("resetform", event => {
|
|
|
+ const defaultValue = this.data.defaultFieldValue ?? "";
|
|
|
+ element.value = elementData.userValue = defaultValue;
|
|
|
+ elementData.formattedValue = null;
|
|
|
+ });
|
|
|
+ let blurListener = event => {
|
|
|
+ const {
|
|
|
+ formattedValue
|
|
|
+ } = elementData;
|
|
|
+ if (formattedValue !== null && formattedValue !== undefined) {
|
|
|
+ event.target.value = formattedValue;
|
|
|
+ }
|
|
|
+ event.target.scrollLeft = 0;
|
|
|
+ };
|
|
|
+ if (this.enableScripting && this.hasJSActions) {
|
|
|
+ element.addEventListener("focus", event => {
|
|
|
+ const {
|
|
|
+ target
|
|
|
+ } = event;
|
|
|
+ if (elementData.userValue) {
|
|
|
+ target.value = elementData.userValue;
|
|
|
+ }
|
|
|
+ elementData.lastCommittedValue = target.value;
|
|
|
+ elementData.commitKey = 1;
|
|
|
+ });
|
|
|
+ element.addEventListener("updatefromsandbox", jsEvent => {
|
|
|
+ this.showElementAndHideCanvas(jsEvent.target);
|
|
|
+ const actions = {
|
|
|
+ value(event) {
|
|
|
+ elementData.userValue = event.detail.value ?? "";
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: elementData.userValue.toString()
|
|
|
+ });
|
|
|
+ event.target.value = elementData.userValue;
|
|
|
+ },
|
|
|
+ formattedValue(event) {
|
|
|
+ const {
|
|
|
+ formattedValue
|
|
|
+ } = event.detail;
|
|
|
+ elementData.formattedValue = formattedValue;
|
|
|
+ if (formattedValue !== null && formattedValue !== undefined && event.target !== document.activeElement) {
|
|
|
+ event.target.value = formattedValue;
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ formattedValue
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selRange(event) {
|
|
|
+ event.target.setSelectionRange(...event.detail.selRange);
|
|
|
+ },
|
|
|
+ charLimit: event => {
|
|
|
+ const {
|
|
|
+ charLimit
|
|
|
+ } = event.detail;
|
|
|
+ const {
|
|
|
+ target
|
|
|
+ } = event;
|
|
|
+ if (charLimit === 0) {
|
|
|
+ target.removeAttribute("maxLength");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ target.setAttribute("maxLength", charLimit);
|
|
|
+ let value = elementData.userValue;
|
|
|
+ if (!value || value.length <= charLimit) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ value = value.slice(0, charLimit);
|
|
|
+ target.value = elementData.userValue = value;
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id,
|
|
|
+ name: "Keystroke",
|
|
|
+ value,
|
|
|
+ willCommit: true,
|
|
|
+ commitKey: 1,
|
|
|
+ selStart: target.selectionStart,
|
|
|
+ selEnd: target.selectionEnd
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this._dispatchEventFromSandbox(actions, jsEvent);
|
|
|
+ });
|
|
|
+ element.addEventListener("keydown", event => {
|
|
|
+ elementData.commitKey = 1;
|
|
|
+ let commitKey = -1;
|
|
|
+ if (event.key === "Escape") {
|
|
|
+ commitKey = 0;
|
|
|
+ } else if (event.key === "Enter" && !this.data.multiLine) {
|
|
|
+ commitKey = 2;
|
|
|
+ } else if (event.key === "Tab") {
|
|
|
+ elementData.commitKey = 3;
|
|
|
+ }
|
|
|
+ if (commitKey === -1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ value
|
|
|
+ } = event.target;
|
|
|
+ if (elementData.lastCommittedValue === value) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ elementData.lastCommittedValue = value;
|
|
|
+ elementData.userValue = value;
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id,
|
|
|
+ name: "Keystroke",
|
|
|
+ value,
|
|
|
+ willCommit: true,
|
|
|
+ commitKey,
|
|
|
+ selStart: event.target.selectionStart,
|
|
|
+ selEnd: event.target.selectionEnd
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ const _blurListener = blurListener;
|
|
|
+ blurListener = null;
|
|
|
+ element.addEventListener("blur", event => {
|
|
|
+ if (!event.relatedTarget) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ value
|
|
|
+ } = event.target;
|
|
|
+ elementData.userValue = value;
|
|
|
+ if (elementData.lastCommittedValue !== value) {
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id,
|
|
|
+ name: "Keystroke",
|
|
|
+ value,
|
|
|
+ willCommit: true,
|
|
|
+ commitKey: elementData.commitKey,
|
|
|
+ selStart: event.target.selectionStart,
|
|
|
+ selEnd: event.target.selectionEnd
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ _blurListener(event);
|
|
|
+ });
|
|
|
+ if (this.data.actions?.Keystroke) {
|
|
|
+ element.addEventListener("beforeinput", event => {
|
|
|
+ elementData.lastCommittedValue = null;
|
|
|
+ const {
|
|
|
+ data,
|
|
|
+ target
|
|
|
+ } = event;
|
|
|
+ const {
|
|
|
+ value,
|
|
|
+ selectionStart,
|
|
|
+ selectionEnd
|
|
|
+ } = target;
|
|
|
+ let selStart = selectionStart,
|
|
|
+ selEnd = selectionEnd;
|
|
|
+ switch (event.inputType) {
|
|
|
+ case "deleteWordBackward":
|
|
|
+ {
|
|
|
+ const match = value.substring(0, selectionStart).match(/\w*[^\w]*$/);
|
|
|
+ if (match) {
|
|
|
+ selStart -= match[0].length;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ case "deleteWordForward":
|
|
|
+ {
|
|
|
+ const match = value.substring(selectionStart).match(/^[^\w]*\w*/);
|
|
|
+ if (match) {
|
|
|
+ selEnd += match[0].length;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ case "deleteContentBackward":
|
|
|
+ if (selectionStart === selectionEnd) {
|
|
|
+ selStart -= 1;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "deleteContentForward":
|
|
|
+ if (selectionStart === selectionEnd) {
|
|
|
+ selEnd += 1;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ event.preventDefault();
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id,
|
|
|
+ name: "Keystroke",
|
|
|
+ value,
|
|
|
+ change: data || "",
|
|
|
+ willCommit: false,
|
|
|
+ selStart,
|
|
|
+ selEnd
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this._setEventListeners(element, [["focus", "Focus"], ["blur", "Blur"], ["mousedown", "Mouse Down"], ["mouseenter", "Mouse Enter"], ["mouseleave", "Mouse Exit"], ["mouseup", "Mouse Up"]], event => event.target.value);
|
|
|
+ }
|
|
|
+ if (blurListener) {
|
|
|
+ element.addEventListener("blur", blurListener);
|
|
|
+ }
|
|
|
+ if (this.data.comb) {
|
|
|
+ const fieldWidth = this.data.rect[2] - this.data.rect[0];
|
|
|
+ const combWidth = fieldWidth / maxLen;
|
|
|
+ element.classList.add("comb");
|
|
|
+ element.style.letterSpacing = `calc(${combWidth}px * var(--scale-factor) - 1ch)`;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ element = document.createElement("div");
|
|
|
+ element.textContent = this.data.fieldValue;
|
|
|
+ element.style.verticalAlign = "middle";
|
|
|
+ element.style.display = "table-cell";
|
|
|
+ }
|
|
|
+ this._setTextStyle(element);
|
|
|
+ this._setBackgroundColor(element);
|
|
|
+ this._setDefaultPropertiesFromJS(element);
|
|
|
+ this.container.append(element);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class SignatureWidgetAnnotationElement extends WidgetAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable: !!parameters.data.hasOwnCanvas
|
|
|
+ });
|
|
|
+ }
|
|
|
+}
|
|
|
+class CheckboxWidgetAnnotationElement extends WidgetAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable: parameters.renderForms
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ const storage = this.annotationStorage;
|
|
|
+ const data = this.data;
|
|
|
+ const id = data.id;
|
|
|
+ let value = storage.getValue(id, {
|
|
|
+ value: data.exportValue === data.fieldValue
|
|
|
+ }).value;
|
|
|
+ if (typeof value === "string") {
|
|
|
+ value = value !== "Off";
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.container.classList.add("buttonWidgetAnnotation", "checkBox");
|
|
|
+ const element = document.createElement("input");
|
|
|
+ GetElementsByNameSet.add(element);
|
|
|
+ element.setAttribute("data-element-id", id);
|
|
|
+ element.disabled = data.readOnly;
|
|
|
+ this._setRequired(element, this.data.required);
|
|
|
+ element.type = "checkbox";
|
|
|
+ element.name = data.baseFieldName || data.fieldName;
|
|
|
+ if (value) {
|
|
|
+ element.setAttribute("checked", true);
|
|
|
+ }
|
|
|
+ element.setAttribute("exportValue", data.exportValue);
|
|
|
+ element.tabIndex = DEFAULT_TAB_INDEX;
|
|
|
+ element.addEventListener("change", event => {
|
|
|
+ const {
|
|
|
+ name,
|
|
|
+ checked
|
|
|
+ } = event.target;
|
|
|
+ for (const checkbox of this._getElementsByName(name, id)) {
|
|
|
+ const curChecked = checked && checkbox.exportValue === data.exportValue;
|
|
|
+ if (checkbox.domElement) {
|
|
|
+ checkbox.domElement.checked = curChecked;
|
|
|
+ }
|
|
|
+ storage.setValue(checkbox.id, {
|
|
|
+ value: curChecked
|
|
|
+ });
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: checked
|
|
|
+ });
|
|
|
+ });
|
|
|
+ element.addEventListener("resetform", event => {
|
|
|
+ const defaultValue = data.defaultFieldValue || "Off";
|
|
|
+ event.target.checked = defaultValue === data.exportValue;
|
|
|
+ });
|
|
|
+ if (this.enableScripting && this.hasJSActions) {
|
|
|
+ element.addEventListener("updatefromsandbox", jsEvent => {
|
|
|
+ const actions = {
|
|
|
+ value(event) {
|
|
|
+ event.target.checked = event.detail.value !== "Off";
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: event.target.checked
|
|
|
+ });
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this._dispatchEventFromSandbox(actions, jsEvent);
|
|
|
+ });
|
|
|
+ this._setEventListeners(element, [["change", "Validate"], ["change", "Action"], ["focus", "Focus"], ["blur", "Blur"], ["mousedown", "Mouse Down"], ["mouseenter", "Mouse Enter"], ["mouseleave", "Mouse Exit"], ["mouseup", "Mouse Up"]], event => event.target.checked);
|
|
|
+ }
|
|
|
+ this._setBackgroundColor(element);
|
|
|
+ this._setDefaultPropertiesFromJS(element);
|
|
|
+ this.container.append(element);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class RadioButtonWidgetAnnotationElement extends WidgetAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable: parameters.renderForms
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("buttonWidgetAnnotation", "radioButton");
|
|
|
+ const storage = this.annotationStorage;
|
|
|
+ const data = this.data;
|
|
|
+ const id = data.id;
|
|
|
+ let value = storage.getValue(id, {
|
|
|
+ value: data.fieldValue === data.buttonValue
|
|
|
+ }).value;
|
|
|
+ if (typeof value === "string") {
|
|
|
+ value = value !== data.buttonValue;
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ }
|
|
|
+ const element = document.createElement("input");
|
|
|
+ GetElementsByNameSet.add(element);
|
|
|
+ element.setAttribute("data-element-id", id);
|
|
|
+ element.disabled = data.readOnly;
|
|
|
+ this._setRequired(element, this.data.required);
|
|
|
+ element.type = "radio";
|
|
|
+ element.name = data.baseFieldName || data.fieldName;
|
|
|
+ if (value) {
|
|
|
+ element.setAttribute("checked", true);
|
|
|
+ }
|
|
|
+ element.tabIndex = DEFAULT_TAB_INDEX;
|
|
|
+ element.addEventListener("change", event => {
|
|
|
+ const {
|
|
|
+ name,
|
|
|
+ checked
|
|
|
+ } = event.target;
|
|
|
+ for (const radio of this._getElementsByName(name, id)) {
|
|
|
+ storage.setValue(radio.id, {
|
|
|
+ value: false
|
|
|
+ });
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: checked
|
|
|
+ });
|
|
|
+ });
|
|
|
+ element.addEventListener("resetform", event => {
|
|
|
+ const defaultValue = data.defaultFieldValue;
|
|
|
+ event.target.checked = defaultValue !== null && defaultValue !== undefined && defaultValue === data.buttonValue;
|
|
|
+ });
|
|
|
+ if (this.enableScripting && this.hasJSActions) {
|
|
|
+ const pdfButtonValue = data.buttonValue;
|
|
|
+ element.addEventListener("updatefromsandbox", jsEvent => {
|
|
|
+ const actions = {
|
|
|
+ value: event => {
|
|
|
+ const checked = pdfButtonValue === event.detail.value;
|
|
|
+ for (const radio of this._getElementsByName(event.target.name)) {
|
|
|
+ const curChecked = checked && radio.id === id;
|
|
|
+ if (radio.domElement) {
|
|
|
+ radio.domElement.checked = curChecked;
|
|
|
+ }
|
|
|
+ storage.setValue(radio.id, {
|
|
|
+ value: curChecked
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this._dispatchEventFromSandbox(actions, jsEvent);
|
|
|
+ });
|
|
|
+ this._setEventListeners(element, [["change", "Validate"], ["change", "Action"], ["focus", "Focus"], ["blur", "Blur"], ["mousedown", "Mouse Down"], ["mouseenter", "Mouse Enter"], ["mouseleave", "Mouse Exit"], ["mouseup", "Mouse Up"]], event => event.target.checked);
|
|
|
+ }
|
|
|
+ this._setBackgroundColor(element);
|
|
|
+ this._setDefaultPropertiesFromJS(element);
|
|
|
+ this.container.append(element);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class PushButtonWidgetAnnotationElement extends LinkAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters, {
|
|
|
+ ignoreBorder: parameters.data.hasAppearance
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ const container = super.render();
|
|
|
+ container.classList.add("buttonWidgetAnnotation", "pushButton");
|
|
|
+ if (this.data.alternativeText) {
|
|
|
+ container.title = this.data.alternativeText;
|
|
|
+ }
|
|
|
+ const linkElement = container.lastChild;
|
|
|
+ if (this.enableScripting && this.hasJSActions && linkElement) {
|
|
|
+ this._setDefaultPropertiesFromJS(linkElement);
|
|
|
+ linkElement.addEventListener("updatefromsandbox", jsEvent => {
|
|
|
+ this._dispatchEventFromSandbox({}, jsEvent);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class ChoiceWidgetAnnotationElement extends WidgetAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable: parameters.renderForms
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("choiceWidgetAnnotation");
|
|
|
+ const storage = this.annotationStorage;
|
|
|
+ const id = this.data.id;
|
|
|
+ const storedData = storage.getValue(id, {
|
|
|
+ value: this.data.fieldValue
|
|
|
+ });
|
|
|
+ const selectElement = document.createElement("select");
|
|
|
+ GetElementsByNameSet.add(selectElement);
|
|
|
+ selectElement.setAttribute("data-element-id", id);
|
|
|
+ selectElement.disabled = this.data.readOnly;
|
|
|
+ this._setRequired(selectElement, this.data.required);
|
|
|
+ selectElement.name = this.data.baseFieldName || this.data.fieldName;
|
|
|
+ selectElement.tabIndex = DEFAULT_TAB_INDEX;
|
|
|
+ let addAnEmptyEntry = this.data.combo && this.data.options.length > 0;
|
|
|
+ if (!this.data.combo) {
|
|
|
+ selectElement.size = this.data.options.length;
|
|
|
+ if (this.data.multiSelect) {
|
|
|
+ selectElement.multiple = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ selectElement.addEventListener("resetform", event => {
|
|
|
+ const defaultValue = this.data.defaultFieldValue;
|
|
|
+ for (const option of selectElement.options) {
|
|
|
+ option.selected = option.value === defaultValue;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ for (const option of this.data.options) {
|
|
|
+ const optionElement = document.createElement("option");
|
|
|
+ optionElement.textContent = option.displayValue;
|
|
|
+ optionElement.value = option.exportValue;
|
|
|
+ if (storedData.value.includes(option.exportValue)) {
|
|
|
+ optionElement.setAttribute("selected", true);
|
|
|
+ addAnEmptyEntry = false;
|
|
|
+ }
|
|
|
+ selectElement.append(optionElement);
|
|
|
+ }
|
|
|
+ let removeEmptyEntry = null;
|
|
|
+ if (addAnEmptyEntry) {
|
|
|
+ const noneOptionElement = document.createElement("option");
|
|
|
+ noneOptionElement.value = " ";
|
|
|
+ noneOptionElement.setAttribute("hidden", true);
|
|
|
+ noneOptionElement.setAttribute("selected", true);
|
|
|
+ selectElement.prepend(noneOptionElement);
|
|
|
+ removeEmptyEntry = () => {
|
|
|
+ noneOptionElement.remove();
|
|
|
+ selectElement.removeEventListener("input", removeEmptyEntry);
|
|
|
+ removeEmptyEntry = null;
|
|
|
+ };
|
|
|
+ selectElement.addEventListener("input", removeEmptyEntry);
|
|
|
+ }
|
|
|
+ const getValue = isExport => {
|
|
|
+ const name = isExport ? "value" : "textContent";
|
|
|
+ const {
|
|
|
+ options,
|
|
|
+ multiple
|
|
|
+ } = selectElement;
|
|
|
+ if (!multiple) {
|
|
|
+ return options.selectedIndex === -1 ? null : options[options.selectedIndex][name];
|
|
|
+ }
|
|
|
+ return Array.prototype.filter.call(options, option => option.selected).map(option => option[name]);
|
|
|
+ };
|
|
|
+ let selectedValues = getValue(false);
|
|
|
+ const getItems = event => {
|
|
|
+ const options = event.target.options;
|
|
|
+ return Array.prototype.map.call(options, option => {
|
|
|
+ return {
|
|
|
+ displayValue: option.textContent,
|
|
|
+ exportValue: option.value
|
|
|
+ };
|
|
|
+ });
|
|
|
+ };
|
|
|
+ if (this.enableScripting && this.hasJSActions) {
|
|
|
+ selectElement.addEventListener("updatefromsandbox", jsEvent => {
|
|
|
+ const actions = {
|
|
|
+ value(event) {
|
|
|
+ removeEmptyEntry?.();
|
|
|
+ const value = event.detail.value;
|
|
|
+ const values = new Set(Array.isArray(value) ? value : [value]);
|
|
|
+ for (const option of selectElement.options) {
|
|
|
+ option.selected = values.has(option.value);
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: getValue(true)
|
|
|
+ });
|
|
|
+ selectedValues = getValue(false);
|
|
|
+ },
|
|
|
+ multipleSelection(event) {
|
|
|
+ selectElement.multiple = true;
|
|
|
+ },
|
|
|
+ remove(event) {
|
|
|
+ const options = selectElement.options;
|
|
|
+ const index = event.detail.remove;
|
|
|
+ options[index].selected = false;
|
|
|
+ selectElement.remove(index);
|
|
|
+ if (options.length > 0) {
|
|
|
+ const i = Array.prototype.findIndex.call(options, option => option.selected);
|
|
|
+ if (i === -1) {
|
|
|
+ options[0].selected = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: getValue(true),
|
|
|
+ items: getItems(event)
|
|
|
+ });
|
|
|
+ selectedValues = getValue(false);
|
|
|
+ },
|
|
|
+ clear(event) {
|
|
|
+ while (selectElement.length !== 0) {
|
|
|
+ selectElement.remove(0);
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: null,
|
|
|
+ items: []
|
|
|
+ });
|
|
|
+ selectedValues = getValue(false);
|
|
|
+ },
|
|
|
+ insert(event) {
|
|
|
+ const {
|
|
|
+ index,
|
|
|
+ displayValue,
|
|
|
+ exportValue
|
|
|
+ } = event.detail.insert;
|
|
|
+ const selectChild = selectElement.children[index];
|
|
|
+ const optionElement = document.createElement("option");
|
|
|
+ optionElement.textContent = displayValue;
|
|
|
+ optionElement.value = exportValue;
|
|
|
+ if (selectChild) {
|
|
|
+ selectChild.before(optionElement);
|
|
|
+ } else {
|
|
|
+ selectElement.append(optionElement);
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: getValue(true),
|
|
|
+ items: getItems(event)
|
|
|
+ });
|
|
|
+ selectedValues = getValue(false);
|
|
|
+ },
|
|
|
+ items(event) {
|
|
|
+ const {
|
|
|
+ items
|
|
|
+ } = event.detail;
|
|
|
+ while (selectElement.length !== 0) {
|
|
|
+ selectElement.remove(0);
|
|
|
+ }
|
|
|
+ for (const item of items) {
|
|
|
+ const {
|
|
|
+ displayValue,
|
|
|
+ exportValue
|
|
|
+ } = item;
|
|
|
+ const optionElement = document.createElement("option");
|
|
|
+ optionElement.textContent = displayValue;
|
|
|
+ optionElement.value = exportValue;
|
|
|
+ selectElement.append(optionElement);
|
|
|
+ }
|
|
|
+ if (selectElement.options.length > 0) {
|
|
|
+ selectElement.options[0].selected = true;
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: getValue(true),
|
|
|
+ items: getItems(event)
|
|
|
+ });
|
|
|
+ selectedValues = getValue(false);
|
|
|
+ },
|
|
|
+ indices(event) {
|
|
|
+ const indices = new Set(event.detail.indices);
|
|
|
+ for (const option of event.target.options) {
|
|
|
+ option.selected = indices.has(option.index);
|
|
|
+ }
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: getValue(true)
|
|
|
+ });
|
|
|
+ selectedValues = getValue(false);
|
|
|
+ },
|
|
|
+ editable(event) {
|
|
|
+ event.target.disabled = !event.detail.editable;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this._dispatchEventFromSandbox(actions, jsEvent);
|
|
|
+ });
|
|
|
+ selectElement.addEventListener("input", event => {
|
|
|
+ const exportValue = getValue(true);
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: exportValue
|
|
|
+ });
|
|
|
+ event.preventDefault();
|
|
|
+ this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {
|
|
|
+ source: this,
|
|
|
+ detail: {
|
|
|
+ id,
|
|
|
+ name: "Keystroke",
|
|
|
+ value: selectedValues,
|
|
|
+ changeEx: exportValue,
|
|
|
+ willCommit: false,
|
|
|
+ commitKey: 1,
|
|
|
+ keyDown: false
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ this._setEventListeners(selectElement, [["focus", "Focus"], ["blur", "Blur"], ["mousedown", "Mouse Down"], ["mouseenter", "Mouse Enter"], ["mouseleave", "Mouse Exit"], ["mouseup", "Mouse Up"], ["input", "Action"], ["input", "Validate"]], event => event.target.value);
|
|
|
+ } else {
|
|
|
+ selectElement.addEventListener("input", function (event) {
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: getValue(true)
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (this.data.combo) {
|
|
|
+ this._setTextStyle(selectElement);
|
|
|
+ } else {}
|
|
|
+ this._setBackgroundColor(selectElement);
|
|
|
+ this._setDefaultPropertiesFromJS(selectElement);
|
|
|
+ this.container.append(selectElement);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class PopupAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const {
|
|
|
+ data,
|
|
|
+ elements
|
|
|
+ } = parameters;
|
|
|
+ const isRenderable = !!(data.titleObj?.str || data.contentsObj?.str || data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable
|
|
|
+ });
|
|
|
+ this.elements = elements;
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("popupAnnotation");
|
|
|
+ const popup = new PopupElement({
|
|
|
+ container: this.container,
|
|
|
+ color: this.data.color,
|
|
|
+ titleObj: this.data.titleObj,
|
|
|
+ modificationDate: this.data.modificationDate,
|
|
|
+ contentsObj: this.data.contentsObj,
|
|
|
+ richText: this.data.richText,
|
|
|
+ rect: this.data.rect,
|
|
|
+ parentRect: this.data.parentRect || null,
|
|
|
+ parent: this.parent,
|
|
|
+ elements: this.elements,
|
|
|
+ open: this.data.open
|
|
|
+ });
|
|
|
+ const elementIds = [];
|
|
|
+ for (const element of this.elements) {
|
|
|
+ element.popup = popup;
|
|
|
+ elementIds.push(element.data.id);
|
|
|
+ element.addHighlightArea();
|
|
|
+ }
|
|
|
+ this.container.setAttribute("aria-controls", elementIds.join(","));
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class PopupElement {
|
|
|
+ #dateTimePromise = null;
|
|
|
+ #boundHide = this.#hide.bind(this);
|
|
|
+ #boundShow = this.#show.bind(this);
|
|
|
+ #boundToggle = this.#toggle.bind(this);
|
|
|
+ #color = null;
|
|
|
+ #container = null;
|
|
|
+ #contentsObj = null;
|
|
|
+ #elements = null;
|
|
|
+ #parent = null;
|
|
|
+ #parentRect = null;
|
|
|
+ #pinned = false;
|
|
|
+ #popup = null;
|
|
|
+ #rect = null;
|
|
|
+ #richText = null;
|
|
|
+ #titleObj = null;
|
|
|
+ #wasVisible = false;
|
|
|
+ constructor({
|
|
|
+ container,
|
|
|
+ color,
|
|
|
+ elements,
|
|
|
+ titleObj,
|
|
|
+ modificationDate,
|
|
|
+ contentsObj,
|
|
|
+ richText,
|
|
|
+ parent,
|
|
|
+ rect,
|
|
|
+ parentRect,
|
|
|
+ open
|
|
|
+ }) {
|
|
|
+ this.#container = container;
|
|
|
+ this.#titleObj = titleObj;
|
|
|
+ this.#contentsObj = contentsObj;
|
|
|
+ this.#richText = richText;
|
|
|
+ this.#parent = parent;
|
|
|
+ this.#color = color;
|
|
|
+ this.#rect = rect;
|
|
|
+ this.#parentRect = parentRect;
|
|
|
+ this.#elements = elements;
|
|
|
+ const dateObject = _display_utils.PDFDateString.toDateObject(modificationDate);
|
|
|
+ if (dateObject) {
|
|
|
+ this.#dateTimePromise = parent.l10n.get("annotation_date_string", {
|
|
|
+ date: dateObject.toLocaleDateString(),
|
|
|
+ time: dateObject.toLocaleTimeString()
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.trigger = elements.flatMap(e => e.getElementsToTriggerPopup());
|
|
|
+ for (const element of this.trigger) {
|
|
|
+ element.addEventListener("click", this.#boundToggle);
|
|
|
+ element.addEventListener("mouseenter", this.#boundShow);
|
|
|
+ element.addEventListener("mouseleave", this.#boundHide);
|
|
|
+ }
|
|
|
+ this.#container.hidden = true;
|
|
|
+ if (open) {
|
|
|
+ this.#toggle();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (this.#popup) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ page: {
|
|
|
+ view
|
|
|
+ },
|
|
|
+ viewport: {
|
|
|
+ rawDims: {
|
|
|
+ pageWidth,
|
|
|
+ pageHeight,
|
|
|
+ pageX,
|
|
|
+ pageY
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } = this.#parent;
|
|
|
+ const popup = this.#popup = document.createElement("div");
|
|
|
+ popup.className = "popup";
|
|
|
+ if (this.#color) {
|
|
|
+ const baseColor = popup.style.outlineColor = _util.Util.makeHexColor(...this.#color);
|
|
|
+ if (CSS.supports("background-color", "color-mix(in srgb, red 30%, white)")) {
|
|
|
+ popup.style.backgroundColor = `color-mix(in srgb, ${baseColor} 30%, white)`;
|
|
|
+ } else {
|
|
|
+ const BACKGROUND_ENLIGHT = 0.7;
|
|
|
+ popup.style.backgroundColor = _util.Util.makeHexColor(...this.#color.map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const header = document.createElement("span");
|
|
|
+ header.className = "header";
|
|
|
+ const title = document.createElement("h1");
|
|
|
+ header.append(title);
|
|
|
+ ({
|
|
|
+ dir: title.dir,
|
|
|
+ str: title.textContent
|
|
|
+ } = this.#titleObj);
|
|
|
+ popup.append(header);
|
|
|
+ if (this.#dateTimePromise) {
|
|
|
+ const modificationDate = document.createElement("span");
|
|
|
+ modificationDate.classList.add("popupDate");
|
|
|
+ this.#dateTimePromise.then(localized => {
|
|
|
+ modificationDate.textContent = localized;
|
|
|
+ });
|
|
|
+ header.append(modificationDate);
|
|
|
+ }
|
|
|
+ const contentsObj = this.#contentsObj;
|
|
|
+ const richText = this.#richText;
|
|
|
+ if (richText?.str && (!contentsObj?.str || contentsObj.str === richText.str)) {
|
|
|
+ _xfa_layer.XfaLayer.render({
|
|
|
+ xfaHtml: richText.html,
|
|
|
+ intent: "richText",
|
|
|
+ div: popup
|
|
|
+ });
|
|
|
+ popup.lastChild.classList.add("richText", "popupContent");
|
|
|
+ } else {
|
|
|
+ const contents = this._formatContents(contentsObj);
|
|
|
+ popup.append(contents);
|
|
|
+ }
|
|
|
+ let useParentRect = !!this.#parentRect;
|
|
|
+ let rect = useParentRect ? this.#parentRect : this.#rect;
|
|
|
+ for (const element of this.#elements) {
|
|
|
+ if (!rect || _util.Util.intersect(element.data.rect, rect) !== null) {
|
|
|
+ rect = element.data.rect;
|
|
|
+ useParentRect = true;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const normalizedRect = _util.Util.normalizeRect([rect[0], view[3] - rect[1] + view[1], rect[2], view[3] - rect[3] + view[1]]);
|
|
|
+ const HORIZONTAL_SPACE_AFTER_ANNOTATION = 5;
|
|
|
+ const parentWidth = useParentRect ? rect[2] - rect[0] + HORIZONTAL_SPACE_AFTER_ANNOTATION : 0;
|
|
|
+ const popupLeft = normalizedRect[0] + parentWidth;
|
|
|
+ const popupTop = normalizedRect[1];
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = this.#container;
|
|
|
+ style.left = `${100 * (popupLeft - pageX) / pageWidth}%`;
|
|
|
+ style.top = `${100 * (popupTop - pageY) / pageHeight}%`;
|
|
|
+ this.#container.append(popup);
|
|
|
+ }
|
|
|
+ _formatContents({
|
|
|
+ str,
|
|
|
+ dir
|
|
|
+ }) {
|
|
|
+ const p = document.createElement("p");
|
|
|
+ p.classList.add("popupContent");
|
|
|
+ p.dir = dir;
|
|
|
+ const lines = str.split(/(?:\r\n?|\n)/);
|
|
|
+ for (let i = 0, ii = lines.length; i < ii; ++i) {
|
|
|
+ const line = lines[i];
|
|
|
+ p.append(document.createTextNode(line));
|
|
|
+ if (i < ii - 1) {
|
|
|
+ p.append(document.createElement("br"));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return p;
|
|
|
+ }
|
|
|
+ #toggle() {
|
|
|
+ this.#pinned = !this.#pinned;
|
|
|
+ if (this.#pinned) {
|
|
|
+ this.#show();
|
|
|
+ this.#container.addEventListener("click", this.#boundToggle);
|
|
|
+ } else {
|
|
|
+ this.#hide();
|
|
|
+ this.#container.removeEventListener("click", this.#boundToggle);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #show() {
|
|
|
+ if (!this.#popup) {
|
|
|
+ this.render();
|
|
|
+ }
|
|
|
+ if (!this.isVisible) {
|
|
|
+ this.#container.hidden = false;
|
|
|
+ this.#container.style.zIndex = parseInt(this.#container.style.zIndex) + 1000;
|
|
|
+ } else if (this.#pinned) {
|
|
|
+ this.#container.classList.add("focused");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #hide() {
|
|
|
+ this.#container.classList.remove("focused");
|
|
|
+ if (this.#pinned) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#container.hidden = true;
|
|
|
+ this.#container.style.zIndex = parseInt(this.#container.style.zIndex) - 1000;
|
|
|
+ }
|
|
|
+ forceHide() {
|
|
|
+ this.#wasVisible = this.isVisible;
|
|
|
+ if (!this.#wasVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#container.hidden = true;
|
|
|
+ }
|
|
|
+ maybeShow() {
|
|
|
+ if (!this.#wasVisible) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#wasVisible = false;
|
|
|
+ this.#container.hidden = false;
|
|
|
+ }
|
|
|
+ get isVisible() {
|
|
|
+ return this.#container.hidden === false;
|
|
|
+ }
|
|
|
+}
|
|
|
+class FreeTextAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ this.textContent = parameters.data.textContent;
|
|
|
+ this.annotationEditorType = _util.AnnotationEditorType.FREETEXT;
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("freeTextAnnotation");
|
|
|
+ if (this.textContent) {
|
|
|
+ const content = document.createElement("div");
|
|
|
+ content.classList.add("annotationTextContent");
|
|
|
+ content.setAttribute("role", "comment");
|
|
|
+ for (const line of this.textContent) {
|
|
|
+ const lineSpan = document.createElement("span");
|
|
|
+ lineSpan.textContent = line;
|
|
|
+ content.append(lineSpan);
|
|
|
+ }
|
|
|
+ this.container.append(content);
|
|
|
+ }
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.FreeTextAnnotationElement = FreeTextAnnotationElement;
|
|
|
+class LineAnnotationElement extends AnnotationElement {
|
|
|
+ #line = null;
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("lineAnnotation");
|
|
|
+ const data = this.data;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ const svg = this.svgFactory.create(width, height, true);
|
|
|
+ const line = this.#line = this.svgFactory.createElement("svg:line");
|
|
|
+ line.setAttribute("x1", data.rect[2] - data.lineCoordinates[0]);
|
|
|
+ line.setAttribute("y1", data.rect[3] - data.lineCoordinates[1]);
|
|
|
+ line.setAttribute("x2", data.rect[2] - data.lineCoordinates[2]);
|
|
|
+ line.setAttribute("y2", data.rect[3] - data.lineCoordinates[3]);
|
|
|
+ line.setAttribute("stroke-width", data.borderStyle.width || 1);
|
|
|
+ line.setAttribute("stroke", "transparent");
|
|
|
+ line.setAttribute("fill", "transparent");
|
|
|
+ svg.append(line);
|
|
|
+ this.container.append(svg);
|
|
|
+ if (!data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.#line;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ this.container.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+}
|
|
|
+class SquareAnnotationElement extends AnnotationElement {
|
|
|
+ #square = null;
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("squareAnnotation");
|
|
|
+ const data = this.data;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ const svg = this.svgFactory.create(width, height, true);
|
|
|
+ const borderWidth = data.borderStyle.width;
|
|
|
+ const square = this.#square = this.svgFactory.createElement("svg:rect");
|
|
|
+ square.setAttribute("x", borderWidth / 2);
|
|
|
+ square.setAttribute("y", borderWidth / 2);
|
|
|
+ square.setAttribute("width", width - borderWidth);
|
|
|
+ square.setAttribute("height", height - borderWidth);
|
|
|
+ square.setAttribute("stroke-width", borderWidth || 1);
|
|
|
+ square.setAttribute("stroke", "transparent");
|
|
|
+ square.setAttribute("fill", "transparent");
|
|
|
+ svg.append(square);
|
|
|
+ this.container.append(svg);
|
|
|
+ if (!data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.#square;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ this.container.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+}
|
|
|
+class CircleAnnotationElement extends AnnotationElement {
|
|
|
+ #circle = null;
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("circleAnnotation");
|
|
|
+ const data = this.data;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ const svg = this.svgFactory.create(width, height, true);
|
|
|
+ const borderWidth = data.borderStyle.width;
|
|
|
+ const circle = this.#circle = this.svgFactory.createElement("svg:ellipse");
|
|
|
+ circle.setAttribute("cx", width / 2);
|
|
|
+ circle.setAttribute("cy", height / 2);
|
|
|
+ circle.setAttribute("rx", width / 2 - borderWidth / 2);
|
|
|
+ circle.setAttribute("ry", height / 2 - borderWidth / 2);
|
|
|
+ circle.setAttribute("stroke-width", borderWidth || 1);
|
|
|
+ circle.setAttribute("stroke", "transparent");
|
|
|
+ circle.setAttribute("fill", "transparent");
|
|
|
+ svg.append(circle);
|
|
|
+ this.container.append(svg);
|
|
|
+ if (!data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.#circle;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ this.container.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+}
|
|
|
+class PolylineAnnotationElement extends AnnotationElement {
|
|
|
+ #polyline = null;
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ this.containerClassName = "polylineAnnotation";
|
|
|
+ this.svgElementName = "svg:polyline";
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add(this.containerClassName);
|
|
|
+ const data = this.data;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ const svg = this.svgFactory.create(width, height, true);
|
|
|
+ let points = [];
|
|
|
+ for (const coordinate of data.vertices) {
|
|
|
+ const x = coordinate.x - data.rect[0];
|
|
|
+ const y = data.rect[3] - coordinate.y;
|
|
|
+ points.push(x + "," + y);
|
|
|
+ }
|
|
|
+ points = points.join(" ");
|
|
|
+ const polyline = this.#polyline = this.svgFactory.createElement(this.svgElementName);
|
|
|
+ polyline.setAttribute("points", points);
|
|
|
+ polyline.setAttribute("stroke-width", data.borderStyle.width || 1);
|
|
|
+ polyline.setAttribute("stroke", "transparent");
|
|
|
+ polyline.setAttribute("fill", "transparent");
|
|
|
+ svg.append(polyline);
|
|
|
+ this.container.append(svg);
|
|
|
+ if (!data.popupRef) {
|
|
|
+ this._createPopup(polyline, data);
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.#polyline;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ this.container.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+}
|
|
|
+class PolygonAnnotationElement extends PolylineAnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters);
|
|
|
+ this.containerClassName = "polygonAnnotation";
|
|
|
+ this.svgElementName = "svg:polygon";
|
|
|
+ }
|
|
|
+}
|
|
|
+class CaretAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("caretAnnotation");
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class InkAnnotationElement extends AnnotationElement {
|
|
|
+ #polylines = [];
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ this.containerClassName = "inkAnnotation";
|
|
|
+ this.svgElementName = "svg:polyline";
|
|
|
+ this.annotationEditorType = _util.AnnotationEditorType.INK;
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add(this.containerClassName);
|
|
|
+ const data = this.data;
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ const svg = this.svgFactory.create(width, height, true);
|
|
|
+ for (const inkList of data.inkLists) {
|
|
|
+ let points = [];
|
|
|
+ for (const coordinate of inkList) {
|
|
|
+ const x = coordinate.x - data.rect[0];
|
|
|
+ const y = data.rect[3] - coordinate.y;
|
|
|
+ points.push(`${x},${y}`);
|
|
|
+ }
|
|
|
+ points = points.join(" ");
|
|
|
+ const polyline = this.svgFactory.createElement(this.svgElementName);
|
|
|
+ this.#polylines.push(polyline);
|
|
|
+ polyline.setAttribute("points", points);
|
|
|
+ polyline.setAttribute("stroke-width", data.borderStyle.width || 1);
|
|
|
+ polyline.setAttribute("stroke", "transparent");
|
|
|
+ polyline.setAttribute("fill", "transparent");
|
|
|
+ if (!data.popupRef) {
|
|
|
+ this._createPopup(polyline, data);
|
|
|
+ }
|
|
|
+ svg.append(polyline);
|
|
|
+ }
|
|
|
+ this.container.append(svg);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.#polylines;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ this.container.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.InkAnnotationElement = InkAnnotationElement;
|
|
|
+class HighlightAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true,
|
|
|
+ createQuadrilaterals: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ if (this.quadrilaterals) {
|
|
|
+ return this._renderQuadrilaterals("highlightAnnotation");
|
|
|
+ }
|
|
|
+ this.container.classList.add("highlightAnnotation");
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class UnderlineAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true,
|
|
|
+ createQuadrilaterals: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ if (this.quadrilaterals) {
|
|
|
+ return this._renderQuadrilaterals("underlineAnnotation");
|
|
|
+ }
|
|
|
+ this.container.classList.add("underlineAnnotation");
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class SquigglyAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true,
|
|
|
+ createQuadrilaterals: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ if (this.quadrilaterals) {
|
|
|
+ return this._renderQuadrilaterals("squigglyAnnotation");
|
|
|
+ }
|
|
|
+ this.container.classList.add("squigglyAnnotation");
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class StrikeOutAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true,
|
|
|
+ createQuadrilaterals: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ if (this.quadrilaterals) {
|
|
|
+ return this._renderQuadrilaterals("strikeoutAnnotation");
|
|
|
+ }
|
|
|
+ this.container.classList.add("strikeoutAnnotation");
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class StampAnnotationElement extends AnnotationElement {
|
|
|
+ constructor(parameters) {
|
|
|
+ const isRenderable = !!(parameters.data.popupRef || parameters.data.titleObj?.str || parameters.data.contentsObj?.str || parameters.data.richText?.str);
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable,
|
|
|
+ ignoreBorder: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("stampAnnotation");
|
|
|
+ if (!this.data.popupRef) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+}
|
|
|
+class FileAttachmentAnnotationElement extends AnnotationElement {
|
|
|
+ #trigger = null;
|
|
|
+ constructor(parameters) {
|
|
|
+ super(parameters, {
|
|
|
+ isRenderable: true
|
|
|
+ });
|
|
|
+ const {
|
|
|
+ filename,
|
|
|
+ content
|
|
|
+ } = this.data.file;
|
|
|
+ this.filename = (0, _display_utils.getFilenameFromUrl)(filename, true);
|
|
|
+ this.content = content;
|
|
|
+ this.linkService.eventBus?.dispatch("fileattachmentannotation", {
|
|
|
+ source: this,
|
|
|
+ filename,
|
|
|
+ content
|
|
|
+ });
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ this.container.classList.add("fileAttachmentAnnotation");
|
|
|
+ let trigger;
|
|
|
+ if (this.data.hasAppearance) {
|
|
|
+ trigger = document.createElement("div");
|
|
|
+ } else {
|
|
|
+ trigger = document.createElement("img");
|
|
|
+ trigger.src = `${this.imageResourcesPath}annotation-${/paperclip/i.test(this.data.name) ? "paperclip" : "pushpin"}.svg`;
|
|
|
+ }
|
|
|
+ trigger.classList.add("popupTriggerArea");
|
|
|
+ trigger.addEventListener("dblclick", this._download.bind(this));
|
|
|
+ this.#trigger = trigger;
|
|
|
+ if (!this.data.popupRef && (this.data.titleObj?.str || this.data.contentsObj?.str || this.data.richText)) {
|
|
|
+ this._createPopup();
|
|
|
+ }
|
|
|
+ this.container.append(trigger);
|
|
|
+ return this.container;
|
|
|
+ }
|
|
|
+ getElementsToTriggerPopup() {
|
|
|
+ return this.#trigger;
|
|
|
+ }
|
|
|
+ addHighlightArea() {
|
|
|
+ this.container.classList.add("highlightArea");
|
|
|
+ }
|
|
|
+ _download() {
|
|
|
+ this.downloadManager?.openOrDownloadData(this.container, this.content, this.filename);
|
|
|
+ }
|
|
|
+}
|
|
|
+class AnnotationLayer {
|
|
|
+ #accessibilityManager = null;
|
|
|
+ #annotationCanvasMap = null;
|
|
|
+ #editableAnnotations = new Map();
|
|
|
+ constructor({
|
|
|
+ div,
|
|
|
+ accessibilityManager,
|
|
|
+ annotationCanvasMap,
|
|
|
+ l10n,
|
|
|
+ page,
|
|
|
+ viewport
|
|
|
+ }) {
|
|
|
+ this.div = div;
|
|
|
+ this.#accessibilityManager = accessibilityManager;
|
|
|
+ this.#annotationCanvasMap = annotationCanvasMap;
|
|
|
+ this.l10n = l10n;
|
|
|
+ this.page = page;
|
|
|
+ this.viewport = viewport;
|
|
|
+ this.zIndex = 0;
|
|
|
+ const {
|
|
|
+ NullL10n
|
|
|
+ } = __w_pdfjs_require__(32);
|
|
|
+ this.l10n ||= NullL10n;
|
|
|
+ }
|
|
|
+ #appendElement(element, id) {
|
|
|
+ const contentElement = element.firstChild || element;
|
|
|
+ contentElement.id = `${_display_utils.AnnotationPrefix}${id}`;
|
|
|
+ this.div.append(element);
|
|
|
+ this.#accessibilityManager?.moveElementInDOM(this.div, element, contentElement, false);
|
|
|
+ }
|
|
|
+ async render(params) {
|
|
|
+ const {
|
|
|
+ annotations
|
|
|
+ } = params;
|
|
|
+ const layer = this.div;
|
|
|
+ (0, _display_utils.setLayerDimensions)(layer, this.viewport);
|
|
|
+ const popupToElements = new Map();
|
|
|
+ const elementParams = {
|
|
|
+ data: null,
|
|
|
+ layer,
|
|
|
+ linkService: params.linkService,
|
|
|
+ downloadManager: params.downloadManager,
|
|
|
+ imageResourcesPath: params.imageResourcesPath || "",
|
|
|
+ renderForms: params.renderForms !== false,
|
|
|
+ svgFactory: new _display_utils.DOMSVGFactory(),
|
|
|
+ annotationStorage: params.annotationStorage || new _annotation_storage.AnnotationStorage(),
|
|
|
+ enableScripting: params.enableScripting === true,
|
|
|
+ hasJSActions: params.hasJSActions,
|
|
|
+ fieldObjects: params.fieldObjects,
|
|
|
+ parent: this,
|
|
|
+ elements: null
|
|
|
+ };
|
|
|
+ for (const data of annotations) {
|
|
|
+ if (data.noHTML) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const isPopupAnnotation = data.annotationType === _util.AnnotationType.POPUP;
|
|
|
+ if (!isPopupAnnotation) {
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = getRectDims(data.rect);
|
|
|
+ if (width <= 0 || height <= 0) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ const elements = popupToElements.get(data.id);
|
|
|
+ if (!elements) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ elementParams.elements = elements;
|
|
|
+ }
|
|
|
+ elementParams.data = data;
|
|
|
+ const element = AnnotationElementFactory.create(elementParams);
|
|
|
+ if (!element.isRenderable) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (!isPopupAnnotation && data.popupRef) {
|
|
|
+ const elements = popupToElements.get(data.popupRef);
|
|
|
+ if (!elements) {
|
|
|
+ popupToElements.set(data.popupRef, [element]);
|
|
|
+ } else {
|
|
|
+ elements.push(element);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (element.annotationEditorType > 0) {
|
|
|
+ this.#editableAnnotations.set(element.data.id, element);
|
|
|
+ }
|
|
|
+ const rendered = element.render();
|
|
|
+ if (data.hidden) {
|
|
|
+ rendered.style.visibility = "hidden";
|
|
|
+ }
|
|
|
+ if (Array.isArray(rendered)) {
|
|
|
+ for (const renderedElement of rendered) {
|
|
|
+ this.#appendElement(renderedElement, data.id);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.#appendElement(rendered, data.id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.#setAnnotationCanvasMap();
|
|
|
+ await this.l10n.translate(layer);
|
|
|
+ }
|
|
|
+ update({
|
|
|
+ viewport
|
|
|
+ }) {
|
|
|
+ const layer = this.div;
|
|
|
+ this.viewport = viewport;
|
|
|
+ (0, _display_utils.setLayerDimensions)(layer, {
|
|
|
+ rotation: viewport.rotation
|
|
|
+ });
|
|
|
+ this.#setAnnotationCanvasMap();
|
|
|
+ layer.hidden = false;
|
|
|
+ }
|
|
|
+ #setAnnotationCanvasMap() {
|
|
|
+ if (!this.#annotationCanvasMap) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const layer = this.div;
|
|
|
+ for (const [id, canvas] of this.#annotationCanvasMap) {
|
|
|
+ const element = layer.querySelector(`[data-annotation-id="${id}"]`);
|
|
|
+ if (!element) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ firstChild
|
|
|
+ } = element;
|
|
|
+ if (!firstChild) {
|
|
|
+ element.append(canvas);
|
|
|
+ } else if (firstChild.nodeName === "CANVAS") {
|
|
|
+ firstChild.replaceWith(canvas);
|
|
|
+ } else {
|
|
|
+ firstChild.before(canvas);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.#annotationCanvasMap.clear();
|
|
|
+ }
|
|
|
+ getEditableAnnotations() {
|
|
|
+ return Array.from(this.#editableAnnotations.values());
|
|
|
+ }
|
|
|
+ getEditableAnnotation(id) {
|
|
|
+ return this.#editableAnnotations.get(id);
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.AnnotationLayer = AnnotationLayer;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 30 */
|
|
|
+/***/ ((__unused_webpack_module, exports) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.ColorConverters = void 0;
|
|
|
+function makeColorComp(n) {
|
|
|
+ return Math.floor(Math.max(0, Math.min(1, n)) * 255).toString(16).padStart(2, "0");
|
|
|
+}
|
|
|
+class ColorConverters {
|
|
|
+ static CMYK_G([c, y, m, k]) {
|
|
|
+ return ["G", 1 - Math.min(1, 0.3 * c + 0.59 * m + 0.11 * y + k)];
|
|
|
+ }
|
|
|
+ static G_CMYK([g]) {
|
|
|
+ return ["CMYK", 0, 0, 0, 1 - g];
|
|
|
+ }
|
|
|
+ static G_RGB([g]) {
|
|
|
+ return ["RGB", g, g, g];
|
|
|
+ }
|
|
|
+ static G_HTML([g]) {
|
|
|
+ const G = makeColorComp(g);
|
|
|
+ return `#${G}${G}${G}`;
|
|
|
+ }
|
|
|
+ static RGB_G([r, g, b]) {
|
|
|
+ return ["G", 0.3 * r + 0.59 * g + 0.11 * b];
|
|
|
+ }
|
|
|
+ static RGB_HTML([r, g, b]) {
|
|
|
+ const R = makeColorComp(r);
|
|
|
+ const G = makeColorComp(g);
|
|
|
+ const B = makeColorComp(b);
|
|
|
+ return `#${R}${G}${B}`;
|
|
|
+ }
|
|
|
+ static T_HTML() {
|
|
|
+ return "#00000000";
|
|
|
+ }
|
|
|
+ static CMYK_RGB([c, y, m, k]) {
|
|
|
+ return ["RGB", 1 - Math.min(1, c + k), 1 - Math.min(1, m + k), 1 - Math.min(1, y + k)];
|
|
|
+ }
|
|
|
+ static CMYK_HTML(components) {
|
|
|
+ const rgb = this.CMYK_RGB(components).slice(1);
|
|
|
+ return this.RGB_HTML(rgb);
|
|
|
+ }
|
|
|
+ static RGB_CMYK([r, g, b]) {
|
|
|
+ const c = 1 - r;
|
|
|
+ const m = 1 - g;
|
|
|
+ const y = 1 - b;
|
|
|
+ const k = Math.min(c, m, y);
|
|
|
+ return ["CMYK", c, m, y, k];
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.ColorConverters = ColorConverters;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 31 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.XfaLayer = void 0;
|
|
|
+var _xfa_text = __w_pdfjs_require__(19);
|
|
|
+class XfaLayer {
|
|
|
+ static setupStorage(html, id, element, storage, intent) {
|
|
|
+ const storedData = storage.getValue(id, {
|
|
|
+ value: null
|
|
|
+ });
|
|
|
+ switch (element.name) {
|
|
|
+ case "textarea":
|
|
|
+ if (storedData.value !== null) {
|
|
|
+ html.textContent = storedData.value;
|
|
|
+ }
|
|
|
+ if (intent === "print") {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ html.addEventListener("input", event => {
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: event.target.value
|
|
|
+ });
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ case "input":
|
|
|
+ if (element.attributes.type === "radio" || element.attributes.type === "checkbox") {
|
|
|
+ if (storedData.value === element.attributes.xfaOn) {
|
|
|
+ html.setAttribute("checked", true);
|
|
|
+ } else if (storedData.value === element.attributes.xfaOff) {
|
|
|
+ html.removeAttribute("checked");
|
|
|
+ }
|
|
|
+ if (intent === "print") {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ html.addEventListener("change", event => {
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: event.target.checked ? event.target.getAttribute("xfaOn") : event.target.getAttribute("xfaOff")
|
|
|
+ });
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (storedData.value !== null) {
|
|
|
+ html.setAttribute("value", storedData.value);
|
|
|
+ }
|
|
|
+ if (intent === "print") {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ html.addEventListener("input", event => {
|
|
|
+ storage.setValue(id, {
|
|
|
+ value: event.target.value
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "select":
|
|
|
+ if (storedData.value !== null) {
|
|
|
+ for (const option of element.children) {
|
|
|
+ if (option.attributes.value === storedData.value) {
|
|
|
+ option.attributes.selected = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ html.addEventListener("input", event => {
|
|
|
+ const options = event.target.options;
|
|
|
+ const value = options.selectedIndex === -1 ? "" : options[options.selectedIndex].value;
|
|
|
+ storage.setValue(id, {
|
|
|
+ value
|
|
|
+ });
|
|
|
+ });
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static setAttributes({
|
|
|
+ html,
|
|
|
+ element,
|
|
|
+ storage = null,
|
|
|
+ intent,
|
|
|
+ linkService
|
|
|
+ }) {
|
|
|
+ const {
|
|
|
+ attributes
|
|
|
+ } = element;
|
|
|
+ const isHTMLAnchorElement = html instanceof HTMLAnchorElement;
|
|
|
+ if (attributes.type === "radio") {
|
|
|
+ attributes.name = `${attributes.name}-${intent}`;
|
|
|
+ }
|
|
|
+ for (const [key, value] of Object.entries(attributes)) {
|
|
|
+ if (value === null || value === undefined) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ switch (key) {
|
|
|
+ case "class":
|
|
|
+ if (value.length) {
|
|
|
+ html.setAttribute(key, value.join(" "));
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "dataId":
|
|
|
+ break;
|
|
|
+ case "id":
|
|
|
+ html.setAttribute("data-element-id", value);
|
|
|
+ break;
|
|
|
+ case "style":
|
|
|
+ Object.assign(html.style, value);
|
|
|
+ break;
|
|
|
+ case "textContent":
|
|
|
+ html.textContent = value;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ if (!isHTMLAnchorElement || key !== "href" && key !== "newWindow") {
|
|
|
+ html.setAttribute(key, value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (isHTMLAnchorElement) {
|
|
|
+ linkService.addLinkAttributes(html, attributes.href, attributes.newWindow);
|
|
|
+ }
|
|
|
+ if (storage && attributes.dataId) {
|
|
|
+ this.setupStorage(html, attributes.dataId, element, storage);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static render(parameters) {
|
|
|
+ const storage = parameters.annotationStorage;
|
|
|
+ const linkService = parameters.linkService;
|
|
|
+ const root = parameters.xfaHtml;
|
|
|
+ const intent = parameters.intent || "display";
|
|
|
+ const rootHtml = document.createElement(root.name);
|
|
|
+ if (root.attributes) {
|
|
|
+ this.setAttributes({
|
|
|
+ html: rootHtml,
|
|
|
+ element: root,
|
|
|
+ intent,
|
|
|
+ linkService
|
|
|
+ });
|
|
|
+ }
|
|
|
+ const stack = [[root, -1, rootHtml]];
|
|
|
+ const rootDiv = parameters.div;
|
|
|
+ rootDiv.append(rootHtml);
|
|
|
+ if (parameters.viewport) {
|
|
|
+ const transform = `matrix(${parameters.viewport.transform.join(",")})`;
|
|
|
+ rootDiv.style.transform = transform;
|
|
|
+ }
|
|
|
+ if (intent !== "richText") {
|
|
|
+ rootDiv.setAttribute("class", "xfaLayer xfaFont");
|
|
|
+ }
|
|
|
+ const textDivs = [];
|
|
|
+ while (stack.length > 0) {
|
|
|
+ const [parent, i, html] = stack.at(-1);
|
|
|
+ if (i + 1 === parent.children.length) {
|
|
|
+ stack.pop();
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const child = parent.children[++stack.at(-1)[1]];
|
|
|
+ if (child === null) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const {
|
|
|
+ name
|
|
|
+ } = child;
|
|
|
+ if (name === "#text") {
|
|
|
+ const node = document.createTextNode(child.value);
|
|
|
+ textDivs.push(node);
|
|
|
+ html.append(node);
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ let childHtml;
|
|
|
+ if (child?.attributes?.xmlns) {
|
|
|
+ childHtml = document.createElementNS(child.attributes.xmlns, name);
|
|
|
+ } else {
|
|
|
+ childHtml = document.createElement(name);
|
|
|
+ }
|
|
|
+ html.append(childHtml);
|
|
|
+ if (child.attributes) {
|
|
|
+ this.setAttributes({
|
|
|
+ html: childHtml,
|
|
|
+ element: child,
|
|
|
+ storage,
|
|
|
+ intent,
|
|
|
+ linkService
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (child.children && child.children.length > 0) {
|
|
|
+ stack.push([child, -1, childHtml]);
|
|
|
+ } else if (child.value) {
|
|
|
+ const node = document.createTextNode(child.value);
|
|
|
+ if (_xfa_text.XfaText.shouldBuildText(name)) {
|
|
|
+ textDivs.push(node);
|
|
|
+ }
|
|
|
+ childHtml.append(node);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ for (const el of rootDiv.querySelectorAll(".xfaNonInteractive input, .xfaNonInteractive textarea")) {
|
|
|
+ el.setAttribute("readOnly", true);
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ textDivs
|
|
|
+ };
|
|
|
+ }
|
|
|
+ static update(parameters) {
|
|
|
+ const transform = `matrix(${parameters.viewport.transform.join(",")})`;
|
|
|
+ parameters.div.style.transform = transform;
|
|
|
+ parameters.div.hidden = false;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.XfaLayer = XfaLayer;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 32 */
|
|
|
+/***/ ((__unused_webpack_module, exports) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.NullL10n = void 0;
|
|
|
+exports.getL10nFallback = getL10nFallback;
|
|
|
+const DEFAULT_L10N_STRINGS = {
|
|
|
+ of_pages: "of {{pagesCount}}",
|
|
|
+ page_of_pages: "({{pageNumber}} of {{pagesCount}})",
|
|
|
+ document_properties_kb: "{{size_kb}} KB ({{size_b}} bytes)",
|
|
|
+ document_properties_mb: "{{size_mb}} MB ({{size_b}} bytes)",
|
|
|
+ document_properties_date_string: "{{date}}, {{time}}",
|
|
|
+ document_properties_page_size_unit_inches: "in",
|
|
|
+ document_properties_page_size_unit_millimeters: "mm",
|
|
|
+ document_properties_page_size_orientation_portrait: "portrait",
|
|
|
+ document_properties_page_size_orientation_landscape: "landscape",
|
|
|
+ document_properties_page_size_name_a3: "A3",
|
|
|
+ document_properties_page_size_name_a4: "A4",
|
|
|
+ document_properties_page_size_name_letter: "Letter",
|
|
|
+ document_properties_page_size_name_legal: "Legal",
|
|
|
+ document_properties_page_size_dimension_string: "{{width}} × {{height}} {{unit}} ({{orientation}})",
|
|
|
+ document_properties_page_size_dimension_name_string: "{{width}} × {{height}} {{unit}} ({{name}}, {{orientation}})",
|
|
|
+ document_properties_linearized_yes: "Yes",
|
|
|
+ document_properties_linearized_no: "No",
|
|
|
+ additional_layers: "Additional Layers",
|
|
|
+ page_landmark: "Page {{page}}",
|
|
|
+ thumb_page_title: "Page {{page}}",
|
|
|
+ thumb_page_canvas: "Thumbnail of Page {{page}}",
|
|
|
+ find_reached_top: "Reached top of document, continued from bottom",
|
|
|
+ find_reached_bottom: "Reached end of document, continued from top",
|
|
|
+ "find_match_count[one]": "{{current}} of {{total}} match",
|
|
|
+ "find_match_count[other]": "{{current}} of {{total}} matches",
|
|
|
+ "find_match_count_limit[one]": "More than {{limit}} match",
|
|
|
+ "find_match_count_limit[other]": "More than {{limit}} matches",
|
|
|
+ find_not_found: "Phrase not found",
|
|
|
+ page_scale_width: "Page Width",
|
|
|
+ page_scale_fit: "Page Fit",
|
|
|
+ page_scale_auto: "Automatic Zoom",
|
|
|
+ page_scale_actual: "Actual Size",
|
|
|
+ page_scale_percent: "{{scale}}%",
|
|
|
+ loading_error: "An error occurred while loading the PDF.",
|
|
|
+ invalid_file_error: "Invalid or corrupted PDF file.",
|
|
|
+ missing_file_error: "Missing PDF file.",
|
|
|
+ unexpected_response_error: "Unexpected server response.",
|
|
|
+ rendering_error: "An error occurred while rendering the page.",
|
|
|
+ annotation_date_string: "{{date}}, {{time}}",
|
|
|
+ printing_not_supported: "Warning: Printing is not fully supported by this browser.",
|
|
|
+ printing_not_ready: "Warning: The PDF is not fully loaded for printing.",
|
|
|
+ web_fonts_disabled: "Web fonts are disabled: unable to use embedded PDF fonts.",
|
|
|
+ free_text2_default_content: "Start typing…",
|
|
|
+ editor_free_text2_aria_label: "Text Editor",
|
|
|
+ editor_ink2_aria_label: "Draw Editor",
|
|
|
+ editor_ink_canvas_aria_label: "User-created image"
|
|
|
+};
|
|
|
+{
|
|
|
+ DEFAULT_L10N_STRINGS.print_progress_percent = "{{progress}}%";
|
|
|
+}
|
|
|
+function getL10nFallback(key, args) {
|
|
|
+ switch (key) {
|
|
|
+ case "find_match_count":
|
|
|
+ key = `find_match_count[${args.total === 1 ? "one" : "other"}]`;
|
|
|
+ break;
|
|
|
+ case "find_match_count_limit":
|
|
|
+ key = `find_match_count_limit[${args.limit === 1 ? "one" : "other"}]`;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return DEFAULT_L10N_STRINGS[key] || "";
|
|
|
+}
|
|
|
+function formatL10nValue(text, args) {
|
|
|
+ if (!args) {
|
|
|
+ return text;
|
|
|
+ }
|
|
|
+ return text.replaceAll(/\{\{\s*(\w+)\s*\}\}/g, (all, name) => {
|
|
|
+ return name in args ? args[name] : "{{" + name + "}}";
|
|
|
+ });
|
|
|
+}
|
|
|
+const NullL10n = {
|
|
|
+ async getLanguage() {
|
|
|
+ return "en-us";
|
|
|
+ },
|
|
|
+ async getDirection() {
|
|
|
+ return "ltr";
|
|
|
+ },
|
|
|
+ async get(key, args = null, fallback = getL10nFallback(key, args)) {
|
|
|
+ return formatL10nValue(fallback, args);
|
|
|
+ },
|
|
|
+ async translate(element) {}
|
|
|
+};
|
|
|
+exports.NullL10n = NullL10n;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 33 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.InkEditor = void 0;
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _editor = __w_pdfjs_require__(4);
|
|
|
+var _annotation_layer = __w_pdfjs_require__(29);
|
|
|
+var _tools = __w_pdfjs_require__(5);
|
|
|
+const RESIZER_SIZE = 16;
|
|
|
+class InkEditor extends _editor.AnnotationEditor {
|
|
|
+ #aspectRatio = 0;
|
|
|
+ #baseHeight = 0;
|
|
|
+ #baseWidth = 0;
|
|
|
+ #boundCanvasContextMenu = this.canvasContextMenu.bind(this);
|
|
|
+ #boundCanvasPointermove = this.canvasPointermove.bind(this);
|
|
|
+ #boundCanvasPointerleave = this.canvasPointerleave.bind(this);
|
|
|
+ #boundCanvasPointerup = this.canvasPointerup.bind(this);
|
|
|
+ #boundCanvasPointerdown = this.canvasPointerdown.bind(this);
|
|
|
+ #currentPath2D = new Path2D();
|
|
|
+ #disableEditing = false;
|
|
|
+ #hasSomethingToDraw = false;
|
|
|
+ #isCanvasInitialized = false;
|
|
|
+ #observer = null;
|
|
|
+ #realWidth = 0;
|
|
|
+ #realHeight = 0;
|
|
|
+ #requestFrameCallback = null;
|
|
|
+ static _defaultColor = null;
|
|
|
+ static _defaultOpacity = 1;
|
|
|
+ static _defaultThickness = 1;
|
|
|
+ static _l10nPromise;
|
|
|
+ static _type = "ink";
|
|
|
+ constructor(params) {
|
|
|
+ super({
|
|
|
+ ...params,
|
|
|
+ name: "inkEditor"
|
|
|
+ });
|
|
|
+ this.color = params.color || null;
|
|
|
+ this.thickness = params.thickness || null;
|
|
|
+ this.opacity = params.opacity || null;
|
|
|
+ this.paths = [];
|
|
|
+ this.bezierPath2D = [];
|
|
|
+ this.allRawPaths = [];
|
|
|
+ this.currentPath = [];
|
|
|
+ this.scaleFactor = 1;
|
|
|
+ this.translationX = this.translationY = 0;
|
|
|
+ this.x = 0;
|
|
|
+ this.y = 0;
|
|
|
+ }
|
|
|
+ static initialize(l10n) {
|
|
|
+ this._l10nPromise = new Map(["editor_ink_canvas_aria_label", "editor_ink2_aria_label"].map(str => [str, l10n.get(str)]));
|
|
|
+ }
|
|
|
+ static updateDefaultParams(type, value) {
|
|
|
+ switch (type) {
|
|
|
+ case _util.AnnotationEditorParamsType.INK_THICKNESS:
|
|
|
+ InkEditor._defaultThickness = value;
|
|
|
+ break;
|
|
|
+ case _util.AnnotationEditorParamsType.INK_COLOR:
|
|
|
+ InkEditor._defaultColor = value;
|
|
|
+ break;
|
|
|
+ case _util.AnnotationEditorParamsType.INK_OPACITY:
|
|
|
+ InkEditor._defaultOpacity = value / 100;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ updateParams(type, value) {
|
|
|
+ switch (type) {
|
|
|
+ case _util.AnnotationEditorParamsType.INK_THICKNESS:
|
|
|
+ this.#updateThickness(value);
|
|
|
+ break;
|
|
|
+ case _util.AnnotationEditorParamsType.INK_COLOR:
|
|
|
+ this.#updateColor(value);
|
|
|
+ break;
|
|
|
+ case _util.AnnotationEditorParamsType.INK_OPACITY:
|
|
|
+ this.#updateOpacity(value);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static get defaultPropertiesToUpdate() {
|
|
|
+ return [[_util.AnnotationEditorParamsType.INK_THICKNESS, InkEditor._defaultThickness], [_util.AnnotationEditorParamsType.INK_COLOR, InkEditor._defaultColor || _editor.AnnotationEditor._defaultLineColor], [_util.AnnotationEditorParamsType.INK_OPACITY, Math.round(InkEditor._defaultOpacity * 100)]];
|
|
|
+ }
|
|
|
+ get propertiesToUpdate() {
|
|
|
+ return [[_util.AnnotationEditorParamsType.INK_THICKNESS, this.thickness || InkEditor._defaultThickness], [_util.AnnotationEditorParamsType.INK_COLOR, this.color || InkEditor._defaultColor || _editor.AnnotationEditor._defaultLineColor], [_util.AnnotationEditorParamsType.INK_OPACITY, Math.round(100 * (this.opacity ?? InkEditor._defaultOpacity))]];
|
|
|
+ }
|
|
|
+ #updateThickness(thickness) {
|
|
|
+ const savedThickness = this.thickness;
|
|
|
+ this.addCommands({
|
|
|
+ cmd: () => {
|
|
|
+ this.thickness = thickness;
|
|
|
+ this.#fitToContent();
|
|
|
+ },
|
|
|
+ undo: () => {
|
|
|
+ this.thickness = savedThickness;
|
|
|
+ this.#fitToContent();
|
|
|
+ },
|
|
|
+ mustExec: true,
|
|
|
+ type: _util.AnnotationEditorParamsType.INK_THICKNESS,
|
|
|
+ overwriteIfSameType: true,
|
|
|
+ keepUndo: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ #updateColor(color) {
|
|
|
+ const savedColor = this.color;
|
|
|
+ this.addCommands({
|
|
|
+ cmd: () => {
|
|
|
+ this.color = color;
|
|
|
+ this.#redraw();
|
|
|
+ },
|
|
|
+ undo: () => {
|
|
|
+ this.color = savedColor;
|
|
|
+ this.#redraw();
|
|
|
+ },
|
|
|
+ mustExec: true,
|
|
|
+ type: _util.AnnotationEditorParamsType.INK_COLOR,
|
|
|
+ overwriteIfSameType: true,
|
|
|
+ keepUndo: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ #updateOpacity(opacity) {
|
|
|
+ opacity /= 100;
|
|
|
+ const savedOpacity = this.opacity;
|
|
|
+ this.addCommands({
|
|
|
+ cmd: () => {
|
|
|
+ this.opacity = opacity;
|
|
|
+ this.#redraw();
|
|
|
+ },
|
|
|
+ undo: () => {
|
|
|
+ this.opacity = savedOpacity;
|
|
|
+ this.#redraw();
|
|
|
+ },
|
|
|
+ mustExec: true,
|
|
|
+ type: _util.AnnotationEditorParamsType.INK_OPACITY,
|
|
|
+ overwriteIfSameType: true,
|
|
|
+ keepUndo: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ rebuild() {
|
|
|
+ super.rebuild();
|
|
|
+ if (this.div === null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.canvas) {
|
|
|
+ this.#createCanvas();
|
|
|
+ this.#createObserver();
|
|
|
+ }
|
|
|
+ if (!this.isAttachedToDOM) {
|
|
|
+ this.parent.add(this);
|
|
|
+ this.#setCanvasDims();
|
|
|
+ }
|
|
|
+ this.#fitToContent();
|
|
|
+ }
|
|
|
+ remove() {
|
|
|
+ if (this.canvas === null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.isEmpty()) {
|
|
|
+ this.commit();
|
|
|
+ }
|
|
|
+ this.canvas.width = this.canvas.height = 0;
|
|
|
+ this.canvas.remove();
|
|
|
+ this.canvas = null;
|
|
|
+ this.#observer.disconnect();
|
|
|
+ this.#observer = null;
|
|
|
+ super.remove();
|
|
|
+ }
|
|
|
+ setParent(parent) {
|
|
|
+ if (!this.parent && parent) {
|
|
|
+ this._uiManager.removeShouldRescale(this);
|
|
|
+ } else if (this.parent && parent === null) {
|
|
|
+ this._uiManager.addShouldRescale(this);
|
|
|
+ }
|
|
|
+ super.setParent(parent);
|
|
|
+ }
|
|
|
+ onScaleChanging() {
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ const width = this.width * parentWidth;
|
|
|
+ const height = this.height * parentHeight;
|
|
|
+ this.setDimensions(width, height);
|
|
|
+ }
|
|
|
+ enableEditMode() {
|
|
|
+ if (this.#disableEditing || this.canvas === null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ super.enableEditMode();
|
|
|
+ this.div.draggable = false;
|
|
|
+ this.canvas.addEventListener("pointerdown", this.#boundCanvasPointerdown);
|
|
|
+ }
|
|
|
+ disableEditMode() {
|
|
|
+ if (!this.isInEditMode() || this.canvas === null) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ super.disableEditMode();
|
|
|
+ this.div.draggable = !this.isEmpty();
|
|
|
+ this.div.classList.remove("editing");
|
|
|
+ this.canvas.removeEventListener("pointerdown", this.#boundCanvasPointerdown);
|
|
|
+ }
|
|
|
+ onceAdded() {
|
|
|
+ this.div.draggable = !this.isEmpty();
|
|
|
+ }
|
|
|
+ isEmpty() {
|
|
|
+ return this.paths.length === 0 || this.paths.length === 1 && this.paths[0].length === 0;
|
|
|
+ }
|
|
|
+ #getInitialBBox() {
|
|
|
+ const {
|
|
|
+ parentRotation,
|
|
|
+ parentDimensions: [width, height]
|
|
|
+ } = this;
|
|
|
+ switch (parentRotation) {
|
|
|
+ case 90:
|
|
|
+ return [0, height, height, width];
|
|
|
+ case 180:
|
|
|
+ return [width, height, width, height];
|
|
|
+ case 270:
|
|
|
+ return [width, 0, height, width];
|
|
|
+ default:
|
|
|
+ return [0, 0, width, height];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #setStroke() {
|
|
|
+ const {
|
|
|
+ ctx,
|
|
|
+ color,
|
|
|
+ opacity,
|
|
|
+ thickness,
|
|
|
+ parentScale,
|
|
|
+ scaleFactor
|
|
|
+ } = this;
|
|
|
+ ctx.lineWidth = thickness * parentScale / scaleFactor;
|
|
|
+ ctx.lineCap = "round";
|
|
|
+ ctx.lineJoin = "round";
|
|
|
+ ctx.miterLimit = 10;
|
|
|
+ ctx.strokeStyle = `${color}${(0, _tools.opacityToHex)(opacity)}`;
|
|
|
+ }
|
|
|
+ #startDrawing(x, y) {
|
|
|
+ this.canvas.addEventListener("contextmenu", this.#boundCanvasContextMenu);
|
|
|
+ this.canvas.addEventListener("pointerleave", this.#boundCanvasPointerleave);
|
|
|
+ this.canvas.addEventListener("pointermove", this.#boundCanvasPointermove);
|
|
|
+ this.canvas.addEventListener("pointerup", this.#boundCanvasPointerup);
|
|
|
+ this.canvas.removeEventListener("pointerdown", this.#boundCanvasPointerdown);
|
|
|
+ this.isEditing = true;
|
|
|
+ if (!this.#isCanvasInitialized) {
|
|
|
+ this.#isCanvasInitialized = true;
|
|
|
+ this.#setCanvasDims();
|
|
|
+ this.thickness ||= InkEditor._defaultThickness;
|
|
|
+ this.color ||= InkEditor._defaultColor || _editor.AnnotationEditor._defaultLineColor;
|
|
|
+ this.opacity ??= InkEditor._defaultOpacity;
|
|
|
+ }
|
|
|
+ this.currentPath.push([x, y]);
|
|
|
+ this.#hasSomethingToDraw = false;
|
|
|
+ this.#setStroke();
|
|
|
+ this.#requestFrameCallback = () => {
|
|
|
+ this.#drawPoints();
|
|
|
+ if (this.#requestFrameCallback) {
|
|
|
+ window.requestAnimationFrame(this.#requestFrameCallback);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ window.requestAnimationFrame(this.#requestFrameCallback);
|
|
|
+ }
|
|
|
+ #draw(x, y) {
|
|
|
+ const [lastX, lastY] = this.currentPath.at(-1);
|
|
|
+ if (this.currentPath.length > 1 && x === lastX && y === lastY) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const currentPath = this.currentPath;
|
|
|
+ let path2D = this.#currentPath2D;
|
|
|
+ currentPath.push([x, y]);
|
|
|
+ this.#hasSomethingToDraw = true;
|
|
|
+ if (currentPath.length <= 2) {
|
|
|
+ path2D.moveTo(...currentPath[0]);
|
|
|
+ path2D.lineTo(x, y);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (currentPath.length === 3) {
|
|
|
+ this.#currentPath2D = path2D = new Path2D();
|
|
|
+ path2D.moveTo(...currentPath[0]);
|
|
|
+ }
|
|
|
+ this.#makeBezierCurve(path2D, ...currentPath.at(-3), ...currentPath.at(-2), x, y);
|
|
|
+ }
|
|
|
+ #endPath() {
|
|
|
+ if (this.currentPath.length === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const lastPoint = this.currentPath.at(-1);
|
|
|
+ this.#currentPath2D.lineTo(...lastPoint);
|
|
|
+ }
|
|
|
+ #stopDrawing(x, y) {
|
|
|
+ this.#requestFrameCallback = null;
|
|
|
+ x = Math.min(Math.max(x, 0), this.canvas.width);
|
|
|
+ y = Math.min(Math.max(y, 0), this.canvas.height);
|
|
|
+ this.#draw(x, y);
|
|
|
+ this.#endPath();
|
|
|
+ let bezier;
|
|
|
+ if (this.currentPath.length !== 1) {
|
|
|
+ bezier = this.#generateBezierPoints();
|
|
|
+ } else {
|
|
|
+ const xy = [x, y];
|
|
|
+ bezier = [[xy, xy.slice(), xy.slice(), xy]];
|
|
|
+ }
|
|
|
+ const path2D = this.#currentPath2D;
|
|
|
+ const currentPath = this.currentPath;
|
|
|
+ this.currentPath = [];
|
|
|
+ this.#currentPath2D = new Path2D();
|
|
|
+ const cmd = () => {
|
|
|
+ this.allRawPaths.push(currentPath);
|
|
|
+ this.paths.push(bezier);
|
|
|
+ this.bezierPath2D.push(path2D);
|
|
|
+ this.rebuild();
|
|
|
+ };
|
|
|
+ const undo = () => {
|
|
|
+ this.allRawPaths.pop();
|
|
|
+ this.paths.pop();
|
|
|
+ this.bezierPath2D.pop();
|
|
|
+ if (this.paths.length === 0) {
|
|
|
+ this.remove();
|
|
|
+ } else {
|
|
|
+ if (!this.canvas) {
|
|
|
+ this.#createCanvas();
|
|
|
+ this.#createObserver();
|
|
|
+ }
|
|
|
+ this.#fitToContent();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this.addCommands({
|
|
|
+ cmd,
|
|
|
+ undo,
|
|
|
+ mustExec: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ #drawPoints() {
|
|
|
+ if (!this.#hasSomethingToDraw) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#hasSomethingToDraw = false;
|
|
|
+ const thickness = Math.ceil(this.thickness * this.parentScale);
|
|
|
+ const lastPoints = this.currentPath.slice(-3);
|
|
|
+ const x = lastPoints.map(xy => xy[0]);
|
|
|
+ const y = lastPoints.map(xy => xy[1]);
|
|
|
+ const xMin = Math.min(...x) - thickness;
|
|
|
+ const xMax = Math.max(...x) + thickness;
|
|
|
+ const yMin = Math.min(...y) - thickness;
|
|
|
+ const yMax = Math.max(...y) + thickness;
|
|
|
+ const {
|
|
|
+ ctx
|
|
|
+ } = this;
|
|
|
+ ctx.save();
|
|
|
+ ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
|
|
+ for (const path of this.bezierPath2D) {
|
|
|
+ ctx.stroke(path);
|
|
|
+ }
|
|
|
+ ctx.stroke(this.#currentPath2D);
|
|
|
+ ctx.restore();
|
|
|
+ }
|
|
|
+ #makeBezierCurve(path2D, x0, y0, x1, y1, x2, y2) {
|
|
|
+ const prevX = (x0 + x1) / 2;
|
|
|
+ const prevY = (y0 + y1) / 2;
|
|
|
+ const x3 = (x1 + x2) / 2;
|
|
|
+ const y3 = (y1 + y2) / 2;
|
|
|
+ path2D.bezierCurveTo(prevX + 2 * (x1 - prevX) / 3, prevY + 2 * (y1 - prevY) / 3, x3 + 2 * (x1 - x3) / 3, y3 + 2 * (y1 - y3) / 3, x3, y3);
|
|
|
+ }
|
|
|
+ #generateBezierPoints() {
|
|
|
+ const path = this.currentPath;
|
|
|
+ if (path.length <= 2) {
|
|
|
+ return [[path[0], path[0], path.at(-1), path.at(-1)]];
|
|
|
+ }
|
|
|
+ const bezierPoints = [];
|
|
|
+ let i;
|
|
|
+ let [x0, y0] = path[0];
|
|
|
+ for (i = 1; i < path.length - 2; i++) {
|
|
|
+ const [x1, y1] = path[i];
|
|
|
+ const [x2, y2] = path[i + 1];
|
|
|
+ const x3 = (x1 + x2) / 2;
|
|
|
+ const y3 = (y1 + y2) / 2;
|
|
|
+ const control1 = [x0 + 2 * (x1 - x0) / 3, y0 + 2 * (y1 - y0) / 3];
|
|
|
+ const control2 = [x3 + 2 * (x1 - x3) / 3, y3 + 2 * (y1 - y3) / 3];
|
|
|
+ bezierPoints.push([[x0, y0], control1, control2, [x3, y3]]);
|
|
|
+ [x0, y0] = [x3, y3];
|
|
|
+ }
|
|
|
+ const [x1, y1] = path[i];
|
|
|
+ const [x2, y2] = path[i + 1];
|
|
|
+ const control1 = [x0 + 2 * (x1 - x0) / 3, y0 + 2 * (y1 - y0) / 3];
|
|
|
+ const control2 = [x2 + 2 * (x1 - x2) / 3, y2 + 2 * (y1 - y2) / 3];
|
|
|
+ bezierPoints.push([[x0, y0], control1, control2, [x2, y2]]);
|
|
|
+ return bezierPoints;
|
|
|
+ }
|
|
|
+ #redraw() {
|
|
|
+ if (this.isEmpty()) {
|
|
|
+ this.#updateTransform();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#setStroke();
|
|
|
+ const {
|
|
|
+ canvas,
|
|
|
+ ctx
|
|
|
+ } = this;
|
|
|
+ ctx.setTransform(1, 0, 0, 1, 0, 0);
|
|
|
+ ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
|
+ this.#updateTransform();
|
|
|
+ for (const path of this.bezierPath2D) {
|
|
|
+ ctx.stroke(path);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ commit() {
|
|
|
+ if (this.#disableEditing) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ super.commit();
|
|
|
+ this.isEditing = false;
|
|
|
+ this.disableEditMode();
|
|
|
+ this.setInForeground();
|
|
|
+ this.#disableEditing = true;
|
|
|
+ this.div.classList.add("disabled");
|
|
|
+ this.#fitToContent(true);
|
|
|
+ this.parent.addInkEditorIfNeeded(true);
|
|
|
+ this.parent.moveEditorInDOM(this);
|
|
|
+ this.div.focus({
|
|
|
+ preventScroll: true
|
|
|
+ });
|
|
|
+ }
|
|
|
+ focusin(event) {
|
|
|
+ super.focusin(event);
|
|
|
+ this.enableEditMode();
|
|
|
+ }
|
|
|
+ canvasPointerdown(event) {
|
|
|
+ if (event.button !== 0 || !this.isInEditMode() || this.#disableEditing) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.setInForeground();
|
|
|
+ event.preventDefault();
|
|
|
+ if (event.type !== "mouse") {
|
|
|
+ this.div.focus();
|
|
|
+ }
|
|
|
+ this.#startDrawing(event.offsetX, event.offsetY);
|
|
|
+ }
|
|
|
+ canvasContextMenu(event) {
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+ canvasPointermove(event) {
|
|
|
+ event.preventDefault();
|
|
|
+ this.#draw(event.offsetX, event.offsetY);
|
|
|
+ }
|
|
|
+ canvasPointerup(event) {
|
|
|
+ event.preventDefault();
|
|
|
+ this.#endDrawing(event);
|
|
|
+ }
|
|
|
+ canvasPointerleave(event) {
|
|
|
+ this.#endDrawing(event);
|
|
|
+ }
|
|
|
+ #endDrawing(event) {
|
|
|
+ this.canvas.removeEventListener("pointerleave", this.#boundCanvasPointerleave);
|
|
|
+ this.canvas.removeEventListener("pointermove", this.#boundCanvasPointermove);
|
|
|
+ this.canvas.removeEventListener("pointerup", this.#boundCanvasPointerup);
|
|
|
+ this.canvas.addEventListener("pointerdown", this.#boundCanvasPointerdown);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.canvas.removeEventListener("contextmenu", this.#boundCanvasContextMenu);
|
|
|
+ }, 10);
|
|
|
+ this.#stopDrawing(event.offsetX, event.offsetY);
|
|
|
+ this.addToAnnotationStorage();
|
|
|
+ this.setInBackground();
|
|
|
+ }
|
|
|
+ #createCanvas() {
|
|
|
+ this.canvas = document.createElement("canvas");
|
|
|
+ this.canvas.width = this.canvas.height = 0;
|
|
|
+ this.canvas.className = "inkEditorCanvas";
|
|
|
+ InkEditor._l10nPromise.get("editor_ink_canvas_aria_label").then(msg => this.canvas?.setAttribute("aria-label", msg));
|
|
|
+ this.div.append(this.canvas);
|
|
|
+ this.ctx = this.canvas.getContext("2d");
|
|
|
+ }
|
|
|
+ #createObserver() {
|
|
|
+ this.#observer = new ResizeObserver(entries => {
|
|
|
+ const rect = entries[0].contentRect;
|
|
|
+ if (rect.width && rect.height) {
|
|
|
+ this.setDimensions(rect.width, rect.height);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.#observer.observe(this.div);
|
|
|
+ }
|
|
|
+ render() {
|
|
|
+ if (this.div) {
|
|
|
+ return this.div;
|
|
|
+ }
|
|
|
+ let baseX, baseY;
|
|
|
+ if (this.width) {
|
|
|
+ baseX = this.x;
|
|
|
+ baseY = this.y;
|
|
|
+ }
|
|
|
+ super.render();
|
|
|
+ InkEditor._l10nPromise.get("editor_ink2_aria_label").then(msg => this.div?.setAttribute("aria-label", msg));
|
|
|
+ const [x, y, w, h] = this.#getInitialBBox();
|
|
|
+ this.setAt(x, y, 0, 0);
|
|
|
+ this.setDims(w, h);
|
|
|
+ this.#createCanvas();
|
|
|
+ if (this.width) {
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ this.setAt(baseX * parentWidth, baseY * parentHeight, this.width * parentWidth, this.height * parentHeight);
|
|
|
+ this.#isCanvasInitialized = true;
|
|
|
+ this.#setCanvasDims();
|
|
|
+ this.setDims(this.width * parentWidth, this.height * parentHeight);
|
|
|
+ this.#redraw();
|
|
|
+ this.#setMinDims();
|
|
|
+ this.div.classList.add("disabled");
|
|
|
+ } else {
|
|
|
+ this.div.classList.add("editing");
|
|
|
+ this.enableEditMode();
|
|
|
+ }
|
|
|
+ this.#createObserver();
|
|
|
+ return this.div;
|
|
|
+ }
|
|
|
+ #setCanvasDims() {
|
|
|
+ if (!this.#isCanvasInitialized) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ this.canvas.width = Math.ceil(this.width * parentWidth);
|
|
|
+ this.canvas.height = Math.ceil(this.height * parentHeight);
|
|
|
+ this.#updateTransform();
|
|
|
+ }
|
|
|
+ setDimensions(width, height) {
|
|
|
+ const roundedWidth = Math.round(width);
|
|
|
+ const roundedHeight = Math.round(height);
|
|
|
+ if (this.#realWidth === roundedWidth && this.#realHeight === roundedHeight) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.#realWidth = roundedWidth;
|
|
|
+ this.#realHeight = roundedHeight;
|
|
|
+ this.canvas.style.visibility = "hidden";
|
|
|
+ if (this.#aspectRatio && Math.abs(this.#aspectRatio - width / height) > 1e-2) {
|
|
|
+ height = Math.ceil(width / this.#aspectRatio);
|
|
|
+ this.setDims(width, height);
|
|
|
+ }
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ this.width = width / parentWidth;
|
|
|
+ this.height = height / parentHeight;
|
|
|
+ if (this.#disableEditing) {
|
|
|
+ this.#setScaleFactor(width, height);
|
|
|
+ }
|
|
|
+ this.#setCanvasDims();
|
|
|
+ this.#redraw();
|
|
|
+ this.canvas.style.visibility = "visible";
|
|
|
+ this.fixDims();
|
|
|
+ }
|
|
|
+ #setScaleFactor(width, height) {
|
|
|
+ const padding = this.#getPadding();
|
|
|
+ const scaleFactorW = (width - padding) / this.#baseWidth;
|
|
|
+ const scaleFactorH = (height - padding) / this.#baseHeight;
|
|
|
+ this.scaleFactor = Math.min(scaleFactorW, scaleFactorH);
|
|
|
+ }
|
|
|
+ #updateTransform() {
|
|
|
+ const padding = this.#getPadding() / 2;
|
|
|
+ this.ctx.setTransform(this.scaleFactor, 0, 0, this.scaleFactor, this.translationX * this.scaleFactor + padding, this.translationY * this.scaleFactor + padding);
|
|
|
+ }
|
|
|
+ static #buildPath2D(bezier) {
|
|
|
+ const path2D = new Path2D();
|
|
|
+ for (let i = 0, ii = bezier.length; i < ii; i++) {
|
|
|
+ const [first, control1, control2, second] = bezier[i];
|
|
|
+ if (i === 0) {
|
|
|
+ path2D.moveTo(...first);
|
|
|
+ }
|
|
|
+ path2D.bezierCurveTo(control1[0], control1[1], control2[0], control2[1], second[0], second[1]);
|
|
|
+ }
|
|
|
+ return path2D;
|
|
|
+ }
|
|
|
+ static #toPDFCoordinates(points, rect, rotation) {
|
|
|
+ const [blX, blY, trX, trY] = rect;
|
|
|
+ switch (rotation) {
|
|
|
+ case 0:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ points[i] += blX;
|
|
|
+ points[i + 1] = trY - points[i + 1];
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 90:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ const x = points[i];
|
|
|
+ points[i] = points[i + 1] + blX;
|
|
|
+ points[i + 1] = x + blY;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 180:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ points[i] = trX - points[i];
|
|
|
+ points[i + 1] += blY;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 270:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ const x = points[i];
|
|
|
+ points[i] = trX - points[i + 1];
|
|
|
+ points[i + 1] = trY - x;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("Invalid rotation");
|
|
|
+ }
|
|
|
+ return points;
|
|
|
+ }
|
|
|
+ static #fromPDFCoordinates(points, rect, rotation) {
|
|
|
+ const [blX, blY, trX, trY] = rect;
|
|
|
+ switch (rotation) {
|
|
|
+ case 0:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ points[i] -= blX;
|
|
|
+ points[i + 1] = trY - points[i + 1];
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 90:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ const x = points[i];
|
|
|
+ points[i] = points[i + 1] - blY;
|
|
|
+ points[i + 1] = x - blX;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 180:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ points[i] = trX - points[i];
|
|
|
+ points[i + 1] -= blY;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case 270:
|
|
|
+ for (let i = 0, ii = points.length; i < ii; i += 2) {
|
|
|
+ const x = points[i];
|
|
|
+ points[i] = trY - points[i + 1];
|
|
|
+ points[i + 1] = trX - x;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("Invalid rotation");
|
|
|
+ }
|
|
|
+ return points;
|
|
|
+ }
|
|
|
+ #serializePaths(s, tx, ty, rect) {
|
|
|
+ const paths = [];
|
|
|
+ const padding = this.thickness / 2;
|
|
|
+ const shiftX = s * tx + padding;
|
|
|
+ const shiftY = s * ty + padding;
|
|
|
+ for (const bezier of this.paths) {
|
|
|
+ const buffer = [];
|
|
|
+ const points = [];
|
|
|
+ for (let j = 0, jj = bezier.length; j < jj; j++) {
|
|
|
+ const [first, control1, control2, second] = bezier[j];
|
|
|
+ const p10 = s * first[0] + shiftX;
|
|
|
+ const p11 = s * first[1] + shiftY;
|
|
|
+ const p20 = s * control1[0] + shiftX;
|
|
|
+ const p21 = s * control1[1] + shiftY;
|
|
|
+ const p30 = s * control2[0] + shiftX;
|
|
|
+ const p31 = s * control2[1] + shiftY;
|
|
|
+ const p40 = s * second[0] + shiftX;
|
|
|
+ const p41 = s * second[1] + shiftY;
|
|
|
+ if (j === 0) {
|
|
|
+ buffer.push(p10, p11);
|
|
|
+ points.push(p10, p11);
|
|
|
+ }
|
|
|
+ buffer.push(p20, p21, p30, p31, p40, p41);
|
|
|
+ points.push(p20, p21);
|
|
|
+ if (j === jj - 1) {
|
|
|
+ points.push(p40, p41);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ paths.push({
|
|
|
+ bezier: InkEditor.#toPDFCoordinates(buffer, rect, this.rotation),
|
|
|
+ points: InkEditor.#toPDFCoordinates(points, rect, this.rotation)
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return paths;
|
|
|
+ }
|
|
|
+ #getBbox() {
|
|
|
+ let xMin = Infinity;
|
|
|
+ let xMax = -Infinity;
|
|
|
+ let yMin = Infinity;
|
|
|
+ let yMax = -Infinity;
|
|
|
+ for (const path of this.paths) {
|
|
|
+ for (const [first, control1, control2, second] of path) {
|
|
|
+ const bbox = _util.Util.bezierBoundingBox(...first, ...control1, ...control2, ...second);
|
|
|
+ xMin = Math.min(xMin, bbox[0]);
|
|
|
+ yMin = Math.min(yMin, bbox[1]);
|
|
|
+ xMax = Math.max(xMax, bbox[2]);
|
|
|
+ yMax = Math.max(yMax, bbox[3]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return [xMin, yMin, xMax, yMax];
|
|
|
+ }
|
|
|
+ #getPadding() {
|
|
|
+ return this.#disableEditing ? Math.ceil(this.thickness * this.parentScale) : 0;
|
|
|
+ }
|
|
|
+ #fitToContent(firstTime = false) {
|
|
|
+ if (this.isEmpty()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.#disableEditing) {
|
|
|
+ this.#redraw();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const bbox = this.#getBbox();
|
|
|
+ const padding = this.#getPadding();
|
|
|
+ this.#baseWidth = Math.max(RESIZER_SIZE, bbox[2] - bbox[0]);
|
|
|
+ this.#baseHeight = Math.max(RESIZER_SIZE, bbox[3] - bbox[1]);
|
|
|
+ const width = Math.ceil(padding + this.#baseWidth * this.scaleFactor);
|
|
|
+ const height = Math.ceil(padding + this.#baseHeight * this.scaleFactor);
|
|
|
+ const [parentWidth, parentHeight] = this.parentDimensions;
|
|
|
+ this.width = width / parentWidth;
|
|
|
+ this.height = height / parentHeight;
|
|
|
+ this.#aspectRatio = width / height;
|
|
|
+ this.#setMinDims();
|
|
|
+ const prevTranslationX = this.translationX;
|
|
|
+ const prevTranslationY = this.translationY;
|
|
|
+ this.translationX = -bbox[0];
|
|
|
+ this.translationY = -bbox[1];
|
|
|
+ this.#setCanvasDims();
|
|
|
+ this.#redraw();
|
|
|
+ this.#realWidth = width;
|
|
|
+ this.#realHeight = height;
|
|
|
+ this.setDims(width, height);
|
|
|
+ const unscaledPadding = firstTime ? padding / this.scaleFactor / 2 : 0;
|
|
|
+ this.translate(prevTranslationX - this.translationX - unscaledPadding, prevTranslationY - this.translationY - unscaledPadding);
|
|
|
+ }
|
|
|
+ #setMinDims() {
|
|
|
+ const {
|
|
|
+ style
|
|
|
+ } = this.div;
|
|
|
+ if (this.#aspectRatio >= 1) {
|
|
|
+ style.minHeight = `${RESIZER_SIZE}px`;
|
|
|
+ style.minWidth = `${Math.round(this.#aspectRatio * RESIZER_SIZE)}px`;
|
|
|
+ } else {
|
|
|
+ style.minWidth = `${RESIZER_SIZE}px`;
|
|
|
+ style.minHeight = `${Math.round(RESIZER_SIZE / this.#aspectRatio)}px`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ static deserialize(data, parent, uiManager) {
|
|
|
+ if (data instanceof _annotation_layer.InkAnnotationElement) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const editor = super.deserialize(data, parent, uiManager);
|
|
|
+ editor.thickness = data.thickness;
|
|
|
+ editor.color = _util.Util.makeHexColor(...data.color);
|
|
|
+ editor.opacity = data.opacity;
|
|
|
+ const [pageWidth, pageHeight] = editor.pageDimensions;
|
|
|
+ const width = editor.width * pageWidth;
|
|
|
+ const height = editor.height * pageHeight;
|
|
|
+ const scaleFactor = editor.parentScale;
|
|
|
+ const padding = data.thickness / 2;
|
|
|
+ editor.#aspectRatio = width / height;
|
|
|
+ editor.#disableEditing = true;
|
|
|
+ editor.#realWidth = Math.round(width);
|
|
|
+ editor.#realHeight = Math.round(height);
|
|
|
+ const {
|
|
|
+ paths,
|
|
|
+ rect,
|
|
|
+ rotation
|
|
|
+ } = data;
|
|
|
+ for (let {
|
|
|
+ bezier
|
|
|
+ } of paths) {
|
|
|
+ bezier = InkEditor.#fromPDFCoordinates(bezier, rect, rotation);
|
|
|
+ const path = [];
|
|
|
+ editor.paths.push(path);
|
|
|
+ let p0 = scaleFactor * (bezier[0] - padding);
|
|
|
+ let p1 = scaleFactor * (bezier[1] - padding);
|
|
|
+ for (let i = 2, ii = bezier.length; i < ii; i += 6) {
|
|
|
+ const p10 = scaleFactor * (bezier[i] - padding);
|
|
|
+ const p11 = scaleFactor * (bezier[i + 1] - padding);
|
|
|
+ const p20 = scaleFactor * (bezier[i + 2] - padding);
|
|
|
+ const p21 = scaleFactor * (bezier[i + 3] - padding);
|
|
|
+ const p30 = scaleFactor * (bezier[i + 4] - padding);
|
|
|
+ const p31 = scaleFactor * (bezier[i + 5] - padding);
|
|
|
+ path.push([[p0, p1], [p10, p11], [p20, p21], [p30, p31]]);
|
|
|
+ p0 = p30;
|
|
|
+ p1 = p31;
|
|
|
+ }
|
|
|
+ const path2D = this.#buildPath2D(path);
|
|
|
+ editor.bezierPath2D.push(path2D);
|
|
|
+ }
|
|
|
+ const bbox = editor.#getBbox();
|
|
|
+ editor.#baseWidth = Math.max(RESIZER_SIZE, bbox[2] - bbox[0]);
|
|
|
+ editor.#baseHeight = Math.max(RESIZER_SIZE, bbox[3] - bbox[1]);
|
|
|
+ editor.#setScaleFactor(width, height);
|
|
|
+ return editor;
|
|
|
+ }
|
|
|
+ serialize() {
|
|
|
+ if (this.isEmpty()) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ const rect = this.getRect(0, 0);
|
|
|
+ const color = _editor.AnnotationEditor._colorManager.convert(this.ctx.strokeStyle);
|
|
|
+ return {
|
|
|
+ annotationType: _util.AnnotationEditorType.INK,
|
|
|
+ color,
|
|
|
+ thickness: this.thickness,
|
|
|
+ opacity: this.opacity,
|
|
|
+ paths: this.#serializePaths(this.scaleFactor / this.parentScale, this.translationX, this.translationY, rect),
|
|
|
+ pageIndex: this.pageIndex,
|
|
|
+ rect,
|
|
|
+ rotation: this.rotation
|
|
|
+ };
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.InkEditor = InkEditor;
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 34 */
|
|
|
+/***/ ((__unused_webpack_module, exports, __w_pdfjs_require__) => {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+exports.SVGGraphics = void 0;
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _is_node = __w_pdfjs_require__(10);
|
|
|
+;
|
|
|
+const SVG_DEFAULTS = {
|
|
|
+ fontStyle: "normal",
|
|
|
+ fontWeight: "normal",
|
|
|
+ fillColor: "#000000"
|
|
|
+};
|
|
|
+const XML_NS = "http://www.w3.org/XML/1998/namespace";
|
|
|
+const XLINK_NS = "http://www.w3.org/1999/xlink";
|
|
|
+const LINE_CAP_STYLES = ["butt", "round", "square"];
|
|
|
+const LINE_JOIN_STYLES = ["miter", "round", "bevel"];
|
|
|
+const createObjectURL = function (data, contentType = "", forceDataSchema = false) {
|
|
|
+ if (URL.createObjectURL && typeof Blob !== "undefined" && !forceDataSchema) {
|
|
|
+ return URL.createObjectURL(new Blob([data], {
|
|
|
+ type: contentType
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ const digits = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
|
|
|
+ let buffer = `data:${contentType};base64,`;
|
|
|
+ for (let i = 0, ii = data.length; i < ii; i += 3) {
|
|
|
+ const b1 = data[i] & 0xff;
|
|
|
+ const b2 = data[i + 1] & 0xff;
|
|
|
+ const b3 = data[i + 2] & 0xff;
|
|
|
+ const d1 = b1 >> 2,
|
|
|
+ d2 = (b1 & 3) << 4 | b2 >> 4;
|
|
|
+ const d3 = i + 1 < ii ? (b2 & 0xf) << 2 | b3 >> 6 : 64;
|
|
|
+ const d4 = i + 2 < ii ? b3 & 0x3f : 64;
|
|
|
+ buffer += digits[d1] + digits[d2] + digits[d3] + digits[d4];
|
|
|
+ }
|
|
|
+ return buffer;
|
|
|
+};
|
|
|
+const convertImgDataToPng = function () {
|
|
|
+ const PNG_HEADER = new Uint8Array([0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]);
|
|
|
+ const CHUNK_WRAPPER_SIZE = 12;
|
|
|
+ const crcTable = new Int32Array(256);
|
|
|
+ for (let i = 0; i < 256; i++) {
|
|
|
+ let c = i;
|
|
|
+ for (let h = 0; h < 8; h++) {
|
|
|
+ if (c & 1) {
|
|
|
+ c = 0xedb88320 ^ c >> 1 & 0x7fffffff;
|
|
|
+ } else {
|
|
|
+ c = c >> 1 & 0x7fffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ crcTable[i] = c;
|
|
|
+ }
|
|
|
+ function crc32(data, start, end) {
|
|
|
+ let crc = -1;
|
|
|
+ for (let i = start; i < end; i++) {
|
|
|
+ const a = (crc ^ data[i]) & 0xff;
|
|
|
+ const b = crcTable[a];
|
|
|
+ crc = crc >>> 8 ^ b;
|
|
|
+ }
|
|
|
+ return crc ^ -1;
|
|
|
+ }
|
|
|
+ function writePngChunk(type, body, data, offset) {
|
|
|
+ let p = offset;
|
|
|
+ const len = body.length;
|
|
|
+ data[p] = len >> 24 & 0xff;
|
|
|
+ data[p + 1] = len >> 16 & 0xff;
|
|
|
+ data[p + 2] = len >> 8 & 0xff;
|
|
|
+ data[p + 3] = len & 0xff;
|
|
|
+ p += 4;
|
|
|
+ data[p] = type.charCodeAt(0) & 0xff;
|
|
|
+ data[p + 1] = type.charCodeAt(1) & 0xff;
|
|
|
+ data[p + 2] = type.charCodeAt(2) & 0xff;
|
|
|
+ data[p + 3] = type.charCodeAt(3) & 0xff;
|
|
|
+ p += 4;
|
|
|
+ data.set(body, p);
|
|
|
+ p += body.length;
|
|
|
+ const crc = crc32(data, offset + 4, p);
|
|
|
+ data[p] = crc >> 24 & 0xff;
|
|
|
+ data[p + 1] = crc >> 16 & 0xff;
|
|
|
+ data[p + 2] = crc >> 8 & 0xff;
|
|
|
+ data[p + 3] = crc & 0xff;
|
|
|
+ }
|
|
|
+ function adler32(data, start, end) {
|
|
|
+ let a = 1;
|
|
|
+ let b = 0;
|
|
|
+ for (let i = start; i < end; ++i) {
|
|
|
+ a = (a + (data[i] & 0xff)) % 65521;
|
|
|
+ b = (b + a) % 65521;
|
|
|
+ }
|
|
|
+ return b << 16 | a;
|
|
|
+ }
|
|
|
+ function deflateSync(literals) {
|
|
|
+ if (!_is_node.isNodeJS) {
|
|
|
+ return deflateSyncUncompressed(literals);
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ let input;
|
|
|
+ if (parseInt(process.versions.node) >= 8) {
|
|
|
+ input = literals;
|
|
|
+ } else {
|
|
|
+ input = Buffer.from(literals);
|
|
|
+ }
|
|
|
+ const output = require("zlib").deflateSync(input, {
|
|
|
+ level: 9
|
|
|
+ });
|
|
|
+ return output instanceof Uint8Array ? output : new Uint8Array(output);
|
|
|
+ } catch (e) {
|
|
|
+ (0, _util.warn)("Not compressing PNG because zlib.deflateSync is unavailable: " + e);
|
|
|
+ }
|
|
|
+ return deflateSyncUncompressed(literals);
|
|
|
+ }
|
|
|
+ function deflateSyncUncompressed(literals) {
|
|
|
+ let len = literals.length;
|
|
|
+ const maxBlockLength = 0xffff;
|
|
|
+ const deflateBlocks = Math.ceil(len / maxBlockLength);
|
|
|
+ const idat = new Uint8Array(2 + len + deflateBlocks * 5 + 4);
|
|
|
+ let pi = 0;
|
|
|
+ idat[pi++] = 0x78;
|
|
|
+ idat[pi++] = 0x9c;
|
|
|
+ let pos = 0;
|
|
|
+ while (len > maxBlockLength) {
|
|
|
+ idat[pi++] = 0x00;
|
|
|
+ idat[pi++] = 0xff;
|
|
|
+ idat[pi++] = 0xff;
|
|
|
+ idat[pi++] = 0x00;
|
|
|
+ idat[pi++] = 0x00;
|
|
|
+ idat.set(literals.subarray(pos, pos + maxBlockLength), pi);
|
|
|
+ pi += maxBlockLength;
|
|
|
+ pos += maxBlockLength;
|
|
|
+ len -= maxBlockLength;
|
|
|
+ }
|
|
|
+ idat[pi++] = 0x01;
|
|
|
+ idat[pi++] = len & 0xff;
|
|
|
+ idat[pi++] = len >> 8 & 0xff;
|
|
|
+ idat[pi++] = ~len & 0xffff & 0xff;
|
|
|
+ idat[pi++] = (~len & 0xffff) >> 8 & 0xff;
|
|
|
+ idat.set(literals.subarray(pos), pi);
|
|
|
+ pi += literals.length - pos;
|
|
|
+ const adler = adler32(literals, 0, literals.length);
|
|
|
+ idat[pi++] = adler >> 24 & 0xff;
|
|
|
+ idat[pi++] = adler >> 16 & 0xff;
|
|
|
+ idat[pi++] = adler >> 8 & 0xff;
|
|
|
+ idat[pi++] = adler & 0xff;
|
|
|
+ return idat;
|
|
|
+ }
|
|
|
+ function encode(imgData, kind, forceDataSchema, isMask) {
|
|
|
+ const width = imgData.width;
|
|
|
+ const height = imgData.height;
|
|
|
+ let bitDepth, colorType, lineSize;
|
|
|
+ const bytes = imgData.data;
|
|
|
+ switch (kind) {
|
|
|
+ case _util.ImageKind.GRAYSCALE_1BPP:
|
|
|
+ colorType = 0;
|
|
|
+ bitDepth = 1;
|
|
|
+ lineSize = width + 7 >> 3;
|
|
|
+ break;
|
|
|
+ case _util.ImageKind.RGB_24BPP:
|
|
|
+ colorType = 2;
|
|
|
+ bitDepth = 8;
|
|
|
+ lineSize = width * 3;
|
|
|
+ break;
|
|
|
+ case _util.ImageKind.RGBA_32BPP:
|
|
|
+ colorType = 6;
|
|
|
+ bitDepth = 8;
|
|
|
+ lineSize = width * 4;
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error("invalid format");
|
|
|
+ }
|
|
|
+ const literals = new Uint8Array((1 + lineSize) * height);
|
|
|
+ let offsetLiterals = 0,
|
|
|
+ offsetBytes = 0;
|
|
|
+ for (let y = 0; y < height; ++y) {
|
|
|
+ literals[offsetLiterals++] = 0;
|
|
|
+ literals.set(bytes.subarray(offsetBytes, offsetBytes + lineSize), offsetLiterals);
|
|
|
+ offsetBytes += lineSize;
|
|
|
+ offsetLiterals += lineSize;
|
|
|
+ }
|
|
|
+ if (kind === _util.ImageKind.GRAYSCALE_1BPP && isMask) {
|
|
|
+ offsetLiterals = 0;
|
|
|
+ for (let y = 0; y < height; y++) {
|
|
|
+ offsetLiterals++;
|
|
|
+ for (let i = 0; i < lineSize; i++) {
|
|
|
+ literals[offsetLiterals++] ^= 0xff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const ihdr = new Uint8Array([width >> 24 & 0xff, width >> 16 & 0xff, width >> 8 & 0xff, width & 0xff, height >> 24 & 0xff, height >> 16 & 0xff, height >> 8 & 0xff, height & 0xff, bitDepth, colorType, 0x00, 0x00, 0x00]);
|
|
|
+ const idat = deflateSync(literals);
|
|
|
+ const pngLength = PNG_HEADER.length + CHUNK_WRAPPER_SIZE * 3 + ihdr.length + idat.length;
|
|
|
+ const data = new Uint8Array(pngLength);
|
|
|
+ let offset = 0;
|
|
|
+ data.set(PNG_HEADER, offset);
|
|
|
+ offset += PNG_HEADER.length;
|
|
|
+ writePngChunk("IHDR", ihdr, data, offset);
|
|
|
+ offset += CHUNK_WRAPPER_SIZE + ihdr.length;
|
|
|
+ writePngChunk("IDATA", idat, data, offset);
|
|
|
+ offset += CHUNK_WRAPPER_SIZE + idat.length;
|
|
|
+ writePngChunk("IEND", new Uint8Array(0), data, offset);
|
|
|
+ return createObjectURL(data, "image/png", forceDataSchema);
|
|
|
+ }
|
|
|
+ return function convertImgDataToPng(imgData, forceDataSchema, isMask) {
|
|
|
+ const kind = imgData.kind === undefined ? _util.ImageKind.GRAYSCALE_1BPP : imgData.kind;
|
|
|
+ return encode(imgData, kind, forceDataSchema, isMask);
|
|
|
+ };
|
|
|
+}();
|
|
|
+class SVGExtraState {
|
|
|
+ constructor() {
|
|
|
+ this.fontSizeScale = 1;
|
|
|
+ this.fontWeight = SVG_DEFAULTS.fontWeight;
|
|
|
+ this.fontSize = 0;
|
|
|
+ this.textMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ this.fontMatrix = _util.FONT_IDENTITY_MATRIX;
|
|
|
+ this.leading = 0;
|
|
|
+ this.textRenderingMode = _util.TextRenderingMode.FILL;
|
|
|
+ this.textMatrixScale = 1;
|
|
|
+ this.x = 0;
|
|
|
+ this.y = 0;
|
|
|
+ this.lineX = 0;
|
|
|
+ this.lineY = 0;
|
|
|
+ this.charSpacing = 0;
|
|
|
+ this.wordSpacing = 0;
|
|
|
+ this.textHScale = 1;
|
|
|
+ this.textRise = 0;
|
|
|
+ this.fillColor = SVG_DEFAULTS.fillColor;
|
|
|
+ this.strokeColor = "#000000";
|
|
|
+ this.fillAlpha = 1;
|
|
|
+ this.strokeAlpha = 1;
|
|
|
+ this.lineWidth = 1;
|
|
|
+ this.lineJoin = "";
|
|
|
+ this.lineCap = "";
|
|
|
+ this.miterLimit = 0;
|
|
|
+ this.dashArray = [];
|
|
|
+ this.dashPhase = 0;
|
|
|
+ this.dependencies = [];
|
|
|
+ this.activeClipUrl = null;
|
|
|
+ this.clipGroup = null;
|
|
|
+ this.maskId = "";
|
|
|
+ }
|
|
|
+ clone() {
|
|
|
+ return Object.create(this);
|
|
|
+ }
|
|
|
+ setCurrentPoint(x, y) {
|
|
|
+ this.x = x;
|
|
|
+ this.y = y;
|
|
|
+ }
|
|
|
+}
|
|
|
+function opListToTree(opList) {
|
|
|
+ let opTree = [];
|
|
|
+ const tmp = [];
|
|
|
+ for (const opListElement of opList) {
|
|
|
+ if (opListElement.fn === "save") {
|
|
|
+ opTree.push({
|
|
|
+ fnId: 92,
|
|
|
+ fn: "group",
|
|
|
+ items: []
|
|
|
+ });
|
|
|
+ tmp.push(opTree);
|
|
|
+ opTree = opTree.at(-1).items;
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ if (opListElement.fn === "restore") {
|
|
|
+ opTree = tmp.pop();
|
|
|
+ } else {
|
|
|
+ opTree.push(opListElement);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return opTree;
|
|
|
+}
|
|
|
+function pf(value) {
|
|
|
+ if (Number.isInteger(value)) {
|
|
|
+ return value.toString();
|
|
|
+ }
|
|
|
+ const s = value.toFixed(10);
|
|
|
+ let i = s.length - 1;
|
|
|
+ if (s[i] !== "0") {
|
|
|
+ return s;
|
|
|
+ }
|
|
|
+ do {
|
|
|
+ i--;
|
|
|
+ } while (s[i] === "0");
|
|
|
+ return s.substring(0, s[i] === "." ? i : i + 1);
|
|
|
+}
|
|
|
+function pm(m) {
|
|
|
+ if (m[4] === 0 && m[5] === 0) {
|
|
|
+ if (m[1] === 0 && m[2] === 0) {
|
|
|
+ if (m[0] === 1 && m[3] === 1) {
|
|
|
+ return "";
|
|
|
+ }
|
|
|
+ return `scale(${pf(m[0])} ${pf(m[3])})`;
|
|
|
+ }
|
|
|
+ if (m[0] === m[3] && m[1] === -m[2]) {
|
|
|
+ const a = Math.acos(m[0]) * 180 / Math.PI;
|
|
|
+ return `rotate(${pf(a)})`;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (m[0] === 1 && m[1] === 0 && m[2] === 0 && m[3] === 1) {
|
|
|
+ return `translate(${pf(m[4])} ${pf(m[5])})`;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return `matrix(${pf(m[0])} ${pf(m[1])} ${pf(m[2])} ${pf(m[3])} ${pf(m[4])} ` + `${pf(m[5])})`;
|
|
|
+}
|
|
|
+let clipCount = 0;
|
|
|
+let maskCount = 0;
|
|
|
+let shadingCount = 0;
|
|
|
+class SVGGraphics {
|
|
|
+ constructor(commonObjs, objs, forceDataSchema = false) {
|
|
|
+ (0, _display_utils.deprecated)("The SVG back-end is no longer maintained and *may* be removed in the future.");
|
|
|
+ this.svgFactory = new _display_utils.DOMSVGFactory();
|
|
|
+ this.current = new SVGExtraState();
|
|
|
+ this.transformMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ this.transformStack = [];
|
|
|
+ this.extraStack = [];
|
|
|
+ this.commonObjs = commonObjs;
|
|
|
+ this.objs = objs;
|
|
|
+ this.pendingClip = null;
|
|
|
+ this.pendingEOFill = false;
|
|
|
+ this.embedFonts = false;
|
|
|
+ this.embeddedFonts = Object.create(null);
|
|
|
+ this.cssStyle = null;
|
|
|
+ this.forceDataSchema = !!forceDataSchema;
|
|
|
+ this._operatorIdMapping = [];
|
|
|
+ for (const op in _util.OPS) {
|
|
|
+ this._operatorIdMapping[_util.OPS[op]] = op;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ getObject(data, fallback = null) {
|
|
|
+ if (typeof data === "string") {
|
|
|
+ return data.startsWith("g_") ? this.commonObjs.get(data) : this.objs.get(data);
|
|
|
+ }
|
|
|
+ return fallback;
|
|
|
+ }
|
|
|
+ save() {
|
|
|
+ this.transformStack.push(this.transformMatrix);
|
|
|
+ const old = this.current;
|
|
|
+ this.extraStack.push(old);
|
|
|
+ this.current = old.clone();
|
|
|
+ }
|
|
|
+ restore() {
|
|
|
+ this.transformMatrix = this.transformStack.pop();
|
|
|
+ this.current = this.extraStack.pop();
|
|
|
+ this.pendingClip = null;
|
|
|
+ this.tgrp = null;
|
|
|
+ }
|
|
|
+ group(items) {
|
|
|
+ this.save();
|
|
|
+ this.executeOpTree(items);
|
|
|
+ this.restore();
|
|
|
+ }
|
|
|
+ loadDependencies(operatorList) {
|
|
|
+ const fnArray = operatorList.fnArray;
|
|
|
+ const argsArray = operatorList.argsArray;
|
|
|
+ for (let i = 0, ii = fnArray.length; i < ii; i++) {
|
|
|
+ if (fnArray[i] !== _util.OPS.dependency) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ for (const obj of argsArray[i]) {
|
|
|
+ const objsPool = obj.startsWith("g_") ? this.commonObjs : this.objs;
|
|
|
+ const promise = new Promise(resolve => {
|
|
|
+ objsPool.get(obj, resolve);
|
|
|
+ });
|
|
|
+ this.current.dependencies.push(promise);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return Promise.all(this.current.dependencies);
|
|
|
+ }
|
|
|
+ transform(a, b, c, d, e, f) {
|
|
|
+ const transformMatrix = [a, b, c, d, e, f];
|
|
|
+ this.transformMatrix = _util.Util.transform(this.transformMatrix, transformMatrix);
|
|
|
+ this.tgrp = null;
|
|
|
+ }
|
|
|
+ getSVG(operatorList, viewport) {
|
|
|
+ this.viewport = viewport;
|
|
|
+ const svgElement = this._initialize(viewport);
|
|
|
+ return this.loadDependencies(operatorList).then(() => {
|
|
|
+ this.transformMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ this.executeOpTree(this.convertOpList(operatorList));
|
|
|
+ return svgElement;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ convertOpList(operatorList) {
|
|
|
+ const operatorIdMapping = this._operatorIdMapping;
|
|
|
+ const argsArray = operatorList.argsArray;
|
|
|
+ const fnArray = operatorList.fnArray;
|
|
|
+ const opList = [];
|
|
|
+ for (let i = 0, ii = fnArray.length; i < ii; i++) {
|
|
|
+ const fnId = fnArray[i];
|
|
|
+ opList.push({
|
|
|
+ fnId,
|
|
|
+ fn: operatorIdMapping[fnId],
|
|
|
+ args: argsArray[i]
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return opListToTree(opList);
|
|
|
+ }
|
|
|
+ executeOpTree(opTree) {
|
|
|
+ for (const opTreeElement of opTree) {
|
|
|
+ const fn = opTreeElement.fn;
|
|
|
+ const fnId = opTreeElement.fnId;
|
|
|
+ const args = opTreeElement.args;
|
|
|
+ switch (fnId | 0) {
|
|
|
+ case _util.OPS.beginText:
|
|
|
+ this.beginText();
|
|
|
+ break;
|
|
|
+ case _util.OPS.dependency:
|
|
|
+ break;
|
|
|
+ case _util.OPS.setLeading:
|
|
|
+ this.setLeading(args);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setLeadingMoveText:
|
|
|
+ this.setLeadingMoveText(args[0], args[1]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setFont:
|
|
|
+ this.setFont(args);
|
|
|
+ break;
|
|
|
+ case _util.OPS.showText:
|
|
|
+ this.showText(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.showSpacedText:
|
|
|
+ this.showText(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.endText:
|
|
|
+ this.endText();
|
|
|
+ break;
|
|
|
+ case _util.OPS.moveText:
|
|
|
+ this.moveText(args[0], args[1]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setCharSpacing:
|
|
|
+ this.setCharSpacing(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setWordSpacing:
|
|
|
+ this.setWordSpacing(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setHScale:
|
|
|
+ this.setHScale(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setTextMatrix:
|
|
|
+ this.setTextMatrix(args[0], args[1], args[2], args[3], args[4], args[5]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setTextRise:
|
|
|
+ this.setTextRise(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setTextRenderingMode:
|
|
|
+ this.setTextRenderingMode(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setLineWidth:
|
|
|
+ this.setLineWidth(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setLineJoin:
|
|
|
+ this.setLineJoin(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setLineCap:
|
|
|
+ this.setLineCap(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setMiterLimit:
|
|
|
+ this.setMiterLimit(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setFillRGBColor:
|
|
|
+ this.setFillRGBColor(args[0], args[1], args[2]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setStrokeRGBColor:
|
|
|
+ this.setStrokeRGBColor(args[0], args[1], args[2]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setStrokeColorN:
|
|
|
+ this.setStrokeColorN(args);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setFillColorN:
|
|
|
+ this.setFillColorN(args);
|
|
|
+ break;
|
|
|
+ case _util.OPS.shadingFill:
|
|
|
+ this.shadingFill(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setDash:
|
|
|
+ this.setDash(args[0], args[1]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setRenderingIntent:
|
|
|
+ this.setRenderingIntent(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setFlatness:
|
|
|
+ this.setFlatness(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.setGState:
|
|
|
+ this.setGState(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.fill:
|
|
|
+ this.fill();
|
|
|
+ break;
|
|
|
+ case _util.OPS.eoFill:
|
|
|
+ this.eoFill();
|
|
|
+ break;
|
|
|
+ case _util.OPS.stroke:
|
|
|
+ this.stroke();
|
|
|
+ break;
|
|
|
+ case _util.OPS.fillStroke:
|
|
|
+ this.fillStroke();
|
|
|
+ break;
|
|
|
+ case _util.OPS.eoFillStroke:
|
|
|
+ this.eoFillStroke();
|
|
|
+ break;
|
|
|
+ case _util.OPS.clip:
|
|
|
+ this.clip("nonzero");
|
|
|
+ break;
|
|
|
+ case _util.OPS.eoClip:
|
|
|
+ this.clip("evenodd");
|
|
|
+ break;
|
|
|
+ case _util.OPS.paintSolidColorImageMask:
|
|
|
+ this.paintSolidColorImageMask();
|
|
|
+ break;
|
|
|
+ case _util.OPS.paintImageXObject:
|
|
|
+ this.paintImageXObject(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.paintInlineImageXObject:
|
|
|
+ this.paintInlineImageXObject(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.paintImageMaskXObject:
|
|
|
+ this.paintImageMaskXObject(args[0]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.paintFormXObjectBegin:
|
|
|
+ this.paintFormXObjectBegin(args[0], args[1]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.paintFormXObjectEnd:
|
|
|
+ this.paintFormXObjectEnd();
|
|
|
+ break;
|
|
|
+ case _util.OPS.closePath:
|
|
|
+ this.closePath();
|
|
|
+ break;
|
|
|
+ case _util.OPS.closeStroke:
|
|
|
+ this.closeStroke();
|
|
|
+ break;
|
|
|
+ case _util.OPS.closeFillStroke:
|
|
|
+ this.closeFillStroke();
|
|
|
+ break;
|
|
|
+ case _util.OPS.closeEOFillStroke:
|
|
|
+ this.closeEOFillStroke();
|
|
|
+ break;
|
|
|
+ case _util.OPS.nextLine:
|
|
|
+ this.nextLine();
|
|
|
+ break;
|
|
|
+ case _util.OPS.transform:
|
|
|
+ this.transform(args[0], args[1], args[2], args[3], args[4], args[5]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.constructPath:
|
|
|
+ this.constructPath(args[0], args[1]);
|
|
|
+ break;
|
|
|
+ case _util.OPS.endPath:
|
|
|
+ this.endPath();
|
|
|
+ break;
|
|
|
+ case 92:
|
|
|
+ this.group(opTreeElement.items);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ (0, _util.warn)(`Unimplemented operator ${fn}`);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setWordSpacing(wordSpacing) {
|
|
|
+ this.current.wordSpacing = wordSpacing;
|
|
|
+ }
|
|
|
+ setCharSpacing(charSpacing) {
|
|
|
+ this.current.charSpacing = charSpacing;
|
|
|
+ }
|
|
|
+ nextLine() {
|
|
|
+ this.moveText(0, this.current.leading);
|
|
|
+ }
|
|
|
+ setTextMatrix(a, b, c, d, e, f) {
|
|
|
+ const current = this.current;
|
|
|
+ current.textMatrix = current.lineMatrix = [a, b, c, d, e, f];
|
|
|
+ current.textMatrixScale = Math.hypot(a, b);
|
|
|
+ current.x = current.lineX = 0;
|
|
|
+ current.y = current.lineY = 0;
|
|
|
+ current.xcoords = [];
|
|
|
+ current.ycoords = [];
|
|
|
+ current.tspan = this.svgFactory.createElement("svg:tspan");
|
|
|
+ current.tspan.setAttributeNS(null, "font-family", current.fontFamily);
|
|
|
+ current.tspan.setAttributeNS(null, "font-size", `${pf(current.fontSize)}px`);
|
|
|
+ current.tspan.setAttributeNS(null, "y", pf(-current.y));
|
|
|
+ current.txtElement = this.svgFactory.createElement("svg:text");
|
|
|
+ current.txtElement.append(current.tspan);
|
|
|
+ }
|
|
|
+ beginText() {
|
|
|
+ const current = this.current;
|
|
|
+ current.x = current.lineX = 0;
|
|
|
+ current.y = current.lineY = 0;
|
|
|
+ current.textMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ current.lineMatrix = _util.IDENTITY_MATRIX;
|
|
|
+ current.textMatrixScale = 1;
|
|
|
+ current.tspan = this.svgFactory.createElement("svg:tspan");
|
|
|
+ current.txtElement = this.svgFactory.createElement("svg:text");
|
|
|
+ current.txtgrp = this.svgFactory.createElement("svg:g");
|
|
|
+ current.xcoords = [];
|
|
|
+ current.ycoords = [];
|
|
|
+ }
|
|
|
+ moveText(x, y) {
|
|
|
+ const current = this.current;
|
|
|
+ current.x = current.lineX += x;
|
|
|
+ current.y = current.lineY += y;
|
|
|
+ current.xcoords = [];
|
|
|
+ current.ycoords = [];
|
|
|
+ current.tspan = this.svgFactory.createElement("svg:tspan");
|
|
|
+ current.tspan.setAttributeNS(null, "font-family", current.fontFamily);
|
|
|
+ current.tspan.setAttributeNS(null, "font-size", `${pf(current.fontSize)}px`);
|
|
|
+ current.tspan.setAttributeNS(null, "y", pf(-current.y));
|
|
|
+ }
|
|
|
+ showText(glyphs) {
|
|
|
+ const current = this.current;
|
|
|
+ const font = current.font;
|
|
|
+ const fontSize = current.fontSize;
|
|
|
+ if (fontSize === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const fontSizeScale = current.fontSizeScale;
|
|
|
+ const charSpacing = current.charSpacing;
|
|
|
+ const wordSpacing = current.wordSpacing;
|
|
|
+ const fontDirection = current.fontDirection;
|
|
|
+ const textHScale = current.textHScale * fontDirection;
|
|
|
+ const vertical = font.vertical;
|
|
|
+ const spacingDir = vertical ? 1 : -1;
|
|
|
+ const defaultVMetrics = font.defaultVMetrics;
|
|
|
+ const widthAdvanceScale = fontSize * current.fontMatrix[0];
|
|
|
+ let x = 0;
|
|
|
+ for (const glyph of glyphs) {
|
|
|
+ if (glyph === null) {
|
|
|
+ x += fontDirection * wordSpacing;
|
|
|
+ continue;
|
|
|
+ } else if (typeof glyph === "number") {
|
|
|
+ x += spacingDir * glyph * fontSize / 1000;
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+ const spacing = (glyph.isSpace ? wordSpacing : 0) + charSpacing;
|
|
|
+ const character = glyph.fontChar;
|
|
|
+ let scaledX, scaledY;
|
|
|
+ let width = glyph.width;
|
|
|
+ if (vertical) {
|
|
|
+ let vx;
|
|
|
+ const vmetric = glyph.vmetric || defaultVMetrics;
|
|
|
+ vx = glyph.vmetric ? vmetric[1] : width * 0.5;
|
|
|
+ vx = -vx * widthAdvanceScale;
|
|
|
+ const vy = vmetric[2] * widthAdvanceScale;
|
|
|
+ width = vmetric ? -vmetric[0] : width;
|
|
|
+ scaledX = vx / fontSizeScale;
|
|
|
+ scaledY = (x + vy) / fontSizeScale;
|
|
|
+ } else {
|
|
|
+ scaledX = x / fontSizeScale;
|
|
|
+ scaledY = 0;
|
|
|
+ }
|
|
|
+ if (glyph.isInFont || font.missingFile) {
|
|
|
+ current.xcoords.push(current.x + scaledX);
|
|
|
+ if (vertical) {
|
|
|
+ current.ycoords.push(-current.y + scaledY);
|
|
|
+ }
|
|
|
+ current.tspan.textContent += character;
|
|
|
+ } else {}
|
|
|
+ let charWidth;
|
|
|
+ if (vertical) {
|
|
|
+ charWidth = width * widthAdvanceScale - spacing * fontDirection;
|
|
|
+ } else {
|
|
|
+ charWidth = width * widthAdvanceScale + spacing * fontDirection;
|
|
|
+ }
|
|
|
+ x += charWidth;
|
|
|
+ }
|
|
|
+ current.tspan.setAttributeNS(null, "x", current.xcoords.map(pf).join(" "));
|
|
|
+ if (vertical) {
|
|
|
+ current.tspan.setAttributeNS(null, "y", current.ycoords.map(pf).join(" "));
|
|
|
+ } else {
|
|
|
+ current.tspan.setAttributeNS(null, "y", pf(-current.y));
|
|
|
+ }
|
|
|
+ if (vertical) {
|
|
|
+ current.y -= x;
|
|
|
+ } else {
|
|
|
+ current.x += x * textHScale;
|
|
|
+ }
|
|
|
+ current.tspan.setAttributeNS(null, "font-family", current.fontFamily);
|
|
|
+ current.tspan.setAttributeNS(null, "font-size", `${pf(current.fontSize)}px`);
|
|
|
+ if (current.fontStyle !== SVG_DEFAULTS.fontStyle) {
|
|
|
+ current.tspan.setAttributeNS(null, "font-style", current.fontStyle);
|
|
|
+ }
|
|
|
+ if (current.fontWeight !== SVG_DEFAULTS.fontWeight) {
|
|
|
+ current.tspan.setAttributeNS(null, "font-weight", current.fontWeight);
|
|
|
+ }
|
|
|
+ const fillStrokeMode = current.textRenderingMode & _util.TextRenderingMode.FILL_STROKE_MASK;
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.FILL || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ if (current.fillColor !== SVG_DEFAULTS.fillColor) {
|
|
|
+ current.tspan.setAttributeNS(null, "fill", current.fillColor);
|
|
|
+ }
|
|
|
+ if (current.fillAlpha < 1) {
|
|
|
+ current.tspan.setAttributeNS(null, "fill-opacity", current.fillAlpha);
|
|
|
+ }
|
|
|
+ } else if (current.textRenderingMode === _util.TextRenderingMode.ADD_TO_PATH) {
|
|
|
+ current.tspan.setAttributeNS(null, "fill", "transparent");
|
|
|
+ } else {
|
|
|
+ current.tspan.setAttributeNS(null, "fill", "none");
|
|
|
+ }
|
|
|
+ if (fillStrokeMode === _util.TextRenderingMode.STROKE || fillStrokeMode === _util.TextRenderingMode.FILL_STROKE) {
|
|
|
+ const lineWidthScale = 1 / (current.textMatrixScale || 1);
|
|
|
+ this._setStrokeAttributes(current.tspan, lineWidthScale);
|
|
|
+ }
|
|
|
+ let textMatrix = current.textMatrix;
|
|
|
+ if (current.textRise !== 0) {
|
|
|
+ textMatrix = textMatrix.slice();
|
|
|
+ textMatrix[5] += current.textRise;
|
|
|
+ }
|
|
|
+ current.txtElement.setAttributeNS(null, "transform", `${pm(textMatrix)} scale(${pf(textHScale)}, -1)`);
|
|
|
+ current.txtElement.setAttributeNS(XML_NS, "xml:space", "preserve");
|
|
|
+ current.txtElement.append(current.tspan);
|
|
|
+ current.txtgrp.append(current.txtElement);
|
|
|
+ this._ensureTransformGroup().append(current.txtElement);
|
|
|
+ }
|
|
|
+ setLeadingMoveText(x, y) {
|
|
|
+ this.setLeading(-y);
|
|
|
+ this.moveText(x, y);
|
|
|
+ }
|
|
|
+ addFontStyle(fontObj) {
|
|
|
+ if (!fontObj.data) {
|
|
|
+ throw new Error("addFontStyle: No font data available, " + 'ensure that the "fontExtraProperties" API parameter is set.');
|
|
|
+ }
|
|
|
+ if (!this.cssStyle) {
|
|
|
+ this.cssStyle = this.svgFactory.createElement("svg:style");
|
|
|
+ this.cssStyle.setAttributeNS(null, "type", "text/css");
|
|
|
+ this.defs.append(this.cssStyle);
|
|
|
+ }
|
|
|
+ const url = createObjectURL(fontObj.data, fontObj.mimetype, this.forceDataSchema);
|
|
|
+ this.cssStyle.textContent += `@font-face { font-family: "${fontObj.loadedName}";` + ` src: url(${url}); }\n`;
|
|
|
+ }
|
|
|
+ setFont(details) {
|
|
|
+ const current = this.current;
|
|
|
+ const fontObj = this.commonObjs.get(details[0]);
|
|
|
+ let size = details[1];
|
|
|
+ current.font = fontObj;
|
|
|
+ if (this.embedFonts && !fontObj.missingFile && !this.embeddedFonts[fontObj.loadedName]) {
|
|
|
+ this.addFontStyle(fontObj);
|
|
|
+ this.embeddedFonts[fontObj.loadedName] = fontObj;
|
|
|
+ }
|
|
|
+ current.fontMatrix = fontObj.fontMatrix || _util.FONT_IDENTITY_MATRIX;
|
|
|
+ let bold = "normal";
|
|
|
+ if (fontObj.black) {
|
|
|
+ bold = "900";
|
|
|
+ } else if (fontObj.bold) {
|
|
|
+ bold = "bold";
|
|
|
+ }
|
|
|
+ const italic = fontObj.italic ? "italic" : "normal";
|
|
|
+ if (size < 0) {
|
|
|
+ size = -size;
|
|
|
+ current.fontDirection = -1;
|
|
|
+ } else {
|
|
|
+ current.fontDirection = 1;
|
|
|
+ }
|
|
|
+ current.fontSize = size;
|
|
|
+ current.fontFamily = fontObj.loadedName;
|
|
|
+ current.fontWeight = bold;
|
|
|
+ current.fontStyle = italic;
|
|
|
+ current.tspan = this.svgFactory.createElement("svg:tspan");
|
|
|
+ current.tspan.setAttributeNS(null, "y", pf(-current.y));
|
|
|
+ current.xcoords = [];
|
|
|
+ current.ycoords = [];
|
|
|
+ }
|
|
|
+ endText() {
|
|
|
+ const current = this.current;
|
|
|
+ if (current.textRenderingMode & _util.TextRenderingMode.ADD_TO_PATH_FLAG && current.txtElement?.hasChildNodes()) {
|
|
|
+ current.element = current.txtElement;
|
|
|
+ this.clip("nonzero");
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setLineWidth(width) {
|
|
|
+ if (width > 0) {
|
|
|
+ this.current.lineWidth = width;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setLineCap(style) {
|
|
|
+ this.current.lineCap = LINE_CAP_STYLES[style];
|
|
|
+ }
|
|
|
+ setLineJoin(style) {
|
|
|
+ this.current.lineJoin = LINE_JOIN_STYLES[style];
|
|
|
+ }
|
|
|
+ setMiterLimit(limit) {
|
|
|
+ this.current.miterLimit = limit;
|
|
|
+ }
|
|
|
+ setStrokeAlpha(strokeAlpha) {
|
|
|
+ this.current.strokeAlpha = strokeAlpha;
|
|
|
+ }
|
|
|
+ setStrokeRGBColor(r, g, b) {
|
|
|
+ this.current.strokeColor = _util.Util.makeHexColor(r, g, b);
|
|
|
+ }
|
|
|
+ setFillAlpha(fillAlpha) {
|
|
|
+ this.current.fillAlpha = fillAlpha;
|
|
|
+ }
|
|
|
+ setFillRGBColor(r, g, b) {
|
|
|
+ this.current.fillColor = _util.Util.makeHexColor(r, g, b);
|
|
|
+ this.current.tspan = this.svgFactory.createElement("svg:tspan");
|
|
|
+ this.current.xcoords = [];
|
|
|
+ this.current.ycoords = [];
|
|
|
+ }
|
|
|
+ setStrokeColorN(args) {
|
|
|
+ this.current.strokeColor = this._makeColorN_Pattern(args);
|
|
|
+ }
|
|
|
+ setFillColorN(args) {
|
|
|
+ this.current.fillColor = this._makeColorN_Pattern(args);
|
|
|
+ }
|
|
|
+ shadingFill(args) {
|
|
|
+ const {
|
|
|
+ width,
|
|
|
+ height
|
|
|
+ } = this.viewport;
|
|
|
+ const inv = _util.Util.inverseTransform(this.transformMatrix);
|
|
|
+ const [x0, y0, x1, y1] = _util.Util.getAxialAlignedBoundingBox([0, 0, width, height], inv);
|
|
|
+ const rect = this.svgFactory.createElement("svg:rect");
|
|
|
+ rect.setAttributeNS(null, "x", x0);
|
|
|
+ rect.setAttributeNS(null, "y", y0);
|
|
|
+ rect.setAttributeNS(null, "width", x1 - x0);
|
|
|
+ rect.setAttributeNS(null, "height", y1 - y0);
|
|
|
+ rect.setAttributeNS(null, "fill", this._makeShadingPattern(args));
|
|
|
+ if (this.current.fillAlpha < 1) {
|
|
|
+ rect.setAttributeNS(null, "fill-opacity", this.current.fillAlpha);
|
|
|
+ }
|
|
|
+ this._ensureTransformGroup().append(rect);
|
|
|
+ }
|
|
|
+ _makeColorN_Pattern(args) {
|
|
|
+ if (args[0] === "TilingPattern") {
|
|
|
+ return this._makeTilingPattern(args);
|
|
|
+ }
|
|
|
+ return this._makeShadingPattern(args);
|
|
|
+ }
|
|
|
+ _makeTilingPattern(args) {
|
|
|
+ const color = args[1];
|
|
|
+ const operatorList = args[2];
|
|
|
+ const matrix = args[3] || _util.IDENTITY_MATRIX;
|
|
|
+ const [x0, y0, x1, y1] = args[4];
|
|
|
+ const xstep = args[5];
|
|
|
+ const ystep = args[6];
|
|
|
+ const paintType = args[7];
|
|
|
+ const tilingId = `shading${shadingCount++}`;
|
|
|
+ const [tx0, ty0, tx1, ty1] = _util.Util.normalizeRect([..._util.Util.applyTransform([x0, y0], matrix), ..._util.Util.applyTransform([x1, y1], matrix)]);
|
|
|
+ const [xscale, yscale] = _util.Util.singularValueDecompose2dScale(matrix);
|
|
|
+ const txstep = xstep * xscale;
|
|
|
+ const tystep = ystep * yscale;
|
|
|
+ const tiling = this.svgFactory.createElement("svg:pattern");
|
|
|
+ tiling.setAttributeNS(null, "id", tilingId);
|
|
|
+ tiling.setAttributeNS(null, "patternUnits", "userSpaceOnUse");
|
|
|
+ tiling.setAttributeNS(null, "width", txstep);
|
|
|
+ tiling.setAttributeNS(null, "height", tystep);
|
|
|
+ tiling.setAttributeNS(null, "x", `${tx0}`);
|
|
|
+ tiling.setAttributeNS(null, "y", `${ty0}`);
|
|
|
+ const svg = this.svg;
|
|
|
+ const transformMatrix = this.transformMatrix;
|
|
|
+ const fillColor = this.current.fillColor;
|
|
|
+ const strokeColor = this.current.strokeColor;
|
|
|
+ const bbox = this.svgFactory.create(tx1 - tx0, ty1 - ty0);
|
|
|
+ this.svg = bbox;
|
|
|
+ this.transformMatrix = matrix;
|
|
|
+ if (paintType === 2) {
|
|
|
+ const cssColor = _util.Util.makeHexColor(...color);
|
|
|
+ this.current.fillColor = cssColor;
|
|
|
+ this.current.strokeColor = cssColor;
|
|
|
+ }
|
|
|
+ this.executeOpTree(this.convertOpList(operatorList));
|
|
|
+ this.svg = svg;
|
|
|
+ this.transformMatrix = transformMatrix;
|
|
|
+ this.current.fillColor = fillColor;
|
|
|
+ this.current.strokeColor = strokeColor;
|
|
|
+ tiling.append(bbox.childNodes[0]);
|
|
|
+ this.defs.append(tiling);
|
|
|
+ return `url(#${tilingId})`;
|
|
|
+ }
|
|
|
+ _makeShadingPattern(args) {
|
|
|
+ if (typeof args === "string") {
|
|
|
+ args = this.objs.get(args);
|
|
|
+ }
|
|
|
+ switch (args[0]) {
|
|
|
+ case "RadialAxial":
|
|
|
+ const shadingId = `shading${shadingCount++}`;
|
|
|
+ const colorStops = args[3];
|
|
|
+ let gradient;
|
|
|
+ switch (args[1]) {
|
|
|
+ case "axial":
|
|
|
+ const point0 = args[4];
|
|
|
+ const point1 = args[5];
|
|
|
+ gradient = this.svgFactory.createElement("svg:linearGradient");
|
|
|
+ gradient.setAttributeNS(null, "id", shadingId);
|
|
|
+ gradient.setAttributeNS(null, "gradientUnits", "userSpaceOnUse");
|
|
|
+ gradient.setAttributeNS(null, "x1", point0[0]);
|
|
|
+ gradient.setAttributeNS(null, "y1", point0[1]);
|
|
|
+ gradient.setAttributeNS(null, "x2", point1[0]);
|
|
|
+ gradient.setAttributeNS(null, "y2", point1[1]);
|
|
|
+ break;
|
|
|
+ case "radial":
|
|
|
+ const focalPoint = args[4];
|
|
|
+ const circlePoint = args[5];
|
|
|
+ const focalRadius = args[6];
|
|
|
+ const circleRadius = args[7];
|
|
|
+ gradient = this.svgFactory.createElement("svg:radialGradient");
|
|
|
+ gradient.setAttributeNS(null, "id", shadingId);
|
|
|
+ gradient.setAttributeNS(null, "gradientUnits", "userSpaceOnUse");
|
|
|
+ gradient.setAttributeNS(null, "cx", circlePoint[0]);
|
|
|
+ gradient.setAttributeNS(null, "cy", circlePoint[1]);
|
|
|
+ gradient.setAttributeNS(null, "r", circleRadius);
|
|
|
+ gradient.setAttributeNS(null, "fx", focalPoint[0]);
|
|
|
+ gradient.setAttributeNS(null, "fy", focalPoint[1]);
|
|
|
+ gradient.setAttributeNS(null, "fr", focalRadius);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ throw new Error(`Unknown RadialAxial type: ${args[1]}`);
|
|
|
+ }
|
|
|
+ for (const colorStop of colorStops) {
|
|
|
+ const stop = this.svgFactory.createElement("svg:stop");
|
|
|
+ stop.setAttributeNS(null, "offset", colorStop[0]);
|
|
|
+ stop.setAttributeNS(null, "stop-color", colorStop[1]);
|
|
|
+ gradient.append(stop);
|
|
|
+ }
|
|
|
+ this.defs.append(gradient);
|
|
|
+ return `url(#${shadingId})`;
|
|
|
+ case "Mesh":
|
|
|
+ (0, _util.warn)("Unimplemented pattern Mesh");
|
|
|
+ return null;
|
|
|
+ case "Dummy":
|
|
|
+ return "hotpink";
|
|
|
+ default:
|
|
|
+ throw new Error(`Unknown IR type: ${args[0]}`);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setDash(dashArray, dashPhase) {
|
|
|
+ this.current.dashArray = dashArray;
|
|
|
+ this.current.dashPhase = dashPhase;
|
|
|
+ }
|
|
|
+ constructPath(ops, args) {
|
|
|
+ const current = this.current;
|
|
|
+ let x = current.x,
|
|
|
+ y = current.y;
|
|
|
+ let d = [];
|
|
|
+ let j = 0;
|
|
|
+ for (const op of ops) {
|
|
|
+ switch (op | 0) {
|
|
|
+ case _util.OPS.rectangle:
|
|
|
+ x = args[j++];
|
|
|
+ y = args[j++];
|
|
|
+ const width = args[j++];
|
|
|
+ const height = args[j++];
|
|
|
+ const xw = x + width;
|
|
|
+ const yh = y + height;
|
|
|
+ d.push("M", pf(x), pf(y), "L", pf(xw), pf(y), "L", pf(xw), pf(yh), "L", pf(x), pf(yh), "Z");
|
|
|
+ break;
|
|
|
+ case _util.OPS.moveTo:
|
|
|
+ x = args[j++];
|
|
|
+ y = args[j++];
|
|
|
+ d.push("M", pf(x), pf(y));
|
|
|
+ break;
|
|
|
+ case _util.OPS.lineTo:
|
|
|
+ x = args[j++];
|
|
|
+ y = args[j++];
|
|
|
+ d.push("L", pf(x), pf(y));
|
|
|
+ break;
|
|
|
+ case _util.OPS.curveTo:
|
|
|
+ x = args[j + 4];
|
|
|
+ y = args[j + 5];
|
|
|
+ d.push("C", pf(args[j]), pf(args[j + 1]), pf(args[j + 2]), pf(args[j + 3]), pf(x), pf(y));
|
|
|
+ j += 6;
|
|
|
+ break;
|
|
|
+ case _util.OPS.curveTo2:
|
|
|
+ d.push("C", pf(x), pf(y), pf(args[j]), pf(args[j + 1]), pf(args[j + 2]), pf(args[j + 3]));
|
|
|
+ x = args[j + 2];
|
|
|
+ y = args[j + 3];
|
|
|
+ j += 4;
|
|
|
+ break;
|
|
|
+ case _util.OPS.curveTo3:
|
|
|
+ x = args[j + 2];
|
|
|
+ y = args[j + 3];
|
|
|
+ d.push("C", pf(args[j]), pf(args[j + 1]), pf(x), pf(y), pf(x), pf(y));
|
|
|
+ j += 4;
|
|
|
+ break;
|
|
|
+ case _util.OPS.closePath:
|
|
|
+ d.push("Z");
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ d = d.join(" ");
|
|
|
+ if (current.path && ops.length > 0 && ops[0] !== _util.OPS.rectangle && ops[0] !== _util.OPS.moveTo) {
|
|
|
+ d = current.path.getAttributeNS(null, "d") + d;
|
|
|
+ } else {
|
|
|
+ current.path = this.svgFactory.createElement("svg:path");
|
|
|
+ this._ensureTransformGroup().append(current.path);
|
|
|
+ }
|
|
|
+ current.path.setAttributeNS(null, "d", d);
|
|
|
+ current.path.setAttributeNS(null, "fill", "none");
|
|
|
+ current.element = current.path;
|
|
|
+ current.setCurrentPoint(x, y);
|
|
|
+ }
|
|
|
+ endPath() {
|
|
|
+ const current = this.current;
|
|
|
+ current.path = null;
|
|
|
+ if (!this.pendingClip) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!current.element) {
|
|
|
+ this.pendingClip = null;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const clipId = `clippath${clipCount++}`;
|
|
|
+ const clipPath = this.svgFactory.createElement("svg:clipPath");
|
|
|
+ clipPath.setAttributeNS(null, "id", clipId);
|
|
|
+ clipPath.setAttributeNS(null, "transform", pm(this.transformMatrix));
|
|
|
+ const clipElement = current.element.cloneNode(true);
|
|
|
+ if (this.pendingClip === "evenodd") {
|
|
|
+ clipElement.setAttributeNS(null, "clip-rule", "evenodd");
|
|
|
+ } else {
|
|
|
+ clipElement.setAttributeNS(null, "clip-rule", "nonzero");
|
|
|
+ }
|
|
|
+ this.pendingClip = null;
|
|
|
+ clipPath.append(clipElement);
|
|
|
+ this.defs.append(clipPath);
|
|
|
+ if (current.activeClipUrl) {
|
|
|
+ current.clipGroup = null;
|
|
|
+ for (const prev of this.extraStack) {
|
|
|
+ prev.clipGroup = null;
|
|
|
+ }
|
|
|
+ clipPath.setAttributeNS(null, "clip-path", current.activeClipUrl);
|
|
|
+ }
|
|
|
+ current.activeClipUrl = `url(#${clipId})`;
|
|
|
+ this.tgrp = null;
|
|
|
+ }
|
|
|
+ clip(type) {
|
|
|
+ this.pendingClip = type;
|
|
|
+ }
|
|
|
+ closePath() {
|
|
|
+ const current = this.current;
|
|
|
+ if (current.path) {
|
|
|
+ const d = `${current.path.getAttributeNS(null, "d")}Z`;
|
|
|
+ current.path.setAttributeNS(null, "d", d);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ setLeading(leading) {
|
|
|
+ this.current.leading = -leading;
|
|
|
+ }
|
|
|
+ setTextRise(textRise) {
|
|
|
+ this.current.textRise = textRise;
|
|
|
+ }
|
|
|
+ setTextRenderingMode(textRenderingMode) {
|
|
|
+ this.current.textRenderingMode = textRenderingMode;
|
|
|
+ }
|
|
|
+ setHScale(scale) {
|
|
|
+ this.current.textHScale = scale / 100;
|
|
|
+ }
|
|
|
+ setRenderingIntent(intent) {}
|
|
|
+ setFlatness(flatness) {}
|
|
|
+ setGState(states) {
|
|
|
+ for (const [key, value] of states) {
|
|
|
+ switch (key) {
|
|
|
+ case "LW":
|
|
|
+ this.setLineWidth(value);
|
|
|
+ break;
|
|
|
+ case "LC":
|
|
|
+ this.setLineCap(value);
|
|
|
+ break;
|
|
|
+ case "LJ":
|
|
|
+ this.setLineJoin(value);
|
|
|
+ break;
|
|
|
+ case "ML":
|
|
|
+ this.setMiterLimit(value);
|
|
|
+ break;
|
|
|
+ case "D":
|
|
|
+ this.setDash(value[0], value[1]);
|
|
|
+ break;
|
|
|
+ case "RI":
|
|
|
+ this.setRenderingIntent(value);
|
|
|
+ break;
|
|
|
+ case "FL":
|
|
|
+ this.setFlatness(value);
|
|
|
+ break;
|
|
|
+ case "Font":
|
|
|
+ this.setFont(value);
|
|
|
+ break;
|
|
|
+ case "CA":
|
|
|
+ this.setStrokeAlpha(value);
|
|
|
+ break;
|
|
|
+ case "ca":
|
|
|
+ this.setFillAlpha(value);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ (0, _util.warn)(`Unimplemented graphic state operator ${key}`);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ fill() {
|
|
|
+ const current = this.current;
|
|
|
+ if (current.element) {
|
|
|
+ current.element.setAttributeNS(null, "fill", current.fillColor);
|
|
|
+ current.element.setAttributeNS(null, "fill-opacity", current.fillAlpha);
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ stroke() {
|
|
|
+ const current = this.current;
|
|
|
+ if (current.element) {
|
|
|
+ this._setStrokeAttributes(current.element);
|
|
|
+ current.element.setAttributeNS(null, "fill", "none");
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ _setStrokeAttributes(element, lineWidthScale = 1) {
|
|
|
+ const current = this.current;
|
|
|
+ let dashArray = current.dashArray;
|
|
|
+ if (lineWidthScale !== 1 && dashArray.length > 0) {
|
|
|
+ dashArray = dashArray.map(function (value) {
|
|
|
+ return lineWidthScale * value;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ element.setAttributeNS(null, "stroke", current.strokeColor);
|
|
|
+ element.setAttributeNS(null, "stroke-opacity", current.strokeAlpha);
|
|
|
+ element.setAttributeNS(null, "stroke-miterlimit", pf(current.miterLimit));
|
|
|
+ element.setAttributeNS(null, "stroke-linecap", current.lineCap);
|
|
|
+ element.setAttributeNS(null, "stroke-linejoin", current.lineJoin);
|
|
|
+ element.setAttributeNS(null, "stroke-width", pf(lineWidthScale * current.lineWidth) + "px");
|
|
|
+ element.setAttributeNS(null, "stroke-dasharray", dashArray.map(pf).join(" "));
|
|
|
+ element.setAttributeNS(null, "stroke-dashoffset", pf(lineWidthScale * current.dashPhase) + "px");
|
|
|
+ }
|
|
|
+ eoFill() {
|
|
|
+ this.current.element?.setAttributeNS(null, "fill-rule", "evenodd");
|
|
|
+ this.fill();
|
|
|
+ }
|
|
|
+ fillStroke() {
|
|
|
+ this.stroke();
|
|
|
+ this.fill();
|
|
|
+ }
|
|
|
+ eoFillStroke() {
|
|
|
+ this.current.element?.setAttributeNS(null, "fill-rule", "evenodd");
|
|
|
+ this.fillStroke();
|
|
|
+ }
|
|
|
+ closeStroke() {
|
|
|
+ this.closePath();
|
|
|
+ this.stroke();
|
|
|
+ }
|
|
|
+ closeFillStroke() {
|
|
|
+ this.closePath();
|
|
|
+ this.fillStroke();
|
|
|
+ }
|
|
|
+ closeEOFillStroke() {
|
|
|
+ this.closePath();
|
|
|
+ this.eoFillStroke();
|
|
|
+ }
|
|
|
+ paintSolidColorImageMask() {
|
|
|
+ const rect = this.svgFactory.createElement("svg:rect");
|
|
|
+ rect.setAttributeNS(null, "x", "0");
|
|
|
+ rect.setAttributeNS(null, "y", "0");
|
|
|
+ rect.setAttributeNS(null, "width", "1px");
|
|
|
+ rect.setAttributeNS(null, "height", "1px");
|
|
|
+ rect.setAttributeNS(null, "fill", this.current.fillColor);
|
|
|
+ this._ensureTransformGroup().append(rect);
|
|
|
+ }
|
|
|
+ paintImageXObject(objId) {
|
|
|
+ const imgData = this.getObject(objId);
|
|
|
+ if (!imgData) {
|
|
|
+ (0, _util.warn)(`Dependent image with object ID ${objId} is not ready yet`);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.paintInlineImageXObject(imgData);
|
|
|
+ }
|
|
|
+ paintInlineImageXObject(imgData, mask) {
|
|
|
+ const width = imgData.width;
|
|
|
+ const height = imgData.height;
|
|
|
+ const imgSrc = convertImgDataToPng(imgData, this.forceDataSchema, !!mask);
|
|
|
+ const cliprect = this.svgFactory.createElement("svg:rect");
|
|
|
+ cliprect.setAttributeNS(null, "x", "0");
|
|
|
+ cliprect.setAttributeNS(null, "y", "0");
|
|
|
+ cliprect.setAttributeNS(null, "width", pf(width));
|
|
|
+ cliprect.setAttributeNS(null, "height", pf(height));
|
|
|
+ this.current.element = cliprect;
|
|
|
+ this.clip("nonzero");
|
|
|
+ const imgEl = this.svgFactory.createElement("svg:image");
|
|
|
+ imgEl.setAttributeNS(XLINK_NS, "xlink:href", imgSrc);
|
|
|
+ imgEl.setAttributeNS(null, "x", "0");
|
|
|
+ imgEl.setAttributeNS(null, "y", pf(-height));
|
|
|
+ imgEl.setAttributeNS(null, "width", pf(width) + "px");
|
|
|
+ imgEl.setAttributeNS(null, "height", pf(height) + "px");
|
|
|
+ imgEl.setAttributeNS(null, "transform", `scale(${pf(1 / width)} ${pf(-1 / height)})`);
|
|
|
+ if (mask) {
|
|
|
+ mask.append(imgEl);
|
|
|
+ } else {
|
|
|
+ this._ensureTransformGroup().append(imgEl);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ paintImageMaskXObject(img) {
|
|
|
+ const imgData = this.getObject(img.data, img);
|
|
|
+ if (imgData.bitmap) {
|
|
|
+ (0, _util.warn)("paintImageMaskXObject: ImageBitmap support is not implemented, " + "ensure that the `isOffscreenCanvasSupported` API parameter is disabled.");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const current = this.current;
|
|
|
+ const width = imgData.width;
|
|
|
+ const height = imgData.height;
|
|
|
+ const fillColor = current.fillColor;
|
|
|
+ current.maskId = `mask${maskCount++}`;
|
|
|
+ const mask = this.svgFactory.createElement("svg:mask");
|
|
|
+ mask.setAttributeNS(null, "id", current.maskId);
|
|
|
+ const rect = this.svgFactory.createElement("svg:rect");
|
|
|
+ rect.setAttributeNS(null, "x", "0");
|
|
|
+ rect.setAttributeNS(null, "y", "0");
|
|
|
+ rect.setAttributeNS(null, "width", pf(width));
|
|
|
+ rect.setAttributeNS(null, "height", pf(height));
|
|
|
+ rect.setAttributeNS(null, "fill", fillColor);
|
|
|
+ rect.setAttributeNS(null, "mask", `url(#${current.maskId})`);
|
|
|
+ this.defs.append(mask);
|
|
|
+ this._ensureTransformGroup().append(rect);
|
|
|
+ this.paintInlineImageXObject(imgData, mask);
|
|
|
+ }
|
|
|
+ paintFormXObjectBegin(matrix, bbox) {
|
|
|
+ if (Array.isArray(matrix) && matrix.length === 6) {
|
|
|
+ this.transform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
|
|
|
+ }
|
|
|
+ if (bbox) {
|
|
|
+ const width = bbox[2] - bbox[0];
|
|
|
+ const height = bbox[3] - bbox[1];
|
|
|
+ const cliprect = this.svgFactory.createElement("svg:rect");
|
|
|
+ cliprect.setAttributeNS(null, "x", bbox[0]);
|
|
|
+ cliprect.setAttributeNS(null, "y", bbox[1]);
|
|
|
+ cliprect.setAttributeNS(null, "width", pf(width));
|
|
|
+ cliprect.setAttributeNS(null, "height", pf(height));
|
|
|
+ this.current.element = cliprect;
|
|
|
+ this.clip("nonzero");
|
|
|
+ this.endPath();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ paintFormXObjectEnd() {}
|
|
|
+ _initialize(viewport) {
|
|
|
+ const svg = this.svgFactory.create(viewport.width, viewport.height);
|
|
|
+ const definitions = this.svgFactory.createElement("svg:defs");
|
|
|
+ svg.append(definitions);
|
|
|
+ this.defs = definitions;
|
|
|
+ const rootGroup = this.svgFactory.createElement("svg:g");
|
|
|
+ rootGroup.setAttributeNS(null, "transform", pm(viewport.transform));
|
|
|
+ svg.append(rootGroup);
|
|
|
+ this.svg = rootGroup;
|
|
|
+ return svg;
|
|
|
+ }
|
|
|
+ _ensureClipGroup() {
|
|
|
+ if (!this.current.clipGroup) {
|
|
|
+ const clipGroup = this.svgFactory.createElement("svg:g");
|
|
|
+ clipGroup.setAttributeNS(null, "clip-path", this.current.activeClipUrl);
|
|
|
+ this.svg.append(clipGroup);
|
|
|
+ this.current.clipGroup = clipGroup;
|
|
|
+ }
|
|
|
+ return this.current.clipGroup;
|
|
|
+ }
|
|
|
+ _ensureTransformGroup() {
|
|
|
+ if (!this.tgrp) {
|
|
|
+ this.tgrp = this.svgFactory.createElement("svg:g");
|
|
|
+ this.tgrp.setAttributeNS(null, "transform", pm(this.transformMatrix));
|
|
|
+ if (this.current.activeClipUrl) {
|
|
|
+ this._ensureClipGroup().append(this.tgrp);
|
|
|
+ } else {
|
|
|
+ this.svg.append(this.tgrp);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.tgrp;
|
|
|
+ }
|
|
|
+}
|
|
|
+exports.SVGGraphics = SVGGraphics;
|
|
|
+
|
|
|
+/***/ })
|
|
|
+/******/ ]);
|
|
|
+/************************************************************************/
|
|
|
+/******/ // The module cache
|
|
|
+/******/ var __webpack_module_cache__ = {};
|
|
|
+/******/
|
|
|
+/******/ // The require function
|
|
|
+/******/ function __w_pdfjs_require__(moduleId) {
|
|
|
+/******/ // Check if module is in cache
|
|
|
+/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
|
+/******/ if (cachedModule !== undefined) {
|
|
|
+/******/ return cachedModule.exports;
|
|
|
+/******/ }
|
|
|
+/******/ // Create a new module (and put it into the cache)
|
|
|
+/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
|
+/******/ // no module.id needed
|
|
|
+/******/ // no module.loaded needed
|
|
|
+/******/ exports: {}
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // Execute the module function
|
|
|
+/******/ __webpack_modules__[moduleId](module, module.exports, __w_pdfjs_require__);
|
|
|
+/******/
|
|
|
+/******/ // Return the exports of the module
|
|
|
+/******/ return module.exports;
|
|
|
+/******/ }
|
|
|
+/******/
|
|
|
+/************************************************************************/
|
|
|
+var __webpack_exports__ = {};
|
|
|
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
|
+(() => {
|
|
|
+var exports = __webpack_exports__;
|
|
|
+
|
|
|
+
|
|
|
+Object.defineProperty(exports, "__esModule", ({
|
|
|
+ value: true
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AbortException", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.AbortException;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AnnotationEditorLayer", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _annotation_editor_layer.AnnotationEditorLayer;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AnnotationEditorParamsType", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.AnnotationEditorParamsType;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AnnotationEditorType", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.AnnotationEditorType;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AnnotationEditorUIManager", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _tools.AnnotationEditorUIManager;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AnnotationLayer", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _annotation_layer.AnnotationLayer;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "AnnotationMode", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.AnnotationMode;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "CMapCompressionType", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.CMapCompressionType;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "FeatureTest", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.FeatureTest;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "GlobalWorkerOptions", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _worker_options.GlobalWorkerOptions;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "ImageKind", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.ImageKind;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "InvalidPDFException", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.InvalidPDFException;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "MissingPDFException", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.MissingPDFException;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "OPS", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.OPS;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PDFDataRangeTransport", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _api.PDFDataRangeTransport;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PDFDateString", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.PDFDateString;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PDFWorker", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _api.PDFWorker;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PasswordResponses", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.PasswordResponses;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PermissionFlag", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.PermissionFlag;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PixelsPerInch", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.PixelsPerInch;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "PromiseCapability", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.PromiseCapability;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "RenderingCancelledException", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.RenderingCancelledException;
|
|
|
+ }
|
|
|
+}));
|
|
|
+exports.SVGGraphics = void 0;
|
|
|
+Object.defineProperty(exports, "UnexpectedResponseException", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.UnexpectedResponseException;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "Util", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.Util;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "VerbosityLevel", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.VerbosityLevel;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "XfaLayer", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _xfa_layer.XfaLayer;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "build", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _api.build;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "createValidAbsoluteUrl", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.createValidAbsoluteUrl;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "getDocument", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _api.getDocument;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "getFilenameFromUrl", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.getFilenameFromUrl;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "getPdfFilenameFromUrl", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.getPdfFilenameFromUrl;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "getXfaPageViewport", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.getXfaPageViewport;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "isDataScheme", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.isDataScheme;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "isPdfFile", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.isPdfFile;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "loadScript", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.loadScript;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "normalizeUnicode", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.normalizeUnicode;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "renderTextLayer", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _text_layer.renderTextLayer;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "setLayerDimensions", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _display_utils.setLayerDimensions;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "shadow", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _util.shadow;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "updateTextLayer", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _text_layer.updateTextLayer;
|
|
|
+ }
|
|
|
+}));
|
|
|
+Object.defineProperty(exports, "version", ({
|
|
|
+ enumerable: true,
|
|
|
+ get: function () {
|
|
|
+ return _api.version;
|
|
|
+ }
|
|
|
+}));
|
|
|
+var _util = __w_pdfjs_require__(1);
|
|
|
+var _api = __w_pdfjs_require__(2);
|
|
|
+var _display_utils = __w_pdfjs_require__(6);
|
|
|
+var _text_layer = __w_pdfjs_require__(26);
|
|
|
+var _annotation_editor_layer = __w_pdfjs_require__(27);
|
|
|
+var _tools = __w_pdfjs_require__(5);
|
|
|
+var _annotation_layer = __w_pdfjs_require__(29);
|
|
|
+var _worker_options = __w_pdfjs_require__(14);
|
|
|
+var _xfa_layer = __w_pdfjs_require__(31);
|
|
|
+const pdfjsVersion = '3.8.162';
|
|
|
+const pdfjsBuild = '2c74323e3';
|
|
|
+const SVGGraphics = (__w_pdfjs_require__(34).SVGGraphics);
|
|
|
+exports.SVGGraphics = SVGGraphics;
|
|
|
+})();
|
|
|
+
|
|
|
+/******/ return __webpack_exports__;
|
|
|
+/******/ })()
|
|
|
+;
|
|
|
+});
|
|
|
+//# sourceMappingURL=pdf.js.map
|
