pdfjs-viewer-highlight-echo 5.4.457 → 5.4.462

package/build/pdf.mjs

@@ -21,8 +21,8 @@
  */
 
 /**
- * pdfjsVersion = 5.4.457
- * pdfjsBuild = d53d4404b
+ * pdfjsVersion = 5.4.462
+ * pdfjsBuild = 34e1cb08c
  */
 /******/ // 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,62 @@ 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();
+      let selectedText = "";
+      if (this.contentText) {
+        selectedText = this.contentText;
+      } else if (this.contentDiv) {
+        selectedText = this.contentDiv.textContent || "";
+      } else {
+        selectedText = this.div.textContent || "";
+      }
+      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: selectedText
+      };
+      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 +14505,7 @@ function getDocument(src = {}) {
   }
   const docParams = {
     docId,
-    apiVersion: "5.4.457",
+    apiVersion: "5.4.462",
     data,
     password,
     disableAutoFetch,
@@ -16102,8 +16170,8 @@ class InternalRenderTask {
     }
   }
 }
-const version = "5.4.457";
-const build = "d53d4404b";
+const version = "5.4.462";
+const build = "34e1cb08c";
 
 ;// ./src/display/editor/color_picker.js
 
@@ -21313,6 +21381,9 @@ class HighlightEditor extends AnnotationEditor {
       numberOfColors: data.get("color").size
     };
   }
+  get contentText() {
+    return this.#text;
+  }
   #createOutlines() {
     const outliner = new HighlightOutliner(this.#boxes, 0.001);
     this.#highlightOutlines = outliner.getOutlines();