@verdocs/web-sdk 1.15.0 → 1.15.2
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/{TemplateStore-19f84862.js → TemplateStore-a7745f0a.js} +2 -2
- package/dist/cjs/Templates-6fb62dcd.js +175 -0
- package/dist/cjs/{VerdocsEndpoint-f2af9468.js → VerdocsEndpoint-cb0b1329.js} +108 -2
- package/dist/cjs/{index-7c19ba1d.js → index-961181ce.js} +37 -602
- package/dist/cjs/index-db620f37.js +575 -0
- package/dist/cjs/ipc-test.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-2eefb975.js → utils-67dac0c3.js} +14 -3
- package/dist/cjs/verdocs-activity-box.cjs.entry.js +44 -3
- package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-build.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-button-panel_3.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-contact-picker.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +95 -82
- package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-date.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-initial.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-payment.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-signature.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-field-textarea.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-field-textbox.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +3 -2
- package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-organization-card.cjs.entry.js +2 -1
- package/dist/cjs/verdocs-pagination_3.cjs.entry.js +169 -0
- package/dist/cjs/verdocs-preview.cjs.entry.js +6 -5
- package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-send.cjs.entry.js +6 -5
- package/dist/cjs/verdocs-sign.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-status-indicator.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +6 -5
- package/dist/cjs/verdocs-template-name.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-template-reminders.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-template-star.cjs.entry.js +67 -0
- package/dist/cjs/verdocs-template-visibility.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-templates-list.cjs.entry.js +681 -53
- package/dist/cjs/verdocs-view.cjs.entry.js +4 -3
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +4 -0
- package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js +2 -2
- package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.css +36 -0
- package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +129 -0
- package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.stories.js +19 -0
- package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.css +97 -0
- package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js +204 -0
- package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.js +16 -0
- package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.css +3 -5
- package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.css +15 -0
- package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js +71 -0
- package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.stories.js +10 -0
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.css +38 -13
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +133 -149
- package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +1 -2
- package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.css +31 -0
- package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +144 -0
- package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.stories.js +27 -0
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.css +127 -1
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +268 -90
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.stories.js +8 -6
- package/dist/collection/utils/utils.js +12 -2
- package/dist/components/TemplateStore.js +1 -1
- package/dist/components/Templates.js +70 -1
- package/dist/components/VerdocsEndpoint.js +106 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +4 -0
- package/dist/components/index2.js +1 -1
- package/dist/components/utils.js +13 -3
- package/dist/components/verdocs-activity-box.js +42 -1
- package/dist/components/verdocs-envelopes-list.js +119 -96
- package/dist/components/verdocs-field-textarea.js +1 -1
- package/dist/components/verdocs-field-textbox.js +1 -1
- package/dist/components/verdocs-pagination.d.ts +11 -0
- package/dist/components/verdocs-pagination.js +6 -0
- package/dist/components/verdocs-pagination2.js +65 -0
- package/dist/components/verdocs-quick-filter.d.ts +11 -0
- package/dist/components/verdocs-quick-filter.js +6 -0
- package/dist/components/verdocs-quick-filter2.js +113 -0
- package/dist/components/verdocs-search-activity2.js +1 -1
- package/dist/components/verdocs-select-input2.js +1 -1
- package/dist/components/verdocs-spinner.d.ts +11 -0
- package/dist/components/verdocs-spinner.js +6 -0
- package/dist/components/verdocs-spinner2.js +42 -0
- package/dist/components/verdocs-status-indicator2.js +1 -2
- package/dist/components/verdocs-template-attachments2.js +1 -1
- package/dist/components/verdocs-template-create2.js +1 -1
- package/dist/components/verdocs-template-document-page2.js +1 -1
- package/dist/components/verdocs-template-field-properties2.js +1 -1
- package/dist/components/verdocs-template-fields2.js +2 -2
- package/dist/components/verdocs-template-name.js +1 -1
- package/dist/components/verdocs-template-roles2.js +1 -1
- package/dist/components/verdocs-template-sender2.js +1 -1
- package/dist/components/verdocs-template-star.d.ts +11 -0
- package/dist/components/verdocs-template-star.js +6 -0
- package/dist/components/verdocs-template-star2.js +82 -0
- package/dist/components/verdocs-template-visibility.js +1 -1
- package/dist/components/verdocs-templates-list.js +736 -58
- package/dist/components/verdocs-view2.js +1 -1
- package/dist/docs.json +519 -69
- package/dist/esm/{TemplateStore-852097c3.js → TemplateStore-ad36abff.js} +2 -2
- package/dist/esm/Templates-1893bda7.js +168 -0
- package/dist/esm/{VerdocsEndpoint-5b92f115.js → VerdocsEndpoint-45286fc7.js} +106 -1
- package/dist/esm/{index-914ed6f7.js → index-2685d184.js} +1 -566
- package/dist/esm/index-8dc8fdc4.js +568 -0
- package/dist/esm/ipc-test.entry.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-8ae39b63.js → utils-ef800713.js} +14 -4
- package/dist/esm/verdocs-activity-box.entry.js +43 -2
- package/dist/esm/verdocs-auth.entry.js +1 -1
- package/dist/esm/verdocs-build.entry.js +3 -3
- package/dist/esm/verdocs-button-panel_3.entry.js +4 -4
- package/dist/esm/verdocs-contact-picker.entry.js +1 -1
- package/dist/esm/verdocs-envelope-document-page.entry.js +4 -3
- package/dist/esm/verdocs-envelope-recipient-summary.entry.js +1 -1
- package/dist/esm/verdocs-envelope-sidebar.entry.js +3 -2
- package/dist/esm/verdocs-envelopes-list.entry.js +95 -82
- package/dist/esm/verdocs-field-checkbox.entry.js +3 -2
- package/dist/esm/verdocs-field-date.entry.js +3 -2
- package/dist/esm/verdocs-field-dropdown.entry.js +3 -2
- package/dist/esm/verdocs-field-initial.entry.js +3 -2
- package/dist/esm/verdocs-field-payment.entry.js +3 -2
- package/dist/esm/verdocs-field-radio-button.entry.js +3 -2
- package/dist/esm/verdocs-field-signature.entry.js +3 -2
- package/dist/esm/verdocs-field-textarea.entry.js +4 -3
- package/dist/esm/verdocs-field-textbox.entry.js +4 -3
- package/dist/esm/verdocs-field-timestamp.entry.js +3 -2
- package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm/verdocs-organization-card.entry.js +2 -1
- package/dist/esm/verdocs-pagination_3.entry.js +163 -0
- package/dist/esm/verdocs-preview.entry.js +6 -5
- package/dist/esm/verdocs-quick-functions_3.entry.js +2 -2
- package/dist/esm/verdocs-search.entry.js +1 -1
- package/dist/esm/verdocs-send.entry.js +6 -5
- package/dist/esm/verdocs-sign.entry.js +4 -3
- package/dist/esm/verdocs-status-indicator.entry.js +1 -1
- package/dist/esm/verdocs-template-attachments_2.entry.js +3 -3
- package/dist/esm/verdocs-template-document-page_2.entry.js +4 -3
- package/dist/esm/verdocs-template-fields_4.entry.js +6 -5
- package/dist/esm/verdocs-template-name.entry.js +3 -3
- package/dist/esm/verdocs-template-reminders.entry.js +3 -3
- package/dist/esm/verdocs-template-star.entry.js +63 -0
- package/dist/esm/verdocs-template-visibility.entry.js +3 -3
- package/dist/esm/verdocs-templates-list.entry.js +678 -50
- package/dist/esm/verdocs-view.entry.js +4 -3
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/{TemplateStore-852097c3.js → TemplateStore-ad36abff.js} +1 -1
- package/dist/esm-es5/Templates-1893bda7.js +1 -0
- package/dist/esm-es5/VerdocsEndpoint-45286fc7.js +1 -0
- package/dist/esm-es5/index-2685d184.js +1 -0
- package/dist/esm-es5/index-8dc8fdc4.js +1 -0
- package/dist/esm-es5/ipc-test.entry.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{utils-8ae39b63.js → utils-ef800713.js} +2 -2
- package/dist/esm-es5/verdocs-activity-box.entry.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_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-recipient-summary.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-checkbox.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
- package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
- package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -0
- package/dist/esm-es5/verdocs-preview.entry.js +1 -1
- package/dist/esm-es5/verdocs-quick-functions_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-search.entry.js +1 -1
- package/dist/esm-es5/verdocs-send.entry.js +1 -1
- package/dist/esm-es5/verdocs-sign.entry.js +1 -1
- package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-attachments_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-name.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-reminders.entry.js +1 -1
- package/dist/esm-es5/verdocs-template-star.entry.js +1 -0
- package/dist/esm-es5/verdocs-template-visibility.entry.js +1 -1
- package/dist/esm-es5/verdocs-templates-list.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-dropdown/verdocs-dropdown.stories.d.ts +1 -1
- package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.d.ts +27 -0
- package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.stories.d.ts +9 -0
- package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.d.ts +38 -0
- package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.d.ts +9 -0
- package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.d.ts +8 -0
- package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.stories.d.ts +7 -0
- package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.d.ts +12 -18
- package/dist/types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.d.ts +1 -1
- package/dist/types/components/templates/verdocs-template-star/verdocs-template-star.d.ts +35 -0
- package/dist/types/components/templates/verdocs-template-star/verdocs-template-star.stories.d.ts +6 -0
- package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +53 -23
- package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.stories.d.ts +1 -1
- package/dist/types/components.d.ts +197 -27
- package/dist/types/utils/utils.d.ts +5 -1
- package/dist/verdocs-web-sdk/{p-2a5b951c.system.entry.js → p-067b43ba.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-09ee5e46.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-0ae14e45.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-0b369a3e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-58bb657b.entry.js → p-0e1c0da5.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-11942b39.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-11de0d75.system.js +1 -0
- package/dist/verdocs-web-sdk/p-1cf38cea.system.js +1 -1
- package/dist/verdocs-web-sdk/p-1d010a79.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-f483cd49.entry.js → p-20fcfef9.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-2118b452.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-21629ed8.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-253b6f06.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-2961d1a8.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-8aba7c0a.entry.js → p-2a32e89a.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-2a4566ab.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-35841b7c.js +1 -0
- package/dist/verdocs-web-sdk/p-38d7c3f2.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3ad85ae0.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3d80bb1e.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3ed5dc5c.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-3fe6dc00.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-42f1012f.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-45b1c6cd.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-52428dff.entry.js → p-4615a245.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-4a7dcb1b.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-0c0ac290.system.entry.js → p-4eb69794.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-4fe4e161.js +1 -0
- package/dist/verdocs-web-sdk/{p-f37f1ebc.system.entry.js → p-52f9cfba.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-5612d642.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-8b85f402.entry.js → p-56943696.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-5abf9fab.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-6e62e65a.entry.js → p-5b97ae56.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-5c5a5baf.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-3c6f9c7f.system.js → p-5ef54155.system.js} +2 -2
- package/dist/verdocs-web-sdk/{p-c841a530.system.entry.js → p-5f2d5110.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-62f70c53.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-63f9586c.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-6570268f.js +1 -0
- package/dist/verdocs-web-sdk/p-67df4e57.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-68dc38f8.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-6cc3de8d.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-4b65e2f3.js → p-6f4149c4.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e4ceaebf.system.entry.js → p-7028e5fd.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-f9c6fa6c.system.entry.js → p-715c5b9d.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-84457a67.system.entry.js → p-72a44c93.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-73371d7a.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-4cc5d833.system.js → p-75455b2d.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-ebca6188.entry.js → p-78c38cec.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-acaf51f7.system.entry.js → p-79cf7768.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-1420d87e.system.entry.js → p-7b47d076.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-1ae77200.entry.js → p-7b790d06.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-7bc3f0ae.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-7d992b01.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-21e90bbf.system.entry.js → p-81f2205b.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-823225c2.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-82f6faac.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-8603a0d0.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-8c4abfcc.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-90371251.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-951d9c70.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-438daf23.entry.js → p-958f9e61.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-9dde58a8.system.js +1 -0
- package/dist/verdocs-web-sdk/p-a3ac0082.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-7ac080d6.entry.js → p-a3b3cdf5.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-0177fb6c.entry.js → p-a6a8d20f.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-ac18bc08.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-b2c5baae.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-b3401d8e.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-b6dba09e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-b995ebab.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-bd077b3e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-0529a428.system.entry.js → p-bf8cf9ff.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-c6c2b890.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-8ec8d450.js → p-c8b879d1.js} +2 -2
- package/dist/verdocs-web-sdk/p-cb283760.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-cd40a5eb.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-b56feb8c.system.entry.js → p-cd5e4bb2.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-ce097fdf.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-3e4f73cb.system.entry.js → p-ce626e5b.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7fb69dde.entry.js → p-d0b8de8f.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-d2d18696.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-d4765b46.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-db67fbd1.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-dda7674c.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e32ec792.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-f7948e0d.js +1 -0
- package/dist/verdocs-web-sdk/{p-a5bce263.entry.js → p-f88d1bb0.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-fc8bba36.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +3 -2
- package/dist/cjs/DateTime-ec575ec3.js +0 -45
- package/dist/cjs/Templates-24580a13.js +0 -104
- package/dist/components/DateTime.js +0 -43
- package/dist/esm/DateTime-402fe7ca.js +0 -43
- package/dist/esm/Templates-67172396.js +0 -99
- package/dist/esm-es5/DateTime-402fe7ca.js +0 -1
- package/dist/esm-es5/Templates-67172396.js +0 -1
- package/dist/esm-es5/VerdocsEndpoint-5b92f115.js +0 -1
- package/dist/esm-es5/index-914ed6f7.js +0 -1
- package/dist/verdocs-web-sdk/p-0aaca8d5.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-0b4ea5f9.js +0 -1
- package/dist/verdocs-web-sdk/p-0f8c70ec.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-10e8d145.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-13200610.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-16baf630.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-19e1c76a.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-1a0cccea.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-208b2e94.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-22939ee9.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2672bfb4.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2750155d.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2d32da1d.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2d7d69a2.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-31a49d0c.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-31e3d00e.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-3f9d879c.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4083d24f.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4ac861c9.system.js +0 -1
- package/dist/verdocs-web-sdk/p-4e025c82.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4f0bf0de.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-51cfde70.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-522127c8.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-57ee65dc.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-68662f17.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-6c01e798.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-8080f854.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-822ba467.js +0 -1
- package/dist/verdocs-web-sdk/p-87cf1148.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-95fc08e1.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-9e9ab67f.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-aa3fd489.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ac58dba7.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ad7f71cf.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-afeff3d1.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-b43d0cd6.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-be3c4aa9.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c220af42.js +0 -1
- package/dist/verdocs-web-sdk/p-c6e4d0fc.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c6f6fe4f.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cafd699c.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cc3ff9dc.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cd1e5de4.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-d35f7faa.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-d5316866.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-dc849a58.system.js +0 -1
- package/dist/verdocs-web-sdk/p-dc9c4361.system.js +0 -1
- package/dist/verdocs-web-sdk/p-e59117c8.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-e72c075e.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-e82a7328.js +0 -1
- package/dist/verdocs-web-sdk/p-e8418235.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ee84ffc0.system.js +0 -1
- package/dist/verdocs-web-sdk/p-f0749d37.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-f1accb35.system.entry.js +0 -1
@@ -6,17 +6,42 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
|
6
6
|
import { s as saveEnvelopesAsZip } from './utils.js';
|
7
7
|
import { V as VerdocsToast } from './Toast.js';
|
8
8
|
import { S as SDKError } from './errors.js';
|
9
|
-
import { d as defineCustomElement$
|
10
|
-
import { d as defineCustomElement$
|
11
|
-
import { d as defineCustomElement$
|
12
|
-
import { d as defineCustomElement$
|
13
|
-
import { d as defineCustomElement$
|
9
|
+
import { d as defineCustomElement$a } from './verdocs-button2.js';
|
10
|
+
import { d as defineCustomElement$9 } from './verdocs-checkbox2.js';
|
11
|
+
import { d as defineCustomElement$8 } from './verdocs-dropdown2.js';
|
12
|
+
import { d as defineCustomElement$7 } from './verdocs-help-icon2.js';
|
13
|
+
import { d as defineCustomElement$6 } from './verdocs-pagination2.js';
|
14
|
+
import { d as defineCustomElement$5 } from './verdocs-quick-filter2.js';
|
15
|
+
import { d as defineCustomElement$4 } from './verdocs-spinner2.js';
|
14
16
|
import { d as defineCustomElement$3 } from './verdocs-status-indicator2.js';
|
15
17
|
import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
|
16
18
|
|
17
|
-
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-envelopes-list .header{
|
19
|
+
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:150px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:14px;display:-ms-flexbox;display:flex;padding:8px 20px;border-radius:6px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;font-size:16px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;font-size:18px;overflow:hidden;line-height:28px;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{font-size:20px;text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}";
|
18
20
|
|
19
|
-
const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
|
21
|
+
const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
|
22
|
+
const ViewFilters = [
|
23
|
+
{ value: 'all', label: 'All' },
|
24
|
+
{ value: 'inbox', label: 'Inbox' },
|
25
|
+
{ value: 'sent', label: 'Sent' },
|
26
|
+
{ value: 'completed', label: 'Completed' },
|
27
|
+
{ value: 'action', label: 'Action Required' },
|
28
|
+
{ value: 'waiting', label: 'Waiting on Others' },
|
29
|
+
];
|
30
|
+
const StatusFilters = [
|
31
|
+
{ value: 'all', label: 'All' },
|
32
|
+
{ value: 'pending', label: 'Pending' },
|
33
|
+
{ value: 'in progress', label: 'In Progress' },
|
34
|
+
{ value: 'complete', label: 'Completed' },
|
35
|
+
{ value: 'declined', label: 'Declined' },
|
36
|
+
{ value: 'canceled', label: 'Canceled' },
|
37
|
+
];
|
38
|
+
const SortFilters = [
|
39
|
+
{ value: 'created_at', label: 'Created' },
|
40
|
+
{ value: 'updated_at', label: 'Updated' },
|
41
|
+
{ value: 'canceled_at', label: 'Canceled' },
|
42
|
+
{ value: 'envelope_name', label: 'Name' },
|
43
|
+
{ value: 'envelope_status', label: 'Status' },
|
44
|
+
];
|
20
45
|
const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
21
46
|
constructor() {
|
22
47
|
super();
|
@@ -24,40 +49,48 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
24
49
|
this.sdkError = createEvent(this, "sdkError", 7);
|
25
50
|
this.viewEnvelope = createEvent(this, "viewEnvelope", 7);
|
26
51
|
this.finishLater = createEvent(this, "finishLater", 7);
|
27
|
-
this.viewAll = createEvent(this, "viewAll", 7);
|
28
52
|
this.endpoint = VerdocsEndpoint.getDefault();
|
29
|
-
this.items = 5;
|
30
53
|
this.view = undefined;
|
31
54
|
this.status = 'all';
|
32
55
|
this.sortBy = 'updated_at';
|
33
|
-
this.page = 0;
|
34
|
-
this.count = 0;
|
35
|
-
this.loading = true;
|
36
56
|
this.name = '';
|
37
57
|
this.containing = '';
|
58
|
+
this.selectedPage = 0;
|
59
|
+
this.count = 0;
|
60
|
+
this.loading = true;
|
38
61
|
this.selectedEnvelopes = [];
|
39
62
|
this.envelopes = [];
|
40
63
|
}
|
41
|
-
|
64
|
+
componentWillLoad() {
|
65
|
+
this.endpoint.loadSession();
|
66
|
+
if (!this.endpoint.session) {
|
67
|
+
console.log('[ENVELOPES] Must be authenticated');
|
68
|
+
return;
|
69
|
+
}
|
70
|
+
return this.queryEnvelopes();
|
71
|
+
}
|
72
|
+
async queryEnvelopes() {
|
42
73
|
var _a, _b, _c;
|
43
74
|
try {
|
44
|
-
this.
|
45
|
-
if (!this.endpoint.session) {
|
46
|
-
console.log('[ENVELOPES] Must be authenticated');
|
47
|
-
return;
|
48
|
-
}
|
75
|
+
this.loading = true;
|
49
76
|
let queryParams = {
|
50
|
-
page: this.
|
51
|
-
limit:
|
52
|
-
ascending: false,
|
53
|
-
sort_by: 'updated_at',
|
77
|
+
page: this.selectedPage + 1,
|
78
|
+
limit: 10,
|
54
79
|
};
|
55
80
|
switch (this.view) {
|
81
|
+
case 'all':
|
82
|
+
queryParams = {
|
83
|
+
...queryParams,
|
84
|
+
sort_by: this.sortBy,
|
85
|
+
ascending: this.sortBy === 'envelope_name',
|
86
|
+
envelope_status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]),
|
87
|
+
};
|
88
|
+
break;
|
56
89
|
case 'inbox':
|
57
90
|
queryParams = {
|
58
91
|
...queryParams,
|
59
92
|
is_recipient: true,
|
60
|
-
sort_by: '
|
93
|
+
sort_by: 'updated_at',
|
61
94
|
recipient_status: ['invited', 'declined', 'opened', 'signed', 'submitted', 'canceled'],
|
62
95
|
};
|
63
96
|
break;
|
@@ -65,12 +98,13 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
65
98
|
queryParams = {
|
66
99
|
...queryParams,
|
67
100
|
is_owner: true,
|
68
|
-
sort_by: '
|
101
|
+
sort_by: 'updated_at',
|
69
102
|
};
|
70
103
|
break;
|
71
104
|
case 'action':
|
72
105
|
queryParams = {
|
73
106
|
...queryParams,
|
107
|
+
sort_by: 'updated_at',
|
74
108
|
is_recipient: true,
|
75
109
|
envelope_status: ['pending', 'in progress'],
|
76
110
|
recipient_status: ['invited', 'opened', 'signed'],
|
@@ -80,18 +114,24 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
80
114
|
queryParams = {
|
81
115
|
...queryParams,
|
82
116
|
is_owner: true,
|
117
|
+
sort_by: 'updated_at',
|
118
|
+
ascending: false,
|
83
119
|
envelope_status: ['pending', 'in progress'],
|
84
120
|
};
|
85
121
|
break;
|
86
122
|
case 'completed':
|
87
123
|
queryParams = {
|
88
124
|
...queryParams,
|
125
|
+
sort_by: 'updated_at',
|
126
|
+
ascending: false,
|
89
127
|
envelope_status: ['complete'],
|
90
128
|
};
|
91
129
|
break;
|
92
130
|
default:
|
93
131
|
queryParams = {
|
94
132
|
...queryParams,
|
133
|
+
sort_by: 'updated_at',
|
134
|
+
ascending: false,
|
95
135
|
envelope_status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]),
|
96
136
|
};
|
97
137
|
}
|
@@ -103,6 +143,10 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
103
143
|
queryParams.envelope_status = [this.status];
|
104
144
|
}
|
105
145
|
}
|
146
|
+
if (this.sortBy !== 'updated_at') {
|
147
|
+
queryParams.sort_by = this.sortBy;
|
148
|
+
queryParams.ascending = this.sortBy === 'envelope_name';
|
149
|
+
}
|
106
150
|
if (this.name.trim()) {
|
107
151
|
queryParams.name = this.name.trim();
|
108
152
|
}
|
@@ -110,52 +154,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
110
154
|
queryParams.text_field_value = this.containing.trim();
|
111
155
|
}
|
112
156
|
const response = await searchEnvelopes(this.endpoint, queryParams);
|
113
|
-
console.log('[ACTIVITIES] Got envelopes', response);
|
114
157
|
this.envelopes = response.result;
|
115
158
|
this.count = response.total;
|
116
159
|
this.loading = false;
|
117
|
-
// let queryParams: IEnvelopeSearchParams = {
|
118
|
-
// page: 0,
|
119
|
-
// ascending: false,
|
120
|
-
// sort_by: 'updated_at',
|
121
|
-
// limit: Math.max(Math.min(this.items, 30), 1),
|
122
|
-
// };
|
123
|
-
//
|
124
|
-
// let defaultHeader;
|
125
|
-
// switch (this.view) {
|
126
|
-
// case 'action':
|
127
|
-
// queryParams = {...queryParams, is_recipient: true, envelope_status: ['pending', 'in progress'], recipient_status: ['invited', 'opened', 'signed']};
|
128
|
-
// defaultHeader = 'Action Required';
|
129
|
-
//
|
130
|
-
// break;
|
131
|
-
//
|
132
|
-
// case 'waiting':
|
133
|
-
// queryParams = {...queryParams, is_owner: true, ascending: false, envelope_status: ['pending', 'in progress']};
|
134
|
-
// defaultHeader = 'Waiting on Others';
|
135
|
-
// break;
|
136
|
-
//
|
137
|
-
// case 'completed':
|
138
|
-
// default:
|
139
|
-
// queryParams = {...queryParams, envelope_status: ['complete']};
|
140
|
-
// defaultHeader = 'Completed';
|
141
|
-
// break;
|
142
|
-
// }
|
143
|
-
//
|
144
|
-
// this.title = this.header !== undefined ? this.header : defaultHeader;
|
145
|
-
//
|
146
|
-
// const response = await Envelopes.searchEnvelopes(this.endpoint, queryParams);
|
147
|
-
// console.log('[ENVELOPES] Got envelopes', response);
|
148
|
-
// this.envelopes = response.result;
|
149
|
-
// this.count = response.total;
|
150
|
-
// this.loading = false;
|
151
160
|
}
|
152
161
|
catch (e) {
|
153
162
|
console.log('[ENVELOPES] Error with preview session', e);
|
163
|
+
this.loading = true;
|
154
164
|
(_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
|
155
165
|
}
|
156
166
|
}
|
157
167
|
handleDownload() {
|
158
|
-
saveEnvelopesAsZip(
|
168
|
+
saveEnvelopesAsZip(this.endpoint, this.selectedEnvelopes)
|
159
169
|
.then(() => {
|
160
170
|
this.selectedEnvelopes = [];
|
161
171
|
})
|
@@ -165,25 +175,39 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
165
175
|
});
|
166
176
|
}
|
167
177
|
downloadEnvelope(envelope) {
|
168
|
-
saveEnvelopesAsZip(
|
178
|
+
saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {
|
169
179
|
console.log('Download error', e);
|
170
180
|
VerdocsToast('Download error: ' + e.message, { style: 'error' });
|
171
181
|
});
|
172
182
|
}
|
173
183
|
render() {
|
174
|
-
|
175
|
-
return (h(Host, { style: { minHeight: '300px' } }, h("verdocs-loader", null)));
|
176
|
-
}
|
177
|
-
return (h(Host, null, h("div", { class: "header" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-name", value: this.name, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => {
|
184
|
+
return (h(Host, null, h("div", { class: "header" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-name", value: this.name, autocomplete: "off", placeholder: "Filter by Name...", onFocusout: (e) => {
|
178
185
|
this.name = e.target.value;
|
179
|
-
|
186
|
+
return this.queryEnvelopes();
|
187
|
+
} })), h("verdocs-quick-filter", { label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
|
188
|
+
this.view = e.detail.value;
|
189
|
+
return this.queryEnvelopes();
|
190
|
+
} }), this.view === 'all' && (h("verdocs-quick-filter", { label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
|
191
|
+
this.status = e.detail.value;
|
192
|
+
return this.queryEnvelopes();
|
193
|
+
} })), this.view === 'all' && (h("verdocs-quick-filter", { label: "Sort By", value: this.sortBy, options: SortFilters, onOptionSelected: e => {
|
194
|
+
this.sortBy = e.detail.value;
|
195
|
+
return this.queryEnvelopes();
|
196
|
+
} })), h("div", { class: "containing" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-containing", value: this.containing, autocomplete: "off", placeholder: "Fields Containing...", onInput: (e) => {
|
180
197
|
this.containing = e.target.value;
|
181
|
-
|
198
|
+
return this.queryEnvelopes();
|
199
|
+
} }))), this.loading && h("verdocs-spinner", { mode: "dark", size: 24 }), h("div", { style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
|
182
200
|
var _a;
|
183
201
|
const recipientsWithActions = getRecipientsWithActions(envelope);
|
184
202
|
const userCanCancel = userCanCancelEnvelope(this.endpoint.session, envelope);
|
185
203
|
const userRole = recipientsWithActions.find(recipient => { var _a; return recipient.email === ((_a = this.endpoint.session) === null || _a === void 0 ? void 0 : _a.email) || ''; });
|
186
204
|
const userCanFinish = userRole && userCanCancel && userCanAct(((_a = this.endpoint.session) === null || _a === void 0 ? void 0 : _a.email) || '', recipientsWithActions);
|
205
|
+
const menuOptions = [
|
206
|
+
{ label: 'View Envelope', id: 'view' },
|
207
|
+
{ label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish },
|
208
|
+
{ label: 'Download', id: 'download' },
|
209
|
+
{ label: 'Cancel', id: 'cancel', disabled: !userCanCancel },
|
210
|
+
];
|
187
211
|
return (h("div", { class: "envelope", key: envelope.id, onClick: () => { var _a; return (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope }); } }, h("div", { class: "inner" }, h("verdocs-checkbox", { checked: this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1, onClick: e => e.stopPropagation(), onInput: (e) => {
|
188
212
|
if (e.target.checked) {
|
189
213
|
this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];
|
@@ -191,12 +215,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
191
215
|
else {
|
192
216
|
this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
|
193
217
|
}
|
194
|
-
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options:
|
195
|
-
{ label: 'View Envelope', id: 'view' },
|
196
|
-
{ label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish },
|
197
|
-
{ label: 'Download', id: 'download' },
|
198
|
-
{ label: 'Cancel', id: 'cancel', disabled: !userCanCancel },
|
199
|
-
], onOptionSelected: e => {
|
218
|
+
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
200
219
|
var _a, _b;
|
201
220
|
switch (e.detail.id) {
|
202
221
|
case 'view':
|
@@ -211,34 +230,28 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
211
230
|
case 'cancel':
|
212
231
|
if (window.confirm('Are you sure you want to cancel this envelope?')) {
|
213
232
|
cancelEnvelope(this.endpoint, envelope.id)
|
214
|
-
.then(
|
215
|
-
|
216
|
-
VerdocsToast('Envelope canceled');
|
217
|
-
})
|
218
|
-
.catch(e => {
|
219
|
-
console.log('cxl error', e);
|
220
|
-
VerdocsToast('Unable to cancel envelope: ' + e.messabge, { style: 'error' });
|
221
|
-
});
|
233
|
+
.then(() => VerdocsToast('Envelope canceled'))
|
234
|
+
.catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, { style: 'error' }));
|
222
235
|
}
|
223
236
|
break;
|
224
237
|
}
|
225
238
|
} }))));
|
226
|
-
}), !this.envelopes.length ? (h("div", { class: "
|
227
|
-
|
228
|
-
|
239
|
+
}), !this.loading && !this.envelopes.length ? (h("div", { class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again.")) : (h("div", { style: { marginTop: '10px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: 10, itemCount: this.count, onSelectPage: e => {
|
240
|
+
this.selectedPage = e.detail.selectedPage;
|
241
|
+
return this.queryEnvelopes();
|
242
|
+
} })))));
|
229
243
|
}
|
230
244
|
static get style() { return verdocsEnvelopesListCss; }
|
231
245
|
}, [0, "verdocs-envelopes-list", {
|
232
246
|
"endpoint": [16],
|
233
|
-
"
|
234
|
-
"
|
235
|
-
"
|
236
|
-
"
|
237
|
-
"
|
247
|
+
"view": [1537],
|
248
|
+
"status": [1537],
|
249
|
+
"sortBy": [1537, "sort-by"],
|
250
|
+
"name": [1537],
|
251
|
+
"containing": [1537],
|
252
|
+
"selectedPage": [1538, "selected-page"],
|
238
253
|
"count": [32],
|
239
254
|
"loading": [32],
|
240
|
-
"name": [32],
|
241
|
-
"containing": [32],
|
242
255
|
"selectedEnvelopes": [32],
|
243
256
|
"envelopes": [32]
|
244
257
|
}]);
|
@@ -246,7 +259,7 @@ function defineCustomElement$1() {
|
|
246
259
|
if (typeof customElements === "undefined") {
|
247
260
|
return;
|
248
261
|
}
|
249
|
-
const components = ["verdocs-envelopes-list", "verdocs-button", "verdocs-checkbox", "verdocs-dropdown", "verdocs-help-icon", "verdocs-
|
262
|
+
const components = ["verdocs-envelopes-list", "verdocs-button", "verdocs-checkbox", "verdocs-dropdown", "verdocs-help-icon", "verdocs-pagination", "verdocs-quick-filter", "verdocs-spinner", "verdocs-status-indicator", "verdocs-text-input"];
|
250
263
|
components.forEach(tagName => { switch (tagName) {
|
251
264
|
case "verdocs-envelopes-list":
|
252
265
|
if (!customElements.get(tagName)) {
|
@@ -255,25 +268,35 @@ function defineCustomElement$1() {
|
|
255
268
|
break;
|
256
269
|
case "verdocs-button":
|
257
270
|
if (!customElements.get(tagName)) {
|
258
|
-
defineCustomElement$
|
271
|
+
defineCustomElement$a();
|
259
272
|
}
|
260
273
|
break;
|
261
274
|
case "verdocs-checkbox":
|
262
275
|
if (!customElements.get(tagName)) {
|
263
|
-
defineCustomElement$
|
276
|
+
defineCustomElement$9();
|
264
277
|
}
|
265
278
|
break;
|
266
279
|
case "verdocs-dropdown":
|
267
280
|
if (!customElements.get(tagName)) {
|
268
|
-
defineCustomElement$
|
281
|
+
defineCustomElement$8();
|
269
282
|
}
|
270
283
|
break;
|
271
284
|
case "verdocs-help-icon":
|
285
|
+
if (!customElements.get(tagName)) {
|
286
|
+
defineCustomElement$7();
|
287
|
+
}
|
288
|
+
break;
|
289
|
+
case "verdocs-pagination":
|
290
|
+
if (!customElements.get(tagName)) {
|
291
|
+
defineCustomElement$6();
|
292
|
+
}
|
293
|
+
break;
|
294
|
+
case "verdocs-quick-filter":
|
272
295
|
if (!customElements.get(tagName)) {
|
273
296
|
defineCustomElement$5();
|
274
297
|
}
|
275
298
|
break;
|
276
|
-
case "verdocs-
|
299
|
+
case "verdocs-spinner":
|
277
300
|
if (!customElements.get(tagName)) {
|
278
301
|
defineCustomElement$4();
|
279
302
|
}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
2
|
import { i as interact } from './interact.min.js';
|
3
3
|
import './Types.js';
|
4
|
-
import { u as updateField } from './Fields.js';
|
5
4
|
import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
5
|
+
import { u as updateField } from './Fields.js';
|
6
6
|
import { g as getRGBA } from './Colors.js';
|
7
7
|
import { g as getFieldSettings } from './utils.js';
|
8
8
|
import { d as defineCustomElement$9 } from './verdocs-button2.js';
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
2
|
import { i as interact } from './interact.min.js';
|
3
3
|
import './Types.js';
|
4
|
-
import { u as updateField } from './Fields.js';
|
5
4
|
import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
5
|
+
import { u as updateField } from './Fields.js';
|
6
6
|
import { g as getRGBA } from './Colors.js';
|
7
7
|
import { g as getFieldSettings } from './utils.js';
|
8
8
|
import { d as defineCustomElement$9 } from './verdocs-button2.js';
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
2
|
+
|
3
|
+
interface VerdocsPagination extends Components.VerdocsPagination, HTMLElement {}
|
4
|
+
export const VerdocsPagination: {
|
5
|
+
prototype: VerdocsPagination;
|
6
|
+
new (): VerdocsPagination;
|
7
|
+
};
|
8
|
+
/**
|
9
|
+
* Used to define this component and all nested components recursively.
|
10
|
+
*/
|
11
|
+
export const defineCustomElement: () => void;
|
@@ -0,0 +1,65 @@
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
|
+
import { i as integerSequence } from './Primitives.js';
|
3
|
+
|
4
|
+
const verdocsPaginationCss = "verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}";
|
5
|
+
|
6
|
+
const ChevronDoubleLeft = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>`;
|
7
|
+
const ChevronDoubleRight = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>`;
|
8
|
+
const PageButton = ({ page, selected, onClick }) => {
|
9
|
+
let label;
|
10
|
+
if (page === 'first') {
|
11
|
+
label = ChevronDoubleLeft;
|
12
|
+
}
|
13
|
+
else if (page === 'last') {
|
14
|
+
label = ChevronDoubleRight;
|
15
|
+
}
|
16
|
+
else {
|
17
|
+
label = String(page + 1);
|
18
|
+
}
|
19
|
+
return h("div", { class: `page-button ${page === selected ? 'selected' : ''}`, onClick: () => onClick(page), innerHTML: label });
|
20
|
+
};
|
21
|
+
const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
22
|
+
constructor() {
|
23
|
+
super();
|
24
|
+
this.__registerHost();
|
25
|
+
this.selectPage = createEvent(this, "selectPage", 7);
|
26
|
+
this.selectedPage = 0;
|
27
|
+
this.itemCount = 1;
|
28
|
+
this.perPage = 10;
|
29
|
+
}
|
30
|
+
handleSelectPage(page) {
|
31
|
+
var _a;
|
32
|
+
this.selectedPage = page;
|
33
|
+
(_a = this.selectPage) === null || _a === void 0 ? void 0 : _a.emit({ selectedPage: page });
|
34
|
+
}
|
35
|
+
render() {
|
36
|
+
const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
|
37
|
+
// If there are 10 pages:
|
38
|
+
// If page == 0 => firstPage: 0, numPagesToDisplay:
|
39
|
+
const firstPage = Math.max(0, this.selectedPage - 2);
|
40
|
+
const numPagesToDisplay = Math.min(numPages, 5);
|
41
|
+
return (h(Host, null, this.selectedPage > 0 && h(PageButton, { page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { class: "ellipsis" }, "..."), integerSequence(firstPage, numPagesToDisplay - firstPage).map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), numPagesToDisplay < numPages && h("div", { class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
|
42
|
+
}
|
43
|
+
get el() { return this; }
|
44
|
+
static get style() { return verdocsPaginationCss; }
|
45
|
+
}, [0, "verdocs-pagination", {
|
46
|
+
"selectedPage": [1538, "selected-page"],
|
47
|
+
"itemCount": [2, "item-count"],
|
48
|
+
"perPage": [2, "per-page"]
|
49
|
+
}]);
|
50
|
+
function defineCustomElement() {
|
51
|
+
if (typeof customElements === "undefined") {
|
52
|
+
return;
|
53
|
+
}
|
54
|
+
const components = ["verdocs-pagination"];
|
55
|
+
components.forEach(tagName => { switch (tagName) {
|
56
|
+
case "verdocs-pagination":
|
57
|
+
if (!customElements.get(tagName)) {
|
58
|
+
customElements.define(tagName, VerdocsQuickFilter);
|
59
|
+
}
|
60
|
+
break;
|
61
|
+
} });
|
62
|
+
}
|
63
|
+
defineCustomElement();
|
64
|
+
|
65
|
+
export { VerdocsQuickFilter as V, defineCustomElement as d };
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
2
|
+
|
3
|
+
interface VerdocsQuickFilter extends Components.VerdocsQuickFilter, HTMLElement {}
|
4
|
+
export const VerdocsQuickFilter: {
|
5
|
+
prototype: VerdocsQuickFilter;
|
6
|
+
new (): VerdocsQuickFilter;
|
7
|
+
};
|
8
|
+
/**
|
9
|
+
* Used to define this component and all nested components recursively.
|
10
|
+
*/
|
11
|
+
export const defineCustomElement: () => void;
|
@@ -0,0 +1,113 @@
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
|
+
import { d as renderedTextWidth } from './utils.js';
|
3
|
+
import { c as createPopper } from './popper.js';
|
4
|
+
|
5
|
+
const verdocsQuickFilterCss = "verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:#4c56cb3f}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";
|
6
|
+
|
7
|
+
const DropdownArrow = `<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;
|
8
|
+
const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
9
|
+
constructor() {
|
10
|
+
super();
|
11
|
+
this.__registerHost();
|
12
|
+
this.optionSelected = createEvent(this, "optionSelected", 7);
|
13
|
+
// We need to do this to reliably disconnect the click-away listener
|
14
|
+
this.clickListenerSymbol = new AbortController();
|
15
|
+
this.options = [];
|
16
|
+
this.label = 'Filter';
|
17
|
+
this.value = '';
|
18
|
+
this.placeholder = 'Select...';
|
19
|
+
this.open = undefined;
|
20
|
+
}
|
21
|
+
componentDidLoad() {
|
22
|
+
this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
|
23
|
+
window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
|
24
|
+
}
|
25
|
+
disconnectedCallback() {
|
26
|
+
this.clickListenerSymbol.abort();
|
27
|
+
}
|
28
|
+
clickListener(e) {
|
29
|
+
const outside = !(e.target == this.el || this.el.contains(e.target));
|
30
|
+
if (outside) {
|
31
|
+
this.hide();
|
32
|
+
}
|
33
|
+
}
|
34
|
+
handleSelectOption(e, option) {
|
35
|
+
e.stopPropagation();
|
36
|
+
this.optionSelected.emit(option);
|
37
|
+
this.value = option.value;
|
38
|
+
this.hide();
|
39
|
+
}
|
40
|
+
// See https://popper.js.org/docs/v2/tutorial/
|
41
|
+
// What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
|
42
|
+
showDropdown() {
|
43
|
+
var _a, _b;
|
44
|
+
this.open = true;
|
45
|
+
this.dropdownMenu.setAttribute('data-show', '');
|
46
|
+
this.dropdownMenu.removeAttribute('aria-hidden');
|
47
|
+
(_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
|
48
|
+
...options,
|
49
|
+
modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
|
50
|
+
})).catch(() => { });
|
51
|
+
(_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
|
52
|
+
}
|
53
|
+
handleHideDropdown(e) {
|
54
|
+
var _a, _b;
|
55
|
+
if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
|
56
|
+
// This event is fired when a menu element is clicked because the button "loses focus" then too
|
57
|
+
return;
|
58
|
+
}
|
59
|
+
this.hide();
|
60
|
+
}
|
61
|
+
toggleDropdown(e) {
|
62
|
+
e.stopPropagation();
|
63
|
+
if (this.open) {
|
64
|
+
this.hide();
|
65
|
+
}
|
66
|
+
else {
|
67
|
+
this.showDropdown();
|
68
|
+
}
|
69
|
+
}
|
70
|
+
hide() {
|
71
|
+
var _a;
|
72
|
+
this.open = false;
|
73
|
+
this.dropdownMenu.removeAttribute('data-show');
|
74
|
+
this.dropdownMenu.setAttribute('aria-hidden', 'true');
|
75
|
+
(_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
|
76
|
+
...options,
|
77
|
+
modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
|
78
|
+
})).catch(() => { });
|
79
|
+
}
|
80
|
+
render() {
|
81
|
+
var _a, _b, _c;
|
82
|
+
const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
|
83
|
+
const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
|
84
|
+
const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
|
85
|
+
const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
|
86
|
+
const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
|
87
|
+
return (h(Host, { class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { class: "title", ref: el => (this.dropdownButton = el) }, h("span", { class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { style: { flex: '1' } }), h("div", { class: "separator" }), h("div", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
|
88
|
+
}
|
89
|
+
get el() { return this; }
|
90
|
+
static get style() { return verdocsQuickFilterCss; }
|
91
|
+
}, [0, "verdocs-quick-filter", {
|
92
|
+
"options": [16],
|
93
|
+
"label": [1],
|
94
|
+
"value": [1537],
|
95
|
+
"placeholder": [1],
|
96
|
+
"open": [32]
|
97
|
+
}]);
|
98
|
+
function defineCustomElement() {
|
99
|
+
if (typeof customElements === "undefined") {
|
100
|
+
return;
|
101
|
+
}
|
102
|
+
const components = ["verdocs-quick-filter"];
|
103
|
+
components.forEach(tagName => { switch (tagName) {
|
104
|
+
case "verdocs-quick-filter":
|
105
|
+
if (!customElements.get(tagName)) {
|
106
|
+
customElements.define(tagName, VerdocsQuickFilter);
|
107
|
+
}
|
108
|
+
break;
|
109
|
+
} });
|
110
|
+
}
|
111
|
+
defineCustomElement();
|
112
|
+
|
113
|
+
export { VerdocsQuickFilter as V, defineCustomElement as d };
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
2
|
-
import {
|
2
|
+
import { a as getTemplates } from './Templates.js';
|
3
3
|
import './Types.js';
|
4
4
|
import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
|
5
5
|
|