@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.
Files changed (367) hide show
  1. package/dist/cjs/{TemplateStore-19f84862.js → TemplateStore-a7745f0a.js} +2 -2
  2. package/dist/cjs/Templates-6fb62dcd.js +175 -0
  3. package/dist/cjs/{VerdocsEndpoint-f2af9468.js → VerdocsEndpoint-cb0b1329.js} +108 -2
  4. package/dist/cjs/{index-7c19ba1d.js → index-961181ce.js} +37 -602
  5. package/dist/cjs/index-db620f37.js +575 -0
  6. package/dist/cjs/ipc-test.cjs.entry.js +3 -3
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/{utils-2eefb975.js → utils-67dac0c3.js} +14 -3
  9. package/dist/cjs/verdocs-activity-box.cjs.entry.js +44 -3
  10. package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
  11. package/dist/cjs/verdocs-build.cjs.entry.js +3 -3
  12. package/dist/cjs/verdocs-button-panel_3.cjs.entry.js +4 -4
  13. package/dist/cjs/verdocs-contact-picker.cjs.entry.js +1 -1
  14. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +4 -3
  15. package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +1 -1
  16. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +3 -2
  17. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +95 -82
  18. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +3 -2
  19. package/dist/cjs/verdocs-field-date.cjs.entry.js +3 -2
  20. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +3 -2
  21. package/dist/cjs/verdocs-field-initial.cjs.entry.js +3 -2
  22. package/dist/cjs/verdocs-field-payment.cjs.entry.js +3 -2
  23. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +3 -2
  24. package/dist/cjs/verdocs-field-signature.cjs.entry.js +3 -2
  25. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +4 -3
  26. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +4 -3
  27. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +3 -2
  28. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
  29. package/dist/cjs/verdocs-organization-card.cjs.entry.js +2 -1
  30. package/dist/cjs/verdocs-pagination_3.cjs.entry.js +169 -0
  31. package/dist/cjs/verdocs-preview.cjs.entry.js +6 -5
  32. package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js +2 -2
  33. package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
  34. package/dist/cjs/verdocs-send.cjs.entry.js +6 -5
  35. package/dist/cjs/verdocs-sign.cjs.entry.js +4 -3
  36. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +1 -1
  37. package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js +3 -3
  38. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +4 -3
  39. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +6 -5
  40. package/dist/cjs/verdocs-template-name.cjs.entry.js +3 -3
  41. package/dist/cjs/verdocs-template-reminders.cjs.entry.js +3 -3
  42. package/dist/cjs/verdocs-template-star.cjs.entry.js +67 -0
  43. package/dist/cjs/verdocs-template-visibility.cjs.entry.js +3 -3
  44. package/dist/cjs/verdocs-templates-list.cjs.entry.js +681 -53
  45. package/dist/cjs/verdocs-view.cjs.entry.js +4 -3
  46. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  47. package/dist/collection/collection-manifest.json +4 -0
  48. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js +2 -2
  49. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.css +36 -0
  50. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +129 -0
  51. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.stories.js +19 -0
  52. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.css +97 -0
  53. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js +204 -0
  54. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.js +16 -0
  55. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.css +3 -5
  56. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.css +15 -0
  57. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js +71 -0
  58. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.stories.js +10 -0
  59. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.css +38 -13
  60. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +133 -149
  61. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +1 -2
  62. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.css +31 -0
  63. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +144 -0
  64. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.stories.js +27 -0
  65. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.css +127 -1
  66. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +268 -90
  67. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.stories.js +8 -6
  68. package/dist/collection/utils/utils.js +12 -2
  69. package/dist/components/TemplateStore.js +1 -1
  70. package/dist/components/Templates.js +70 -1
  71. package/dist/components/VerdocsEndpoint.js +106 -1
  72. package/dist/components/index.d.ts +4 -0
  73. package/dist/components/index.js +4 -0
  74. package/dist/components/index2.js +1 -1
  75. package/dist/components/utils.js +13 -3
  76. package/dist/components/verdocs-activity-box.js +42 -1
  77. package/dist/components/verdocs-envelopes-list.js +119 -96
  78. package/dist/components/verdocs-field-textarea.js +1 -1
  79. package/dist/components/verdocs-field-textbox.js +1 -1
  80. package/dist/components/verdocs-pagination.d.ts +11 -0
  81. package/dist/components/verdocs-pagination.js +6 -0
  82. package/dist/components/verdocs-pagination2.js +65 -0
  83. package/dist/components/verdocs-quick-filter.d.ts +11 -0
  84. package/dist/components/verdocs-quick-filter.js +6 -0
  85. package/dist/components/verdocs-quick-filter2.js +113 -0
  86. package/dist/components/verdocs-search-activity2.js +1 -1
  87. package/dist/components/verdocs-select-input2.js +1 -1
  88. package/dist/components/verdocs-spinner.d.ts +11 -0
  89. package/dist/components/verdocs-spinner.js +6 -0
  90. package/dist/components/verdocs-spinner2.js +42 -0
  91. package/dist/components/verdocs-status-indicator2.js +1 -2
  92. package/dist/components/verdocs-template-attachments2.js +1 -1
  93. package/dist/components/verdocs-template-create2.js +1 -1
  94. package/dist/components/verdocs-template-document-page2.js +1 -1
  95. package/dist/components/verdocs-template-field-properties2.js +1 -1
  96. package/dist/components/verdocs-template-fields2.js +2 -2
  97. package/dist/components/verdocs-template-name.js +1 -1
  98. package/dist/components/verdocs-template-roles2.js +1 -1
  99. package/dist/components/verdocs-template-sender2.js +1 -1
  100. package/dist/components/verdocs-template-star.d.ts +11 -0
  101. package/dist/components/verdocs-template-star.js +6 -0
  102. package/dist/components/verdocs-template-star2.js +82 -0
  103. package/dist/components/verdocs-template-visibility.js +1 -1
  104. package/dist/components/verdocs-templates-list.js +736 -58
  105. package/dist/components/verdocs-view2.js +1 -1
  106. package/dist/docs.json +519 -69
  107. package/dist/esm/{TemplateStore-852097c3.js → TemplateStore-ad36abff.js} +2 -2
  108. package/dist/esm/Templates-1893bda7.js +168 -0
  109. package/dist/esm/{VerdocsEndpoint-5b92f115.js → VerdocsEndpoint-45286fc7.js} +106 -1
  110. package/dist/esm/{index-914ed6f7.js → index-2685d184.js} +1 -566
  111. package/dist/esm/index-8dc8fdc4.js +568 -0
  112. package/dist/esm/ipc-test.entry.js +3 -3
  113. package/dist/esm/loader.js +1 -1
  114. package/dist/esm/{utils-8ae39b63.js → utils-ef800713.js} +14 -4
  115. package/dist/esm/verdocs-activity-box.entry.js +43 -2
  116. package/dist/esm/verdocs-auth.entry.js +1 -1
  117. package/dist/esm/verdocs-build.entry.js +3 -3
  118. package/dist/esm/verdocs-button-panel_3.entry.js +4 -4
  119. package/dist/esm/verdocs-contact-picker.entry.js +1 -1
  120. package/dist/esm/verdocs-envelope-document-page.entry.js +4 -3
  121. package/dist/esm/verdocs-envelope-recipient-summary.entry.js +1 -1
  122. package/dist/esm/verdocs-envelope-sidebar.entry.js +3 -2
  123. package/dist/esm/verdocs-envelopes-list.entry.js +95 -82
  124. package/dist/esm/verdocs-field-checkbox.entry.js +3 -2
  125. package/dist/esm/verdocs-field-date.entry.js +3 -2
  126. package/dist/esm/verdocs-field-dropdown.entry.js +3 -2
  127. package/dist/esm/verdocs-field-initial.entry.js +3 -2
  128. package/dist/esm/verdocs-field-payment.entry.js +3 -2
  129. package/dist/esm/verdocs-field-radio-button.entry.js +3 -2
  130. package/dist/esm/verdocs-field-signature.entry.js +3 -2
  131. package/dist/esm/verdocs-field-textarea.entry.js +4 -3
  132. package/dist/esm/verdocs-field-textbox.entry.js +4 -3
  133. package/dist/esm/verdocs-field-timestamp.entry.js +3 -2
  134. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  135. package/dist/esm/verdocs-organization-card.entry.js +2 -1
  136. package/dist/esm/verdocs-pagination_3.entry.js +163 -0
  137. package/dist/esm/verdocs-preview.entry.js +6 -5
  138. package/dist/esm/verdocs-quick-functions_3.entry.js +2 -2
  139. package/dist/esm/verdocs-search.entry.js +1 -1
  140. package/dist/esm/verdocs-send.entry.js +6 -5
  141. package/dist/esm/verdocs-sign.entry.js +4 -3
  142. package/dist/esm/verdocs-status-indicator.entry.js +1 -1
  143. package/dist/esm/verdocs-template-attachments_2.entry.js +3 -3
  144. package/dist/esm/verdocs-template-document-page_2.entry.js +4 -3
  145. package/dist/esm/verdocs-template-fields_4.entry.js +6 -5
  146. package/dist/esm/verdocs-template-name.entry.js +3 -3
  147. package/dist/esm/verdocs-template-reminders.entry.js +3 -3
  148. package/dist/esm/verdocs-template-star.entry.js +63 -0
  149. package/dist/esm/verdocs-template-visibility.entry.js +3 -3
  150. package/dist/esm/verdocs-templates-list.entry.js +678 -50
  151. package/dist/esm/verdocs-view.entry.js +4 -3
  152. package/dist/esm/verdocs-web-sdk.js +1 -1
  153. package/dist/esm-es5/{TemplateStore-852097c3.js → TemplateStore-ad36abff.js} +1 -1
  154. package/dist/esm-es5/Templates-1893bda7.js +1 -0
  155. package/dist/esm-es5/VerdocsEndpoint-45286fc7.js +1 -0
  156. package/dist/esm-es5/index-2685d184.js +1 -0
  157. package/dist/esm-es5/index-8dc8fdc4.js +1 -0
  158. package/dist/esm-es5/ipc-test.entry.js +1 -1
  159. package/dist/esm-es5/loader.js +1 -1
  160. package/dist/esm-es5/{utils-8ae39b63.js → utils-ef800713.js} +2 -2
  161. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  162. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  163. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  164. package/dist/esm-es5/verdocs-button-panel_3.entry.js +1 -1
  165. package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
  166. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  167. package/dist/esm-es5/verdocs-envelope-recipient-summary.entry.js +1 -1
  168. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  169. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  170. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  171. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  172. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  173. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  174. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  175. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  176. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  177. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  178. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  179. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  180. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  181. package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
  182. package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -0
  183. package/dist/esm-es5/verdocs-preview.entry.js +1 -1
  184. package/dist/esm-es5/verdocs-quick-functions_3.entry.js +1 -1
  185. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  186. package/dist/esm-es5/verdocs-send.entry.js +1 -1
  187. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  188. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  189. package/dist/esm-es5/verdocs-template-attachments_2.entry.js +1 -1
  190. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  191. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  192. package/dist/esm-es5/verdocs-template-name.entry.js +1 -1
  193. package/dist/esm-es5/verdocs-template-reminders.entry.js +1 -1
  194. package/dist/esm-es5/verdocs-template-star.entry.js +1 -0
  195. package/dist/esm-es5/verdocs-template-visibility.entry.js +1 -1
  196. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  197. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  198. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  199. package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.stories.d.ts +1 -1
  200. package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.d.ts +27 -0
  201. package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.stories.d.ts +9 -0
  202. package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.d.ts +38 -0
  203. package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.d.ts +9 -0
  204. package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.d.ts +8 -0
  205. package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.stories.d.ts +7 -0
  206. package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.d.ts +12 -18
  207. package/dist/types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.d.ts +1 -1
  208. package/dist/types/components/templates/verdocs-template-star/verdocs-template-star.d.ts +35 -0
  209. package/dist/types/components/templates/verdocs-template-star/verdocs-template-star.stories.d.ts +6 -0
  210. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +53 -23
  211. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.stories.d.ts +1 -1
  212. package/dist/types/components.d.ts +197 -27
  213. package/dist/types/utils/utils.d.ts +5 -1
  214. package/dist/verdocs-web-sdk/{p-2a5b951c.system.entry.js → p-067b43ba.system.entry.js} +1 -1
  215. package/dist/verdocs-web-sdk/p-09ee5e46.entry.js +1 -0
  216. package/dist/verdocs-web-sdk/p-0ae14e45.system.entry.js +1 -0
  217. package/dist/verdocs-web-sdk/p-0b369a3e.system.entry.js +1 -0
  218. package/dist/verdocs-web-sdk/{p-58bb657b.entry.js → p-0e1c0da5.entry.js} +1 -1
  219. package/dist/verdocs-web-sdk/p-11942b39.entry.js +1 -0
  220. package/dist/verdocs-web-sdk/p-11de0d75.system.js +1 -0
  221. package/dist/verdocs-web-sdk/p-1cf38cea.system.js +1 -1
  222. package/dist/verdocs-web-sdk/p-1d010a79.system.js +1 -0
  223. package/dist/verdocs-web-sdk/{p-f483cd49.entry.js → p-20fcfef9.entry.js} +1 -1
  224. package/dist/verdocs-web-sdk/p-2118b452.system.entry.js +1 -0
  225. package/dist/verdocs-web-sdk/p-21629ed8.entry.js +1 -0
  226. package/dist/verdocs-web-sdk/p-253b6f06.entry.js +1 -0
  227. package/dist/verdocs-web-sdk/p-2961d1a8.system.entry.js +1 -0
  228. package/dist/verdocs-web-sdk/{p-8aba7c0a.entry.js → p-2a32e89a.entry.js} +1 -1
  229. package/dist/verdocs-web-sdk/p-2a4566ab.system.entry.js +1 -0
  230. package/dist/verdocs-web-sdk/p-35841b7c.js +1 -0
  231. package/dist/verdocs-web-sdk/p-38d7c3f2.system.entry.js +1 -0
  232. package/dist/verdocs-web-sdk/p-3ad85ae0.system.entry.js +1 -0
  233. package/dist/verdocs-web-sdk/p-3d80bb1e.entry.js +1 -0
  234. package/dist/verdocs-web-sdk/p-3ed5dc5c.entry.js +1 -0
  235. package/dist/verdocs-web-sdk/p-3fe6dc00.system.entry.js +1 -0
  236. package/dist/verdocs-web-sdk/p-42f1012f.system.entry.js +1 -0
  237. package/dist/verdocs-web-sdk/p-45b1c6cd.entry.js +1 -0
  238. package/dist/verdocs-web-sdk/{p-52428dff.entry.js → p-4615a245.entry.js} +1 -1
  239. package/dist/verdocs-web-sdk/p-4a7dcb1b.system.entry.js +1 -0
  240. package/dist/verdocs-web-sdk/{p-0c0ac290.system.entry.js → p-4eb69794.system.entry.js} +1 -1
  241. package/dist/verdocs-web-sdk/p-4fe4e161.js +1 -0
  242. package/dist/verdocs-web-sdk/{p-f37f1ebc.system.entry.js → p-52f9cfba.system.entry.js} +1 -1
  243. package/dist/verdocs-web-sdk/p-5612d642.entry.js +1 -0
  244. package/dist/verdocs-web-sdk/{p-8b85f402.entry.js → p-56943696.entry.js} +1 -1
  245. package/dist/verdocs-web-sdk/p-5abf9fab.entry.js +1 -0
  246. package/dist/verdocs-web-sdk/{p-6e62e65a.entry.js → p-5b97ae56.entry.js} +1 -1
  247. package/dist/verdocs-web-sdk/p-5c5a5baf.system.entry.js +1 -0
  248. package/dist/verdocs-web-sdk/{p-3c6f9c7f.system.js → p-5ef54155.system.js} +2 -2
  249. package/dist/verdocs-web-sdk/{p-c841a530.system.entry.js → p-5f2d5110.system.entry.js} +1 -1
  250. package/dist/verdocs-web-sdk/p-62f70c53.system.entry.js +1 -0
  251. package/dist/verdocs-web-sdk/p-63f9586c.system.entry.js +1 -0
  252. package/dist/verdocs-web-sdk/p-6570268f.js +1 -0
  253. package/dist/verdocs-web-sdk/p-67df4e57.system.entry.js +1 -0
  254. package/dist/verdocs-web-sdk/p-68dc38f8.entry.js +1 -0
  255. package/dist/verdocs-web-sdk/p-6cc3de8d.entry.js +1 -0
  256. package/dist/verdocs-web-sdk/{p-4b65e2f3.js → p-6f4149c4.js} +1 -1
  257. package/dist/verdocs-web-sdk/{p-e4ceaebf.system.entry.js → p-7028e5fd.system.entry.js} +1 -1
  258. package/dist/verdocs-web-sdk/{p-f9c6fa6c.system.entry.js → p-715c5b9d.system.entry.js} +1 -1
  259. package/dist/verdocs-web-sdk/{p-84457a67.system.entry.js → p-72a44c93.system.entry.js} +1 -1
  260. package/dist/verdocs-web-sdk/p-73371d7a.system.entry.js +1 -0
  261. package/dist/verdocs-web-sdk/{p-4cc5d833.system.js → p-75455b2d.system.js} +1 -1
  262. package/dist/verdocs-web-sdk/{p-ebca6188.entry.js → p-78c38cec.entry.js} +1 -1
  263. package/dist/verdocs-web-sdk/{p-acaf51f7.system.entry.js → p-79cf7768.system.entry.js} +1 -1
  264. package/dist/verdocs-web-sdk/{p-1420d87e.system.entry.js → p-7b47d076.system.entry.js} +1 -1
  265. package/dist/verdocs-web-sdk/{p-1ae77200.entry.js → p-7b790d06.entry.js} +1 -1
  266. package/dist/verdocs-web-sdk/p-7bc3f0ae.system.entry.js +1 -0
  267. package/dist/verdocs-web-sdk/p-7d992b01.entry.js +1 -0
  268. package/dist/verdocs-web-sdk/{p-21e90bbf.system.entry.js → p-81f2205b.system.entry.js} +1 -1
  269. package/dist/verdocs-web-sdk/p-823225c2.entry.js +1 -0
  270. package/dist/verdocs-web-sdk/p-82f6faac.system.entry.js +1 -0
  271. package/dist/verdocs-web-sdk/p-8603a0d0.entry.js +1 -0
  272. package/dist/verdocs-web-sdk/p-8c4abfcc.entry.js +1 -0
  273. package/dist/verdocs-web-sdk/p-90371251.entry.js +1 -0
  274. package/dist/verdocs-web-sdk/p-951d9c70.entry.js +1 -0
  275. package/dist/verdocs-web-sdk/{p-438daf23.entry.js → p-958f9e61.entry.js} +1 -1
  276. package/dist/verdocs-web-sdk/p-9dde58a8.system.js +1 -0
  277. package/dist/verdocs-web-sdk/p-a3ac0082.entry.js +1 -0
  278. package/dist/verdocs-web-sdk/{p-7ac080d6.entry.js → p-a3b3cdf5.entry.js} +1 -1
  279. package/dist/verdocs-web-sdk/{p-0177fb6c.entry.js → p-a6a8d20f.entry.js} +1 -1
  280. package/dist/verdocs-web-sdk/p-ac18bc08.system.entry.js +1 -0
  281. package/dist/verdocs-web-sdk/p-b2c5baae.system.entry.js +1 -0
  282. package/dist/verdocs-web-sdk/p-b3401d8e.entry.js +1 -0
  283. package/dist/verdocs-web-sdk/p-b6dba09e.system.entry.js +1 -0
  284. package/dist/verdocs-web-sdk/p-b995ebab.entry.js +1 -0
  285. package/dist/verdocs-web-sdk/p-bd077b3e.system.entry.js +1 -0
  286. package/dist/verdocs-web-sdk/{p-0529a428.system.entry.js → p-bf8cf9ff.system.entry.js} +1 -1
  287. package/dist/verdocs-web-sdk/p-c6c2b890.entry.js +1 -0
  288. package/dist/verdocs-web-sdk/{p-8ec8d450.js → p-c8b879d1.js} +2 -2
  289. package/dist/verdocs-web-sdk/p-cb283760.system.entry.js +1 -0
  290. package/dist/verdocs-web-sdk/p-cd40a5eb.system.js +1 -0
  291. package/dist/verdocs-web-sdk/{p-b56feb8c.system.entry.js → p-cd5e4bb2.system.entry.js} +1 -1
  292. package/dist/verdocs-web-sdk/p-ce097fdf.entry.js +1 -0
  293. package/dist/verdocs-web-sdk/{p-3e4f73cb.system.entry.js → p-ce626e5b.system.entry.js} +1 -1
  294. package/dist/verdocs-web-sdk/{p-7fb69dde.entry.js → p-d0b8de8f.entry.js} +1 -1
  295. package/dist/verdocs-web-sdk/p-d2d18696.system.entry.js +1 -0
  296. package/dist/verdocs-web-sdk/p-d4765b46.system.entry.js +1 -0
  297. package/dist/verdocs-web-sdk/p-db67fbd1.entry.js +1 -0
  298. package/dist/verdocs-web-sdk/p-dda7674c.entry.js +1 -0
  299. package/dist/verdocs-web-sdk/p-e32ec792.entry.js +1 -0
  300. package/dist/verdocs-web-sdk/p-f7948e0d.js +1 -0
  301. package/dist/verdocs-web-sdk/{p-a5bce263.entry.js → p-f88d1bb0.entry.js} +1 -1
  302. package/dist/verdocs-web-sdk/p-fc8bba36.system.entry.js +1 -0
  303. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  304. package/package.json +3 -2
  305. package/dist/cjs/DateTime-ec575ec3.js +0 -45
  306. package/dist/cjs/Templates-24580a13.js +0 -104
  307. package/dist/components/DateTime.js +0 -43
  308. package/dist/esm/DateTime-402fe7ca.js +0 -43
  309. package/dist/esm/Templates-67172396.js +0 -99
  310. package/dist/esm-es5/DateTime-402fe7ca.js +0 -1
  311. package/dist/esm-es5/Templates-67172396.js +0 -1
  312. package/dist/esm-es5/VerdocsEndpoint-5b92f115.js +0 -1
  313. package/dist/esm-es5/index-914ed6f7.js +0 -1
  314. package/dist/verdocs-web-sdk/p-0aaca8d5.system.entry.js +0 -1
  315. package/dist/verdocs-web-sdk/p-0b4ea5f9.js +0 -1
  316. package/dist/verdocs-web-sdk/p-0f8c70ec.entry.js +0 -1
  317. package/dist/verdocs-web-sdk/p-10e8d145.entry.js +0 -1
  318. package/dist/verdocs-web-sdk/p-13200610.system.entry.js +0 -1
  319. package/dist/verdocs-web-sdk/p-16baf630.entry.js +0 -1
  320. package/dist/verdocs-web-sdk/p-19e1c76a.entry.js +0 -1
  321. package/dist/verdocs-web-sdk/p-1a0cccea.system.entry.js +0 -1
  322. package/dist/verdocs-web-sdk/p-208b2e94.system.entry.js +0 -1
  323. package/dist/verdocs-web-sdk/p-22939ee9.entry.js +0 -1
  324. package/dist/verdocs-web-sdk/p-2672bfb4.system.entry.js +0 -1
  325. package/dist/verdocs-web-sdk/p-2750155d.system.entry.js +0 -1
  326. package/dist/verdocs-web-sdk/p-2d32da1d.system.entry.js +0 -1
  327. package/dist/verdocs-web-sdk/p-2d7d69a2.entry.js +0 -1
  328. package/dist/verdocs-web-sdk/p-31a49d0c.entry.js +0 -1
  329. package/dist/verdocs-web-sdk/p-31e3d00e.system.entry.js +0 -1
  330. package/dist/verdocs-web-sdk/p-3f9d879c.entry.js +0 -1
  331. package/dist/verdocs-web-sdk/p-4083d24f.system.entry.js +0 -1
  332. package/dist/verdocs-web-sdk/p-4ac861c9.system.js +0 -1
  333. package/dist/verdocs-web-sdk/p-4e025c82.system.entry.js +0 -1
  334. package/dist/verdocs-web-sdk/p-4f0bf0de.entry.js +0 -1
  335. package/dist/verdocs-web-sdk/p-51cfde70.system.entry.js +0 -1
  336. package/dist/verdocs-web-sdk/p-522127c8.entry.js +0 -1
  337. package/dist/verdocs-web-sdk/p-57ee65dc.system.entry.js +0 -1
  338. package/dist/verdocs-web-sdk/p-68662f17.entry.js +0 -1
  339. package/dist/verdocs-web-sdk/p-6c01e798.entry.js +0 -1
  340. package/dist/verdocs-web-sdk/p-8080f854.system.entry.js +0 -1
  341. package/dist/verdocs-web-sdk/p-822ba467.js +0 -1
  342. package/dist/verdocs-web-sdk/p-87cf1148.entry.js +0 -1
  343. package/dist/verdocs-web-sdk/p-95fc08e1.system.entry.js +0 -1
  344. package/dist/verdocs-web-sdk/p-9e9ab67f.entry.js +0 -1
  345. package/dist/verdocs-web-sdk/p-aa3fd489.entry.js +0 -1
  346. package/dist/verdocs-web-sdk/p-ac58dba7.entry.js +0 -1
  347. package/dist/verdocs-web-sdk/p-ad7f71cf.system.entry.js +0 -1
  348. package/dist/verdocs-web-sdk/p-afeff3d1.system.entry.js +0 -1
  349. package/dist/verdocs-web-sdk/p-b43d0cd6.system.entry.js +0 -1
  350. package/dist/verdocs-web-sdk/p-be3c4aa9.entry.js +0 -1
  351. package/dist/verdocs-web-sdk/p-c220af42.js +0 -1
  352. package/dist/verdocs-web-sdk/p-c6e4d0fc.system.entry.js +0 -1
  353. package/dist/verdocs-web-sdk/p-c6f6fe4f.system.entry.js +0 -1
  354. package/dist/verdocs-web-sdk/p-cafd699c.entry.js +0 -1
  355. package/dist/verdocs-web-sdk/p-cc3ff9dc.entry.js +0 -1
  356. package/dist/verdocs-web-sdk/p-cd1e5de4.entry.js +0 -1
  357. package/dist/verdocs-web-sdk/p-d35f7faa.system.entry.js +0 -1
  358. package/dist/verdocs-web-sdk/p-d5316866.entry.js +0 -1
  359. package/dist/verdocs-web-sdk/p-dc849a58.system.js +0 -1
  360. package/dist/verdocs-web-sdk/p-dc9c4361.system.js +0 -1
  361. package/dist/verdocs-web-sdk/p-e59117c8.system.entry.js +0 -1
  362. package/dist/verdocs-web-sdk/p-e72c075e.entry.js +0 -1
  363. package/dist/verdocs-web-sdk/p-e82a7328.js +0 -1
  364. package/dist/verdocs-web-sdk/p-e8418235.entry.js +0 -1
  365. package/dist/verdocs-web-sdk/p-ee84ffc0.system.js +0 -1
  366. package/dist/verdocs-web-sdk/p-f0749d37.system.entry.js +0 -1
  367. 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$8 } from './verdocs-button2.js';
