: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
ownerDocument = globalThis.document
this._document = ownerDocument;
_createCanvas(width, height) {
const canvas = this._document.createElement("canvas");
async function fetchData(url, type = "text") {
if (isValidFetchUrl(url, document.baseURI)) {
const response = await fetch(url);
throw new Error(response.statusText);
return response.arrayBuffer();
return new Promise((resolve, reject) => {
const request = new XMLHttpRequest();
request.open("GET", url, true);
request.responseType = type;
request.onreadystatechange = () => {
if (request.readyState !== XMLHttpRequest.DONE) {
if (request.status === 200 || request.status === 0) {
resolve(request.response);
resolve(request.responseText);
reject(new Error(request.statusText));
class DOMCMapReaderFactory extends BaseCMapReaderFactory {
_fetchData(url, compressionType) {
return fetchData(url, this.isCompressed ? "arraybuffer" : "text").then(data => ({
cMapData: data instanceof ArrayBuffer ? new Uint8Array(data) : stringToBytes(data),
class DOMStandardFontDataFactory extends BaseStandardFontDataFactory {
return fetchData(url, "arraybuffer").then(data => new Uint8Array(data));
class DOMSVGFactory extends BaseSVGFactory {
return document.createElementNS(SVG_NS, type);
this.rotation = rotation;
const centerX = (viewBox[2] + viewBox[0]) / 2;
const centerY = (viewBox[3] + viewBox[1]) / 2;
let rotateA, rotateB, rotateC, rotateD;
throw new Error("PageViewport: Invalid rotation, must be a multiple of 90 degrees.");
let offsetCanvasX, offsetCanvasY;
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;
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];
return shadow(this, "rawDims", {
pageWidth: viewBox[2] - viewBox[0],
pageHeight: viewBox[3] - viewBox[1],
rotation = this.rotation,
return new PageViewport({
viewBox: this.viewBox.slice(),
convertToViewportPoint(x, y) {
return Util.applyTransform([x, y], this.transform);
convertToViewportRectangle(rect) {
const topLeft = Util.applyTransform([rect[0], rect[1]], this.transform);
const bottomRight = Util.applyTransform([rect[2], rect[3]], this.transform);
return [topLeft[0], topLeft[1], bottomRight[0], bottomRight[1]];
convertToPdfPoint(x, y) {
return Util.applyInverseTransform([x, y], this.transform);
class RenderingCancelledException extends BaseException {
constructor(msg, extraDelay = 0) {
super(msg, "RenderingCancelledException");
this.extraDelay = extraDelay;
function isDataScheme(url) {
while (i < ii && url[i].trim() === "") {
return url.substring(i, i + 5).toLowerCase() === "data:";
function isPdfFile(filename) {
return typeof filename === "string" && /\.pdf$/i.test(filename);
function getFilenameFromUrl(url) {
[url] = url.split(/[#?]/, 1);
return url.substring(url.lastIndexOf("/") + 1);
function getPdfFilenameFromUrl(url, defaultFilename = "document.pdf") {
if (typeof url !== "string") {
warn('getPdfFilenameFromUrl: ignore "data:"-URL for performance reasons.');
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]);
suggestedFilename = suggestedFilename[0];
if (suggestedFilename.includes("%")) {
suggestedFilename = reFilename.exec(decodeURIComponent(suggestedFilename))[0];
return suggestedFilename || defaultFilename;
started = Object.create(null);
if (name in this.started) {
warn(`Timer is already running for ${name}`);
this.started[name] = Date.now();
if (!(name in this.started)) {
warn(`Timer has not been started for ${name}`);
start: this.started[name],
delete this.started[name];
longest = Math.max(name.length, longest);
outBuf.push(`${name.padEnd(longest)} ${end - start}ms\n`);
function isValidFetchUrl(url, baseUrl) {
} = baseUrl ? new URL(url, baseUrl) : new URL(url);
return protocol === "http:" || protocol === "https:";
function noContextMenu(e) {
function deprecated(details) {
console.log("Deprecated API usage: " + details);
static toDateObject(input) {
if (!input || typeof input !== "string") {
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);
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 === "-") {
} else if (universalTimeRelation === "+") {
return new Date(Date.UTC(year, month, day, hour, minute, second));
function getXfaPageViewport(xfaPage, {
} = xfaPage.attributes.style;
const viewBox = [0, 0, parseInt(width), parseInt(height)];
return new PageViewport({
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);
warn(`Not a valid color format: "${color}"`);
function getColorValues(colors) {
const span = document.createElement("span");
span.style.visibility = "hidden";
document.body.append(span);
for (const name of colors.keys()) {
const computedColor = window.getComputedStyle(span).color;
colors.set(name, getRGB(computedColor));
function getCurrentTransform(ctx) {
return [a, b, c, d, e, f];
function getCurrentTransformInverse(ctx) {
} = ctx.getTransform().invertSelf();
return [a, b, c, d, e, f];
function setLayerDimensions(div, viewport, mustFlip = false, mustRotate = true) {
if (viewport instanceof PageViewport) {
const useRound = util_FeatureTest.isCSSRoundSupported;
const w = `var(--scale-factor) * ${pageWidth}px`,
h = `var(--scale-factor) * ${pageHeight}px`;
const widthStr = useRound ? `round(${w}, 1px)` : `calc(${w})`,
heightStr = useRound ? `round(${h}, 1px)` : `calc(${h})`;
if (!mustFlip || viewport.rotation % 180 === 0) {
style.height = heightStr;
div.setAttribute("data-main-rotation", viewport.rotation);
;// CONCATENATED MODULE: ./src/display/editor/toolbar.js
const editToolbar = this.#toolbar = document.createElement("div");
editToolbar.className = "editToolbar";
editToolbar.setAttribute("role", "toolbar");
editToolbar.addEventListener("contextmenu", noContextMenu);
editToolbar.addEventListener("pointerdown", EditorToolbar.#pointerDown);
const buttons = this.#buttons = document.createElement("div");
buttons.className = "buttons";
editToolbar.append(buttons);
const position = this.#editor.toolbarPosition;
const x = this.#editor._uiManager.direction === "ltr" ? 1 - position[0] : position[0];
style.insetInlineEnd = `${100 * x}%`;
style.top = `calc(${100 * position[1]}% + var(--editor-toolbar-vert-offset))`;
this.#editor._focusEventsAllowed = false;
this.#editor._focusEventsAllowed = true;
#addListenersToElement(element) {
element.addEventListener("focusin", this.#focusIn.bind(this), {
element.addEventListener("focusout", this.#focusOut.bind(this), {
element.addEventListener("contextmenu", noContextMenu);
this.#toolbar.classList.add("hidden");
this.#colorPicker?.hideDropdown();
this.#toolbar.classList.remove("hidden");
const button = document.createElement("button");
button.className = "delete";
button.setAttribute("data-l10n-id", `pdfjs-editor-remove-${this.#editor.editorType}-button`);
this.#addListenersToElement(button);
button.addEventListener("click", e => {
this.#editor._uiManager.delete();
this.#buttons.append(button);
const divider = document.createElement("div");
divider.className = "divider";
addAltTextButton(button) {
this.#addListenersToElement(button);
this.#buttons.prepend(button, this.#divider);
addColorPicker(colorPicker) {
this.#colorPicker = colorPicker;
const button = colorPicker.renderButton();
this.#addListenersToElement(button);
this.#buttons.prepend(button, this.#divider);
this.#colorPicker?.destroy();
this.#colorPicker = null;
this.#uiManager = uiManager;