@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.
Files changed (377) hide show
  1. package/dist/cjs/{EnvelopeStore-a4231cf7.js → EnvelopeStore-00d2572c.js} +1 -1
  2. package/dist/cjs/{Envelopes-e5ffb6a5.js → Envelopes-43302e10.js} +17 -0
  3. package/dist/cjs/{Permissions-4b710db2.js → Permissions-0229bc30.js} +14 -0
  4. package/dist/cjs/{TemplateStore-f2fb6a62.js → TemplateStore-fe148e97.js} +2 -2
  5. package/dist/cjs/{Templates-24580a13.js → Templates-1a86703d.js} +56 -0
  6. package/dist/cjs/{VerdocsEndpoint-e6517a50.js → VerdocsEndpoint-cb0b1329.js} +138 -32
  7. package/dist/cjs/{index-6528b430.js → index-7c19ba1d.js} +63 -219
  8. package/dist/cjs/ipc-test.cjs.entry.js +37 -0
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/cjs/{utils-f4efefe3.js → utils-2c6835c6.js} +15 -4
  11. package/dist/cjs/verdocs-activity-box.cjs.entry.js +132 -0
  12. package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
  13. package/dist/cjs/verdocs-build.cjs.entry.js +3 -3
  14. package/dist/cjs/verdocs-button-panel_3.cjs.entry.js +4 -4
  15. package/dist/cjs/verdocs-contact-picker.cjs.entry.js +1 -1
  16. package/dist/cjs/verdocs-dropdown.cjs.entry.js +88 -0
  17. package/dist/cjs/{verdocs-template-document-page.cjs.entry.js → verdocs-envelope-document-page.cjs.entry.js} +14 -14
  18. package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +4 -4
  19. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +5 -5
  20. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +247 -0
  21. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +3 -3
  22. package/dist/cjs/verdocs-field-date.cjs.entry.js +3 -3
  23. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +3 -3
  24. package/dist/cjs/verdocs-field-initial.cjs.entry.js +3 -3
  25. package/dist/cjs/verdocs-field-payment.cjs.entry.js +3 -3
  26. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +3 -3
  27. package/dist/cjs/verdocs-field-signature.cjs.entry.js +3 -3
  28. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +4 -4
  29. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +4 -4
  30. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +3 -3
  31. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
  32. package/dist/cjs/verdocs-organization-card.cjs.entry.js +1 -1
  33. package/dist/cjs/{verdocs-status-indicator.cjs.entry.js → verdocs-pagination_4.cjs.entry.js} +162 -1
  34. package/dist/cjs/verdocs-preview.cjs.entry.js +6 -6
  35. package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js +2 -2
  36. package/dist/cjs/verdocs-radio-button.cjs.entry.js +23 -0
  37. package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
  38. package/dist/cjs/verdocs-send.cjs.entry.js +6 -6
  39. package/dist/cjs/verdocs-sign.cjs.entry.js +4 -4
  40. package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js +236 -0
  41. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +150 -0
  42. package/dist/cjs/{verdocs-template-attachments_4.cjs.entry.js → verdocs-template-fields_4.cjs.entry.js} +242 -233
  43. package/dist/cjs/verdocs-template-name.cjs.entry.js +3 -3
  44. package/dist/cjs/verdocs-template-reminders.cjs.entry.js +13 -3
  45. package/dist/cjs/verdocs-template-visibility.cjs.entry.js +3 -3
  46. package/dist/cjs/verdocs-templates-list.cjs.entry.js +235 -0
  47. package/dist/cjs/verdocs-view.cjs.entry.js +5 -5
  48. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  49. package/dist/collection/collection-manifest.json +8 -1
  50. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js +2 -2
  51. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.css +36 -0
  52. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +129 -0
  53. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.stories.js +19 -0
  54. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.css +97 -0
  55. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js +204 -0
  56. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.js +16 -0
  57. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.css +3 -5
  58. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.css +15 -0
  59. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js +71 -0
  60. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.stories.js +10 -0
  61. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.css +130 -0
  62. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js +246 -0
  63. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.js +15 -0
  64. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.css +99 -0
  65. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +463 -0
  66. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.js +18 -0
  67. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +1 -2
  68. package/dist/collection/components/other/ipctest/ipc-test.css +4 -0
  69. package/dist/collection/components/other/ipctest/ipc-test.js +79 -0
  70. package/dist/collection/components/other/ipctest/ipc-test.stories.js +8 -0
  71. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.css +48 -0
  72. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +470 -0
  73. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.stories.js +16 -0
  74. package/dist/collection/utils/utils.js +12 -2
  75. package/dist/components/Envelopes.js +17 -1
  76. package/dist/components/Permissions.js +13 -1
  77. package/dist/components/TemplateStore.js +1 -1
  78. package/dist/components/Templates.js +56 -1
  79. package/dist/components/VerdocsEndpoint.js +136 -31
  80. package/dist/components/index.d.ts +7 -0
  81. package/dist/components/index.js +7 -0
  82. package/dist/components/index2.js +63 -219
  83. package/dist/components/ipc-test.d.ts +11 -0
  84. package/dist/components/ipc-test.js +142 -0
  85. package/dist/components/utils.js +13 -3
  86. package/dist/components/verdocs-activity-box.d.ts +11 -0
  87. package/dist/components/verdocs-activity-box.js +161 -0
  88. package/dist/components/verdocs-envelope-recipient-summary2.js +1 -1
  89. package/dist/components/verdocs-envelopes-list.d.ts +11 -0
  90. package/dist/components/verdocs-envelopes-list.js +324 -0
  91. package/dist/components/verdocs-field-textarea.js +1 -1
  92. package/dist/components/verdocs-field-textbox.js +1 -1
  93. package/dist/components/verdocs-pagination.d.ts +11 -0
  94. package/dist/components/verdocs-pagination.js +6 -0
  95. package/dist/components/verdocs-pagination2.js +65 -0
  96. package/dist/components/verdocs-quick-filter.d.ts +11 -0
  97. package/dist/components/verdocs-quick-filter.js +6 -0
  98. package/dist/components/verdocs-quick-filter2.js +113 -0
  99. package/dist/components/verdocs-search-activity2.js +1 -1
  100. package/dist/components/verdocs-select-input2.js +1 -1
  101. package/dist/components/verdocs-sign.js +1 -1
  102. package/dist/components/verdocs-spinner.d.ts +11 -0
  103. package/dist/components/verdocs-spinner.js +6 -0
  104. package/dist/components/verdocs-spinner2.js +42 -0
  105. package/dist/components/verdocs-status-indicator.js +1 -7463
  106. package/dist/{esm/verdocs-status-indicator.entry.js → components/verdocs-status-indicator2.js} +31 -9
  107. package/dist/components/verdocs-template-attachments2.js +1 -1
  108. package/dist/components/verdocs-template-create2.js +1 -1
  109. package/dist/components/verdocs-template-document-page2.js +1 -1
  110. package/dist/components/verdocs-template-field-properties2.js +1 -1
  111. package/dist/components/verdocs-template-fields2.js +2 -2
  112. package/dist/components/verdocs-template-name.js +1 -1
  113. package/dist/components/verdocs-template-reminders.js +10 -0
  114. package/dist/components/verdocs-template-roles2.js +1 -1
  115. package/dist/components/verdocs-template-sender2.js +1 -1
  116. package/dist/components/verdocs-template-visibility.js +1 -1
  117. package/dist/components/verdocs-templates-list.d.ts +11 -0
  118. package/dist/components/verdocs-templates-list.js +287 -0
  119. package/dist/components/verdocs-view2.js +2 -2
  120. package/dist/docs.json +980 -64
  121. package/dist/esm/{EnvelopeStore-28f5d8f5.js → EnvelopeStore-2a74a367.js} +1 -1
  122. package/dist/esm/{Envelopes-105a4a8f.js → Envelopes-e69b678a.js} +17 -1
  123. package/dist/esm/{Permissions-7192ef7c.js → Permissions-2ac18553.js} +13 -1
  124. package/dist/esm/{TemplateStore-87c99dfc.js → TemplateStore-c15956ae.js} +2 -2
  125. package/dist/esm/{Templates-67172396.js → Templates-3760f311.js} +56 -1
  126. package/dist/esm/{VerdocsEndpoint-6d7a17ce.js → VerdocsEndpoint-45286fc7.js} +136 -31
  127. package/dist/esm/{index-d264c496.js → index-914ed6f7.js} +63 -219
  128. package/dist/esm/ipc-test.entry.js +33 -0
  129. package/dist/esm/loader.js +1 -1
  130. package/dist/esm/{utils-1bb75f32.js → utils-a8284581.js} +15 -5
  131. package/dist/esm/verdocs-activity-box.entry.js +128 -0
  132. package/dist/esm/verdocs-auth.entry.js +1 -1
  133. package/dist/esm/verdocs-build.entry.js +3 -3
  134. package/dist/esm/verdocs-button-panel_3.entry.js +4 -4
  135. package/dist/esm/verdocs-contact-picker.entry.js +1 -1
  136. package/dist/esm/verdocs-dropdown.entry.js +84 -0
  137. package/dist/esm/{verdocs-template-document-page.entry.js → verdocs-envelope-document-page.entry.js} +14 -14
  138. package/dist/esm/verdocs-envelope-recipient-summary.entry.js +4 -4
  139. package/dist/esm/verdocs-envelope-sidebar.entry.js +5 -5
  140. package/dist/esm/verdocs-envelopes-list.entry.js +243 -0
  141. package/dist/esm/verdocs-field-checkbox.entry.js +3 -3
  142. package/dist/esm/verdocs-field-date.entry.js +3 -3
  143. package/dist/esm/verdocs-field-dropdown.entry.js +3 -3
  144. package/dist/esm/verdocs-field-initial.entry.js +3 -3
  145. package/dist/esm/verdocs-field-payment.entry.js +3 -3
  146. package/dist/esm/verdocs-field-radio-button.entry.js +3 -3
  147. package/dist/esm/verdocs-field-signature.entry.js +3 -3
  148. package/dist/esm/verdocs-field-textarea.entry.js +4 -4
  149. package/dist/esm/verdocs-field-textbox.entry.js +4 -4
  150. package/dist/esm/verdocs-field-timestamp.entry.js +3 -3
  151. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  152. package/dist/esm/verdocs-organization-card.entry.js +1 -1
  153. package/dist/esm/verdocs-pagination_4.entry.js +7600 -0
  154. package/dist/esm/verdocs-preview.entry.js +6 -6
  155. package/dist/esm/verdocs-quick-functions_3.entry.js +2 -2
  156. package/dist/esm/verdocs-radio-button.entry.js +19 -0
  157. package/dist/esm/verdocs-search.entry.js +1 -1
  158. package/dist/esm/verdocs-send.entry.js +6 -6
  159. package/dist/esm/verdocs-sign.entry.js +4 -4
  160. package/dist/esm/verdocs-template-attachments_2.entry.js +231 -0
  161. package/dist/esm/verdocs-template-document-page_2.entry.js +145 -0
  162. package/dist/esm/{verdocs-template-attachments_4.entry.js → verdocs-template-fields_4.entry.js} +239 -230
  163. package/dist/esm/verdocs-template-name.entry.js +3 -3
  164. package/dist/esm/verdocs-template-reminders.entry.js +13 -3
  165. package/dist/esm/verdocs-template-visibility.entry.js +3 -3
  166. package/dist/esm/verdocs-templates-list.entry.js +231 -0
  167. package/dist/esm/verdocs-view.entry.js +5 -5
  168. package/dist/esm/verdocs-web-sdk.js +1 -1
  169. package/dist/esm-es5/{EnvelopeStore-28f5d8f5.js → EnvelopeStore-2a74a367.js} +1 -1
  170. package/dist/esm-es5/Envelopes-e69b678a.js +1 -0
  171. package/dist/esm-es5/{Permissions-7192ef7c.js → Permissions-2ac18553.js} +1 -1
  172. package/dist/esm-es5/{TemplateStore-87c99dfc.js → TemplateStore-c15956ae.js} +1 -1
  173. package/dist/esm-es5/Templates-3760f311.js +1 -0
  174. package/dist/esm-es5/VerdocsEndpoint-45286fc7.js +1 -0
  175. package/dist/esm-es5/index-914ed6f7.js +1 -0
  176. package/dist/esm-es5/ipc-test.entry.js +1 -0
  177. package/dist/esm-es5/loader.js +1 -1
  178. package/dist/esm-es5/{utils-1bb75f32.js → utils-a8284581.js} +2 -2
  179. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -0
  180. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  181. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  182. package/dist/esm-es5/verdocs-button-panel_3.entry.js +1 -1
  183. package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
  184. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -0
  185. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -0
  186. package/dist/esm-es5/verdocs-envelope-recipient-summary.entry.js +1 -1
  187. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  188. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -0
  189. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  190. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  191. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  192. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  193. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  194. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  195. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  196. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  197. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  198. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  199. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  200. package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
  201. package/dist/esm-es5/verdocs-pagination_4.entry.js +1 -0
  202. package/dist/esm-es5/verdocs-preview.entry.js +1 -1
  203. package/dist/esm-es5/verdocs-quick-functions_3.entry.js +1 -1
  204. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -0
  205. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  206. package/dist/esm-es5/verdocs-send.entry.js +1 -1
  207. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  208. package/dist/esm-es5/verdocs-template-attachments_2.entry.js +1 -0
  209. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -0
  210. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -0
  211. package/dist/esm-es5/verdocs-template-name.entry.js +1 -1
  212. package/dist/esm-es5/verdocs-template-reminders.entry.js +1 -1
  213. package/dist/esm-es5/verdocs-template-visibility.entry.js +1 -1
  214. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -0
  215. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  216. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  217. package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.stories.d.ts +1 -1
  218. package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.d.ts +27 -0
  219. package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.stories.d.ts +9 -0
  220. package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.d.ts +38 -0
  221. package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.d.ts +9 -0
  222. package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.d.ts +8 -0
  223. package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.stories.d.ts +7 -0
  224. package/dist/types/components/envelopes/verdocs-activity-box/verdocs-activity-box.d.ts +60 -0
  225. package/dist/types/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.d.ts +10 -0
  226. package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.d.ts +78 -0
  227. package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.d.ts +10 -0
  228. package/dist/types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.d.ts +1 -1
  229. package/dist/types/components/other/ipctest/ipc-test.d.ts +17 -0
  230. package/dist/types/components/other/ipctest/ipc-test.stories.d.ts +4 -0
  231. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +90 -0
  232. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.stories.d.ts +7 -0
  233. package/dist/types/components.d.ts +336 -2
  234. package/dist/types/utils/utils.d.ts +5 -1
  235. package/dist/verdocs-web-sdk/{p-8109a994.system.entry.js → p-01de4163.system.entry.js} +1 -1
  236. package/dist/verdocs-web-sdk/p-0a5390c7.js +1 -0
  237. package/dist/verdocs-web-sdk/p-134aad4b.system.entry.js +1 -0
  238. package/dist/verdocs-web-sdk/p-138fd801.system.js +1 -0
  239. package/dist/verdocs-web-sdk/{p-2d2bdf3c.system.entry.js → p-14638f0c.system.entry.js} +1 -1
  240. package/dist/verdocs-web-sdk/p-18a67b44.system.js +1 -0
  241. package/dist/verdocs-web-sdk/{p-886461cd.system.entry.js → p-1a0cccea.system.entry.js} +1 -1
  242. package/dist/verdocs-web-sdk/p-1cf38cea.system.js +1 -1
  243. package/dist/verdocs-web-sdk/p-23686c43.entry.js +1 -0
  244. package/dist/verdocs-web-sdk/p-244414ca.entry.js +1 -0
  245. package/dist/verdocs-web-sdk/p-2730089c.system.entry.js +1 -0
  246. package/dist/verdocs-web-sdk/{p-5d19f075.entry.js → p-2a32e89a.entry.js} +1 -1
  247. package/dist/verdocs-web-sdk/{p-773a2544.system.entry.js → p-2dbe3de7.system.entry.js} +1 -1
  248. package/dist/verdocs-web-sdk/{p-25870f11.system.entry.js → p-2e164979.system.entry.js} +1 -1
  249. package/dist/verdocs-web-sdk/p-2f0cd03d.system.js +1 -0
  250. package/dist/verdocs-web-sdk/p-2ff7c8c3.entry.js +1 -0
  251. package/dist/verdocs-web-sdk/{p-ac2b339a.system.entry.js → p-3399a2a2.system.entry.js} +1 -1
  252. package/dist/verdocs-web-sdk/{p-12f0c4e0.system.entry.js → p-38434761.system.entry.js} +1 -1
  253. package/dist/verdocs-web-sdk/{p-10bb1e56.entry.js → p-3a10e87d.entry.js} +1 -1
  254. package/dist/verdocs-web-sdk/p-3ad85ae0.system.entry.js +1 -0
  255. package/dist/verdocs-web-sdk/{p-d21e9e04.system.js → p-3cac4136.system.js} +2 -2
  256. package/dist/verdocs-web-sdk/p-3d80bb1e.entry.js +1 -0
  257. package/dist/verdocs-web-sdk/{p-172f5d37.system.entry.js → p-3eccbc81.system.entry.js} +1 -1
  258. package/dist/verdocs-web-sdk/{p-bbdafeac.entry.js → p-3fadef3d.entry.js} +1 -1
  259. package/dist/verdocs-web-sdk/p-40f3a175.js +1 -0
  260. package/dist/verdocs-web-sdk/p-42acf76c.entry.js +1 -0
  261. package/dist/verdocs-web-sdk/{p-18ee4fd5.js → p-4391cd11.js} +1 -1
  262. package/dist/verdocs-web-sdk/{p-ca57cd6e.entry.js → p-46013b8a.entry.js} +1 -1
  263. package/dist/verdocs-web-sdk/{p-43f5476c.entry.js → p-4bbc74d9.entry.js} +1 -1
  264. package/dist/verdocs-web-sdk/{p-991afbb9.entry.js → p-4cdc37f8.entry.js} +1 -1
  265. package/dist/verdocs-web-sdk/{p-a5eebbfa.entry.js → p-4e02f533.entry.js} +1 -1
  266. package/dist/verdocs-web-sdk/{p-f61f02a7.entry.js → p-5b97ae56.entry.js} +1 -1
  267. package/dist/verdocs-web-sdk/{p-c7dbe82b.system.entry.js → p-5ba13ab8.system.entry.js} +1 -1
  268. package/dist/verdocs-web-sdk/{p-1c4f6ae6.entry.js → p-5c2d7886.entry.js} +1 -1
  269. package/dist/verdocs-web-sdk/{p-19450d55.system.entry.js → p-5f2d5110.system.entry.js} +1 -1
  270. package/dist/verdocs-web-sdk/{p-bf850bb9.system.entry.js → p-634a5760.system.entry.js} +1 -1
  271. package/dist/verdocs-web-sdk/p-63abfff5.system.entry.js +1 -0
  272. package/dist/verdocs-web-sdk/{p-e702cf26.entry.js → p-6c267fdd.entry.js} +1 -1
  273. package/dist/verdocs-web-sdk/p-70b42a9c.system.entry.js +1 -0
  274. package/dist/verdocs-web-sdk/{p-9dd19ab5.system.entry.js → p-72a44c93.system.entry.js} +1 -1
  275. package/dist/verdocs-web-sdk/{p-9d90ed3d.system.entry.js → p-783d4ad4.system.entry.js} +1 -1
  276. package/dist/verdocs-web-sdk/{p-2a3de488.system.entry.js → p-7b47d076.system.entry.js} +1 -1
  277. package/dist/verdocs-web-sdk/{p-204f69c7.entry.js → p-7b790d06.entry.js} +1 -1
  278. package/dist/verdocs-web-sdk/{p-7399931a.system.entry.js → p-81f2205b.system.entry.js} +1 -1
  279. package/dist/verdocs-web-sdk/p-831e2651.system.entry.js +1 -0
  280. package/dist/verdocs-web-sdk/{p-d09a9e1b.system.entry.js → p-871f33f9.system.entry.js} +1 -1
  281. package/dist/verdocs-web-sdk/p-89aac159.system.entry.js +1 -0
  282. package/dist/verdocs-web-sdk/p-8d32aca4.system.entry.js +1 -0
  283. package/dist/verdocs-web-sdk/p-90f5a645.entry.js +1 -0
  284. package/dist/verdocs-web-sdk/{p-56c65857.system.entry.js → p-90f5c0fa.system.entry.js} +1 -1
  285. package/dist/verdocs-web-sdk/{p-e5365d23.system.entry.js → p-92917e74.system.entry.js} +1 -1
  286. package/dist/verdocs-web-sdk/{p-b1ffa27a.entry.js → p-92b2d9e4.entry.js} +1 -1
  287. package/dist/verdocs-web-sdk/p-92ca2aef.system.js +1 -0
  288. package/dist/verdocs-web-sdk/p-9416d327.entry.js +1 -0
  289. package/dist/verdocs-web-sdk/{p-c0635249.system.entry.js → p-95332ec8.system.entry.js} +1 -1
  290. package/dist/verdocs-web-sdk/{p-8fcb22ea.entry.js → p-958f9e61.entry.js} +1 -1
  291. package/dist/verdocs-web-sdk/{p-a596cd4f.system.entry.js → p-9f76bbe1.system.entry.js} +1 -1
  292. package/dist/verdocs-web-sdk/p-a4391c14.entry.js +1 -0
  293. package/dist/verdocs-web-sdk/{p-8fb2cf32.js → p-a6ecbbd5.js} +2 -2
  294. package/dist/verdocs-web-sdk/p-a7eef6e9.entry.js +1 -0
  295. package/dist/verdocs-web-sdk/{p-df439631.system.entry.js → p-a824c9a6.system.entry.js} +1 -1
  296. package/dist/verdocs-web-sdk/{p-255a66f9.system.entry.js → p-aefbafc3.system.entry.js} +1 -1
  297. package/dist/verdocs-web-sdk/p-b2a0cef4.entry.js +1 -0
  298. package/dist/verdocs-web-sdk/{p-3ea489e9.js → p-c02c16e1.js} +1 -1
  299. package/dist/verdocs-web-sdk/{p-a78616fe.entry.js → p-c0d8f0db.entry.js} +1 -1
  300. package/dist/verdocs-web-sdk/p-c16d1ce1.js +1 -0
  301. package/dist/verdocs-web-sdk/p-c220af42.js +1 -0
  302. package/dist/verdocs-web-sdk/{p-017dc2a9.entry.js → p-c53aefe5.entry.js} +1 -1
  303. package/dist/verdocs-web-sdk/{p-ededd783.entry.js → p-cb17023f.entry.js} +1 -1
  304. package/dist/verdocs-web-sdk/{p-8dacb527.entry.js → p-cd0eb575.entry.js} +1 -1
  305. package/dist/verdocs-web-sdk/p-cd40a5eb.system.js +1 -0
  306. package/dist/verdocs-web-sdk/{p-1236c197.system.entry.js → p-cd5e4bb2.system.entry.js} +1 -1
  307. package/dist/verdocs-web-sdk/{p-750fabdb.entry.js → p-d0b8de8f.entry.js} +1 -1
  308. package/dist/verdocs-web-sdk/p-d497b3c1.system.entry.js +1 -0
  309. package/dist/verdocs-web-sdk/p-dc9c4361.system.js +1 -0
  310. package/dist/verdocs-web-sdk/{p-7917673a.system.entry.js → p-dee333ac.system.entry.js} +1 -1
  311. package/dist/verdocs-web-sdk/p-e2e972fc.system.entry.js +1 -0
  312. package/dist/verdocs-web-sdk/p-e34783b1.entry.js +1 -0
  313. package/dist/verdocs-web-sdk/p-e646e8ef.system.entry.js +1 -0
  314. package/dist/verdocs-web-sdk/{p-d763dac2.entry.js → p-e6512cc3.entry.js} +1 -1
  315. package/dist/verdocs-web-sdk/{p-d146b48e.entry.js → p-e72c075e.entry.js} +1 -1
  316. package/dist/verdocs-web-sdk/{p-dfbf689b.entry.js → p-e971511e.entry.js} +1 -1
  317. package/dist/verdocs-web-sdk/p-e989b3ce.entry.js +1 -0
  318. package/dist/verdocs-web-sdk/p-eac4674e.system.entry.js +1 -0
  319. package/dist/verdocs-web-sdk/p-efcde7ca.entry.js +1 -0
  320. package/dist/verdocs-web-sdk/{p-237edd0b.entry.js → p-f623b887.entry.js} +1 -1
  321. package/dist/verdocs-web-sdk/{p-8387794f.system.entry.js → p-f6594380.system.entry.js} +1 -1
  322. package/dist/verdocs-web-sdk/p-f7948e0d.js +1 -0
  323. package/dist/verdocs-web-sdk/{p-365a8a00.entry.js → p-f7ea7b36.entry.js} +1 -1
  324. package/dist/verdocs-web-sdk/{p-a6258dde.system.js → p-fb3d4091.system.js} +1 -1
  325. package/dist/verdocs-web-sdk/{p-bcda78a9.system.entry.js → p-fbd3e8df.system.entry.js} +1 -1
  326. package/dist/verdocs-web-sdk/p-fdc4e659.entry.js +1 -0
  327. package/dist/verdocs-web-sdk/{p-3a9d248d.entry.js → p-ff3e5717.entry.js} +1 -1
  328. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  329. package/package.json +3 -2
  330. package/dist/cjs/Roles-9b593b95.js +0 -28
  331. package/dist/cjs/verdocs-dropdown_2.cjs.entry.js +0 -187
  332. package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +0 -241
  333. package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js +0 -51
  334. package/dist/esm/Roles-6eb459df.js +0 -24
  335. package/dist/esm/verdocs-dropdown_2.entry.js +0 -182
  336. package/dist/esm/verdocs-radio-button_3.entry.js +0 -235
  337. package/dist/esm/verdocs-toolbar-icon.entry.js +0 -47
  338. package/dist/esm-es5/Envelopes-105a4a8f.js +0 -1
  339. package/dist/esm-es5/Roles-6eb459df.js +0 -1
  340. package/dist/esm-es5/Templates-67172396.js +0 -1
  341. package/dist/esm-es5/VerdocsEndpoint-6d7a17ce.js +0 -1
  342. package/dist/esm-es5/index-d264c496.js +0 -1
  343. package/dist/esm-es5/verdocs-dropdown_2.entry.js +0 -1
  344. package/dist/esm-es5/verdocs-radio-button_3.entry.js +0 -1
  345. package/dist/esm-es5/verdocs-status-indicator.entry.js +0 -1
  346. package/dist/esm-es5/verdocs-template-attachments_4.entry.js +0 -1
  347. package/dist/esm-es5/verdocs-template-document-page.entry.js +0 -1
  348. package/dist/esm-es5/verdocs-toolbar-icon.entry.js +0 -1
  349. package/dist/verdocs-web-sdk/p-1e8d9829.entry.js +0 -1
  350. package/dist/verdocs-web-sdk/p-27846894.system.entry.js +0 -1
  351. package/dist/verdocs-web-sdk/p-2a5b951c.system.entry.js +0 -1
  352. package/dist/verdocs-web-sdk/p-365a0216.system.js +0 -1
  353. package/dist/verdocs-web-sdk/p-42aa31a9.entry.js +0 -1
  354. package/dist/verdocs-web-sdk/p-4ac861c9.system.js +0 -1
  355. package/dist/verdocs-web-sdk/p-51a3ea62.system.js +0 -1
  356. package/dist/verdocs-web-sdk/p-5df694ab.system.entry.js +0 -1
  357. package/dist/verdocs-web-sdk/p-76b73d80.entry.js +0 -1
  358. package/dist/verdocs-web-sdk/p-789dc7fe.entry.js +0 -1
  359. package/dist/verdocs-web-sdk/p-7a23c2c8.system.js +0 -1
  360. package/dist/verdocs-web-sdk/p-8027431e.js +0 -1
  361. package/dist/verdocs-web-sdk/p-807dbe83.entry.js +0 -1
  362. package/dist/verdocs-web-sdk/p-8229e6df.system.js +0 -1
  363. package/dist/verdocs-web-sdk/p-822ba467.js +0 -1
  364. package/dist/verdocs-web-sdk/p-83535db7.entry.js +0 -1
  365. package/dist/verdocs-web-sdk/p-89f34463.system.entry.js +0 -1
  366. package/dist/verdocs-web-sdk/p-8b85f402.entry.js +0 -1
  367. package/dist/verdocs-web-sdk/p-8c57f5d0.system.js +0 -1
  368. package/dist/verdocs-web-sdk/p-8fd812f4.system.js +0 -1
  369. package/dist/verdocs-web-sdk/p-a3931094.system.entry.js +0 -1
  370. package/dist/verdocs-web-sdk/p-a58691dc.entry.js +0 -1
  371. package/dist/verdocs-web-sdk/p-a654311c.system.entry.js +0 -1
  372. package/dist/verdocs-web-sdk/p-ab01f71e.js +0 -1
  373. package/dist/verdocs-web-sdk/p-ad11a39a.entry.js +0 -1
  374. package/dist/verdocs-web-sdk/p-c4c8af4c.system.entry.js +0 -1
  375. package/dist/verdocs-web-sdk/p-cf790f4f.js +0 -1
  376. package/dist/verdocs-web-sdk/p-d869c39c.js +0 -1
  377. 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
+ }
@@ -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
- border: 1px solid #707ae5;
9
+ background: #ffffff;
10
+ border: 1px solid #cccccc;
10
11
  border-radius: 4px;
11
12
  background: #ffffff;
12
- color: #000;
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
+ }