@verdocs/web-sdk 4.2.97 → 4.2.99

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 (240) hide show
  1. package/dist/cjs/{EnvelopeStore-8ff43359.js → EnvelopeStore-db69faac.js} +11 -6
  2. package/dist/cjs/{TemplateFieldStore-2ad4a148.js → TemplateFieldStore-836d8bf5.js} +0 -2
  3. package/dist/cjs/{TemplateStore-ea66895c.js → TemplateStore-d11d62c0.js} +1 -1
  4. package/dist/cjs/index-a27a7f77.js +8 -4
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/verdocs-build.cjs.entry.js +2 -2
  7. package/dist/cjs/{verdocs-button_2.cjs.entry.js → verdocs-button_3.cjs.entry.js} +55 -0
  8. package/dist/cjs/{verdocs-checkbox_5.cjs.entry.js → verdocs-checkbox_4.cjs.entry.js} +2 -56
  9. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +1 -1
  10. package/dist/cjs/verdocs-dialog.cjs.entry.js +1 -1
  11. package/dist/cjs/verdocs-dropdown.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -1
  13. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +18 -106
  14. package/dist/cjs/verdocs-envelope-recipient-summary.cjs.entry.js +123 -0
  15. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +57 -16
  16. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +6 -6
  17. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +4 -4
  18. package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -1
  19. package/dist/cjs/verdocs-kba-dialog.cjs.entry.js +2 -4
  20. package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +1 -1
  21. package/dist/cjs/verdocs-preview_9.cjs.entry.js +2 -2
  22. package/dist/cjs/verdocs-quick-functions.cjs.entry.js +1 -1
  23. package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +11 -11
  24. package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
  25. package/dist/cjs/verdocs-sign.cjs.entry.js +4 -4
  26. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +2 -2
  27. package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
  28. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +3 -3
  29. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  30. package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
  31. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  32. package/dist/collection/collection-manifest.json +1 -0
  33. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.css +1 -0
  34. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.css +61 -0
  35. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.js +111 -0
  36. package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.css +3 -2
  37. package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js +22 -4
  38. package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js +1 -1
  39. package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js +1 -1
  40. package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.js +1 -1
  41. package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js +1 -1
  42. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.css +6 -1
  43. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js +2 -4
  44. package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js +1 -1
  45. package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js +1 -1
  46. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js +1 -1
  47. package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js +1 -1
  48. package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js +1 -1
  49. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +3 -3
  50. package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js +1 -1
  51. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.css +24 -7
  52. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js +62 -18
  53. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +6 -6
  54. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +2 -2
  55. package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js +1 -1
  56. package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js +1 -1
  57. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +8 -8
  58. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js +1 -1
  59. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +1 -1
  60. package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js +1 -1
  61. package/dist/collection/utils/EnvelopeStore.js +10 -6
  62. package/dist/collection/utils/TemplateFieldStore.js +0 -2
  63. package/dist/components/EnvelopeStore.js +11 -7
  64. package/dist/components/TemplateFieldStore.js +0 -2
  65. package/dist/components/index.js +2 -0
  66. package/dist/components/verdocs-dialog.js +1 -1
  67. package/dist/components/verdocs-dropdown2.js +1 -1
  68. package/dist/components/verdocs-envelope-document-page2.js +1 -1
  69. package/dist/components/verdocs-envelope-recipient-summary.js +147 -1
  70. package/dist/components/verdocs-envelope-sidebar.js +85 -29
  71. package/dist/components/verdocs-envelopes-list.js +6 -6
  72. package/dist/components/verdocs-initial-dialog2.js +1 -1
  73. package/dist/components/verdocs-kba-dialog.js +2 -4
  74. package/dist/components/verdocs-ok-dialog2.js +1 -1
  75. package/dist/components/verdocs-quick-functions.js +1 -1
  76. package/dist/components/verdocs-search-tabs.js +1 -1
  77. package/dist/components/verdocs-sign.js +3 -3
  78. package/dist/components/verdocs-signature-dialog2.js +1 -1
  79. package/dist/components/verdocs-status-indicator2.js +2 -2
  80. package/dist/components/verdocs-switch.d.ts +11 -0
  81. package/dist/components/verdocs-switch.js +6 -0
  82. package/dist/components/verdocs-switch2.js +44 -0
  83. package/dist/components/verdocs-template-card.js +1 -1
  84. package/dist/components/verdocs-template-document-page2.js +1 -1
  85. package/dist/components/verdocs-template-role-properties2.js +8 -8
  86. package/dist/components/verdocs-template-sender2.js +1 -1
  87. package/dist/components/verdocs-template-star2.js +1 -1
  88. package/dist/components/verdocs-template-tags.js +1 -1
  89. package/dist/components/verdocs-text-input2.js +7 -6
  90. package/dist/components/verdocs-toggle-button2.js +1 -1
  91. package/dist/components/verdocs-toolbar-icon2.js +1 -1
  92. package/dist/components/verdocs-upload-dialog2.js +1 -1
  93. package/dist/esm/{EnvelopeStore-27e21856.js → EnvelopeStore-8b1d4755.js} +11 -7
  94. package/dist/esm/{TemplateFieldStore-4a2e5b85.js → TemplateFieldStore-68bf6acd.js} +0 -2
  95. package/dist/esm/{TemplateStore-cd995a27.js → TemplateStore-41799d0a.js} +1 -1
  96. package/dist/esm/index-a68c7262.js +8 -4
  97. package/dist/esm/loader.js +1 -1
  98. package/dist/esm/verdocs-build.entry.js +2 -2
  99. package/dist/esm/{verdocs-button_2.entry.js → verdocs-button_3.entry.js} +56 -2
  100. package/dist/esm/{verdocs-checkbox_5.entry.js → verdocs-checkbox_4.entry.js} +3 -56
  101. package/dist/esm/verdocs-contact-picker_2.entry.js +1 -1
  102. package/dist/esm/verdocs-dialog.entry.js +1 -1
  103. package/dist/esm/verdocs-dropdown.entry.js +1 -1
  104. package/dist/esm/verdocs-envelope-document-page.entry.js +1 -1
  105. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +19 -107
  106. package/dist/{components/verdocs-envelope-recipient-summary2.js → esm/verdocs-envelope-recipient-summary.entry.js} +11 -41
  107. package/dist/esm/verdocs-envelope-sidebar.entry.js +59 -18
  108. package/dist/esm/verdocs-envelopes-list.entry.js +6 -6
  109. package/dist/esm/verdocs-field-attachment_13.entry.js +4 -4
  110. package/dist/esm/verdocs-field-payment.entry.js +1 -1
  111. package/dist/esm/verdocs-kba-dialog.entry.js +2 -4
  112. package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
  113. package/dist/esm/verdocs-preview_9.entry.js +2 -2
  114. package/dist/esm/verdocs-quick-functions.entry.js +1 -1
  115. package/dist/esm/verdocs-radio-button_3.entry.js +11 -11
  116. package/dist/esm/verdocs-search-tabs.entry.js +1 -1
  117. package/dist/esm/verdocs-sign.entry.js +4 -4
  118. package/dist/esm/verdocs-status-indicator.entry.js +2 -2
  119. package/dist/esm/verdocs-template-card.entry.js +1 -1
  120. package/dist/esm/verdocs-template-document-page_2.entry.js +3 -3
  121. package/dist/esm/verdocs-template-star.entry.js +1 -1
  122. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  123. package/dist/esm/verdocs-web-sdk.js +1 -1
  124. package/dist/esm-es5/EnvelopeStore-8b1d4755.js +1 -0
  125. package/dist/esm-es5/{TemplateFieldStore-4a2e5b85.js → TemplateFieldStore-68bf6acd.js} +1 -1
  126. package/dist/esm-es5/{TemplateStore-cd995a27.js → TemplateStore-41799d0a.js} +1 -1
  127. package/dist/esm-es5/index-a68c7262.js +1 -1
  128. package/dist/esm-es5/loader.js +1 -1
  129. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  130. package/dist/esm-es5/verdocs-button_3.entry.js +1 -0
  131. package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -0
  132. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  133. package/dist/esm-es5/verdocs-dialog.entry.js +1 -1
  134. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  135. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  136. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  137. package/dist/esm-es5/verdocs-envelope-recipient-summary.entry.js +1 -0
  138. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  139. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  140. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  141. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  142. package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
  143. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  144. package/dist/esm-es5/verdocs-preview_9.entry.js +1 -1
  145. package/dist/esm-es5/verdocs-quick-functions.entry.js +1 -1
  146. package/dist/esm-es5/verdocs-radio-button_3.entry.js +1 -1
  147. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  148. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  149. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  150. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  151. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  152. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  153. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  154. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  155. package/dist/types/components/controls/verdocs-switch/verdocs-switch.d.ts +21 -0
  156. package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.d.ts +2 -0
  157. package/dist/types/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.d.ts +1 -1
  158. package/dist/types/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.d.ts +7 -2
  159. package/dist/types/components.d.ts +91 -4
  160. package/dist/types/utils/EnvelopeStore.d.ts +2 -1
  161. package/dist/verdocs-web-sdk/{p-db59b650.entry.js → p-025eeafe.entry.js} +1 -1
  162. package/dist/verdocs-web-sdk/{p-1c04628f.entry.js → p-09b52821.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/{p-e5435d6f.entry.js → p-128e17f1.entry.js} +1 -1
  164. package/dist/verdocs-web-sdk/{p-2cf67caa.system.js → p-1a663adf.system.js} +1 -1
  165. package/dist/verdocs-web-sdk/{p-4372c294.js → p-1b0294d4.js} +1 -1
  166. package/dist/verdocs-web-sdk/p-1cb18a85.entry.js +1 -0
  167. package/dist/verdocs-web-sdk/{p-ecadacd2.entry.js → p-1e89f52d.entry.js} +1 -1
  168. package/dist/verdocs-web-sdk/p-267df026.system.js +1 -1
  169. package/dist/verdocs-web-sdk/{p-3dc96a64.system.entry.js → p-33f5ff73.system.entry.js} +1 -1
  170. package/dist/verdocs-web-sdk/{p-a1bff034.system.js → p-38c6897c.system.js} +1 -1
  171. package/dist/verdocs-web-sdk/{p-45be2439.entry.js → p-393489cb.entry.js} +1 -1
  172. package/dist/verdocs-web-sdk/{p-e86d6c0e.entry.js → p-405875b4.entry.js} +1 -1
  173. package/dist/verdocs-web-sdk/p-40b66b54.system.entry.js +1 -0
  174. package/dist/verdocs-web-sdk/{p-7b10ad30.system.entry.js → p-444191a8.system.entry.js} +1 -1
  175. package/dist/verdocs-web-sdk/{p-2419de34.entry.js → p-4480e944.entry.js} +1 -1
  176. package/dist/verdocs-web-sdk/{p-de1f949a.entry.js → p-4c514f4f.entry.js} +1 -1
  177. package/dist/verdocs-web-sdk/p-4dde02da.entry.js +1 -0
  178. package/dist/verdocs-web-sdk/p-52023c14.system.entry.js +1 -0
  179. package/dist/verdocs-web-sdk/{p-71783a91.system.entry.js → p-56a7b8df.system.entry.js} +1 -1
  180. package/dist/verdocs-web-sdk/{p-cf2ed386.system.entry.js → p-5a8672ab.system.entry.js} +1 -1
  181. package/dist/verdocs-web-sdk/{p-be2431ed.system.entry.js → p-64d648c1.system.entry.js} +1 -1
  182. package/dist/verdocs-web-sdk/{p-bbdc81d5.system.entry.js → p-669771a1.system.entry.js} +1 -1
  183. package/dist/verdocs-web-sdk/{p-594187ce.system.entry.js → p-68545704.system.entry.js} +1 -1
  184. package/dist/verdocs-web-sdk/{p-4efb0a48.system.entry.js → p-75e02f38.system.entry.js} +1 -1
  185. package/dist/verdocs-web-sdk/{p-281ce405.system.entry.js → p-77f25be6.system.entry.js} +1 -1
  186. package/dist/verdocs-web-sdk/p-784ac100.js +1 -0
  187. package/dist/verdocs-web-sdk/p-7da5f9e6.entry.js +1 -0
  188. package/dist/verdocs-web-sdk/p-809e1a1f.system.entry.js +1 -0
  189. package/dist/verdocs-web-sdk/{p-3b05c5b6.entry.js → p-8395d4f2.entry.js} +1 -1
  190. package/dist/verdocs-web-sdk/p-84a8d8c5.system.entry.js +1 -0
  191. package/dist/verdocs-web-sdk/{p-e826be1f.system.entry.js → p-86482c5e.system.entry.js} +1 -1
  192. package/dist/verdocs-web-sdk/{p-94852d77.entry.js → p-88c3a2b9.entry.js} +1 -1
  193. package/dist/verdocs-web-sdk/{p-a5b56406.system.entry.js → p-9790720c.system.entry.js} +1 -1
  194. package/dist/verdocs-web-sdk/p-985363b3.system.entry.js +1 -0
  195. package/dist/verdocs-web-sdk/{p-1dd6db40.system.entry.js → p-a75f7b16.system.entry.js} +1 -1
  196. package/dist/verdocs-web-sdk/p-af9f6863.entry.js +1 -0
  197. package/dist/verdocs-web-sdk/{p-473cf485.entry.js → p-b8938237.entry.js} +1 -1
  198. package/dist/verdocs-web-sdk/p-ba857346.system.js +1 -0
  199. package/dist/verdocs-web-sdk/{p-65596be9.entry.js → p-bde2073e.entry.js} +1 -1
  200. package/dist/verdocs-web-sdk/{p-b7a0a567.entry.js → p-c2e15dd9.entry.js} +1 -1
  201. package/dist/verdocs-web-sdk/p-c392509e.js +1 -0
  202. package/dist/verdocs-web-sdk/{p-1ff3c951.system.entry.js → p-c5dad8bb.system.entry.js} +1 -1
  203. package/dist/verdocs-web-sdk/{p-b7bccf83.entry.js → p-c8196df5.entry.js} +1 -1
  204. package/dist/verdocs-web-sdk/p-cca9858f.entry.js +1 -0
  205. package/dist/verdocs-web-sdk/p-ce8420d1.entry.js +1 -0
  206. package/dist/verdocs-web-sdk/{p-fed8d8f2.entry.js → p-d5f7caa2.entry.js} +1 -1
  207. package/dist/verdocs-web-sdk/p-d6577207.entry.js +1 -0
  208. package/dist/verdocs-web-sdk/p-e544d694.system.entry.js +1 -0
  209. package/dist/verdocs-web-sdk/p-eb602f8f.system.entry.js +1 -0
  210. package/dist/verdocs-web-sdk/{p-87357bff.entry.js → p-ed38f9b4.entry.js} +1 -1
  211. package/dist/verdocs-web-sdk/{p-cc4f4682.entry.js → p-edcc7110.entry.js} +1 -1
  212. package/dist/verdocs-web-sdk/{p-15f82220.system.entry.js → p-ef0061be.system.entry.js} +1 -1
  213. package/dist/verdocs-web-sdk/{p-9ad111fc.entry.js → p-f0dd04a1.entry.js} +1 -1
  214. package/dist/verdocs-web-sdk/p-fcedcc72.system.entry.js +1 -0
  215. package/dist/verdocs-web-sdk/{p-6178e8b2.system.entry.js → p-fd2224bb.system.entry.js} +1 -1
  216. package/dist/verdocs-web-sdk/{p-5fb5ef82.system.entry.js → p-fe672057.system.entry.js} +1 -1
  217. package/dist/verdocs-web-sdk/{p-14fb80a8.system.entry.js → p-ff9fc188.system.entry.js} +1 -1
  218. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  219. package/package.json +2 -2
  220. package/dist/collection/components/controls/verdocs-toggle/grid.svg +0 -1
  221. package/dist/collection/components/controls/verdocs-toggle/list.svg +0 -1
  222. package/dist/esm-es5/EnvelopeStore-27e21856.js +0 -1
  223. package/dist/esm-es5/verdocs-button_2.entry.js +0 -1
  224. package/dist/esm-es5/verdocs-checkbox_5.entry.js +0 -1
  225. package/dist/verdocs-web-sdk/p-01199d7a.entry.js +0 -1
  226. package/dist/verdocs-web-sdk/p-143f1bdf.system.entry.js +0 -1
  227. package/dist/verdocs-web-sdk/p-1500a477.entry.js +0 -1
  228. package/dist/verdocs-web-sdk/p-18188ae5.system.entry.js +0 -1
  229. package/dist/verdocs-web-sdk/p-2cfcd218.entry.js +0 -1
  230. package/dist/verdocs-web-sdk/p-380541d9.entry.js +0 -1
  231. package/dist/verdocs-web-sdk/p-8302dcf5.system.entry.js +0 -1
  232. package/dist/verdocs-web-sdk/p-9b3bebba.system.entry.js +0 -1
  233. package/dist/verdocs-web-sdk/p-a87190ad.entry.js +0 -1
  234. package/dist/verdocs-web-sdk/p-ae084df7.system.entry.js +0 -1
  235. package/dist/verdocs-web-sdk/p-b426caa8.system.entry.js +0 -1
  236. package/dist/verdocs-web-sdk/p-ba2d11a0.entry.js +0 -1
  237. package/dist/verdocs-web-sdk/p-d3b5c957.system.js +0 -1
  238. package/dist/verdocs-web-sdk/p-d754b3d1.system.entry.js +0 -1
  239. package/dist/verdocs-web-sdk/p-ed199c97.js +0 -1
  240. package/dist/verdocs-web-sdk/p-ff64786a.js +0 -1
@@ -0,0 +1,111 @@
1
+ import { h } from "@stencil/core";
2
+ /**
3
+ * Displays a toggle switch.
4
+ *
5
+ * ```ts
6
+ * <verdocs-switch checked={sendReminders} onCheckedChange={setSendReminders} />
7
+ * ```
8
+ */
9
+ export class VerdocsSwitch {
10
+ constructor() {
11
+ this.checked = false;
12
+ this.style = 'primary';
13
+ this.disabled = false;
14
+ }
15
+ render() {
16
+ return (h("button", { key: '8869138a0f6398a5d1257a10a375c2a18a0a137c', value: "on", type: "button", role: "switch", class: `switch ${this.style} ${this.disabled ? 'disabled' : ''}`, "data-state": this.checked ? 'checked' : 'unchecked', "aria-checked": this.checked ? 'checked' : 'unchecked', onClick: () => {
17
+ var _a;
18
+ if (!this.disabled) {
19
+ this.checked = !this.checked;
20
+ (_a = this.checkedChange) === null || _a === void 0 ? void 0 : _a.emit(this.checked);
21
+ }
22
+ } }, h("span", { key: 'cb3cf22d7d1f10a6bc996960fe68bbfe0065c68c', "data-state": this.checked ? 'checked' : 'unchecked', class: "slider" })));
23
+ }
24
+ static get is() { return "verdocs-switch"; }
25
+ static get originalStyleUrls() {
26
+ return {
27
+ "$": ["verdocs-switch.scss"]
28
+ };
29
+ }
30
+ static get styleUrls() {
31
+ return {
32
+ "$": ["verdocs-switch.css"]
33
+ };
34
+ }
35
+ static get properties() {
36
+ return {
37
+ "checked": {
38
+ "type": "boolean",
39
+ "mutable": true,
40
+ "complexType": {
41
+ "original": "boolean",
42
+ "resolved": "boolean",
43
+ "references": {}
44
+ },
45
+ "required": false,
46
+ "optional": false,
47
+ "docs": {
48
+ "tags": [],
49
+ "text": ""
50
+ },
51
+ "attribute": "checked",
52
+ "reflect": false,
53
+ "defaultValue": "false"
54
+ },
55
+ "style": {
56
+ "type": "string",
57
+ "mutable": false,
58
+ "complexType": {
59
+ "original": "'primary' | 'secondary'",
60
+ "resolved": "\"primary\" | \"secondary\"",
61
+ "references": {}
62
+ },
63
+ "required": false,
64
+ "optional": false,
65
+ "docs": {
66
+ "tags": [],
67
+ "text": "Select purple or green treatments."
68
+ },
69
+ "attribute": "style",
70
+ "reflect": false,
71
+ "defaultValue": "'primary'"
72
+ },
73
+ "disabled": {
74
+ "type": "boolean",
75
+ "mutable": false,
76
+ "complexType": {
77
+ "original": "boolean",
78
+ "resolved": "boolean",
79
+ "references": {}
80
+ },
81
+ "required": false,
82
+ "optional": false,
83
+ "docs": {
84
+ "tags": [],
85
+ "text": "Should the field be disabled?"
86
+ },
87
+ "attribute": "disabled",
88
+ "reflect": false,
89
+ "defaultValue": "false"
90
+ }
91
+ };
92
+ }
93
+ static get events() {
94
+ return [{
95
+ "method": "checkedChange",
96
+ "name": "checkedChange",
97
+ "bubbles": true,
98
+ "cancelable": true,
99
+ "composed": true,
100
+ "docs": {
101
+ "tags": [],
102
+ "text": ""
103
+ },
104
+ "complexType": {
105
+ "original": "boolean",
106
+ "resolved": "boolean",
107
+ "references": {}
108
+ }
109
+ }];
110
+ }
111
+ }
@@ -28,8 +28,9 @@ verdocs-text-input .input-element {
28
28
  outline: none;
29
29
  }
30
30
  verdocs-text-input .input-element:disabled {
31
- border: 1px solid #aeb4bf;
32
- background: #f5f5fa;
31
+ cursor: not-allowed;
32
+ background: #aeb4bf;
33
+ border: 1px solid #33364b;
33
34
  }
34
35
  verdocs-text-input .input-element::placeholder {
35
36
  color: #aaaaaa;
@@ -35,7 +35,7 @@ export class VerdocsTextInput {
35
35
  .catch(e => console.log('Error copying to clipboard', e));
36
36
  }
37
37
  render() {
38
- return (h(Host, { key: '60bd27aafb8597a65b2cc433a560ae1bd2b404ad', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: 'd35b3912a2fd3d27ba1f1a454bbd0cf02710d7c2' }, this.label && (h("div", { key: '24b9dbbc47a32d2db4b1cb1a0fbfcec6e10698f6', class: "input-label" }, this.label + ':', this.required && h("span", { key: '1c2ef6df80053e6eaf9c6f6b23391b329ace0b60', class: "required" }, "*"))), h("div", { key: '563ac56ff97fad6be30eefaacc0e654e11763db6', class: "input-container" }, h("input", { key: '50d21decaff04b0bb823f33ab71eacdcc0ef1906', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '0d0e907d677492b54ff244f2f36389d474b13cda', innerHTML: ClearIcon, class: "clear", onClick: () => {
38
+ return (h(Host, { key: '6d4b7c85dd7698f795f11e1bb235406fdedd8a96', class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", { key: '48e3419a7c9187444a1fdcfad1cea862a6945ee3' }, this.label && (h("div", { key: 'ebf6b58a21bafab4fbe411b5f0f3cb5bb29157f8', class: "input-label" }, this.label + ':', this.required && h("span", { key: '84b895a4fc3686991a0966a3442fc87c610628d6', class: "required" }, "*"))), h("div", { key: '86887c310beeb76920c574d268fa9508d0d331b4', class: "input-container" }, h("input", { key: '14c9e36708fb955fd6b3bf5cac37aae2b64f820b', type: this.type === 'password' && this.showingPw ? 'text' : this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, onBlur: (e) => { var _a; return (_a = this.blur) === null || _a === void 0 ? void 0 : _a.emit(e.target.value); }, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { key: '333a08eaf763d01d603cb8750b4328d9d2e6f97e', innerHTML: ClearIcon, class: "clear", onClick: () => {
39
39
  // We need to allow the onInput event to fire first in case
40
40
  // the user was focused on this field before clicking clear.
41
41
  setTimeout(() => {
@@ -45,13 +45,13 @@ export class VerdocsTextInput {
45
45
  // We need to allow the value to "settle"
46
46
  setTimeout(() => {
47
47
  var _a, _b;
48
- (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new Event('focusout'));
48
+ (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new window.Event('focusout'));
49
49
  (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
50
50
  }, 50);
51
51
  }, 50);
52
- } })), this.type === 'password' && (h("span", { key: '68df05b7d43320a87f4ede3115b20cf19b409f9e', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
52
+ } })), this.type === 'password' && (h("span", { key: 'b62dc779e128bb5f541884cae7f27f53baf4c62a', innerHTML: this.showingPw ? EyeIcon : EyeSlashIcon, class: "toggle-pw", onClick: () => {
53
53
  this.showingPw = !this.showingPw;
54
- } })), !this.clearable && this.copyable && this.value && h("span", { key: 'f41ecf64b8fce70f74c6f938955b839a32252259', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: 'f8d399ed6c21bcc27e04330f6437f160e733218a', text: this.helpText }))));
54
+ } })), !this.clearable && this.copyable && this.value && h("span", { key: 'acd2baea4821146254849942ebba6f2f1af5511d', innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { key: '1c3e7b58bd3c62770b88d585bc52149780016dd5', text: this.helpText }))));
55
55
  }
