@verdocs/web-sdk 4.2.111 → 4.2.113

package/dist/components/verdocs-field-attachment2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
-import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { S as SettingsIcon } from './Icons.js';
 import { d as defineCustomElement$9 } from './verdocs-button2.js';
 import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
@@ -28,6 +28,12 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
         this.remove = createEvent(this, "remove", 7);
         this.fieldStore = null;
         this.roleStore = null;
+        this.handleUploadNext = (e) => {
+            var _a;
+            console.log('Upload next', e);
+            this.selectedFile = e.detail[0];
+            (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
+        };
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateid = '';
         this.fieldname = '';
@@ -39,6 +45,7 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
         this.yscale = 1;
         this.pagenumber = 1;
         this.showingProperties = false;
+        this.dialogOpen = false;
         this.selectedFile = null;
     }
     async focusField() {
@@ -61,19 +68,19 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
         this.roleStore = getTemplateRoleStore(this.templateid);
     }
     handleShow() {
-        this.dialog = document.createElement('verdocs-upload-dialog');
-        this.dialog.open = true;
-        this.dialog.existingFile = { name: 'image.png', size: 1000, type: 'image/png', lastModified: Date.now(), data: '' };
-        this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
-        this.dialog.addEventListener('remove', () => { var _a; return (_a = this.remove) === null || _a === void 0 ? void 0 : _a.emit(); });
-        document.addEventListener('next', (e) => {
-            var _a, _b;
-            console.log('attach onNext', e.detail[0]);
-            this.selectedFile = e.detail[0];
-            (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
-            (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.remove();
-        });
-        document.body.append(this.dialog);
+        this.dialogOpen = true;
+        // this.dialog = document.createElement('verdocs-upload-dialog');
+        // this.dialog.open = true;
+        // this.dialog.existingFile = {name: 'image.png', size: 1000, type: 'image/png', lastModified: Date.now(), data: ''};
+        // this.dialog.addEventListener('exit', () => this.dialog?.remove());
+        // this.dialog.addEventListener('remove', () => this.remove?.emit());
+        // document.addEventListener('next', (e: any) => {
+        //   console.log('attach onNext', e.detail[0]);
+        //   this.selectedFile = e.detail[0];
+        //   this.attached?.emit(e.detail[0]);
+        //   this.dialog.open = false;
+        // });
+        // document.body.append(this.dialog);
     }
     render() {
         const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
@@ -95,7 +102,12 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
                 var _a;
                 (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
                 return this.hideSettingsPanel();
-            }, helpText: 'Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow.' })))))));
+            }, helpText: 'Attachments allow the user to attach their own documents (e.g. resumes or disclosures) to a signing flow.' }))))), this.dialogOpen && (h("verdocs-upload-dialog", {
+            // existingFile={{name: 'image.png', size: 1000, type: 'image/png', lastModified: Date.now(), data: ''}}
+            onNext: e => this.handleUploadNext(e), onExit: () => (this.dialogOpen = false), onRemove: e => {
+                console.log('remove', e);
+            }
+        }))));
     }
     get el() { return this; }
     static get style() { return VerdocsFieldAttachmentStyle0; }
@@ -111,6 +123,7 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
         "yscale": [514],
         "pagenumber": [514],
         "showingProperties": [32],
+        "dialogOpen": [32],
         "selectedFile": [32],
         "focusField": [64],
         "showSettingsPanel": [64],