10
- import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
11
- import { d as defineCustomElement$6 } from './verdocs-dropdown2.js';
12
- import { d as defineCustomElement$5 } from './verdocs-help-icon2.js';
13
- import { d as defineCustomElement$4 } from './verdocs-loader2.js';
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{margin:0;width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#ffffff;border:1px solid #cccccc}verdocs-envelopes-list .envelope .inner{gap:20px;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;background:#f9f9f9;border:1px solid #e3e3e3}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 .last-modified svg{width:32px;height:32px;margin-right:8px}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;font-size:18px;line-height:28px}verdocs-envelopes-list .envelope-recipients{font-weight:700;color:#4b5563}";
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
- async componentWillLoad() {
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.endpoint.loadSession();
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.page,
51
- limit: Math.min(Math.max(this.items, 1), 50),
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: 'created_at',
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: 'created_at',
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(VerdocsEndpoint.getDefault(), this.selectedEnvelopes)
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(VerdocsEndpoint.getDefault(), [envelope]).catch(e => {
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
- if (this.loading) {
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
- } })), h("div", { class: "flex flex-row gap-3 items-center" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-containing", value: this.containing, autocomplete: "off", placeholder: "Fields Containing...", onInput: (e) => {
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
- } }))), h("div", { class: "flex flex-1" }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
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(r => {
215
- console.log('Cancel result', r);
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: "mt-4 border-2 px-20 py-20 text-center" }, "No matching envelopes found. Please adjust your filters and try again.")) : (h("div", null)
227
- // <Pagination page={this.page} total={this.count} onSelectPage={setPage} />
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
- "items": [2],
234
- "view": [513],
235
- "status": [513],
236
- "sortBy": [513, "sort-by"],
237
- "page": [514],
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-loader", "verdocs-status-indicator", "verdocs-text-input"];
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$8();
271
+ defineCustomElement$a();
259
272
  }
260
273
  break;
261
274
  case "verdocs-checkbox":
262
275
  if (!customElements.get(tagName)) {
263
- defineCustomElement$7();
276
+ defineCustomElement$9();
264
277
  }
265
278
  break;
266
279
  case "verdocs-dropdown":
267
280
  if (!customElements.get(tagName)) {
268
- defineCustomElement$6();
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-loader":
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,6 @@
1
+ import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './verdocs-pagination2.js';
2
+
3
+ const VerdocsPagination = VerdocsQuickFilter;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { VerdocsPagination, defineCustomElement };
@@ -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,6 @@
1
+ import { V as VerdocsQuickFilter$1, d as defineCustomElement$1 } from './verdocs-quick-filter2.js';
2
+
3
+ const VerdocsQuickFilter = VerdocsQuickFilter$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { VerdocsQuickFilter, defineCustomElement };
@@ -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 { g as getTemplates } from './Templates.js';
2
+ import { a as getTemplates } from './Templates.js';
3
3
  import './Types.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
5
5