pdfjs-viewer-highlight-echo 5.4.456 → 5.4.460

package/build/pdf.mjs

@@ -21,8 +21,8 @@
  */
 
 /**
- * pdfjsVersion = 5.4.456
- * pdfjsBuild = 01b61ef1d
+ * pdfjsVersion = 5.4.460
+ * pdfjsBuild = 8489d7097
  */
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -1988,6 +1988,18 @@ class EditorToolbar {
     }
     this.#buttons.append(button);
   }
+  addSaveButton(saveButton) {
+    if (!saveButton) {
+      return;
+    }
+    saveButton.classList.add("basic", "saveButton");
+    this.#addListenersToElement(saveButton);
+    this.#buttons.append(saveButton);
+  }
+  removeSaveButton() {
+    const saveButton = this.#buttons.querySelector(".saveButton");
+    saveButton?.remove();
+  }
   get #divider() {
     const divider = document.createElement("div");
     divider.className = "divider";
@@ -2067,6 +2079,11 @@ class EditorToolbar {
           this.addComment(tool);
         }
         break;
+      case "save":
+        if (tool) {
+          this.addSaveButton(tool);
+        }
+        break;
     }
   }
   async addButtonBefore(name, tool, beforeSelector) {
@@ -3116,9 +3133,11 @@ class AnnotationEditorUIManager {
     navigator.clipboard.writeText(selectedText).catch(() => {});
     this.#floatingToolbar?.hide();
   }
-  saveSelectionAsJson(methodOfCreation = "") {
+  saveSelectionAsJson(methodOfCreation = "", editorInfo = null) {
     this._eventBus.dispatch("saveselectionasjson", {
-      source: this
+      source: this,
+      methodOfCreation,
+      editorInfo
     });
   }
   #displayFloatingToolbar() {
@@ -4972,6 +4991,7 @@ class AnnotationEditor {
   #altText = null;
   #comment = null;
   #commentStandaloneButton = null;
+  #saveSelectionButton = null;
   #disabled = false;
   #dragPointerId = null;
   #dragPointerType = "";
@@ -5652,15 +5672,7 @@ class AnnotationEditor {
     const {
       toolbarButtons
     } = this;
-    if (toolbarButtons) {
-      for (const [name, tool] of toolbarButtons) {
-        await this._editToolbar.addButton(name, tool);
-      }
-    }
-    if (!this.hasComment) {
-      this._editToolbar.addButton("comment", this.addCommentButton());
-    }
-    this._editToolbar.addButton("delete");
+    this._editToolbar.addButton("save", this.addSaveSelectionButton());
     return this._editToolbar;
   }
   addCommentButtonInToolbar() {
@@ -5749,6 +5761,54 @@ class AnnotationEditor {
   hideStandaloneCommentButton() {
     this.#commentStandaloneButton?.classList.add("hidden");
   }
+  addSaveSelectionButton() {
+    const button = document.createElement("button");
+    button.className = "saveSelectionButton";
+    button.textContent = "Save";
+    button.title = "Save selection as JSON";
+    button.tabIndex = 0;
+    button.addEventListener("click", event => {
+      event.stopPropagation();
+      const editorRect = this.div.getBoundingClientRect();
+      const editorInfo = {
+        editorId: this.id,
+        editorType: this.editorType,
+        pageIndex: this.pageIndex,
+        pageNumber: this.pageIndex + 1,
+        parent: this.parent,
+        x: this.x,
+        y: this.y,
+        width: this.width,
+        height: this.height,
+        screenRect: {
+          left: editorRect.left,
+          top: editorRect.top,
+          right: editorRect.right,
+          bottom: editorRect.bottom,
+          width: editorRect.width,
+          height: editorRect.height
+        },
+        textContent: this.div.textContent || ""
+      };
+      this._uiManager.saveSelectionAsJson("editor_save_button", editorInfo);
+    });
+    return button;
+  }
+  addSaveButtonInToolbar() {
+    if (this.#saveSelectionButton) {
+      return;
+    }
+    const button = this.addSaveSelectionButton();
+    this._editToolbar?.addSaveButton(button);
+    this.#saveSelectionButton = button;
+  }
+  removeSaveButtonFromToolbar() {
+    if (!this.#saveSelectionButton) {
+      return;
+    }
+    this._editToolbar?.removeSaveButton();
+    this.#saveSelectionButton = null;
+  }
   get comment() {
     const {
       data: {
@@ -14437,7 +14497,7 @@ function getDocument(src = {}) {
   }
   const docParams = {
     docId,
-    apiVersion: "5.4.456",
+    apiVersion: "5.4.460",
     data,
     password,
     disableAutoFetch,
@@ -16102,8 +16162,8 @@ class InternalRenderTask {
     }
   }
 }
-const version = "5.4.456";
-const build = "01b61ef1d";
+const version = "5.4.460";
+const build = "8489d7097";
 
 ;// ./src/display/editor/color_picker.js