56
56
  static get is() { return "verdocs-text-input"; }
57
57
  static get originalStyleUrls() {
@@ -253,5 +253,23 @@ export class VerdocsTextInput {
253
253
  "showingPw": {}
254
254
  };
255
255
  }
256
+ static get events() {
257
+ return [{
258
+ "method": "blur",
259
+ "name": "blur",
260
+ "bubbles": true,
261
+ "cancelable": true,
262
+ "composed": true,
263
+ "docs": {
264
+ "tags": [],
265
+ "text": ""
266
+ },
267
+ "complexType": {
268
+ "original": "any",
269
+ "resolved": "any",
270
+ "references": {}
271
+ }
272
+ }];
273
+ }
256
274
  static get elementRef() { return "hostEl"; }
257
275
  }
@@ -25,7 +25,7 @@ export class VerdocsToggleButton {
25
25
  (_a = this.toggle) === null || _a === void 0 ? void 0 : _a.emit({ active: newState });
26
26
  }
27
27
  render() {
28
- return (h(Host, { key: '172f6a0d3eec15a7b97ed055125defe6d7e69fcb', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
28
+ return (h(Host, { key: '95a678bbbbc6d63aff1239b6fb296e98e093ceb8', class: `size-${this.size}` }, this.icon ? (h("button", { innerHTML: this.icon, class: { active: this._active }, onClick: e => this.handleToggle(e) })) : (h("button", { class: { active: this._active }, onClick: e => this.handleToggle(e) }, this.label))));
29
29
  }
30
30
  static get is() { return "verdocs-toggle-button"; }
31
31
  static get originalStyleUrls() {
@@ -43,7 +43,7 @@ export class VerdocsToolbarIcon {
43
43
  // this.press?.emit();
44
44
  // }
45
45
  render() {
46
- return (h(Host, { key: '313eea120d6b657fe64327a1a2175cee3944030e', class: {} }, h("div", { key: '0383546d1bb7a830ac79c946f50801144950161c', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '5138031ef44538c476609455ded0e8f862e86345', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '91e3f9858016f0628332175b521d9f4ba4a5fc5a', "data-popper-arrow": "true", class: "arrow" }))));
46
+ return (h(Host, { key: 'ea93725233dd213179a2c804bf7f4ab8cf7ab8bd', class: {} }, h("div", { key: '84c85bb763e237e06cce0a6df7852c1f8550ad9c', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: 'e5d7e7765580c8c797f8cf73f0fc82adf6a6509d', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, h("div", { key: '0502203740b302633cd730d220f2a184cbbb88de', "data-popper-arrow": "true", class: "arrow" }))));
47
47
  }
48
48
  static get is() { return "verdocs-toolbar-icon"; }
49
49
  static get originalStyleUrls() {
@@ -12,7 +12,7 @@ export class VerdocsDialog {
12
12
  }
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '6248990033ba71022795432afa8679841450431e' }, h("div", { key: 'bdea70156c5d1776977bf7947e326ed118367f82', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '5c8cec9a24b0a892aeb2325a87a6d238ad211992', class: "dialog" }, h("slot", { key: '001678f28acc1ca78772dfa2d2f9cb56c6e1074d', name: "title" }, h("div", { key: 'b5c86535f40180659a6e21b31193c6d0cdd0c706', class: "heading" }, "Please Confirm")), h("div", { key: 'e6c8eddfe1c541d34ac2380f78564bc80b736564', class: "content" }, h("slot", { key: '6d22d23df835be6339b7629a21fe3a3a802eb9b9' }))))));
15
+ return (h(Host, { key: '81c8ede6508a1ce80ce002b0b94b91604e7a2e73' }, h("div", { key: '2e05c3999a88c0d6e16615953054a4658c6f25d7', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '45e7c3d08b5a2cf830a06a0a938c3e43febb79ca', class: "dialog" }, h("slot", { key: '6c4c0e21c52a0a272df32976288734d09183251a', name: "title" }, h("div", { key: 'd3f30f469242351f95d2e20d58adf4e0ff86881e', class: "heading" }, "Please Confirm")), h("div", { key: '4800a431f9c5b5d65da612fd753533fd8469e9e5', class: "content" }, h("slot", { key: '40dcf76ccc8b799262aaba30435ae2692af53cb7' }))))));
16
16
  }
