Fix openSource, new check for pdfApp and update config with the new signature elements

Author: tuttarealstep

packages/vue/src/components/VuePDFjs.vue

@@ -149,7 +149,11 @@ async function initDocument(document: PDFDocumentProxy | null) {
 }
 
 async function openSource(source: PDFSource | PDFSourceWithOptions | PDFDocumentProxy) {
-  // isLoading is now managed by the watcher
+
+  if (!pdfApp.value) {
+    return;
+  }
+
   try {
     if (source !== undefined && source !== null) {
       if (source instanceof PDFDocumentProxy) {

packages/vue/src/scripts/PDFViewerApplicationConfig.ts

@@ -35,6 +35,8 @@ export default (rootElement: ShadowRoot | Document) => {
       editorStampParamsToolbar: getElement(
         "editorStampParamsToolbar"
       ),
+      editorSignatureButton: getElement("editorSignatureButton"),
+      editorSignatureParamsToolbar: getElement("editorSignatureParamsToolbar"),
       download: getElement("downloadButton"),
     },
     secondaryToolbar: {
@@ -174,13 +176,44 @@ export default (rootElement: ShadowRoot | Document) => {
       ),
       closeButton: getElement("altTextSettingsCloseButton"),
     },
+    addSignatureDialog: {
+      dialog: getElement("addSignatureDialog"),
+      panels: getElement("addSignatureActionContainer"),
+      typeButton: getElement("addSignatureTypeButton"),
+      typeInput: getElement("addSignatureTypeInput"),
+      drawButton: getElement("addSignatureDrawButton"),
+      drawSVG: getElement("addSignatureDraw"),
+      drawPlaceholder: getElement("addSignatureDrawPlaceholder"),
+      drawThickness: getElement("addSignatureDrawThickness"),
+      imageButton: getElement("addSignatureImageButton"),
+      imageSVG: getElement("addSignatureImage"),
+      imagePlaceholder: getElement("addSignatureImagePlaceholder"),
+      imagePicker: getElement("addSignatureFilePicker"),
+      imagePickerLink: getElement("addSignatureImageBrowse"),
+      description: getElement("addSignatureDescription"),
+      clearButton: getElement("clearSignatureButton"),
+      saveContainer: getElement("addSignatureSaveContainer"),
+      saveCheckbox: getElement("addSignatureSaveCheckbox"),
+      errorBar: getElement("addSignatureError"),
+      errorCloseButton: getElement("addSignatureErrorCloseButton"),
+      cancelButton: getElement("addSignatureCancelButton"),
+      addButton: getElement("addSignatureAddButton"),
+    },
+    editSignatureDialog: {
+      dialog: getElement("editSignatureDescriptionDialog"),
+      description: getElement("editSignatureDescription"),
+      editSignatureView: getElement("editSignatureView"),
+      cancelButton: getElement("editSignatureCancelButton"),
+      updateButton: getElement("editSignatureUpdateButton"),
+    },
     annotationEditorParams: {
       editorFreeTextFontSize: getElement("editorFreeTextFontSize"),
       editorFreeTextColor: getElement("editorFreeTextColor"),
       editorInkColor: getElement("editorInkColor"),
       editorInkThickness: getElement("editorInkThickness"),
       editorInkOpacity: getElement("editorInkOpacity"),
       editorStampAddImage: getElement("editorStampAddImage"),
+      editorSignatureAddSignature: getElement("editorSignatureAddSignature"),
       editorFreeHighlightThickness: getElement(
         "editorFreeHighlightThickness"
       ),