@verdocs/web-sdk 4.2.88 → 4.2.94
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/{EnvelopeStore-47a7f67b.js → EnvelopeStore-8ff43359.js} +1 -1
- package/dist/cjs/{TemplateFieldStore-90f4d98b.js → TemplateFieldStore-2ad4a148.js} +1 -2
- package/dist/cjs/{TemplateRoleStore-f3d11184.js → TemplateRoleStore-fe871897.js} +1 -1
- package/dist/cjs/{TemplateStore-eb40fcaf.js → TemplateStore-ea66895c.js} +3 -3
- package/dist/cjs/{index-65257ef5.js → index-a27a7f77.js} +1 -4
- package/dist/cjs/{index-06e6741b.js → index-c12980a1.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{utils-813f2cbf.js → utils-b7682f9b.js} +1 -18
- package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-build.cjs.entry.js +5 -5
- package/dist/cjs/verdocs-button-panel_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-button_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-checkbox_5.cjs.entry.js +5 -5
- package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-dialog.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +10 -52
- package/dist/cjs/verdocs-field-payment.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-kba-dialog.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-loader.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-organization-card_2.cjs.entry.js +19 -17
- package/dist/cjs/verdocs-pagination_2.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-preview_9.cjs.entry.js +6 -6
- package/dist/cjs/verdocs-quick-functions.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +5 -5
- package/dist/cjs/verdocs-search-box.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-sign.cjs.entry.js +18 -16
- package/dist/cjs/verdocs-spinner.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-status-indicator.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-table.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-templates-list.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-toggle.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-view.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-web-sdk.cjs.js +2 -2
- package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +18 -34
- package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +15 -13
- package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +2 -47
- package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +2 -1
- package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +3 -2
- package/dist/collection/utils/TemplateFieldStore.js +0 -1
- package/dist/collection/utils/utils.js +1 -18
- package/dist/components/TemplateFieldStore.js +0 -1
- package/dist/components/utils.js +1 -18
- package/dist/components/verdocs-field-attachment2.js +2 -47
- package/dist/components/verdocs-field-initial2.js +2 -1
- package/dist/components/verdocs-field-signature2.js +3 -2
- package/dist/components/verdocs-portal2.js +19 -18
- package/dist/components/verdocs-sign.js +15 -13
- package/dist/esm/{EnvelopeStore-822889cb.js → EnvelopeStore-27e21856.js} +1 -1
- package/dist/esm/{TemplateFieldStore-6113ab4b.js → TemplateFieldStore-4a2e5b85.js} +1 -2
- package/dist/esm/{TemplateRoleStore-054bd7ed.js → TemplateRoleStore-6d1bec83.js} +1 -1
- package/dist/esm/{TemplateStore-83674f6d.js → TemplateStore-cd995a27.js} +3 -3
- package/dist/esm/{index-d3ac9650.js → index-a68c7262.js} +1 -4
- package/dist/esm/{index-04235019.js → index-a971a584.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{utils-467fcc6a.js → utils-7b0b77d8.js} +1 -18
- package/dist/esm/verdocs-auth.entry.js +1 -1
- package/dist/esm/verdocs-build.entry.js +5 -5
- package/dist/esm/verdocs-button-panel_2.entry.js +1 -1
- package/dist/esm/verdocs-button_2.entry.js +1 -1
- package/dist/esm/verdocs-checkbox_5.entry.js +5 -5
- package/dist/esm/verdocs-contact-picker_2.entry.js +2 -2
- package/dist/esm/verdocs-dialog.entry.js +1 -1
- package/dist/esm/verdocs-dropdown.entry.js +1 -1
- package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
- package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +3 -3
- package/dist/esm/verdocs-envelope-sidebar.entry.js +3 -3
- package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
- package/dist/esm/verdocs-field-attachment_13.entry.js +11 -53
- package/dist/esm/verdocs-field-payment.entry.js +4 -4
- package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm/verdocs-kba-dialog.entry.js +1 -1
- package/dist/esm/verdocs-loader.entry.js +1 -1
- package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
- package/dist/esm/verdocs-organization-card_2.entry.js +19 -17
- package/dist/esm/verdocs-pagination_2.entry.js +2 -2
- package/dist/esm/verdocs-preview_9.entry.js +6 -6
- package/dist/esm/verdocs-quick-functions.entry.js +1 -1
- package/dist/esm/verdocs-radio-button_3.entry.js +5 -5
- package/dist/esm/verdocs-search-box.entry.js +1 -1
- package/dist/esm/verdocs-search-tabs.entry.js +1 -1
- package/dist/esm/verdocs-sign.entry.js +18 -16
- package/dist/esm/verdocs-spinner.entry.js +1 -1
- package/dist/esm/verdocs-status-indicator.entry.js +1 -1
- package/dist/esm/verdocs-table.entry.js +1 -1
- package/dist/esm/verdocs-template-card.entry.js +1 -1
- package/dist/esm/verdocs-template-document-page_2.entry.js +4 -4
- package/dist/esm/verdocs-template-star.entry.js +1 -1
- package/dist/esm/verdocs-template-tags.entry.js +1 -1
- package/dist/esm/verdocs-templates-list.entry.js +1 -1
- package/dist/esm/verdocs-toggle.entry.js +1 -1
- package/dist/esm/verdocs-view.entry.js +2 -2
- package/dist/esm/verdocs-web-sdk.js +3 -3
- package/dist/esm-es5/{EnvelopeStore-822889cb.js → EnvelopeStore-27e21856.js} +1 -1
- package/dist/esm-es5/{TemplateFieldStore-6113ab4b.js → TemplateFieldStore-4a2e5b85.js} +1 -1
- package/dist/esm-es5/{TemplateRoleStore-054bd7ed.js → TemplateRoleStore-6d1bec83.js} +1 -1
- package/dist/esm-es5/{TemplateStore-83674f6d.js → TemplateStore-cd995a27.js} +1 -1
- package/dist/esm-es5/index-a68c7262.js +1 -0
- package/dist/esm-es5/{index-04235019.js → index-a971a584.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{utils-467fcc6a.js → utils-7b0b77d8.js} +1 -1
- package/dist/esm-es5/verdocs-auth.entry.js +1 -1
- package/dist/esm-es5/verdocs-build.entry.js +1 -1
- package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-button_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-checkbox_5.entry.js +1 -1
- package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-dialog.entry.js +1 -1
- package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
- package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
- package/dist/esm-es5/verdocs-loader.entry.js +1 -1
- package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
- package/dist/esm-es5/verdocs-organization-card_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-preview_9.entry.js +1 -1
- package/dist/esm-es5/verdocs-quick-functions.entry.js +1 -1
- package/dist/esm-es5/verdocs-radio-button_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-search-box.entry.js +1 -1
- package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-spinner.entry.js +1 -1
- package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
- package/dist/esm-es5/verdocs-table.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
- package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
- package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
- package/dist/esm-es5/verdocs-view.entry.js +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/controls/verdocs-portal/verdocs-portal.d.ts +0 -4
- package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts +1 -1
- package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +0 -4
- package/dist/types/components.d.ts +0 -8
- package/dist/verdocs-web-sdk/{p-5c614b25.system.entry.js → p-00828859.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7f3d895b.entry.js → p-04e53cb3.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-35e7051c.system.entry.js → p-0833c8d4.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b62aeeda.entry.js → p-08d272d2.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5473bbd9.entry.js → p-0b061610.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-bb73f4d8.system.entry.js → p-0eeaf11d.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c86983bc.js → p-1289c3d5.js} +1 -1
- package/dist/verdocs-web-sdk/{p-56adb753.entry.js → p-1500a477.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e41fa435.system.entry.js → p-17930b47.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-69176f56.entry.js → p-18cdd0d8.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-95aa88de.system.entry.js → p-18dd4952.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-d1a1ffaf.entry.js → p-233c47c9.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-267df026.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-574853d0.entry.js → p-27d94737.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-57ce9e5a.system.entry.js → p-281ce405.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-921a282f.system.entry.js → p-286a97a7.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-25c7a632.entry.js → p-2a0d1b6e.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-40880f27.entry.js → p-2c2a9483.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-808697ac.system.js → p-2cf67caa.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-96e26aea.entry.js → p-2f191d39.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7a43f055.entry.js → p-3514f40b.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e339ebc4.system.js → p-38778553.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-f5cac080.entry.js → p-38ab701b.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7ca7ef58.system.entry.js → p-42a3802e.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-89ccf031.js → p-4372c294.js} +1 -1
- package/dist/verdocs-web-sdk/{p-12264105.system.entry.js → p-4475c970.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c0d3c96f.entry.js → p-44dad7e0.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-916a38e8.system.entry.js → p-44ef8fc5.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e744e6c8.system.entry.js → p-4bf58d00.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-bd596213.system.entry.js → p-4dcd1005.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-5207d80c.js +2 -0
- package/dist/verdocs-web-sdk/{p-e5a426c4.system.js → p-59073837.system.js} +2 -2
- package/dist/verdocs-web-sdk/{p-abeb53f5.entry.js → p-5b511018.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5a4950f1.system.entry.js → p-5c0c042d.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-4275b4b5.system.entry.js → p-5c50ce79.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-0f6f5c51.system.entry.js → p-6589d38a.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-124d8ec6.system.entry.js → p-6bcdfa4f.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-0085540e.system.js → p-701b9cbd.system.js} +1 -1
- package/dist/verdocs-web-sdk/p-73f2e118.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-7778c24f.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-4de823b1.entry.js → p-7f52a1c4.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-6ce8381c.js → p-83317d11.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9a8c90f4.system.js → p-86ccc8c9.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-2ac3b1ce.entry.js → p-8b74ca77.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9034d0c7.entry.js → p-94852d77.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9df7c5b4.entry.js → p-965631d9.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-9753694a.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-8efd4efc.entry.js → p-9ad111fc.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-17c111cb.system.entry.js → p-9b3bebba.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-ef79cbed.entry.js → p-9cde1db5.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5041f47d.system.entry.js → p-9ddaf09d.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-d812d374.js → p-9e371467.js} +1 -1
- package/dist/verdocs-web-sdk/p-a1bff034.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-12a2b8bb.system.entry.js → p-a324eeca.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b2cf2cce.system.entry.js → p-a4a60476.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-877e9b3f.system.entry.js → p-a764d4cd.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-87c0f26b.entry.js → p-a87190ad.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a5875fbf.entry.js → p-aad40b41.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-3e4d4e20.system.entry.js → p-b055bec1.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e66e59d7.system.entry.js → p-b426caa8.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-00db42e2.system.entry.js → p-b743f246.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b804950e.entry.js → p-b7a0a567.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-04b24f21.entry.js → p-ba8fc3fc.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-218a16f9.system.entry.js → p-bb315de2.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-15aa84ea.system.entry.js → p-bbdc81d5.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-252a42c7.system.entry.js → p-be2431ed.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-c74b4f50.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-db46606c.entry.js → p-c8e439cc.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a0849dc6.system.entry.js → p-c9b00253.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-2a43465a.entry.js → p-ce085249.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b7030c25.system.entry.js → p-cea2766d.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5180a854.system.js → p-d3b5c957.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-59fa9d51.entry.js → p-d55b1490.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-679639b1.system.entry.js → p-d754b3d1.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a9a20b20.entry.js → p-d80305c3.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-78d37e83.system.entry.js → p-d971f8f0.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-d9e1e5dc.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-048107b2.entry.js → p-dc307e81.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-80820f5a.entry.js → p-dc4a5bc3.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-ddb7eb02.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-c6d79a0d.entry.js → p-de1f949a.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-2819b713.system.entry.js → p-e331a1ad.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a0839ea6.system.entry.js → p-e8dd697f.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-f4688962.js → p-ed199c97.js} +1 -1
- package/dist/verdocs-web-sdk/{p-58071af4.system.entry.js → p-f1a49237.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-ff64786a.js +1 -0
- package/dist/verdocs-web-sdk/{p-6ecdfe5f.entry.js → p-ffbfc227.entry.js} +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.js +1 -1
- package/package.json +2 -2
- package/dist/custom-elements.json +0 -2009
- package/dist/esm-es5/index-d3ac9650.js +0 -1
- package/dist/verdocs-web-sdk/p-1cc7b032.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-34325ad6.system.js +0 -1
- package/dist/verdocs-web-sdk/p-60e4721d.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-67a42e2b.js +0 -2
- package/dist/verdocs-web-sdk/p-6ac15c93.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a801699f.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-b241b339.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-d2ad8536.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f0386b87.system.js +0 -1
- package/dist/verdocs-web-sdk/p-fdf18146.js +0 -1
@@ -24,7 +24,6 @@ export class VerdocsPortal {
|
|
24
24
|
this.moved = false;
|
25
25
|
this.anchor = undefined;
|
26
26
|
this.voffset = 0;
|
27
|
-
this.align = 'left';
|
28
27
|
}
|
29
28
|
handleScroll() {
|
30
29
|
this.calculatePosition();
|
@@ -39,24 +38,33 @@ export class VerdocsPortal {
|
|
39
38
|
}
|
40
39
|
}
|
41
40
|
calculateLeft() {
|
41
|
+
var _a;
|
42
42
|
const anchorEl = document.getElementById(this.anchor);
|
43
43
|
if (!anchorEl)
|
44
44
|
return 0;
|
45
45
|
const anchorRect = anchorEl.getBoundingClientRect();
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
46
|
+
const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;
|
47
|
+
const leftOfPopup = Math.max(anchorRect.left, 0);
|
48
|
+
// Old centering logic, disabled temporarily
|
49
|
+
// Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);
|
50
|
+
// Old right-align logic, disabled temporarily
|
51
|
+
// Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
|
52
|
+
const popupWidth = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 400;
|
53
|
+
const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;
|
54
|
+
console.log('Portal', { leftOfPopup, offRightEdge, popupWidth, rightOfViewportWithScroll });
|
55
|
+
return offRightEdge ? leftOfPopup - popupWidth : leftOfPopup;
|
53
56
|
}
|
54
57
|
calculateTop() {
|
58
|
+
var _a;
|
55
59
|
const anchorEl = document.getElementById(this.anchor);
|
56
60
|
if (!anchorEl)
|
57
61
|
return 0;
|
58
62
|
const anchorRect = anchorEl.getBoundingClientRect();
|
59
|
-
|
63
|
+
const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;
|
64
|
+
const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
|
65
|
+
const popupHeight = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 300;
|
66
|
+
const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;
|
67
|
+
return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;
|
60
68
|
}
|
61
69
|
calculatePosition() {
|
62
70
|
this.portal.style.top = `${this.calculateTop()}px`;
|
@@ -71,12 +79,6 @@ export class VerdocsPortal {
|
|
71
79
|
this.portal.style.zIndex = Z_INDEX;
|
72
80
|
this.portal.style.position = 'absolute';
|
73
81
|
document.body.append(this.portal);
|
74
|
-
// function debounce(method, delay) {
|
75
|
-
// clearTimeout(method._tId);
|
76
|
-
// method._tId = setTimeout(function () {
|
77
|
-
// method();
|
78
|
-
// }, delay);
|
79
|
-
// }
|
80
82
|
}
|
81
83
|
componentDidLoad() {
|
82
84
|
this.portal.appendChild(this.element);
|
@@ -86,7 +88,7 @@ export class VerdocsPortal {
|
|
86
88
|
this.moved ? this.portal.remove() : (this.moved = true);
|
87
89
|
}
|
88
90
|
render() {
|
89
|
-
return (h(Host, { key: '
|
91
|
+
return (h(Host, { key: 'a69b388835d23116fdab01d461c2a6c6c1cd3dd8', ref: el => (this.element = el) }, h("slot", { key: '93b7a1bfae1c721b85291270aabf1953cb5d72ea' })));
|
90
92
|
}
|
91
93
|
static get is() { return "verdocs-portal"; }
|
92
94
|
static get originalStyleUrls() {
|
@@ -135,24 +137,6 @@ export class VerdocsPortal {
|
|
135
137
|
"attribute": "voffset",
|
136
138
|
"reflect": false,
|
137
139
|
"defaultValue": "0"
|
138
|
-
},
|
139
|
-
"align": {
|
140
|
-
"type": "string",
|
141
|
-
"mutable": false,
|
142
|
-
"complexType": {
|
143
|
-
"original": "'left' | 'center' | 'right'",
|
144
|
-
"resolved": "\"center\" | \"left\" | \"right\"",
|
145
|
-
"references": {}
|
146
|
-
},
|
147
|
-
"required": false,
|
148
|
-
"optional": false,
|
149
|
-
"docs": {
|
150
|
-
"tags": [],
|
151
|
-
"text": "Horizontal alignment."
|
152
|
-
},
|
153
|
-
"attribute": "align",
|
154
|
-
"reflect": false,
|
155
|
-
"defaultValue": "'left'"
|
156
140
|
}
|
157
141
|
};
|
158
142
|
}
|
@@ -67,7 +67,7 @@ export class VerdocsSign {
|
|
67
67
|
this.endpoint = new VerdocsEndpoint({ sessionType: 'signing' });
|
68
68
|
}
|
69
69
|
}
|
70
|
-
async
|
70
|
+
async componentDidLoad() {
|
71
71
|
var _a, _b, _c, _d, _e, _f, _g;
|
72
72
|
if (!this.envelopeId) {
|
73
73
|
(_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));
|
@@ -83,16 +83,13 @@ export class VerdocsSign {
|
|
83
83
|
}
|
84
84
|
try {
|
85
85
|
console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
|
86
|
-
const { envelope,
|
87
|
-
|
88
|
-
console.log(`[SIGN] Loaded signing session`, envelope, recipient, access_token);
|
86
|
+
const { envelope, recipient } = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
|
87
|
+
console.log(`[SIGN] Loaded signing session`, envelope, recipient);
|
89
88
|
this.recipient = recipient;
|
90
|
-
|
91
|
-
this.endpoint.setToken(access_token);
|
89
|
+
this.envelope = envelope;
|
92
90
|
if (this.agreed) {
|
93
91
|
this.nextButtonLabel = 'Next';
|
94
92
|
}
|
95
|
-
this.envelope = envelope;
|
96
93
|
createTemplateFieldStoreFromEnvelope(this.envelope);
|
97
94
|
this.sortedRecipients = [...this.envelope.recipients];
|
98
95
|
this.sortedRecipients.sort((a, b) => {
|
@@ -106,10 +103,9 @@ export class VerdocsSign {
|
|
106
103
|
if (this.recipientIndex > -1) {
|
107
104
|
this.recipient = this.sortedRecipients[this.recipientIndex];
|
108
105
|
this.agreed = this.recipient.agreed;
|
109
|
-
console.log('[SIGN] Found our recipient in the envelope', this.recipientIndex, this.recipient);
|
110
106
|
}
|
111
107
|
else {
|
112
|
-
console.
|
108
|
+
console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);
|
113
109
|
}
|
114
110
|
this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);
|
115
111
|
this.checkRecipientFields();
|
@@ -192,6 +188,7 @@ export class VerdocsSign {
|
|
192
188
|
this.getRecipientFields().forEach(oldField => {
|
193
189
|
if (oldField.name === fieldName) {
|
194
190
|
oldField.value = updateResult.value;
|
191
|
+
oldField.settings = updateResult.settings;
|
195
192
|
updateDocumentFieldValue(oldField);
|
196
193
|
this.checkRecipientFields();
|
197
194
|
}
|
@@ -284,8 +281,9 @@ export class VerdocsSign {
|
|
284
281
|
return value !== '';
|
285
282
|
}
|
286
283
|
case 'signature':
|
284
|
+
return value === 'signed';
|
287
285
|
case 'initial':
|
288
|
-
return value
|
286
|
+
return value === 'initialed';
|
289
287
|
// Timestamp fields get automatically filled when the envelope is submitted.
|
290
288
|
case 'timestamp':
|
291
289
|
return true;
|
@@ -441,6 +439,7 @@ export class VerdocsSign {
|
|
441
439
|
// NOTE: We don't filter on pageNumber here because we need the position in the
|
442
440
|
// entire list to set the tabIndex.
|
443
441
|
const recipientFields = this.getSortedFillableFields();
|
442
|
+
console.log('Recipient fields', recipientFields);
|
444
443
|
// this.getRecipientFields().filter(field => field.page === pageInfo.pageNumber);
|
445
444
|
// First render the fields for the signer
|
446
445
|
// Also show field placeholders for other signers who have yet to act
|
@@ -450,6 +449,9 @@ export class VerdocsSign {
|
|
450
449
|
if (field.page !== pageInfo.pageNumber) {
|
451
450
|
return;
|
452
451
|
}
|
452
|
+
if (field.type === 'signature') {
|
453
|
+
console.log('rendering', field);
|
454
|
+
}
|
453
455
|
const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
|
454
456
|
if (!el) {
|
455
457
|
return;
|
@@ -492,7 +494,7 @@ export class VerdocsSign {
|
|
492
494
|
this.isDone = true;
|
493
495
|
} })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
|
494
496
|
}
|
495
|
-
return (h(Host, { class: { agreed: this.agreed } }, 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.agreed && !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), this.agreed && (h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
|
497
|
+
return (h(Host, { class: { agreed: this.agreed } }, 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.agreed && !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), this.agreed && (h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), this.agreed && (h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
|
496
498
|
const pageNumbers = integerSequence(1, envelopeDocument.pages);
|
497
499
|
return (h(Fragment, null, pageNumbers.map(pageNumber => {
|
498
500
|
// In signing mode we show the original template page with all the recipient fields so we can show source formatting and
|
@@ -508,7 +510,7 @@ export class VerdocsSign {
|
|
508
510
|
{ name: 'controls', type: 'div' },
|
509
511
|
] }));
|
510
512
|
})));
|
511
|
-
})), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
|
513
|
+
}))), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
|
512
514
|
this.showDone = false;
|
513
515
|
this.isDone = true;
|
514
516
|
} })), this.showLoadError && (h("verdocs-ok-dialog", { heading: "Error Loading Document", message: `Please check with the sender to ensure it has not been canceled, and try again later.`, buttonLabel: "Retry", onNext: () => {
|
@@ -531,7 +533,7 @@ export class VerdocsSign {
|
|
531
533
|
return {
|
532
534
|
"endpoint": {
|
533
535
|
"type": "unknown",
|
534
|
-
"mutable":
|
536
|
+
"mutable": true,
|
535
537
|
"complexType": {
|
536
538
|
"original": "VerdocsEndpoint",
|
537
539
|
"resolved": "VerdocsEndpoint",
|
package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js
CHANGED
@@ -1,7 +1,6 @@
|
|
1
|
-
import
|
2
|
-
import { getRGBA, VerdocsEndpoint, updateField } from "@verdocs/js-sdk";
|
1
|
+
import { getRGBA, VerdocsEndpoint } from "@verdocs/js-sdk";
|
3
2
|
import { h, Host, Fragment } from "@stencil/core";
|
4
|
-
import { getTemplateFieldStore
|
3
|
+
import { getTemplateFieldStore } from "../../../utils/TemplateFieldStore";
|
5
4
|
import { getRoleIndex, getTemplateRoleStore } from "../../../utils/TemplateRoleStore";
|
6
5
|
import { SettingsIcon } from "../../../utils/Icons";
|
7
6
|
const PaperclipIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;
|
@@ -45,50 +44,6 @@ export class VerdocsFieldAttachment {
|
|
45
44
|
this.fieldStore = getTemplateFieldStore(this.templateid);
|
46
45
|
this.roleStore = getTemplateRoleStore(this.templateid);
|
47
46
|
}
|
48
|
-
componentDidRender() {
|
49
|
-
interact.dynamicDrop(true);
|
50
|
-
if (this.editable) {
|
51
|
-
interact(this.el).resizable({
|
52
|
-
edges: { top: false, bottom: false, left: true, right: true },
|
53
|
-
listeners: {
|
54
|
-
start: this.handleResizeStart.bind(this),
|
55
|
-
move: this.handleResize.bind(this),
|
56
|
-
end: this.handleResizeEnd.bind(this),
|
57
|
-
},
|
58
|
-
});
|
59
|
-
}
|
60
|
-
}
|
61
|
-
handleResizeStart(e) {
|
62
|
-
e.preventDefault();
|
63
|
-
e.stopPropagation();
|
64
|
-
}
|
65
|
-
handleResize(e) {
|
66
|
-
let { x = 0, y = 0, h = 0 } = e.target.dataset;
|
67
|
-
let { width, height } = e.rect;
|
68
|
-
x = (parseFloat(x) || 0) + e.deltaRect.left;
|
69
|
-
y = (parseFloat(y) || 0) + e.deltaRect.top;
|
70
|
-
h = (parseFloat(h) || 0) + e.deltaRect.height;
|
71
|
-
width /= this.xscale;
|
72
|
-
height /= this.yscale;
|
73
|
-
Object.assign(e.target.style, {
|
74
|
-
width: `${width}px`,
|
75
|
-
height: `${height}px`,
|
76
|
-
transform: `scale(${this.xscale}, ${this.yscale}); translate(${x}px, ${y + h}px)`,
|
77
|
-
});
|
78
|
-
Object.assign(e.target.dataset, { x, y, h });
|
79
|
-
}
|
80
|
-
handleResizeEnd(e) {
|
81
|
-
const width = Math.round(parseFloat(e.target.style.width));
|
82
|
-
const height = Math.round(parseFloat(e.target.style.height));
|
83
|
-
updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
|
84
|
-
.then(field => {
|
85
|
-
var _a;
|
86
|
-
updateStoreField(this.fieldStore, this.fieldname, field);
|
87
|
-
(_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, field });
|
88
|
-
Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
|
89
|
-
})
|
90
|
-
.catch(e => console.log('Field update failed', e));
|
91
|
-
}
|
92
47
|
handleShow() {
|
93
48
|
this.dialog = document.createElement('verdocs-upload-dialog');
|
94
49
|
this.dialog.open = true;
|
@@ -75,11 +75,12 @@ export class VerdocsFieldInitial {
|
|
75
75
|
const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
|
76
76
|
const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
|
77
77
|
const { required = false, role_name = '', value = '', label = '' } = field || {};
|
78
|
+
const { base64 } = field.settings || {};
|
78
79
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
79
80
|
if (done) {
|
80
81
|
return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Initial" }));
|
81
82
|
}
|
82
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label),
|
83
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Initial" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Initial"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
83
84
|
e.stopPropagation();
|
84
85
|
this.showingProperties = !this.showingProperties;
|
85
86
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
|
package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js
CHANGED
@@ -76,11 +76,12 @@ export class VerdocsFieldSignature {
|
|
76
76
|
const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
|
77
77
|
const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
|
78
78
|
const { required = false, role_name = '', value = '', label = '' } = field || {};
|
79
|
+
const { base64 } = field.settings || {};
|
79
80
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
80
81
|
if (done) {
|
81
|
-
return h(Host, { class: { done } }, value && h("img", { src:
|
82
|
+
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
|
82
83
|
}
|
83
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label),
|
84
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
84
85
|
e.stopPropagation();
|
85
86
|
this.showingProperties = !this.showingProperties;
|
86
87
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
|
@@ -19,7 +19,6 @@ export const createTemplateFieldStoreFromEnvelope = (envelope) => {
|
|
19
19
|
templateFieldStores[envelope.template_id] = store;
|
20
20
|
}
|
21
21
|
else {
|
22
|
-
console.log('Resetting field store for envelope', envelope.id, envelope.template_id);
|
23
22
|
store.reset();
|
24
23
|
}
|
25
24
|
store.set('fields', [...envelope.fields]);
|
@@ -57,32 +57,15 @@ export const defaultHeight = (type) => {
|
|
57
57
|
};
|
58
58
|
export const setControlStyles = (el, field, xScale, yScale) => {
|
59
59
|
let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
|
60
|
-
// const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
|
61
|
-
// const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
|
62
|
-
// if (optionSettings) {
|
63
|
-
// x = optionSettings.x ?? x;
|
64
|
-
// y = optionSettings.y ?? y;
|
65
|
-
// width = optionSettings.width ?? width;
|
66
|
-
// height = optionSettings.height ?? height;
|
67
|
-
// }
|
68
60
|
el.style.width = `${width}px`;
|
69
61
|
el.style.height = `${height}px`;
|
70
62
|
el.style.position = 'absolute';
|
71
63
|
el.style.left = `${rescale(xScale, x)}px`;
|
72
64
|
el.style.bottom = `${rescale(yScale, y)}px`;
|
73
65
|
el.style.transform = `scale(${xScale}, ${yScale})`;
|
74
|
-
// el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);
|
75
66
|
};
|
76
67
|
export const getControlStyles = (field, xScale, yScale) => {
|
77
68
|
let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
|
78
|
-
// const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
|
79
|
-
// const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
|
80
|
-
// if (optionSettings) {
|
81
|
-
// x = optionSettings.x ?? x;
|
82
|
-
// y = optionSettings.y ?? y;
|
83
|
-
// width = optionSettings.width ?? width;
|
84
|
-
// height = optionSettings.height ?? height;
|
85
|
-
// }
|
86
69
|
return {
|
87
70
|
width: `${width}px`,
|
88
71
|
height: `${height}px`,
|
@@ -116,7 +99,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
|
|
116
99
|
console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
|
117
100
|
return;
|
118
101
|
}
|
119
|
-
console.log('[renderDocumentField] Rendering field', field);
|
102
|
+
// console.log('[renderDocumentField] Rendering field', field);
|
120
103
|
switch (field.type) {
|
121
104
|
case 'attachment':
|
122
105
|
case 'date':
|
@@ -20,7 +20,6 @@ const createTemplateFieldStoreFromEnvelope = (envelope) => {
|
|
20
20
|
templateFieldStores[envelope.template_id] = store;
|
21
21
|
}
|
22
22
|
else {
|
23
|
-
console.log('Resetting field store for envelope', envelope.id, envelope.template_id);
|
24
23
|
store.reset();
|
25
24
|
}
|
26
25
|
store.set('fields', [...envelope.fields]);
|
package/dist/components/utils.js
CHANGED
@@ -78,32 +78,15 @@ const defaultHeight = (type) => {
|
|
78
78
|
};
|
79
79
|
const setControlStyles = (el, field, xScale, yScale) => {
|
80
80
|
let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
|
81
|
-
// const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
|
82
|
-
// const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
|
83
|
-
// if (optionSettings) {
|
84
|
-
// x = optionSettings.x ?? x;
|
85
|
-
// y = optionSettings.y ?? y;
|
86
|
-
// width = optionSettings.width ?? width;
|
87
|
-
// height = optionSettings.height ?? height;
|
88
|
-
// }
|
89
81
|
el.style.width = `${width}px`;
|
90
82
|
el.style.height = `${height}px`;
|
91
83
|
el.style.position = 'absolute';
|
92
84
|
el.style.left = `${rescale(xScale, x)}px`;
|
93
85
|
el.style.bottom = `${rescale(yScale, y)}px`;
|
94
86
|
el.style.transform = `scale(${xScale}, ${yScale})`;
|
95
|
-
// el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);
|
96
87
|
};
|
97
88
|
const getControlStyles = (field, xScale, yScale) => {
|
98
89
|
let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
|
99
|
-
// const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
|
100
|
-
// const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
|
101
|
-
// if (optionSettings) {
|
102
|
-
// x = optionSettings.x ?? x;
|
103
|
-
// y = optionSettings.y ?? y;
|
104
|
-
// width = optionSettings.width ?? width;
|
105
|
-
// height = optionSettings.height ?? height;
|
106
|
-
// }
|
107
90
|
return {
|
108
91
|
width: `${width}px`,
|
109
92
|
height: `${height}px`,
|
@@ -137,7 +120,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
|
|
137
120
|
console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
|
138
121
|
return;
|
139
122
|
}
|
140
|
-
console.log('[renderDocumentField] Rendering field', field);
|
123
|
+
// console.log('[renderDocumentField] Rendering field', field);
|
141
124
|
switch (field.type) {
|
142
125
|
case 'attachment':
|
143
126
|
case 'date':
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
|
2
|
+
import { VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
|
3
|
+
import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
|
5
4
|
import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
|
6
5
|
import { S as SettingsIcon } from './Icons.js';
|
7
6
|
import { d as defineCustomElement$9 } from './verdocs-button2.js';
|
@@ -60,50 +59,6 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
|
|
60
59
|
this.fieldStore = getTemplateFieldStore(this.templateid);
|
61
60
|
this.roleStore = getTemplateRoleStore(this.templateid);
|
62
61
|
}
|
63
|
-
componentDidRender() {
|
64
|
-
interact.dynamicDrop(true);
|
65
|
-
if (this.editable) {
|
66
|
-
interact(this.el).resizable({
|
67
|
-
edges: { top: false, bottom: false, left: true, right: true },
|
68
|
-
listeners: {
|
69
|
-
start: this.handleResizeStart.bind(this),
|
70
|
-
move: this.handleResize.bind(this),
|
71
|
-
end: this.handleResizeEnd.bind(this),
|
72
|
-
},
|
73
|
-
});
|
74
|
-
}
|
75
|
-
}
|
76
|
-
handleResizeStart(e) {
|
77
|
-
e.preventDefault();
|
78
|
-
e.stopPropagation();
|
79
|
-
}
|
80
|
-
handleResize(e) {
|
81
|
-
let { x = 0, y = 0, h = 0 } = e.target.dataset;
|
82
|
-
let { width, height } = e.rect;
|
83
|
-
x = (parseFloat(x) || 0) + e.deltaRect.left;
|
84
|
-
y = (parseFloat(y) || 0) + e.deltaRect.top;
|
85
|
-
h = (parseFloat(h) || 0) + e.deltaRect.height;
|
86
|
-
width /= this.xscale;
|
87
|
-
height /= this.yscale;
|
88
|
-
Object.assign(e.target.style, {
|
89
|
-
width: `${width}px`,
|
90
|
-
height: `${height}px`,
|
91
|
-
transform: `scale(${this.xscale}, ${this.yscale}); translate(${x}px, ${y + h}px)`,
|
92
|
-
});
|
93
|
-
Object.assign(e.target.dataset, { x, y, h });
|
94
|
-
}
|
95
|
-
handleResizeEnd(e) {
|
96
|
-
const width = Math.round(parseFloat(e.target.style.width));
|
97
|
-
const height = Math.round(parseFloat(e.target.style.height));
|
98
|
-
updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
|
99
|
-
.then(field => {
|
100
|
-
var _a;
|
101
|
-
updateStoreField(this.fieldStore, this.fieldname, field);
|
102
|
-
(_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, field });
|
103
|
-
Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
|
104
|
-
})
|
105
|
-
.catch(e => console.log('Field update failed', e));
|
106
|
-
}
|
107
62
|
handleShow() {
|
108
63
|
this.dialog = document.createElement('verdocs-upload-dialog');
|
109
64
|
this.dialog.open = true;
|
@@ -87,11 +87,12 @@ const VerdocsFieldInitial = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldI
|
|
87
87
|
const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
|
88
88
|
const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
|
89
89
|
const { required = false, role_name = '', value = '', label = '' } = field || {};
|
90
|
+
const { base64 } = field.settings || {};
|
90
91
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
91
92
|
if (done) {
|
92
93
|
return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Initial" }));
|
93
94
|
}
|
94
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label),
|
95
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Initial" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Initial"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
95
96
|
e.stopPropagation();
|
96
97
|
this.showingProperties = !this.showingProperties;
|
97
98
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
|
@@ -86,11 +86,12 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
|
|
86
86
|
const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
|
87
87
|
const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
|
88
88
|
const { required = false, role_name = '', value = '', label = '' } = field || {};
|
89
|
+
const { base64 } = field.settings || {};
|
89
90
|
const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
|
90
91
|
if (done) {
|
91
|
-
return h(Host, { class: { done } }, value && h("img", { src:
|
92
|
+
return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
|
92
93
|
}
|
93
|
-
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label),
|
94
|
+
return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
|
94
95
|
e.stopPropagation();
|
95
96
|
this.showingProperties = !this.showingProperties;
|
96
97
|
} }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
|
@@ -12,7 +12,6 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
|
|
12
12
|
this.moved = false;
|
13
13
|
this.anchor = undefined;
|
14
14
|
this.voffset = 0;
|
15
|
-
this.align = 'left';
|
16
15
|
}
|
17
16
|
handleScroll() {
|
18
17
|
this.calculatePosition();
|
@@ -27,24 +26,33 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
|
|
27
26
|
}
|
28
27
|
}
|
29
28
|
calculateLeft() {
|
29
|
+
var _a;
|
30
30
|
const anchorEl = document.getElementById(this.anchor);
|
31
31
|
if (!anchorEl)
|
32
32
|
return 0;
|
33
33
|
const anchorRect = anchorEl.getBoundingClientRect();
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
34
|
+
const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;
|
35
|
+
const leftOfPopup = Math.max(anchorRect.left, 0);
|
36
|
+
// Old centering logic, disabled temporarily
|
37
|
+
// Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);
|
38
|
+
// Old right-align logic, disabled temporarily
|
39
|
+
// Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
|
40
|
+
const popupWidth = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 400;
|
41
|
+
const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;
|
42
|
+
console.log('Portal', { leftOfPopup, offRightEdge, popupWidth, rightOfViewportWithScroll });
|
43
|
+
return offRightEdge ? leftOfPopup - popupWidth : leftOfPopup;
|
41
44
|
}
|
42
45
|
calculateTop() {
|
46
|
+
var _a;
|
43
47
|
const anchorEl = document.getElementById(this.anchor);
|
44
48
|
if (!anchorEl)
|
45
49
|
return 0;
|
46
50
|
const anchorRect = anchorEl.getBoundingClientRect();
|
47
|
-
|
51
|
+
const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;
|
52
|
+
const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
|
53
|
+
const popupHeight = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 300;
|
54
|
+
const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;
|
55
|
+
return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;
|
48
56
|
}
|
49
57
|
calculatePosition() {
|
50
58
|
this.portal.style.top = `${this.calculateTop()}px`;
|
@@ -59,12 +67,6 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
|
|
59
67
|
this.portal.style.zIndex = Z_INDEX;
|
60
68
|
this.portal.style.position = 'absolute';
|
61
69
|
document.body.append(this.portal);
|
62
|
-
// function debounce(method, delay) {
|
63
|
-
// clearTimeout(method._tId);
|
64
|
-
// method._tId = setTimeout(function () {
|
65
|
-
// method();
|
66
|
-
// }, delay);
|
67
|
-
// }
|
68
70
|
}
|
69
71
|
componentDidLoad() {
|
70
72
|
this.portal.appendChild(this.element);
|
@@ -74,13 +76,12 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
|
|
74
76
|
this.moved ? this.portal.remove() : (this.moved = true);
|
75
77
|
}
|
76
78
|
render() {
|
77
|
-
return (h(Host, { key: '
|
79
|
+
return (h(Host, { key: 'a69b388835d23116fdab01d461c2a6c6c1cd3dd8', ref: el => (this.element = el) }, h("slot", { key: '93b7a1bfae1c721b85291270aabf1953cb5d72ea' })));
|
78
80
|
}
|
79
81
|
static get style() { return VerdocsPortalStyle0; }
|
80
82
|
}, [4, "verdocs-portal", {
|
81
83
|
"anchor": [1],
|
82
|
-
"voffset": [2]
|
83
|
-
"align": [1]
|
84
|
+
"voffset": [2]
|
84
85
|
}, [[11, "scroll", "handleScroll"], [9, "resize", "handleResize"], [4, "click", "handleClick"]]]);
|
85
86
|
function defineCustomElement() {
|
86
87
|
if (typeof customElements === "undefined") {
|