17
17
  static get is() { return "verdocs-dialog"; }
18
18
  static get originalStyleUrls() {
@@ -216,7 +216,7 @@ export class VerdocsInitialDialog {
216
216
  }
217
217
  */
218
218
  render() {
219
- return (h(Host, { key: '98f8bc6b29579e346c77c0d95f411856d1ac9574', onClick: e => this.handleCancel(e) }, h("div", { key: 'f5523f0097065f6bb98ae3dafa5597c9c838bdb1', class: "dialog" }, h("div", { key: 'd02d5974a2e4cd5c4a902eb50ffc3eb266d8581a', class: "heading" }, "Create Your Initial"), h("div", { key: 'bcc0f0c0576e2d04368b343ffe2ab068adbccad7', class: "content" }, h("verdocs-text-input", { key: '59d99f2d65a80f0b026e2b7437124ee451646ce9', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '74bea0970b5a0cb3e8ba0b1161831ca2ee5c4df5', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '1964a8a425a78881257c7c649e86b55d2d4d1f44', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '8032dbe137f00c09ac4416901dbe9fef27cfb961', class: "buttons" }, h("verdocs-button", { key: 'f6151fbecf531ee7c1d0d257bf9e72a24f00deca', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2ab798869462bd942a37c34bbbe7c35a27927044', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
219
+ return (h(Host, { key: '8d0116cf97848213877b5250d2b49e8da73f9d7a', onClick: e => this.handleCancel(e) }, h("div", { key: '81a12261f5eef48b00309756c685fae9993f613a', class: "dialog" }, h("div", { key: '91364e9ac8d4bbdd50dc201a323c9b34a1d5ddfc', class: "heading" }, "Create Your Initial"), h("div", { key: 'dea07efcc51b6b8530e2615f05bcd8024e6d2029', class: "content" }, h("verdocs-text-input", { key: '04ad40f6f734556849afa551ef9eb665d3b28c48', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: 'c038a30e6355e58d428c5b0190868a536236dfb3', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '22a8f81443052b8e0523f19161a9cf8671fe9f45', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'd6c53a1846c6d109d38d1977a452dcfbea1b7aeb', class: "buttons" }, h("verdocs-button", { key: '0c12b1bfd70a923564e77a7970472cc5cdcdf0e9', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '88ef91ffa75db664b822758f38143d5535b6803c', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
220
220
  }
221
221
  static get is() { return "verdocs-initial-dialog"; }
222
222
  static get originalStyleUrls() {
@@ -36,6 +36,7 @@ verdocs-kba-dialog .dialog {
36
36
  overflow: hidden;
37
37
  background: #fff;
38
38
  padding: 16px;
39
+ gap: 14px;
39
40
  box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);
40
41
  }
41
42
  verdocs-kba-dialog .heading {
@@ -52,7 +53,6 @@ verdocs-kba-dialog .help-box {
52
53
  background-color: #707ae5;
53
54
  display: flex;
54
55
  flex-direction: row;
55
- margin: 14px 0;
56
56
  padding: 14px;
57
57
  align-items: center;
58
58
  color: white;
@@ -82,8 +82,13 @@ verdocs-kba-dialog .input {
82
82
  margin: 16px 0 32px;
83
83
  }
84
84
  verdocs-kba-dialog .input label {
85
+ flex: 0;
85
86
  line-height: 10px;
86
87
  font-weight: 500;
88
+ white-space: nowrap;
89
+ }
90
+ verdocs-kba-dialog .input input {
91
+ flex: 1;
87
92
  }
88
93
  verdocs-kba-dialog .choices {
89
94
  display: grid;
@@ -1,7 +1,7 @@
1
1
  import { h, Fragment, Host } from "@stencil/core";
2
2
  const QuestionIcon = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 0C8.95313 0 0 8.95313 0 20C0 31.0469 8.95313 40 20 40C31.0469 40 40 31.0469 40 20C40 8.95313 31.0469 0 20 0ZM20 36.25C11.0391 36.25 3.75 28.9602 3.75 20C3.75 11.0398 11.0391 3.75 20 3.75C28.9609 3.75 36.25 11.0398 36.25 20C36.25 28.9602 28.9609 36.25 20 36.25Z" fill="white"/><path d="M20 26.25C18.5938 26.25 17.5 27.3438 17.5 28.75C17.5 30.1562 18.5234 31.25 20 31.25C21.3359 31.25 22.5 30.1562 22.5 28.75C22.5 27.3438 21.3359 26.25 20 26.25ZM22.5859 10H18.5938C15.5469 10 13.125 12.4219 13.125 15.4688C13.125 16.4844 13.9844 17.3438 15 17.3438C16.0156 17.3438 16.875 16.4844 16.875 15.4688C16.875 14.5312 17.5859 13.75 18.5234 13.75H22.5156C23.5234 13.75 24.375 14.5312 24.375 15.4688C24.375 16.0938 24.0625 16.5703 23.5156 16.8828L19.0625 19.6094C18.4375 20 18.125 20.625 18.125 21.25V22.5C18.125 23.5156 18.9844 24.375 20 24.375C21.0156 24.375 21.875 23.5156 21.875 22.5V22.3438L25.3984 20.1562C27.0391 19.1406 28.0547 17.3438 28.0547 15.4688C28.125 12.4219 25.7031 10 22.5859 10Z" fill="#E7E7E7"/></svg>`;
3
3
  /**
4
- * Prompt the user to confirm their identity with a series of questions.
4
+ * Prompt the user to confirm their identity with a PIN or a series of questions.
5
5
  */
6
6
  export class VerdocsKbaDialog {
7
7
  constructor() {
@@ -29,9 +29,7 @@ export class VerdocsKbaDialog {
29
29
  this.next.emit(this.response);
30
30
  }
31
31
  render() {
32
- return (h(Host, { key: 'da8054400603e7418a3d242a9748bf7ffef16d3d' }, h("div", { key: '792bf0a4b01debcd3d9c7bb463e231e2eb484bcd', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'e45a0b6afa03b2f0accf8e6482d17b46030e126d', class: "dialog" }, h("div", { key: 'e847058eaa84b95a5e4280cd97d7dc836ee0d440', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), h("div", { key: 'e5c56390905ddb76306c61e0c6b0d1bdef2711c4', class: "help-box" }, h("div", { key: '09884fd5082b7c8f486cbdfb77600c0880fd27e4', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '7a616300c3f63eab801e50058a0e7af05b78a480', class: "help-details" }, h("div", { key: 'cfd964d86c1a9613514c3aa287aa9054628e52f5', class: "help-title" }, this.helptitle), h("div", { key: 'bbbc656fbde278951af5dc9a584f87f9ebc8c774', class: "help-text" }, this.helptext))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => {
33
- this.response = choice;
34
- } }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder }))), h("div", { key: '292ba4aeeb659c074ca6bf7cf140509eef3bae72', class: "buttons" }, h("verdocs-button", { key: '66d145fd7aa347f7fadb14a4242626a85961bb11', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'e27794562d12fb066509df1c28836b2292e85e4e', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
32
+ return (h(Host, { key: '9b857660b91b89f928049d3f85a66bc1e585105e' }, h("div", { key: '36ff0ab3351dff215a5abf4a1ff7356346747650', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '26003d02099b3f64660091ee1dc02b81e7b9ca13', class: "dialog" }, h("div", { key: '4fb9daa61b801da6eb5f096149b09d4e0b89f676', class: "heading" }, "Confirm Your Identity", this.steps > 1 ? (h("span", { class: "step" }, "(", this.step, "/", this.steps, ")")) : (h(Fragment, null))), !!this.helptitle && (h("div", { key: 'bfac2a1a7bb294e1b24eb17664bcdd65ce7c4a17', class: "help-box" }, h("div", { key: '434dd57cdcd743f612985866d0e16e6f1fd2b1e1', class: "help-icon", innerHTML: QuestionIcon }), h("div", { key: '661bfcc2e80d66dceae242251e0734af45e83185', class: "help-details" }, h("div", { key: '786b81135e2080d7881016221fe99d3a1ecff095', class: "help-title" }, this.helptitle), h("div", { key: '0b31cb58496e9665389399e6f426dc4266837af0', class: "help-text" }, this.helptext)))), this.mode === 'choice' ? (h("div", { class: "choices" }, this.choices.map(choice => (h("div", { class: `choice ${choice === this.response ? 'selected' : ''}`, onClick: () => (this.response = choice) }, choice))))) : (h("div", { class: "input" }, h("label", { htmlFor: "verdocs-kba-input" }, this.label), h("input", { type: "text", id: "verdocs-kba-input", name: "verdocs-kba-input", placeholder: this.placeholder, value: this.response, onInput: (e) => (this.response = e.target.value) }))), h("div", { key: 'a6752c1cbeb1a83cf1adbb2f634cc8bdf79ebb0a', class: "buttons" }, h("verdocs-button", { key: '1a2d7c28c34f7f6bfbc554b116b096617aa0b40e', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'fb1c40e5895a0644c904fac36b860aaf62eb7e95', label: "Done", onClick: () => this.handleDone(), disabled: !this.response }))))));
35
33
  }
36
34
  static get is() { return "verdocs-kba-dialog"; }
37
35
  static get originalStyleUrls() {
@@ -27,7 +27,7 @@ export class VerdocsOkDialog {
27
27
  }
28
28
  }
29
29
  render() {
30
- return (h(Host, { key: 'd1e3ae19b392dc0b6d72d7f556dcd7e3563bfdf0', class: this.closed ? 'closed' : '' }, h("div", { key: '7ebf997fa041a6dc46db786a907892f2e453dae0', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '5b1942996241c78ba43d69d3cfc524122fb61a34', class: "dialog" }, h("div", { key: 'f2f4a909de8fffe96deb3b8e5dd40c33eabb8f7b', class: "heading" }, this.heading), h("div", { key: 'be340ff6b4505a2e4860dedaf45ee96a8a163fb4', class: "content" }, h("div", { key: '96ca69ddc741ba55a29084d5acb06297b92542e3', class: "message", innerHTML: this.message }), h("div", { key: '380641fb9acafc35508a8099a4aca16849b24631', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '783c61e0ef96346d18923a4961988efa762c360f', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
30
+ return (h(Host, { key: '1077eb562a8fd6bb9b1771d00e3d6bf37682dc68', class: this.closed ? 'closed' : '' }, h("div", { key: '370c8176f1be6c1b7ff44c9ac6d30c162f2c5b10', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'e502d4a7fc18fd0bee04ff9679ed345bc5aa93da', class: "dialog" }, h("div", { key: '826089d49b624246e909ff4437bf3d5bd8d8e5d8', class: "heading" }, this.heading), h("div", { key: '8aae0a35156334f6e052d0119d8398c64a627869', class: "content" }, h("div", { key: 'e4740cd967c231c03ffcf37b3c94c474b2760c97', class: "message", innerHTML: this.message }), h("div", { key: 'e0c1419acf0367f2342f8cf7325a5cde7922ac7e', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '0aaa059fe1071f45f2497963c820e8ab0d74fddd', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
31
31
  }
32
32
  static get is() { return "verdocs-ok-dialog"; }
33
33
  static get originalStyleUrls() {
@@ -213,7 +213,7 @@ export class VerdocsSignatureDialog {
213
213
  }
214
214
  */
215
215
  render() {
216
- return (h(Host, { key: '473acd8e7140c4f43b62a621a593fc20005ebe4e', onClick: e => this.handleCancel(e) }, h("div", { key: 'b9a66a9135857b2bbcc6afaaa9beaaae4eb64256', class: "dialog" }, h("div", { key: 'f89321f14c13eebde00ffa94c0d22d965000b8fe', class: "heading" }, "Create Your Signature"), h("div", { key: 'ca4ca07c5edcbd64cf2ade7b00e2ad73ca27099e', class: "content" }, h("verdocs-text-input", { key: 'c58ef162f417e8641928e501e1049155a2281537', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'ad45ecc444bebd5148a2ba83fcff151173dcba49', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '49cf09bf30308ad8f2f6d532d79663e22d02b0d7', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '322a98f49bfef63474ec02ee04c3655310d730e8', class: "buttons" }, h("verdocs-button", { key: 'fd32bb8d435469f40e7ac371e0b0e5e67138f2e5', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'b7c57d29e5392e90bd5374b3078abf4d78ffbfb4', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
216
+ return (h(Host, { key: 'f034c340293126cce5febf238cbcbf69a5134253', onClick: e => this.handleCancel(e) }, h("div", { key: '800bc098a14e777918b3a35292d58d249fe646f9', class: "dialog" }, h("div", { key: 'b50d5c57b8c9ef980f9b146376cd32a68f8e302d', class: "heading" }, "Create Your Signature"), h("div", { key: '82ad4da15b63875bdb376a2e546c06d5fef1eb44', class: "content" }, h("verdocs-text-input", { key: '6df6805d9f761819b190e62a871e3580acce50e7', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'e471f1b5f703bcfc77326dbcb2ba2bc5499d27a6', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'eaeede6b4d7fa6087fbd49e79a427c36606acb8b', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'f20d4607c71a2a25589cf660aa9882b83b99baa8', class: "buttons" }, h("verdocs-button", { key: '59673617176d5a00809ee27d0015eb2c26b22ced', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'a27c2f2f68b4aa5291330bcbb5601da22c947e9a', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
217
217
  }
218
218
  static get is() { return "verdocs-signature-dialog"; }
219
219
  static get originalStyleUrls() {
@@ -60,7 +60,7 @@ export class VerdocsUploadDialog {
60
60
  }
61
61
  }
62
62
  render() {
63
- return (h(Host, { key: 'b5953f37c10da278d5a3899d06922426079441e0' }, h("div", { key: '91dc51fbc71e66af94ca5c79eac0e3bb599a9ccb', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '67500483c03c6c08baca6826302b39f844a21a7c', class: "dialog" }, h("div", { key: 'af29b1e3630acee697b30c04c7c3d1557ae1b7b3', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: '4c6be1a598729ec6cde79acc92aaa3767c50a357' }, h("div", { key: '9dcdc62179e25dd102fddb505af1432e506d6fd1', class: "current-label" }, "Current Attachment"), h("div", { key: 'b79e95cc8089b4e4feaa74d681130ec14a803520', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '147db50145f4994aba2491a62b96ee60091ccd0c', class: "attachment" }, h("div", { key: '6a60baa5f8eab48fecb1c076776c3a65952a86f5', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '44fac3ff76886551351abb935c59f851641e63cc', class: "name" }, this.existingFile.name), h("div", { key: 'd44ea4aee3d98d3ff3e041b4080830299086108a', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: 'b39a52df9361b34ac7d7d6f6e5264ba70d472428', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'a6c39439b673fc0c1672746d50e0224e3da1f9a1' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '217f8c314b98040b3ddf0e6bbf45bae343549cfb' }, "- or -"), h("verdocs-button", { key: '01247b3a2d889a79a47fc0aaaf14a17bad18cfb5', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: '728bee4072f02a3a277b1f84bf4debcdf6e680d5', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'd7199d50bb3e1c1a73098ec9a6b8fa7f3f4efbf4', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '5257d5529defcedf131d7b7795dcaacf44921df5', class: "buttons" }, h("verdocs-button", { key: 'c0122c2b2d532106ade280712425a18e7a52f6c3', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'cc18fd7c2dfd3ac98f21e540c1658b21f14afafc', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
63
+ return (h(Host, { key: '107df7d3d61af8fffdeeb2a5cd9664a283cf8176' }, h("div", { key: 'b44a837d42428a5c8b553ea57fdadb6ee62e9927', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd13b0188f60e71d8ca32a5c5031753a9717f119d', class: "dialog" }, h("div", { key: '7dd24568bfdeed7241ef09f4cc539461564048af', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && this.existingFile && (h(Fragment, { key: '6b7197060ecf23a561518dfa1fe3087c11c7d596' }, h("div", { key: 'f2b801fea0cab95fc5ffd3d5cab5b6788dca7e3b', class: "current-label" }, "Current Attachment"), h("div", { key: '24db98920285515ff2d31e606440abeef1277600', class: "attachments", style: { marginTop: '0' } }, h("div", { key: 'a1432d1e8e914c4e2e251c258f97f20c457292d9', class: "attachment" }, h("div", { key: 'e13b9edaf726666e0ea466ad926e066747728bd9', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '4ad783ea0df4f711536a02d75d5bb4686e86ac06', class: "name" }, this.existingFile.name), h("div", { key: '555fd7f1e13b4dea753d6235c5acd3886912e19a', class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleDeleteAttachment() }))))), this.selectedFiles.length < 1 && (h("div", { key: 'ca6ee048c121ab6f1b2ac1348b60ebae299ab41a', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '77e92f537f2a984d3ec8a784d35ac08c2cf2274a' }, "Drag and drop a ", !!this.existingFile && 'replacement', " here..."), h("p", { key: '72500781ecae42d1249d9b380edec7866f84426f' }, "- or -"), h("verdocs-button", { key: '460e2e6f1629eca3d6f8c395dc33f1a01fb94fcb', label: !!this.existingFile ? 'Replace file...' : 'Select a file...', onClick: () => this.handleSelectFile() }), h("input", { key: 'e4b6ec3c30f11e448f05e21510a29dc52a217f9e', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'beddc71ea828d26528d185447a2ccf1d9111f14c', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), h("div", { key: '16be83d7135c299d3ab35b523611188a0f97edc2', class: "buttons" }, h("verdocs-button", { key: '8b72c9191865278d5f90ad6d61c0bb355ccbc441', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'f083700863c7839e521eaa8c36940e230e47b9d0', label: "Upload", onClick: () => this.handleDone(), disabled: this.selectedFiles.length < 1 }))))));
64
64
  }
65
65
  static get is() { return "verdocs-upload-dialog"; }
66
66
  static get originalStyleUrls() {
@@ -19,7 +19,7 @@ export class VerdocsQuickFunctions {
19
19
  this.createDocument.emit();
20
20
  }
21
21
  render() {
22
- return (h("div", { key: '03bc7982e13a9b380a043496e42d7ff8fdad499b', class: "container" }, h("p", { key: 'e6736cda1763a621f307e7bdc65d858e115297f8', class: "title" }, "Quick Create"), h("button", { key: '4df8bdc42bab16be8f1d8cc785fc32ee2b69c8a6', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'cdf7764f92e2a9516fea74084a6f96ad70cccfa4', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
22
+ return (h("div", { key: '427a4bfc1c41a292ed25c46ea29f770b6207fecf', class: "container" }, h("p", { key: 'e2e0e046e25b1cc9ee2c9920d33f52a37a703c8b', class: "title" }, "Quick Create"), h("button", { key: '4fd375e82e13f7aeac71d046c065297089805db6', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '4f725f16085dc64adb11ec1efb45433984927b84', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
23
23
  }
24
24
  static get is() { return "verdocs-quick-functions"; }
25
25
  static get originalStyleUrls() {
@@ -4,7 +4,7 @@ export class VerdocsSearchTabs {
4
4
  this.selected = 'all';
5
5
  }
6
6
  render() {
7
- return h("div", { key: '560e3303fbfbaee938891bee62b7fec8b84ec5a8' }, "\u00A0");
7
+ return h("div", { key: '3389871fb01d199ede32a18f3de3f778f2b57ae9' }, "\u00A0");
8
8
  }
9
9
  static get is() { return "verdocs-search-tabs"; }
10
10
  static get originalStyleUrls() {
@@ -216,10 +216,10 @@ export class VerdocsSign {
216
216
  case 'textbox':
217
217
  return this.saveFieldChange(field.name, { prepared: false, value });
218
218
  case 'checkbox': {
219
- return this.saveFieldChange(field.name, { prepared: false, value: e.target.checked });
219
+ return this.saveFieldChange(field.name, { prepared: false, value: String(e.target.checked) });
220
220
  }
221
221
  case 'radio': {
222
- return this.saveFieldChange(field.name, { prepared: false, value: e.target.checked });
222
+ return this.saveFieldChange(field.name, { prepared: false, value: String(e.target.checked) });
223
223
  }
224
224
  case 'dropdown':
225
225
  // TODO: Set prepared to false server-side.
@@ -431,7 +431,7 @@ export class VerdocsSign {
431
431
  });
432
432
  el.addEventListener('remove', (e) => {
433
433
  console.log('[SIGN] onRemoved', e.detail, e.target.value);
434
- deleteEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name, null)
434
+ deleteEnvelopeFieldAttachment(this.endpoint, this.envelopeId, field.name)
435
435
  .then(r => {
436
436
  console.log('[SIGN] Deleted attachment', r);
437
437
  // this.updateRecipientFieldValue(fieldName, updateResult)
@@ -75,7 +75,7 @@ export class VerdocsEnvelopeDocumentPage {
75
75
  }
76
76
  render() {
77
77
  const height = `${this.renderedHeight}px`;
78
- return (h(Host, { key: 'fb5e7873cb34621236cee2d6b08c36187f5e2687', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
78
+ return (h(Host, { key: 'c047ed0efbc74b5981dbb631999f33af262559f7', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
79
79
  // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
80
80
  // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
81
81
  // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
@@ -112,6 +112,7 @@ verdocs-envelope-sidebar .manage-recipients-button button {
112
112
  verdocs-envelope-sidebar .recipient-detail {
113
113
  flex: 0;
114
114
  padding: 8px;
115
+ font-size: 14px;
115
116
  position: relative;
116
117
  flex-direction: column;
117
118
  border: solid 1px #979797;
@@ -121,7 +122,7 @@ verdocs-envelope-sidebar .recipient-header {
121
122
  flex-direction: row;
122
123
  box-sizing: border-box;
123
124
  display: flex;
124
- place-content: center space-between;
125
+ gap: 6px;
125
126
  align-items: center;
126
127
  margin-bottom: 4px;
127
128
  }
@@ -134,18 +135,15 @@ verdocs-envelope-sidebar .recipient-number {
134
135
  border-radius: 24px;
135
136
  font-size: 14px;
136
137
  font-weight: 500;
137
- margin-right: 10px;
138
138
  border: solid 1px #979797;
139
139
  }
140
- verdocs-envelope-sidebar .recipient-type {
141
- flex: 1 1 88px;
140
+ verdocs-envelope-sidebar .recipient-name {
141
+ flex: 1;
142
142
  box-sizing: border-box;
143
- max-width: 88px;
144
- min-width: 88px;
145
143
  text-transform: capitalize;
146
144
  }
147
145
  verdocs-envelope-sidebar .recipient-status {
148
- flex: 1 1 100px;
146
+ flex: 0 0 100px;
149
147
  border-radius: 5px;
150
148
  text-align: center;
151
149
  box-sizing: border-box;
@@ -214,4 +212,23 @@ verdocs-envelope-sidebar .history-entry .activity-date {
214
212
  }
215
213
  verdocs-envelope-sidebar .content .history-entry:first-of-type {
216
214
  border-top: none;
215
+ }
216
+ verdocs-envelope-sidebar .reminders {
217
+ margin: 15px 0 30px 0;
218
+ }
219
+ verdocs-envelope-sidebar .reminders .form-row {
220
+ margin: 8px 0 0;
221
+ display: flex;
222
+ flex-direction: row;
223
+ }
224
+ verdocs-envelope-sidebar .reminders .form-row .reminders-label {
225
+ display: flex;
226
+ flex: 1;
227
+ }
228
+ verdocs-envelope-sidebar .reminders .form-row .form-label {
229
+ flex: 1;
230
+ }
231
+ verdocs-envelope-sidebar .reminders .form-row verdocs-text-input {
232
+ margin: 0;
233
+ width: 100px;
217
234
  }