@verdocs/web-sdk 6.5.0-beta.16 → 6.5.0-beta.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-download-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-signing-progress.verdocs-view.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-adopt-signature-dialog_9.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-sign.cjs.entry.js +21 -4
- package/dist/cjs/verdocs-sign.entry.cjs.js.map +1 -1
- package/dist/collection/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.js +1 -1
- package/dist/collection/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.js.map +1 -1
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.css +19 -1
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +20 -3
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js.map +1 -1
- package/dist/components/{p-BFdKkQl1.js → p-B_aD8FWO.js} +3 -3
- package/dist/components/p-B_aD8FWO.js.map +1 -0
- package/dist/components/verdocs-download-dialog.js +1 -1
- package/dist/components/verdocs-sign.js +22 -5
- package/dist/components/verdocs-sign.js.map +1 -1
- package/dist/esm/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-download-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-signing-progress.verdocs-view.entry.js.map +1 -1
- package/dist/esm/verdocs-adopt-signature-dialog_9.entry.js +1 -1
- package/dist/esm/verdocs-sign.entry.js +21 -4
- package/dist/esm/verdocs-sign.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-download-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-signing-progress.verdocs-view.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-adopt-signature-dialog_9.entry.js +1 -1
- package/dist/esm-es5/verdocs-adopt-signature-dialog_9.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js.map +1 -1
- package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts +1 -0
- package/dist/verdocs-web-sdk/p-00a27103.system.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-00a27103.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-72d5ec50.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-72d5ec50.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-9e18b76a.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-9e18b76a.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-B8zpaHu-.system.js +1 -1
- package/dist/verdocs-web-sdk/p-D88YFzk1.system.js.map +1 -0
- package/dist/verdocs-web-sdk/p-DuZDVcW-.system.js.map +1 -0
- package/dist/verdocs-web-sdk/p-bd36345f.system.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-bd36345f.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/verdocs-adopt-signature-dialog.verdocs-delegate-dialog.verdocs-disclosure-dialog.verdocs-download-dialog.verdocs-kba-dialog.verdocs-otp-dialog.verdocs-passcode-dialog.verdocs-signing-progress.verdocs-view.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-sign.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-BFdKkQl1.js.map +0 -1
- package/dist/verdocs-web-sdk/p-0ca193b4.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-0ca193b4.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-3ea68331.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-3ea68331.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-6e9c2d19.system.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-6e9c2d19.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-BzX3OCbM.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-DY-7DH4R.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-a5bc34fc.system.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-a5bc34fc.system.entry.js.map +0 -1
package/dist/collection/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.js
CHANGED
|
@@ -8,7 +8,7 @@ export class VerdocsDownloadDialog {
|
|
|
8
8
|
this.next.emit({ action });
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("verdocs-dialog", { key: 'cdf36753f6d252b8875faa6eed992cb7dc3e3e45', onExit: () => this.exit.emit() }, h("h3", { key: '
|
|
11
|
+
return (h("verdocs-dialog", { key: 'cdf36753f6d252b8875faa6eed992cb7dc3e3e45', onExit: () => this.exit.emit() }, h("h3", { key: 'dbe3ab127a648a734b9e5ee5ec7a0f8e0466cdd3', slot: "heading", style: { margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px' } }, "Download"), h("div", { key: 'b486efdab201b1cccf19632926ccc65c2f01e7a2', slot: "content", class: "content" }, h("div", { key: 'bcd85ad116198060663ba537d34d698d2c5fc3b7', class: "download-option", onClick: () => this.handleOptionClick('document') }, h("div", { key: '4d2e0f50986355efaaee883d6b62a6a7a986e038', class: "icon-container", innerHTML: DocumentIcon }), h("div", { key: '72bec24150673d2d8b49f9fba779d9a5e045d00b', class: "text-container" }, h("div", { key: 'c3df9380f8c23f600718ac39d38cabac9e0687ba', class: "label" }, "Document"), h("div", { key: '6d31bb122842286fbfd7269bb17c8214a1445e75', class: "description" }, "Download the signed document (PDF)")), h("div", { key: 'c5d4ef7f07d2bd64767a92605099dd79a2bca1e4', class: "arrow", innerHTML: ChevronRight })), h("div", { key: '2a643341109bc04862717c335b064d24105f3f68', class: "download-option", onClick: () => this.handleOptionClick('certificate') }, h("div", { key: '6ad039200f3fdb354b77a20f1ef5aae78883af38', class: "icon-container", innerHTML: CertificateIcon }), h("div", { key: 'ca217a24cfac3d891f74aa96694c38c26f462d90', class: "text-container" }, h("div", { key: 'da8bfec9628670351ae243bb17437cea682b6026', class: "label" }, "Certificate"), h("div", { key: '2ae228f9124b7e20980a88def3bd4c01fa4267de', class: "description" }, "Download the value and history certificate")), h("div", { key: 'bba890520324a0479e1e3c6ba5b489fe49a0afaa', class: "arrow", innerHTML: ChevronRight })), h("div", { key: '0be0e4faed699725e9df8237b7b7c526478b8372', class: "download-option", onClick: () => this.handleOptionClick('zip') }, h("div", { key: 'c733a12efbac93d40a257d4777c3f0360e29cade', class: "icon-container", innerHTML: ZipIcon }), h("div", { key: 'bf7fc46e88dd597438eb26bffd47f8a6c0e0f025', class: "text-container" }, h("div", { key: 'ee200a2d8ce1c8fef8369a90d5ebdfc24afe0053', class: "label" }, "All Files"), h("div", { key: 'dcb890ce8cbb592c6f9b994419f8f60a585bf1b0', class: "description" }, "Download everything as a ZIP file")), h("div", { key: '5825b790e8185c71ea43d14b43b18c27d2e5bf1e', class: "arrow", innerHTML: ChevronRight }))), h("div", { key: '9aea924d4ee37e04574999dd821cb27a7fec7d44', slot: "footer", style: { display: 'none' } })));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "verdocs-download-dialog"; }
|
|
14
14
|
static get originalStyleUrls() {
|
package/dist/collection/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"verdocs-download-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAEhE,MAAM,YAAY,GAAG,ihBAAihB,CAAC;AACviB,MAAM,eAAe,GAAG,uaAAua,CAAC;AAChc,MAAM,OAAO,GAAG,quBAAquB,CAAC;AACtvB,MAAM,YAAY,GAAG,iMAAiM,CAAC;AAOvN,MAAM,OAAO,qBAAqB;IAWhC,iBAAiB,CAAC,MAA0C;QAC1D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC,MAAM,EAAC,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,uEAAgB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAC5C,2DAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"verdocs-download-dialog.js","sourceRoot":"","sources":["../../../../src/components/dialogs/verdocs-download-dialog/verdocs-download-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAEhE,MAAM,YAAY,GAAG,ihBAAihB,CAAC;AACviB,MAAM,eAAe,GAAG,uaAAua,CAAC;AAChc,MAAM,OAAO,GAAG,quBAAquB,CAAC;AACtvB,MAAM,YAAY,GAAG,iMAAiM,CAAC;AAOvN,MAAM,OAAO,qBAAqB;IAWhC,iBAAiB,CAAC,MAA0C;QAC1D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC,MAAM,EAAC,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,uEAAgB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAC5C,2DAAI,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAC,eAEhG;YAEL,4DAAK,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS;gBACjC,4DAAK,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;oBAC5E,4DAAK,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,YAAY,GAAQ;oBAC3D,4DAAK,KAAK,EAAC,gBAAgB;wBACzB,4DAAK,KAAK,EAAC,OAAO,eAAe;wBACjC,4DAAK,KAAK,EAAC,aAAa,yCAAyC,CAC7D;oBACN,4DAAK,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,YAAY,GAAQ,CAC9C;gBAEN,4DAAK,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;oBAC/E,4DAAK,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,eAAe,GAAQ;oBAC9D,4DAAK,KAAK,EAAC,gBAAgB;wBACzB,4DAAK,KAAK,EAAC,OAAO,kBAAkB;wBACpC,4DAAK,KAAK,EAAC,aAAa,iDAAiD,CACrE;oBACN,4DAAK,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,YAAY,GAAQ,CAC9C;gBAEN,4DAAK,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;oBACvE,4DAAK,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,OAAO,GAAQ;oBACtD,4DAAK,KAAK,EAAC,gBAAgB;wBACzB,4DAAK,KAAK,EAAC,OAAO,gBAAgB;wBAClC,4DAAK,KAAK,EAAC,aAAa,wCAAwC,CAC5D;oBACN,4DAAK,KAAK,EAAC,OAAO,EAAC,SAAS,EAAE,YAAY,GAAQ,CAC9C,CACF;YAEN,4DAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,GAAI,CAChC,CAClB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Event, EventEmitter} from '@stencil/core';\n\nconst DocumentIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V9L13 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13 2V9H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst CertificateIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 15C15.866 15 19 11.866 19 8C19 4.13401 15.866 1 12 1C8.13401 1 5 4.13401 5 8C5 11.866 8.13401 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.21 13.89L7 23L12 20L17 23L15.79 13.88\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst ZipIcon = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 16V22H14V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6 16H18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20 22H4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 10L12 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 12L12 16L16 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 16V4H20V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\nconst ChevronRight = `<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\n\n@Component({\n tag: 'verdocs-download-dialog',\n styleUrl: 'verdocs-download-dialog.scss',\n shadow: false,\n})\nexport class VerdocsDownloadDialog {\n /**\n * Event fired when an option is selected.\n */\n @Event({composed: true}) next: EventEmitter<{action: 'document' | 'certificate' | 'zip'}>;\n\n /**\n * Event fired when Cancel is pressed or background is clicked.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n handleOptionClick(action: 'document' | 'certificate' | 'zip') {\n this.next.emit({action});\n }\n\n render() {\n return (\n <verdocs-dialog onExit={() => this.exit.emit()}>\n <h3 slot=\"heading\" style={{margin: '0', fontSize: '1.25rem', fontWeight: '600', padding: '16px 24px'}}>\n Download\n </h3>\n\n <div slot=\"content\" class=\"content\">\n <div class=\"download-option\" onClick={() => this.handleOptionClick('document')}>\n <div class=\"icon-container\" innerHTML={DocumentIcon}></div>\n <div class=\"text-container\">\n <div class=\"label\">Document</div>\n <div class=\"description\">Download the signed document (PDF)</div>\n </div>\n <div class=\"arrow\" innerHTML={ChevronRight}></div>\n </div>\n\n <div class=\"download-option\" onClick={() => this.handleOptionClick('certificate')}>\n <div class=\"icon-container\" innerHTML={CertificateIcon}></div>\n <div class=\"text-container\">\n <div class=\"label\">Certificate</div>\n <div class=\"description\">Download the value and history certificate</div>\n </div>\n <div class=\"arrow\" innerHTML={ChevronRight}></div>\n </div>\n\n <div class=\"download-option\" onClick={() => this.handleOptionClick('zip')}>\n <div class=\"icon-container\" innerHTML={ZipIcon}></div>\n <div class=\"text-container\">\n <div class=\"label\">All Files</div>\n <div class=\"description\">Download everything as a ZIP file</div>\n </div>\n <div class=\"arrow\" innerHTML={ChevronRight}></div>\n </div>\n </div>\n\n <div slot=\"footer\" style={{display: 'none'}} />\n </verdocs-dialog>\n );\n }\n}\n"]}
|
|
@@ -93,17 +93,32 @@ verdocs-sign .signed-document-container.zoom-zoom2 .verdocs-flag-instance {
|
|
|
93
93
|
opacity: 0;
|
|
94
94
|
pointer-events: none;
|
|
95
95
|
}
|
|
96
|
-
@media (max-width:
|
|
96
|
+
@media (max-width: 768px) {
|
|
97
97
|
verdocs-sign .signed-document-container {
|
|
98
98
|
width: 100%;
|
|
99
99
|
margin-left: 0;
|
|
100
100
|
}
|
|
101
|
+
verdocs-sign .signed-document-container.zoom-normal, verdocs-sign .signed-document-container.zoom-zoom1, verdocs-sign .signed-document-container.zoom-zoom2 {
|
|
102
|
+
width: 100%;
|
|
103
|
+
margin-left: 0;
|
|
104
|
+
}
|
|
101
105
|
verdocs-sign > .document {
|
|
102
106
|
padding-right: 15px;
|
|
103
107
|
}
|
|
104
108
|
verdocs-sign .verdocs-flag-instance {
|
|
105
109
|
display: none !important;
|
|
106
110
|
}
|
|
111
|
+
verdocs-sign .controls-toolbar .center-controls {
|
|
112
|
+
display: none;
|
|
113
|
+
}
|
|
114
|
+
verdocs-sign .controls-toolbar .right-controls .mobile-next-button {
|
|
115
|
+
display: block;
|
|
116
|
+
margin-right: 10px;
|
|
117
|
+
}
|
|
118
|
+
verdocs-sign .controls-toolbar .right-controls .minus,
|
|
119
|
+
verdocs-sign .controls-toolbar .right-controls .plus {
|
|
120
|
+
display: none;
|
|
121
|
+
}
|
|
107
122
|
}
|
|
108
123
|
verdocs-sign .cover {
|
|
109
124
|
top: 0;
|
|
@@ -326,6 +341,9 @@ verdocs-sign .fatal-error p {
|
|
|
326
341
|
align-items: center;
|
|
327
342
|
justify-content: flex-end;
|
|
328
343
|
}
|
|
344
|
+
.controls-toolbar .right-controls .mobile-next-button {
|
|
345
|
+
display: none;
|
|
346
|
+
}
|
|
329
347
|
.controls-toolbar .right-controls .icon-button {
|
|
330
348
|
width: 32px;
|
|
331
349
|
height: 32px;
|
|
@@ -135,6 +135,8 @@ export class VerdocsSign {
|
|
|
135
135
|
}
|
|
136
136
|
async componentDidLoad() {
|
|
137
137
|
var _a, _b, _c, _d, _e, _f;
|
|
138
|
+
this.updateZoomFromWindow();
|
|
139
|
+
window.addEventListener('resize', () => this.updateZoomFromWindow());
|
|
138
140
|
if (!this.envelopeId) {
|
|
139
141
|
(_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));
|
|
140
142
|
return;
|
|
@@ -179,6 +181,22 @@ export class VerdocsSign {
|
|
|
179
181
|
disconnectedCallback() {
|
|
180
182
|
var _a;
|
|
181
183
|
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
184
|
+
window.removeEventListener('resize', () => this.updateZoomFromWindow());
|
|
185
|
+
}
|
|
186
|
+
updateZoomFromWindow() {
|
|
187
|
+
const width = window.innerWidth;
|
|
188
|
+
if (width < 768) {
|
|
189
|
+
if (this.zoomLevel !== 'zoom2')
|
|
190
|
+
this.zoomLevel = 'zoom2';
|
|
191
|
+
}
|
|
192
|
+
else if (width < 1024) {
|
|
193
|
+
if (this.zoomLevel !== 'zoom1')
|
|
194
|
+
this.zoomLevel = 'zoom1';
|
|
195
|
+
}
|
|
196
|
+
else {
|
|
197
|
+
if (this.zoomLevel !== 'normal')
|
|
198
|
+
this.zoomLevel = 'normal';
|
|
199
|
+
}
|
|
182
200
|
}
|
|
183
201
|
setupIntersectionObserver() {
|
|
184
202
|
// We only want to set this up once the elements exist
|
|
@@ -506,7 +524,7 @@ export class VerdocsSign {
|
|
|
506
524
|
if (nextRequiredField) {
|
|
507
525
|
const id = getFieldId(nextRequiredField);
|
|
508
526
|
const el = document.getElementById(id);
|
|
509
|
-
el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
|
|
527
|
+
el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
|
|
510
528
|
el === null || el === void 0 ? void 0 : el.focusField();
|
|
511
529
|
this.focusedField = nextRequiredField.name;
|
|
512
530
|
}
|
|
@@ -772,7 +790,6 @@ export class VerdocsSign {
|
|
|
772
790
|
});
|
|
773
791
|
}
|
|
774
792
|
render() {
|
|
775
|
-
console.log('[SIGN] Render cycle');
|
|
776
793
|
if (this.showLoadError) {
|
|
777
794
|
return (h(Host, null, h("verdocs-ok-dialog", { heading: "Unable to Start Signing", message: `Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`, buttonLabel: "OK", onNext: () => {
|
|
778
795
|
window.location.reload();
|
|
@@ -883,7 +900,7 @@ export class VerdocsSign {
|
|
|
883
900
|
const totalPages = this.envelope.documents.reduce((acc, doc) => acc + doc.pages, 0);
|
|
884
901
|
const pageOptions = integerSequence(1, totalPages).map(p => ({ label: p.toString(), value: p.toString() }));
|
|
885
902
|
let globalPageCounter = 0;
|
|
886
|
-
return (h(Host, null, this.toolbarStyle === 'menu' && (h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater && h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), this.toolbarStyle === 'controls' && (h("div", { class: "controls-toolbar" }, h("div", { class: "left-controls" }, h("div", { class: "title" }, this.envelope.name)), h("div", { class: "center-controls" }, h("span", { class: "label" }, "Page"), h("div", { class: "select-wrapper" }, h("verdocs-select-input", { options: pageOptions, value: this.pageNumber.toString(), onInput: e => this.handlePageSelect(e) })), h("span", { class: "count" }, "of ", totalPages)), h("div", { class: "right-controls" }, h("div", { class: { 'icon-button': true, 'minus': true, 'disabled': this.zoomLevel === 'normal' }, innerHTML: ToolbarMinusIcon, onClick: () => this.handleZoomOut() }), h("div", { class: { 'icon-button': true, 'plus': true, 'disabled': this.zoomLevel === 'zoom2' }, innerHTML: ToolbarPlusIcon, onClick: () => this.handleZoomIn() }), h("div", { class: "icon-button download", innerHTML: ToolbarDownloadIcon, onClick: () => this.handleOptionSelected({ detail: { id: 'download' } }) }), h("div", { class: "icon-button print", innerHTML: ToolbarPrintIcon, onClick: () => this.handleOptionSelected({ detail: { id: 'print' } }) })))), (() => {
|
|
903
|
+
return (h(Host, null, this.toolbarStyle === 'menu' && (h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), !this.finishLater && h("verdocs-button", { size: "xsmall", label: this.nextButtonLabel, disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), this.toolbarStyle === 'controls' && (h("div", { class: "controls-toolbar" }, h("div", { class: "left-controls" }, h("div", { class: "title" }, this.envelope.name)), h("div", { class: "center-controls" }, h("span", { class: "label" }, "Page"), h("div", { class: "select-wrapper" }, h("verdocs-select-input", { options: pageOptions, value: this.pageNumber.toString(), onInput: e => this.handlePageSelect(e) })), h("span", { class: "count" }, "of ", totalPages)), h("div", { class: "right-controls" }, h("verdocs-button", { class: "mobile-next-button", label: this.nextButtonLabel, size: "xsmall", disabled: !this.agreed || this.submitting, onClick: () => this.handleNext() }), h("div", { class: { 'icon-button': true, 'minus': true, 'disabled': this.zoomLevel === 'normal' }, innerHTML: ToolbarMinusIcon, onClick: () => this.handleZoomOut() }), h("div", { class: { 'icon-button': true, 'plus': true, 'disabled': this.zoomLevel === 'zoom2' }, innerHTML: ToolbarPlusIcon, onClick: () => this.handleZoomIn() }), h("div", { class: "icon-button download", innerHTML: ToolbarDownloadIcon, onClick: () => this.handleOptionSelected({ detail: { id: 'download' } }) }), h("div", { class: "icon-button print", innerHTML: ToolbarPrintIcon, onClick: () => this.handleOptionSelected({ detail: { id: 'print' } }) })))), (() => {
|
|
887
904
|
// Dependencies: focusedField, fieldUpdateCounter (to force re-calc)
|
|
888
905
|
// console.log('[SIGN] Render progress', this.focusedField, this.fieldUpdateCounter);
|
|
889
906
|
// Calculate detailed progress
|