@verdocs/web-sdk 1.14.12 → 1.15.1
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-a4231cf7.js → EnvelopeStore-00d2572c.js} +1 -1
- package/dist/cjs/{Envelopes-e5ffb6a5.js → Envelopes-43302e10.js} +17 -0
- package/dist/cjs/{Permissions-4b710db2.js → Permissions-0229bc30.js} +14 -0
- package/dist/cjs/{TemplateStore-f2fb6a62.js → TemplateStore-fe148e97.js} +2 -2
- package/dist/cjs/{Templates-24580a13.js → Templates-1a86703d.js} +56 -0
- package/dist/cjs/{VerdocsEndpoint-e6517a50.js → VerdocsEndpoint-cb0b1329.js} +138 -32
- package/dist/cjs/{index-6528b430.js → index-7c19ba1d.js} +63 -219
- package/dist/cjs/ipc-test.cjs.entry.js +37 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-f4efefe3.js → utils-2c6835c6.js} +15 -4
- package/dist/cjs/verdocs-activity-box.cjs.entry.js +132 -0
- 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-dropdown.cjs.entry.js +88 -0
- package/dist/cjs/{verdocs-template-document-page.cjs.entry.js → verdocs-envelope-document-page.cjs.entry.js} +14 -14
- package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +5 -5
- package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +247 -0
- package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-date.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-initial.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-payment.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-signature.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-field-textarea.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-field-textbox.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-organization-card.cjs.entry.js +1 -1
- package/dist/cjs/{verdocs-status-indicator.cjs.entry.js → verdocs-pagination_4.cjs.entry.js} +162 -1
- package/dist/cjs/verdocs-preview.cjs.entry.js +6 -6
- package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-radio-button.cjs.entry.js +23 -0
- package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-send.cjs.entry.js +6 -6
- package/dist/cjs/verdocs-sign.cjs.entry.js +4 -4
- package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js +236 -0
- package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +150 -0
- package/dist/cjs/{verdocs-template-attachments_4.cjs.entry.js → verdocs-template-fields_4.cjs.entry.js} +242 -233
- package/dist/cjs/verdocs-template-name.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-template-reminders.cjs.entry.js +13 -3
- package/dist/cjs/verdocs-template-visibility.cjs.entry.js +3 -3
- package/dist/cjs/verdocs-templates-list.cjs.entry.js +235 -0
- package/dist/cjs/verdocs-view.cjs.entry.js +5 -5
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +8 -1
- 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-activity-box/verdocs-activity-box.css +130 -0
- package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js +246 -0
- package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.js +15 -0
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.css +99 -0
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +463 -0
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.js +18 -0
- package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +1 -2
- package/dist/collection/components/other/ipctest/ipc-test.css +4 -0
- package/dist/collection/components/other/ipctest/ipc-test.js +79 -0
- package/dist/collection/components/other/ipctest/ipc-test.stories.js +8 -0
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.css +48 -0
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +470 -0
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.stories.js +16 -0
- package/dist/collection/utils/utils.js +12 -2
- package/dist/components/Envelopes.js +17 -1
- package/dist/components/Permissions.js +13 -1
- package/dist/components/TemplateStore.js +1 -1
- package/dist/components/Templates.js +56 -1
- package/dist/components/VerdocsEndpoint.js +136 -31
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.js +7 -0
- package/dist/components/index2.js +63 -219
- package/dist/components/ipc-test.d.ts +11 -0
- package/dist/components/ipc-test.js +142 -0
- package/dist/components/utils.js +13 -3
- package/dist/components/verdocs-activity-box.d.ts +11 -0
- package/dist/components/verdocs-activity-box.js +161 -0
- package/dist/components/verdocs-envelope-recipient-summary2.js +1 -1
- package/dist/components/verdocs-envelopes-list.d.ts +11 -0
- package/dist/components/verdocs-envelopes-list.js +324 -0
- 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-sign.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-indicator.js +1 -7463
- package/dist/{esm/verdocs-status-indicator.entry.js → components/verdocs-status-indicator2.js} +31 -9
- 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-reminders.js +10 -0
- package/dist/components/verdocs-template-roles2.js +1 -1
- package/dist/components/verdocs-template-sender2.js +1 -1
- package/dist/components/verdocs-template-visibility.js +1 -1
- package/dist/components/verdocs-templates-list.d.ts +11 -0
- package/dist/components/verdocs-templates-list.js +287 -0
- package/dist/components/verdocs-view2.js +2 -2
- package/dist/docs.json +980 -64
- package/dist/esm/{EnvelopeStore-28f5d8f5.js → EnvelopeStore-2a74a367.js} +1 -1
- package/dist/esm/{Envelopes-105a4a8f.js → Envelopes-e69b678a.js} +17 -1
- package/dist/esm/{Permissions-7192ef7c.js → Permissions-2ac18553.js} +13 -1
- package/dist/esm/{TemplateStore-87c99dfc.js → TemplateStore-c15956ae.js} +2 -2
- package/dist/esm/{Templates-67172396.js → Templates-3760f311.js} +56 -1
- package/dist/esm/{VerdocsEndpoint-6d7a17ce.js → VerdocsEndpoint-45286fc7.js} +136 -31
- package/dist/esm/{index-d264c496.js → index-914ed6f7.js} +63 -219
- package/dist/esm/ipc-test.entry.js +33 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-1bb75f32.js → utils-a8284581.js} +15 -5
- package/dist/esm/verdocs-activity-box.entry.js +128 -0
- 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-dropdown.entry.js +84 -0
- package/dist/esm/{verdocs-template-document-page.entry.js → verdocs-envelope-document-page.entry.js} +14 -14
- package/dist/esm/verdocs-envelope-recipient-summary.entry.js +4 -4
- package/dist/esm/verdocs-envelope-sidebar.entry.js +5 -5
- package/dist/esm/verdocs-envelopes-list.entry.js +243 -0
- package/dist/esm/verdocs-field-checkbox.entry.js +3 -3
- package/dist/esm/verdocs-field-date.entry.js +3 -3
- package/dist/esm/verdocs-field-dropdown.entry.js +3 -3
- package/dist/esm/verdocs-field-initial.entry.js +3 -3
- package/dist/esm/verdocs-field-payment.entry.js +3 -3
- package/dist/esm/verdocs-field-radio-button.entry.js +3 -3
- package/dist/esm/verdocs-field-signature.entry.js +3 -3
- package/dist/esm/verdocs-field-textarea.entry.js +4 -4
- package/dist/esm/verdocs-field-textbox.entry.js +4 -4
- package/dist/esm/verdocs-field-timestamp.entry.js +3 -3
- package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm/verdocs-organization-card.entry.js +1 -1
- package/dist/esm/verdocs-pagination_4.entry.js +7600 -0
- package/dist/esm/verdocs-preview.entry.js +6 -6
- package/dist/esm/verdocs-quick-functions_3.entry.js +2 -2
- package/dist/esm/verdocs-radio-button.entry.js +19 -0
- package/dist/esm/verdocs-search.entry.js +1 -1
- package/dist/esm/verdocs-send.entry.js +6 -6
- package/dist/esm/verdocs-sign.entry.js +4 -4
- package/dist/esm/verdocs-template-attachments_2.entry.js +231 -0
- package/dist/esm/verdocs-template-document-page_2.entry.js +145 -0
- package/dist/esm/{verdocs-template-attachments_4.entry.js → verdocs-template-fields_4.entry.js} +239 -230
- package/dist/esm/verdocs-template-name.entry.js +3 -3
- package/dist/esm/verdocs-template-reminders.entry.js +13 -3
- package/dist/esm/verdocs-template-visibility.entry.js +3 -3
- package/dist/esm/verdocs-templates-list.entry.js +231 -0
- package/dist/esm/verdocs-view.entry.js +5 -5
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/{EnvelopeStore-28f5d8f5.js → EnvelopeStore-2a74a367.js} +1 -1
- package/dist/esm-es5/Envelopes-e69b678a.js +1 -0
- package/dist/esm-es5/{Permissions-7192ef7c.js → Permissions-2ac18553.js} +1 -1
- package/dist/esm-es5/{TemplateStore-87c99dfc.js → TemplateStore-c15956ae.js} +1 -1
- package/dist/esm-es5/Templates-3760f311.js +1 -0
- package/dist/esm-es5/VerdocsEndpoint-45286fc7.js +1 -0
- package/dist/esm-es5/index-914ed6f7.js +1 -0
- package/dist/esm-es5/ipc-test.entry.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{utils-1bb75f32.js → utils-a8284581.js} +2 -2
- package/dist/esm-es5/verdocs-activity-box.entry.js +1 -0
- 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-dropdown.entry.js +1 -0
- package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -0
- 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 -0
- 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_4.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-radio-button.entry.js +1 -0
- 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-template-attachments_2.entry.js +1 -0
- package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -0
- package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -0
- 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-visibility.entry.js +1 -1
- package/dist/esm-es5/verdocs-templates-list.entry.js +1 -0
- 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-activity-box/verdocs-activity-box.d.ts +60 -0
- package/dist/types/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.d.ts +10 -0
- package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.d.ts +78 -0
- package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.d.ts +10 -0
- package/dist/types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.d.ts +1 -1
- package/dist/types/components/other/ipctest/ipc-test.d.ts +17 -0
- package/dist/types/components/other/ipctest/ipc-test.stories.d.ts +4 -0
- package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +90 -0
- package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.stories.d.ts +7 -0
- package/dist/types/components.d.ts +336 -2
- package/dist/types/utils/utils.d.ts +5 -1
- package/dist/verdocs-web-sdk/{p-8109a994.system.entry.js → p-01de4163.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-0a5390c7.js +1 -0
- package/dist/verdocs-web-sdk/p-134aad4b.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-138fd801.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-2d2bdf3c.system.entry.js → p-14638f0c.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-18a67b44.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-886461cd.system.entry.js → p-1a0cccea.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-1cf38cea.system.js +1 -1
- package/dist/verdocs-web-sdk/p-23686c43.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-244414ca.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-2730089c.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-5d19f075.entry.js → p-2a32e89a.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-773a2544.system.entry.js → p-2dbe3de7.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-25870f11.system.entry.js → p-2e164979.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-2f0cd03d.system.js +1 -0
- package/dist/verdocs-web-sdk/p-2ff7c8c3.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-ac2b339a.system.entry.js → p-3399a2a2.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-12f0c4e0.system.entry.js → p-38434761.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-10bb1e56.entry.js → p-3a10e87d.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-3ad85ae0.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-d21e9e04.system.js → p-3cac4136.system.js} +2 -2
- package/dist/verdocs-web-sdk/p-3d80bb1e.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-172f5d37.system.entry.js → p-3eccbc81.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-bbdafeac.entry.js → p-3fadef3d.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-40f3a175.js +1 -0
- package/dist/verdocs-web-sdk/p-42acf76c.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-18ee4fd5.js → p-4391cd11.js} +1 -1
- package/dist/verdocs-web-sdk/{p-ca57cd6e.entry.js → p-46013b8a.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-43f5476c.entry.js → p-4bbc74d9.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-991afbb9.entry.js → p-4cdc37f8.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a5eebbfa.entry.js → p-4e02f533.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-f61f02a7.entry.js → p-5b97ae56.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c7dbe82b.system.entry.js → p-5ba13ab8.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-1c4f6ae6.entry.js → p-5c2d7886.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-19450d55.system.entry.js → p-5f2d5110.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-bf850bb9.system.entry.js → p-634a5760.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-63abfff5.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-e702cf26.entry.js → p-6c267fdd.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-70b42a9c.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-9dd19ab5.system.entry.js → p-72a44c93.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9d90ed3d.system.entry.js → p-783d4ad4.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-2a3de488.system.entry.js → p-7b47d076.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-204f69c7.entry.js → p-7b790d06.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-7399931a.system.entry.js → p-81f2205b.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-831e2651.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-d09a9e1b.system.entry.js → p-871f33f9.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-89aac159.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-8d32aca4.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-90f5a645.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-56c65857.system.entry.js → p-90f5c0fa.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-e5365d23.system.entry.js → p-92917e74.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b1ffa27a.entry.js → p-92b2d9e4.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-92ca2aef.system.js +1 -0
- package/dist/verdocs-web-sdk/p-9416d327.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-c0635249.system.entry.js → p-95332ec8.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8fcb22ea.entry.js → p-958f9e61.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a596cd4f.system.entry.js → p-9f76bbe1.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-a4391c14.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-8fb2cf32.js → p-a6ecbbd5.js} +2 -2
- package/dist/verdocs-web-sdk/p-a7eef6e9.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-df439631.system.entry.js → p-a824c9a6.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-255a66f9.system.entry.js → p-aefbafc3.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-b2a0cef4.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-3ea489e9.js → p-c02c16e1.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a78616fe.entry.js → p-c0d8f0db.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-c16d1ce1.js +1 -0
- package/dist/verdocs-web-sdk/p-c220af42.js +1 -0
- package/dist/verdocs-web-sdk/{p-017dc2a9.entry.js → p-c53aefe5.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-ededd783.entry.js → p-cb17023f.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8dacb527.entry.js → p-cd0eb575.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-cd40a5eb.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-1236c197.system.entry.js → p-cd5e4bb2.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-750fabdb.entry.js → p-d0b8de8f.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-d497b3c1.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-dc9c4361.system.js +1 -0
- package/dist/verdocs-web-sdk/{p-7917673a.system.entry.js → p-dee333ac.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-e2e972fc.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e34783b1.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-e646e8ef.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-d763dac2.entry.js → p-e6512cc3.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-d146b48e.entry.js → p-e72c075e.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-dfbf689b.entry.js → p-e971511e.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-e989b3ce.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-eac4674e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-efcde7ca.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-237edd0b.entry.js → p-f623b887.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8387794f.system.entry.js → p-f6594380.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-f7948e0d.js +1 -0
- package/dist/verdocs-web-sdk/{p-365a8a00.entry.js → p-f7ea7b36.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-a6258dde.system.js → p-fb3d4091.system.js} +1 -1
- package/dist/verdocs-web-sdk/{p-bcda78a9.system.entry.js → p-fbd3e8df.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-fdc4e659.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-3a9d248d.entry.js → p-ff3e5717.entry.js} +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +3 -2
- package/dist/cjs/Roles-9b593b95.js +0 -28
- package/dist/cjs/verdocs-dropdown_2.cjs.entry.js +0 -187
- package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +0 -241
- package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js +0 -51
- package/dist/esm/Roles-6eb459df.js +0 -24
- package/dist/esm/verdocs-dropdown_2.entry.js +0 -182
- package/dist/esm/verdocs-radio-button_3.entry.js +0 -235
- package/dist/esm/verdocs-toolbar-icon.entry.js +0 -47
- package/dist/esm-es5/Envelopes-105a4a8f.js +0 -1
- package/dist/esm-es5/Roles-6eb459df.js +0 -1
- package/dist/esm-es5/Templates-67172396.js +0 -1
- package/dist/esm-es5/VerdocsEndpoint-6d7a17ce.js +0 -1
- package/dist/esm-es5/index-d264c496.js +0 -1
- package/dist/esm-es5/verdocs-dropdown_2.entry.js +0 -1
- package/dist/esm-es5/verdocs-radio-button_3.entry.js +0 -1
- package/dist/esm-es5/verdocs-status-indicator.entry.js +0 -1
- package/dist/esm-es5/verdocs-template-attachments_4.entry.js +0 -1
- package/dist/esm-es5/verdocs-template-document-page.entry.js +0 -1
- package/dist/esm-es5/verdocs-toolbar-icon.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-1e8d9829.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-27846894.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-2a5b951c.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-365a0216.system.js +0 -1
- package/dist/verdocs-web-sdk/p-42aa31a9.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4ac861c9.system.js +0 -1
- package/dist/verdocs-web-sdk/p-51a3ea62.system.js +0 -1
- package/dist/verdocs-web-sdk/p-5df694ab.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-76b73d80.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-789dc7fe.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-7a23c2c8.system.js +0 -1
- package/dist/verdocs-web-sdk/p-8027431e.js +0 -1
- package/dist/verdocs-web-sdk/p-807dbe83.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-8229e6df.system.js +0 -1
- package/dist/verdocs-web-sdk/p-822ba467.js +0 -1
- package/dist/verdocs-web-sdk/p-83535db7.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-89f34463.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-8b85f402.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-8c57f5d0.system.js +0 -1
- package/dist/verdocs-web-sdk/p-8fd812f4.system.js +0 -1
- package/dist/verdocs-web-sdk/p-a3931094.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a58691dc.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-a654311c.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-ab01f71e.js +0 -1
- package/dist/verdocs-web-sdk/p-ad11a39a.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c4c8af4c.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cf790f4f.js +0 -1
- package/dist/verdocs-web-sdk/p-d869c39c.js +0 -1
- package/dist/verdocs-web-sdk/p-ff662b13.js +0 -1
@@ -0,0 +1,97 @@
|
|
1
|
+
verdocs-quick-filter {
|
2
|
+
position: relative;
|
3
|
+
font-family: "Inter", "Barlow", sans-serif;
|
4
|
+
}
|
5
|
+
verdocs-quick-filter .control {
|
6
|
+
outline: 0;
|
7
|
+
height: 34px;
|
8
|
+
display: flex;
|
9
|
+
cursor: pointer;
|
10
|
+
border-radius: 4px;
|
11
|
+
align-items: center;
|
12
|
+
flex-direction: row;
|
13
|
+
box-sizing: border-box;
|
14
|
+
background: #ffffff;
|
15
|
+
transition: all 100ms ease 0s;
|
16
|
+
border: 1px solid #cccccc;
|
17
|
+
}
|
18
|
+
verdocs-quick-filter .title {
|
19
|
+
padding: 0 8px;
|
20
|
+
font-size: 14px;
|
21
|
+
max-width: 100%;
|
22
|
+
overflow: hidden;
|
23
|
+
color: #33364b;
|
24
|
+
white-space: nowrap;
|
25
|
+
box-sizing: border-box;
|
26
|
+
text-overflow: ellipsis;
|
27
|
+
}
|
28
|
+
verdocs-quick-filter .title .prefix {
|
29
|
+
display: inline;
|
30
|
+
font-weight: 700;
|
31
|
+
margin: 0 7px 0 0;
|
32
|
+
color: #4c56cb;
|
33
|
+
}
|
34
|
+
verdocs-quick-filter .arrow {
|
35
|
+
width: 32px;
|
36
|
+
height: 32px;
|
37
|
+
border: none;
|
38
|
+
outline: none;
|
39
|
+
cursor: pointer;
|
40
|
+
align-items: center;
|
41
|
+
display: inline-flex;
|
42
|
+
justify-content: center;
|
43
|
+
background: #ffffff;
|
44
|
+
transition: color 150ms ease 0s;
|
45
|
+
}
|
46
|
+
verdocs-quick-filter .arrow svg {
|
47
|
+
transition: 0.3s;
|
48
|
+
fill: #cccccc;
|
49
|
+
}
|
50
|
+
verdocs-quick-filter .separator {
|
51
|
+
width: 1px;
|
52
|
+
display: block;
|
53
|
+
margin-top: 8px;
|
54
|
+
margin-bottom: 8px;
|
55
|
+
align-self: stretch;
|
56
|
+
box-sizing: border-box;
|
57
|
+
background-color: #cccccc;
|
58
|
+
}
|
59
|
+
verdocs-quick-filter .items {
|
60
|
+
display: none;
|
61
|
+
z-index: 10000;
|
62
|
+
position: absolute;
|
63
|
+
border-radius: 4px;
|
64
|
+
background: #ffffff;
|
65
|
+
box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;
|
66
|
+
}
|
67
|
+
verdocs-quick-filter .items[data-show] {
|
68
|
+
display: block;
|
69
|
+
}
|
70
|
+
verdocs-quick-filter .option {
|
71
|
+
width: 100%;
|
72
|
+
border: none;
|
73
|
+
display: block;
|
74
|
+
font-size: 14px;
|
75
|
+
text-align: left;
|
76
|
+
background: none;
|
77
|
+
padding: 10px 20px;
|
78
|
+
color: #1e2031;
|
79
|
+
}
|
80
|
+
verdocs-quick-filter .option:hover {
|
81
|
+
cursor: pointer;
|
82
|
+
background: #4c56cb3f;
|
83
|
+
}
|
84
|
+
verdocs-quick-filter .option[disabled] {
|
85
|
+
color: #aaaaaa;
|
86
|
+
}
|
87
|
+
verdocs-quick-filter .option[disabled]:hover {
|
88
|
+
cursor: inherit;
|
89
|
+
background: transparent;
|
90
|
+
color: #aaaaaa;
|
91
|
+
}
|
92
|
+
verdocs-quick-filter.open .items {
|
93
|
+
display: block;
|
94
|
+
}
|
95
|
+
verdocs-quick-filter.open .arrow svg {
|
96
|
+
transform: scaleY(-1);
|
97
|
+
}
|
@@ -0,0 +1,204 @@
|
|
1
|
+
import { Host } from '@stencil/core';
|
2
|
+
import { createPopper } from '@popperjs/core';
|
3
|
+
import { h } from '@stencil/core';
|
4
|
+
import { renderedTextWidth } from '../../../utils/utils';
|
5
|
+
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>`;
|
6
|
+
/**
|
7
|
+
* Display a drop-down menu of quick filter options.
|
8
|
+
*/
|
9
|
+
export class VerdocsQuickFilter {
|
10
|
+
constructor() {
|
11
|
+
// We need to do this to reliably disconnect the click-away listener
|
12
|
+
this.clickListenerSymbol = new AbortController();
|
13
|
+
this.options = [];
|
14
|
+
this.label = 'Filter';
|
15
|
+
this.value = '';
|
16
|
+
this.placeholder = 'Select...';
|
17
|
+
this.open = undefined;
|
18
|
+
}
|
19
|
+
componentDidLoad() {
|
20
|
+
this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
|
21
|
+
window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
|
22
|
+
}
|
23
|
+
disconnectedCallback() {
|
24
|
+
this.clickListenerSymbol.abort();
|
25
|
+
}
|
26
|
+
clickListener(e) {
|
27
|
+
const outside = !(e.target == this.el || this.el.contains(e.target));
|
28
|
+
if (outside) {
|
29
|
+
this.hide();
|
30
|
+
}
|
31
|
+
}
|
32
|
+
handleSelectOption(e, option) {
|
33
|
+
e.stopPropagation();
|
34
|
+
this.optionSelected.emit(option);
|
35
|
+
this.value = option.value;
|
36
|
+
this.hide();
|
37
|
+
}
|
38
|
+
// See https://popper.js.org/docs/v2/tutorial/
|
39
|
+
// What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
|
40
|
+
showDropdown() {
|
41
|
+
var _a, _b;
|
42
|
+
this.open = true;
|
43
|
+
this.dropdownMenu.setAttribute('data-show', '');
|
44
|
+
this.dropdownMenu.removeAttribute('aria-hidden');
|
45
|
+
(_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
|
46
|
+
...options,
|
47
|
+
modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
|
48
|
+
})).catch(() => { });
|
49
|
+
(_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
|
50
|
+
}
|
51
|
+
handleHideDropdown(e) {
|
52
|
+
var _a, _b;
|
53
|
+
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') {
|
54
|
+
// This event is fired when a menu element is clicked because the button "loses focus" then too
|
55
|
+
return;
|
56
|
+
}
|
57
|
+
this.hide();
|
58
|
+
}
|
59
|
+
toggleDropdown(e) {
|
60
|
+
e.stopPropagation();
|
61
|
+
if (this.open) {
|
62
|
+
this.hide();
|
63
|
+
}
|
64
|
+
else {
|
65
|
+
this.showDropdown();
|
66
|
+
}
|
67
|
+
}
|
68
|
+
hide() {
|
69
|
+
var _a;
|
70
|
+
this.open = false;
|
71
|
+
this.dropdownMenu.removeAttribute('data-show');
|
72
|
+
this.dropdownMenu.setAttribute('aria-hidden', 'true');
|
73
|
+
(_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
|
74
|
+
...options,
|
75
|
+
modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
|
76
|
+
})).catch(() => { });
|
77
|
+
}
|
78
|
+
render() {
|
79
|
+
var _a, _b, _c;
|
80
|
+
const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
|
81
|
+
const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
|
82
|
+
const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
|
83
|
+
const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
|
84
|
+
const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
|
85
|
+
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" }))))));
|
86
|
+
}
|
87
|
+
static get is() { return "verdocs-quick-filter"; }
|
88
|
+
static get originalStyleUrls() {
|
89
|
+
return {
|
90
|
+
"$": ["verdocs-quick-filter.scss"]
|
91
|
+
};
|
92
|
+
}
|
93
|
+
static get styleUrls() {
|
94
|
+
return {
|
95
|
+
"$": ["verdocs-quick-filter.css"]
|
96
|
+
};
|
97
|
+
}
|
98
|
+
static get properties() {
|
99
|
+
return {
|
100
|
+
"options": {
|
101
|
+
"type": "unknown",
|
102
|
+
"mutable": false,
|
103
|
+
"complexType": {
|
104
|
+
"original": "IFilterOption[]",
|
105
|
+
"resolved": "IFilterOption[]",
|
106
|
+
"references": {
|
107
|
+
"IFilterOption": {
|
108
|
+
"location": "local"
|
109
|
+
}
|
110
|
+
}
|
111
|
+
},
|
112
|
+
"required": false,
|
113
|
+
"optional": false,
|
114
|
+
"docs": {
|
115
|
+
"tags": [],
|
116
|
+
"text": "The menu options to display."
|
117
|
+
},
|
118
|
+
"defaultValue": "[]"
|
119
|
+
},
|
120
|
+
"label": {
|
121
|
+
"type": "string",
|
122
|
+
"mutable": false,
|
123
|
+
"complexType": {
|
124
|
+
"original": "string",
|
125
|
+
"resolved": "string",
|
126
|
+
"references": {}
|
127
|
+
},
|
128
|
+
"required": false,
|
129
|
+
"optional": false,
|
130
|
+
"docs": {
|
131
|
+
"tags": [],
|
132
|
+
"text": ""
|
133
|
+
},
|
134
|
+
"attribute": "label",
|
135
|
+
"reflect": false,
|
136
|
+
"defaultValue": "'Filter'"
|
137
|
+
},
|
138
|
+
"value": {
|
139
|
+
"type": "string",
|
140
|
+
"mutable": true,
|
141
|
+
"complexType": {
|
142
|
+
"original": "string",
|
143
|
+
"resolved": "string",
|
144
|
+
"references": {}
|
145
|
+
},
|
146
|
+
"required": false,
|
147
|
+
"optional": false,
|
148
|
+
"docs": {
|
149
|
+
"tags": [],
|
150
|
+
"text": ""
|
151
|
+
},
|
152
|
+
"attribute": "value",
|
153
|
+
"reflect": true,
|
154
|
+
"defaultValue": "''"
|
155
|
+
},
|
156
|
+
"placeholder": {
|
157
|
+
"type": "string",
|
158
|
+
"mutable": false,
|
159
|
+
"complexType": {
|
160
|
+
"original": "string",
|
161
|
+
"resolved": "string",
|
162
|
+
"references": {}
|
163
|
+
},
|
164
|
+
"required": false,
|
165
|
+
"optional": false,
|
166
|
+
"docs": {
|
167
|
+
"tags": [],
|
168
|
+
"text": ""
|
169
|
+
},
|
170
|
+
"attribute": "placeholder",
|
171
|
+
"reflect": false,
|
172
|
+
"defaultValue": "'Select...'"
|
173
|
+
}
|
174
|
+
};
|
175
|
+
}
|
176
|
+
static get states() {
|
177
|
+
return {
|
178
|
+
"open": {}
|
179
|
+
};
|
180
|
+
}
|
181
|
+
static get events() {
|
182
|
+
return [{
|
183
|
+
"method": "optionSelected",
|
184
|
+
"name": "optionSelected",
|
185
|
+
"bubbles": true,
|
186
|
+
"cancelable": true,
|
187
|
+
"composed": true,
|
188
|
+
"docs": {
|
189
|
+
"tags": [],
|
190
|
+
"text": "Event fired when a menu option is clicked.\nWeb Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks."
|
191
|
+
},
|
192
|
+
"complexType": {
|
193
|
+
"original": "IFilterOption",
|
194
|
+
"resolved": "IFilterOption",
|
195
|
+
"references": {
|
196
|
+
"IFilterOption": {
|
197
|
+
"location": "local"
|
198
|
+
}
|
199
|
+
}
|
200
|
+
}
|
201
|
+
}];
|
202
|
+
}
|
203
|
+
static get elementRef() { return "el"; }
|
204
|
+
}
|
package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.js
ADDED
@@ -0,0 +1,16 @@
|
|
1
|
+
import { html } from 'lit-html';
|
2
|
+
export default {
|
3
|
+
title: 'Controls/Quick Filter',
|
4
|
+
component: 'verdocs-quick-filter',
|
5
|
+
args: {
|
6
|
+
options: [
|
7
|
+
{ label: 'All', value: 'all' },
|
8
|
+
{ label: 'Completed', value: 'completed' },
|
9
|
+
{ label: 'Inbox', value: 'inbox' },
|
10
|
+
],
|
11
|
+
value: 'all',
|
12
|
+
label: 'Filter',
|
13
|
+
placeholder: 'Select...',
|
14
|
+
},
|
15
|
+
};
|
16
|
+
export const QuickFilter = ({ options, value, label, placeholder }) => html `<verdocs-quick-filter .options=${options} .value=${value} .label=${label} .placeholder=${placeholder} />`;
|
@@ -6,10 +6,11 @@ verdocs-select-input {
|
|
6
6
|
}
|
7
7
|
verdocs-select-input .input-element {
|
8
8
|
box-sizing: border-box;
|
9
|
-
|
9
|
+
background: #ffffff;
|
10
|
+
border: 1px solid #cccccc;
|
10
11
|
border-radius: 4px;
|
11
12
|
background: #ffffff;
|
12
|
-
color: #
|
13
|
+
color: #092c4c;
|
13
14
|
width: 100%;
|
14
15
|
font-size: 16px;
|
15
16
|
height: 28px;
|
@@ -19,9 +20,6 @@ verdocs-select-input .input-element::placeholder {
|
|
19
20
|
color: #aaaaaa;
|
20
21
|
opacity: 1;
|
21
22
|
}
|
22
|
-
verdocs-select-input .input-element:focus {
|
23
|
-
border: 1px solid #7d88ff;
|
24
|
-
}
|
25
23
|
verdocs-select-input .input-label {
|
26
24
|
display: block;
|
27
25
|
color: #555570;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
verdocs-spinner {
|
2
|
+
display: inline-block;
|
3
|
+
border-radius: 50%;
|
4
|
+
animation: spin 1s ease-in-out infinite;
|
5
|
+
}
|
6
|
+
@keyframes spin {
|
7
|
+
to {
|
8
|
+
transform: rotate(360deg);
|
9
|
+
}
|
10
|
+
}
|
11
|
+
@-webkit-keyframes spin {
|
12
|
+
to {
|
13
|
+
transform: rotate(360deg);
|
14
|
+
}
|
15
|
+
}
|
@@ -0,0 +1,71 @@
|
|
1
|
+
import { h, Host } from '@stencil/core';
|
2
|
+
const LIGHT_STYLE = { border: '3px solid rgba(255, 255, 255, 0.3)', borderTopColor: '#fff' };
|
3
|
+
const DARK_STYLE = { border: '3px solid rgba(0, 0, 0, 0.3)', borderTopColor: '#333' };
|
4
|
+
/**
|
5
|
+
* Display a small loading spinner.
|
6
|
+
*/
|
7
|
+
export class VerdocsQuickFilter {
|
8
|
+
constructor() {
|
9
|
+
this.size = 32;
|
10
|
+
this.mode = 'light';
|
11
|
+
}
|
12
|
+
render() {
|
13
|
+
return (h(Host, { style: {
|
14
|
+
width: `${this.size}px`,
|
15
|
+
height: `${this.size}px`,
|
16
|
+
flex: `0 0 ${this.size}px`,
|
17
|
+
...(this.mode === 'light' ? LIGHT_STYLE : DARK_STYLE),
|
18
|
+
} }));
|
19
|
+
}
|
20
|
+
static get is() { return "verdocs-spinner"; }
|
21
|
+
static get originalStyleUrls() {
|
22
|
+
return {
|
23
|
+
"$": ["verdocs-spinner.scss"]
|
24
|
+
};
|
25
|
+
}
|
26
|
+
static get styleUrls() {
|
27
|
+
return {
|
28
|
+
"$": ["verdocs-spinner.css"]
|
29
|
+
};
|
30
|
+
}
|
31
|
+
static get properties() {
|
32
|
+
return {
|
33
|
+
"size": {
|
34
|
+
"type": "number",
|
35
|
+
"mutable": false,
|
36
|
+
"complexType": {
|
37
|
+
"original": "number",
|
38
|
+
"resolved": "number",
|
39
|
+
"references": {}
|
40
|
+
},
|
41
|
+
"required": false,
|
42
|
+
"optional": false,
|
43
|
+
"docs": {
|
44
|
+
"tags": [],
|
45
|
+
"text": ""
|
46
|
+
},
|
47
|
+
"attribute": "size",
|
48
|
+
"reflect": false,
|
49
|
+
"defaultValue": "32"
|
50
|
+
},
|
51
|
+
"mode": {
|
52
|
+
"type": "string",
|
53
|
+
"mutable": false,
|
54
|
+
"complexType": {
|
55
|
+
"original": "'light' | 'dark'",
|
56
|
+
"resolved": "\"dark\" | \"light\"",
|
57
|
+
"references": {}
|
58
|
+
},
|
59
|
+
"required": false,
|
60
|
+
"optional": false,
|
61
|
+
"docs": {
|
62
|
+
"tags": [],
|
63
|
+
"text": ""
|
64
|
+
},
|
65
|
+
"attribute": "mode",
|
66
|
+
"reflect": false,
|
67
|
+
"defaultValue": "'light'"
|
68
|
+
}
|
69
|
+
};
|
70
|
+
}
|
71
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { html } from 'lit-html';
|
2
|
+
export default {
|
3
|
+
title: 'Controls/Spinner',
|
4
|
+
component: 'verdocs-spinner',
|
5
|
+
args: {
|
6
|
+
size: 32,
|
7
|
+
mode: 'light',
|
8
|
+
},
|
9
|
+
};
|
10
|
+
export const Spinner = ({ size, mode }) => html `<verdocs-spinner .size=${size} .mode=${mode} />`;
|
@@ -0,0 +1,130 @@
|
|
1
|
+
verdocs-activity-box {
|
2
|
+
flex: 1;
|
3
|
+
display: flex;
|
4
|
+
font-size: 18px;
|
5
|
+
min-width: 300px;
|
6
|
+
flex-wrap: nowrap;
|
7
|
+
color: #33364b;
|
8
|
+
align-items: center;
|
9
|
+
border: 1px solid #ccc;
|
10
|
+
flex-direction: column;
|
11
|
+
font-family: "Inter", "Barlow", sans-serif;
|
12
|
+
background: #ffffff;
|
13
|
+
padding: 20px 20px 8px 20px;
|
14
|
+
}
|
15
|
+
verdocs-activity-box .box-title {
|
16
|
+
width: 100%;
|
17
|
+
display: flex;
|
18
|
+
color: #33364b;
|
19
|
+
font-size: 20px;
|
20
|
+
font-weight: 600;
|
21
|
+
column-gap: 10px;
|
22
|
+
margin: 0 0 20px 0;
|
23
|
+
align-items: center;
|
24
|
+
}
|
25
|
+
verdocs-activity-box .box-title .count {
|
26
|
+
margin: 0 0 0 6px;
|
27
|
+
font-weight: 300;
|
28
|
+
}
|
29
|
+
verdocs-activity-box .box-title verdocs-loader {
|
30
|
+
margin: 0 0 20px 0;
|
31
|
+
}
|
32
|
+
@media screen and (max-width: 1200px) {
|
33
|
+
verdocs-activity-box .box-title {
|
34
|
+
font-size: 18px;
|
35
|
+
}
|
36
|
+
verdocs-activity-box .box-title .count {
|
37
|
+
display: none;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
verdocs-activity-box .spacer {
|
41
|
+
flex: 1;
|
42
|
+
}
|
43
|
+
verdocs-activity-box .loading-placeholder {
|
44
|
+
width: 100%;
|
45
|
+
height: 62px;
|
46
|
+
display: block;
|
47
|
+
flex: 0 0 62px;
|
48
|
+
margin: 0 0 10px 0;
|
49
|
+
border-radius: 6px;
|
50
|
+
background-color: #f5f8f9;
|
51
|
+
}
|
52
|
+
verdocs-activity-box .loading-placeholder .loading-placeholder-bg {
|
53
|
+
height: 62px;
|
54
|
+
position: relative;
|
55
|
+
background: #f5f8f9;
|
56
|
+
animation-duration: 1.25s;
|
57
|
+
animation-fill-mode: forwards;
|
58
|
+
animation-timing-function: linear;
|
59
|
+
animation-iteration-count: infinite;
|
60
|
+
animation-name: loadingPlaceholderSwoop;
|
61
|
+
background: linear-gradient(to right, #f5f8f9 10%, #eeeeee 18%, #f5f8f9 33%);
|
62
|
+
background-size: 800px 62px;
|
63
|
+
}
|
64
|
+
verdocs-activity-box .activity-entry {
|
65
|
+
width: 100%;
|
66
|
+
display: flex;
|
67
|
+
flex: 0 0 62px;
|
68
|
+
border-radius: 6px;
|
69
|
+
margin-bottom: 10px;
|
70
|
+
flex-direction: row;
|
71
|
+
padding: 0 16px 0 0;
|
72
|
+
background: #f5f8f9;
|
73
|
+
align-items: center;
|
74
|
+
border: 1px solid #f5f8f9;
|
75
|
+
}
|
76
|
+
verdocs-activity-box .activity-entry:hover {
|
77
|
+
cursor: pointer;
|
78
|
+
background: #f2f4f5;
|
79
|
+
border: 1px solid #ddd;
|
80
|
+
}
|
81
|
+
verdocs-activity-box .activity-entry svg {
|
82
|
+
width: 32px;
|
83
|
+
height: 32px;
|
84
|
+
margin-right: 20px;
|
85
|
+
}
|
86
|
+
@media screen and (max-width: 1300px) {
|
87
|
+
verdocs-activity-box .activity-entry svg {
|
88
|
+
width: 24px;
|
89
|
+
height: 24px;
|
90
|
+
margin-right: 15px;
|
91
|
+
}
|
92
|
+
}
|
93
|
+
verdocs-activity-box .activity-entry .title {
|
94
|
+
flex: 1;
|
95
|
+
color: black;
|
96
|
+
font-size: 16px;
|
97
|
+
font-weight: 500;
|
98
|
+
margin-left: 12px;
|
99
|
+
}
|
100
|
+
@media screen and (max-width: 1300px) {
|
101
|
+
verdocs-activity-box .activity-entry .title {
|
102
|
+
font-size: 14px;
|
103
|
+
}
|
104
|
+
}
|
105
|
+
verdocs-activity-box .activity-entry .time-ago {
|
106
|
+
height: 24px;
|
107
|
+
display: flex;
|
108
|
+
flex: 0 0 24px;
|
109
|
+
color: #7f8e92;
|
110
|
+
font-size: 16px;
|
111
|
+
font-weight: 500;
|
112
|
+
padding-left: 14px;
|
113
|
+
align-items: center;
|
114
|
+
justify-content: center;
|
115
|
+
border-left: 1px solid #d8e3e6;
|
116
|
+
}
|
117
|
+
@media screen and (max-width: 1300px) {
|
118
|
+
verdocs-activity-box .activity-entry .time-ago {
|
119
|
+
font-size: 14px;
|
120
|
+
}
|
121
|
+
}
|
122
|
+
|
123
|
+
@keyframes loadingPlaceholderSwoop {
|
124
|
+
0% {
|
125
|
+
background-position: -468px 0;
|
126
|
+
}
|
127
|
+
100% {
|
128
|
+
background-position: 468px 0;
|
129
|
+
}
|
130
|
+
}
|