@verdocs/web-sdk 5.0.34 → 5.0.35

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 (484) hide show
  1. package/dist/cjs/index-ccac8641.js +6 -2
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/verdocs-button-panel_2.cjs.entry.js +3 -3
  4. package/dist/cjs/verdocs-button_2.cjs.entry.js +2 -2
  5. package/dist/cjs/verdocs-checkbox_6.cjs.entry.js +9 -9
  6. package/dist/cjs/verdocs-checkbox_6.cjs.entry.js.map +1 -1
  7. package/dist/cjs/verdocs-contact-picker.cjs.entry.js +3920 -0
  8. package/dist/cjs/verdocs-contact-picker.cjs.entry.js.map +1 -0
  9. package/dist/cjs/verdocs-dialog.cjs.entry.js +1 -1
  10. package/dist/cjs/verdocs-dropdown.cjs.entry.js +1 -1
  11. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +6 -6
  13. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +3 -3
  14. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +2 -2
  15. package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js +2 -2
  16. package/dist/cjs/verdocs-kba-dialog_2.cjs.entry.js.map +1 -1
  17. package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js +8 -8
  18. package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +1 -1
  19. package/dist/cjs/verdocs-organization-card_2.cjs.entry.js +2 -2
  20. package/dist/cjs/verdocs-pagination_2.cjs.entry.js +2 -2
  21. package/dist/cjs/verdocs-quick-functions.cjs.entry.js +1 -1
  22. package/dist/cjs/verdocs-radio-button.cjs.entry.js +1 -1
  23. package/dist/cjs/verdocs-search-box.cjs.entry.js +1 -1
  24. package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
  25. package/dist/cjs/verdocs-spinner.cjs.entry.js +1 -1
  26. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +2 -2
  27. package/dist/cjs/verdocs-switch.cjs.entry.js +2 -2
  28. package/dist/cjs/verdocs-table.cjs.entry.js +2 -2
  29. package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
  30. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
  31. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  32. package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
  33. package/dist/cjs/verdocs-templates-list.cjs.entry.js +7 -7
  34. package/dist/cjs/verdocs-toggle-button.cjs.entry.js +38 -0
  35. package/dist/cjs/verdocs-toggle-button.cjs.entry.js.map +1 -0
  36. package/dist/cjs/verdocs-toggle.cjs.entry.js +1 -1
  37. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  38. package/dist/collection/components/controls/verdocs-button/verdocs-button.js +1 -1
  39. package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.js +2 -2
  40. package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.js +1 -1
  41. package/dist/collection/components/controls/verdocs-component-error/verdocs-component-error.js +1 -1
  42. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js +1 -1
  43. package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.js +1 -1
  44. package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js +1 -1
  45. package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js +1 -1
  46. package/dist/collection/components/controls/verdocs-menu-panel/verdocs-menu-panel.js +1 -1
  47. package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js +1 -1
  48. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +1 -1
  49. package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +1 -1
  50. package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js +1 -1
  51. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js +1 -1
  52. package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.js +1 -1
  53. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.css +2 -2
  54. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js +1 -1
  55. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js +1 -1
  56. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.js +2 -2
  57. package/dist/collection/components/controls/verdocs-table/verdocs-table.js +2 -2
  58. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js +1 -1
  59. package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js +4 -4
  60. package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js +1 -1
  61. package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js +1 -1
  62. package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js +1 -1
  63. package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.js +1 -1
  64. package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js +1 -1
  65. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.css +2 -2
  66. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js +1 -1
  67. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js.map +1 -1
  68. package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js +1 -1
  69. package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js +1 -1
  70. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js +1 -1
  71. package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js +1 -1
  72. package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.js +1 -1
  73. package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js +1 -1
  74. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.css +4 -8
  75. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +59 -29
  76. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js.map +1 -1
  77. package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js +1 -1
  78. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +6 -6
  79. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +2 -2
  80. package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js +1 -1
  81. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +7 -7
  82. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +1 -1
  83. package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js +1 -1
  84. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +7 -7
  85. package/dist/collection/utils/Unleash.js +18 -0
  86. package/dist/collection/utils/Unleash.js.map +1 -0
  87. package/dist/components/{p-6719b0d7.js → p-0fc88b2b.js} +2 -2
  88. package/dist/components/{p-6719b0d7.js.map → p-0fc88b2b.js.map} +1 -1
  89. package/dist/components/{p-84ae0283.js → p-168f7836.js} +2 -2
  90. package/dist/components/{p-84ae0283.js.map → p-168f7836.js.map} +1 -1
  91. package/dist/components/{p-e39c327c.js → p-170315e3.js} +5 -5
  92. package/dist/components/{p-e39c327c.js.map → p-170315e3.js.map} +1 -1
  93. package/dist/components/{p-0e332769.js → p-1af1f96c.js} +2 -2
  94. package/dist/components/{p-0e332769.js.map → p-1af1f96c.js.map} +1 -1
  95. package/dist/components/{p-3201d529.js → p-1cfa5639.js} +2 -2
  96. package/dist/components/{p-3201d529.js.map → p-1cfa5639.js.map} +1 -1
  97. package/dist/components/{p-f238b25b.js → p-21f25179.js} +8 -8
  98. package/dist/components/{p-f238b25b.js.map → p-21f25179.js.map} +1 -1
  99. package/dist/components/{p-a2f6d2c6.js → p-24e030f3.js} +2 -2
  100. package/dist/components/{p-a2f6d2c6.js.map → p-24e030f3.js.map} +1 -1
  101. package/dist/components/{p-9fb98ea2.js → p-2d483ec9.js} +3 -3
  102. package/dist/components/{p-9fb98ea2.js.map → p-2d483ec9.js.map} +1 -1
  103. package/dist/components/{p-41a75ad6.js → p-32264ece.js} +2 -2
  104. package/dist/components/{p-41a75ad6.js.map → p-32264ece.js.map} +1 -1
  105. package/dist/components/{p-62743fd3.js → p-36a65545.js} +3 -3
  106. package/dist/components/{p-62743fd3.js.map → p-36a65545.js.map} +1 -1
  107. package/dist/components/{p-cce871bf.js → p-378b03dd.js} +5 -5
  108. package/dist/components/{p-cce871bf.js.map → p-378b03dd.js.map} +1 -1
  109. package/dist/components/{p-f7cf2401.js → p-39fd7850.js} +7 -7
  110. package/dist/components/{p-f7cf2401.js.map → p-39fd7850.js.map} +1 -1
  111. package/dist/components/{p-631808d5.js → p-428af527.js} +26 -26
  112. package/dist/components/{p-631808d5.js.map → p-428af527.js.map} +1 -1
  113. package/dist/components/{p-f0f6e862.js → p-4fab924d.js} +3 -3
  114. package/dist/components/{p-f0f6e862.js.map → p-4fab924d.js.map} +1 -1
  115. package/dist/components/{p-b7d080eb.js → p-5044943a.js} +3 -3
  116. package/dist/components/{p-b7d080eb.js.map → p-5044943a.js.map} +1 -1
  117. package/dist/components/{p-2ef2d490.js → p-61ca8465.js} +4 -4
  118. package/dist/components/{p-2ef2d490.js.map → p-61ca8465.js.map} +1 -1
  119. package/dist/components/{p-9cfd8022.js → p-647807a0.js} +2 -2
  120. package/dist/components/{p-9cfd8022.js.map → p-647807a0.js.map} +1 -1
  121. package/dist/components/{p-4d3b9ee9.js → p-6a3a1267.js} +2 -2
  122. package/dist/components/{p-4d3b9ee9.js.map → p-6a3a1267.js.map} +1 -1
  123. package/dist/components/{p-c422d9a0.js → p-6c7dc2a2.js} +11 -11
  124. package/dist/components/{p-c422d9a0.js.map → p-6c7dc2a2.js.map} +1 -1
  125. package/dist/components/{p-c5045788.js → p-78afa71b.js} +10 -10
  126. package/dist/components/{p-c5045788.js.map → p-78afa71b.js.map} +1 -1
  127. package/dist/components/{p-813ed998.js → p-79422c16.js} +10 -10
  128. package/dist/components/{p-813ed998.js.map → p-79422c16.js.map} +1 -1
  129. package/dist/components/{p-be261487.js → p-79a725df.js} +2 -2
  130. package/dist/components/{p-be261487.js.map → p-79a725df.js.map} +1 -1
  131. package/dist/components/{p-16b073b8.js → p-7d4dfd74.js} +7 -7
  132. package/dist/components/{p-16b073b8.js.map → p-7d4dfd74.js.map} +1 -1
  133. package/dist/components/p-7e4a867c.js +3962 -0
  134. package/dist/components/p-7e4a867c.js.map +1 -0
  135. package/dist/components/{p-99128b47.js → p-822b79ac.js} +11 -11
  136. package/dist/components/{p-99128b47.js.map → p-822b79ac.js.map} +1 -1
  137. package/dist/components/{p-ac7694c0.js → p-828b14f5.js} +12 -12
  138. package/dist/components/{p-ac7694c0.js.map → p-828b14f5.js.map} +1 -1
  139. package/dist/components/{p-1d4829fb.js → p-846abf3b.js} +10 -10
  140. package/dist/components/{p-1d4829fb.js.map → p-846abf3b.js.map} +1 -1
  141. package/dist/components/{p-9c0b30f8.js → p-8b4d6e58.js} +5 -5
  142. package/dist/components/{p-9c0b30f8.js.map → p-8b4d6e58.js.map} +1 -1
  143. package/dist/components/{p-38e1fed8.js → p-8b6923f0.js} +3 -3
  144. package/dist/components/{p-38e1fed8.js.map → p-8b6923f0.js.map} +1 -1
  145. package/dist/components/{p-22da6d14.js → p-8de0afbb.js} +3 -3
  146. package/dist/components/{p-22da6d14.js.map → p-8de0afbb.js.map} +1 -1
  147. package/dist/components/{p-44ae3c75.js → p-91bd08b8.js} +2 -2
  148. package/dist/components/{p-44ae3c75.js.map → p-91bd08b8.js.map} +1 -1
  149. package/dist/components/{p-070bebd7.js → p-92f5e735.js} +3 -3
  150. package/dist/components/{p-070bebd7.js.map → p-92f5e735.js.map} +1 -1
  151. package/dist/components/{p-7ad22da6.js → p-9dfa65d0.js} +8 -8
  152. package/dist/components/{p-7ad22da6.js.map → p-9dfa65d0.js.map} +1 -1
  153. package/dist/components/{p-143a763f.js → p-9ec9e533.js} +10 -10
  154. package/dist/components/{p-143a763f.js.map → p-9ec9e533.js.map} +1 -1
  155. package/dist/components/{p-b99b485b.js → p-a7426706.js} +2 -2
  156. package/dist/components/{p-b99b485b.js.map → p-a7426706.js.map} +1 -1
  157. package/dist/components/{p-619747d7.js → p-aaf30d6b.js} +2 -2
  158. package/dist/components/{p-619747d7.js.map → p-aaf30d6b.js.map} +1 -1
  159. package/dist/components/{p-adf1586f.js → p-ab8caff4.js} +2 -2
  160. package/dist/components/{p-adf1586f.js.map → p-ab8caff4.js.map} +1 -1
  161. package/dist/components/{p-8c965486.js → p-b01fdf77.js} +10 -10
  162. package/dist/components/{p-8c965486.js.map → p-b01fdf77.js.map} +1 -1
  163. package/dist/components/{p-7f32e087.js → p-b685f6ab.js} +2 -2
  164. package/dist/components/{p-7f32e087.js.map → p-b685f6ab.js.map} +1 -1
  165. package/dist/components/{p-b5e479db.js → p-b7ea4baa.js} +10 -10
  166. package/dist/components/{p-b5e479db.js.map → p-b7ea4baa.js.map} +1 -1
  167. package/dist/components/{p-cecfbe2f.js → p-c2c4ad57.js} +9 -9
  168. package/dist/components/{p-cecfbe2f.js.map → p-c2c4ad57.js.map} +1 -1
  169. package/dist/components/{p-4dd750e9.js → p-c3a349cf.js} +2 -2
  170. package/dist/components/{p-4dd750e9.js.map → p-c3a349cf.js.map} +1 -1
  171. package/dist/components/{p-c4310332.js → p-c6b9ad1a.js} +10 -10
  172. package/dist/components/{p-c4310332.js.map → p-c6b9ad1a.js.map} +1 -1
  173. package/dist/components/{p-a1ba64de.js → p-ca1c6fc1.js} +15 -27
  174. package/dist/components/p-ca1c6fc1.js.map +1 -0
  175. package/dist/components/{p-d54466ed.js → p-cd6bd3f1.js} +25 -25
  176. package/dist/components/{p-d54466ed.js.map → p-cd6bd3f1.js.map} +1 -1
  177. package/dist/components/{p-6fcd99d1.js → p-e071b78d.js} +4 -4
  178. package/dist/components/p-e071b78d.js.map +1 -0
  179. package/dist/components/{p-550377ba.js → p-e2da5bff.js} +24 -24
  180. package/dist/components/{p-550377ba.js.map → p-e2da5bff.js.map} +1 -1
  181. package/dist/components/{p-1ae5d7e0.js → p-e97100c4.js} +2 -2
  182. package/dist/components/{p-1ae5d7e0.js.map → p-e97100c4.js.map} +1 -1
  183. package/dist/components/{p-325b3828.js → p-ec039160.js} +6 -6
  184. package/dist/components/{p-325b3828.js.map → p-ec039160.js.map} +1 -1
  185. package/dist/components/{p-7bd7baa6.js → p-fdafdf2c.js} +12 -12
  186. package/dist/components/{p-7bd7baa6.js.map → p-fdafdf2c.js.map} +1 -1
  187. package/dist/components/verdocs-auth.js +3 -3
  188. package/dist/components/verdocs-build.js +80 -86
  189. package/dist/components/verdocs-build.js.map +1 -1
  190. package/dist/components/verdocs-button-panel.js +1 -1
  191. package/dist/components/verdocs-button.js +1 -1
  192. package/dist/components/verdocs-checkbox.js +1 -1
  193. package/dist/components/verdocs-component-error.js +1 -1
  194. package/dist/components/verdocs-contact-picker.js +1 -1
  195. package/dist/components/verdocs-dialog.js +1 -1
  196. package/dist/components/verdocs-dropdown.js +1 -1
  197. package/dist/components/verdocs-envelope-document-page.js +1 -1
  198. package/dist/components/verdocs-envelope-recipient-link.js +1 -1
  199. package/dist/components/verdocs-envelope-recipient-summary.js +1 -1
  200. package/dist/components/verdocs-envelope-sidebar.js +8 -8
  201. package/dist/components/verdocs-envelopes-list.js +16 -16
  202. package/dist/components/verdocs-field-attachment.js +1 -1
  203. package/dist/components/verdocs-field-checkbox.js +1 -1
  204. package/dist/components/verdocs-field-date.js +1 -1
  205. package/dist/components/verdocs-field-dropdown.js +1 -1
  206. package/dist/components/verdocs-field-initial.js +1 -1
  207. package/dist/components/verdocs-field-payment.js +9 -9
  208. package/dist/components/verdocs-field-radio.js +1 -1
  209. package/dist/components/verdocs-field-signature.js +1 -1
  210. package/dist/components/verdocs-field-textarea.js +1 -1
  211. package/dist/components/verdocs-field-textbox.js +1 -1
  212. package/dist/components/verdocs-field-timestamp.js +1 -1
  213. package/dist/components/verdocs-file-chooser.js +1 -1
  214. package/dist/components/verdocs-help-icon.js +1 -1
  215. package/dist/components/verdocs-initial-dialog.js +1 -1
  216. package/dist/components/verdocs-kba-dialog.js +1 -1
  217. package/dist/components/verdocs-loader.js +1 -1
  218. package/dist/components/verdocs-menu-panel.js +1 -1
  219. package/dist/components/verdocs-ok-dialog.js +1 -1
  220. package/dist/components/verdocs-organization-card.js +2 -2
  221. package/dist/components/verdocs-pagination.js +1 -1
  222. package/dist/components/verdocs-portal.js +1 -1
  223. package/dist/components/verdocs-preview.js +1 -1
  224. package/dist/components/verdocs-progress-bar.js +1 -1
  225. package/dist/components/verdocs-quick-filter.js +1 -1
  226. package/dist/components/verdocs-quick-functions.js +1 -1
  227. package/dist/components/verdocs-radio-button.js +1 -1
  228. package/dist/components/verdocs-search-box.js +1 -1
  229. package/dist/components/verdocs-search-tabs.js +1 -1
  230. package/dist/components/verdocs-select-input.js +1 -1
  231. package/dist/components/verdocs-send.js +1 -1
  232. package/dist/components/verdocs-sign.js +10 -10
  233. package/dist/components/verdocs-signature-dialog.js +1 -1
  234. package/dist/components/verdocs-spinner.js +1 -1
  235. package/dist/components/verdocs-status-indicator.js +1 -1
  236. package/dist/components/verdocs-switch.js +1 -1
  237. package/dist/components/verdocs-table.js +2 -2
  238. package/dist/components/verdocs-tabs.js +1 -1
  239. package/dist/components/verdocs-template-attachments.js +1 -1
  240. package/dist/components/verdocs-template-build-tabs.js +1 -1
  241. package/dist/components/verdocs-template-card.js +1 -1
  242. package/dist/components/verdocs-template-create.js +4 -4
  243. package/dist/components/verdocs-template-document-page.js +1 -1
  244. package/dist/components/verdocs-template-field-properties.js +1 -1
  245. package/dist/components/verdocs-template-fields.js +1 -1
  246. package/dist/components/verdocs-template-role-properties.js +1 -1
  247. package/dist/components/verdocs-template-roles.js +1 -1
  248. package/dist/components/verdocs-template-settings.js +1 -1
  249. package/dist/components/verdocs-template-star.js +1 -1
  250. package/dist/components/verdocs-template-tags.js +1 -1
  251. package/dist/components/verdocs-templates-list.js +17 -17
  252. package/dist/components/verdocs-text-input.js +1 -1
  253. package/dist/components/verdocs-toggle-button.js +50 -1
  254. package/dist/components/verdocs-toggle-button.js.map +1 -1
  255. package/dist/components/verdocs-toggle.js +1 -1
  256. package/dist/components/verdocs-toolbar-icon.js +1 -1
  257. package/dist/components/verdocs-upload-dialog.js +1 -1
  258. package/dist/components/verdocs-view.js +1 -1
  259. package/dist/esm/index-272d51a4.js +6 -2
  260. package/dist/esm/loader.js +1 -1
  261. package/dist/esm/verdocs-button-panel_2.entry.js +3 -3
  262. package/dist/esm/verdocs-button_2.entry.js +2 -2
  263. package/dist/esm/verdocs-checkbox_6.entry.js +9 -9
  264. package/dist/esm/verdocs-checkbox_6.entry.js.map +1 -1
  265. package/dist/esm/verdocs-contact-picker.entry.js +3916 -0
  266. package/dist/esm/verdocs-contact-picker.entry.js.map +1 -0
  267. package/dist/esm/verdocs-dialog.entry.js +1 -1
  268. package/dist/esm/verdocs-dropdown.entry.js +1 -1
  269. package/dist/esm/verdocs-envelope-document-page.entry.js +1 -1
  270. package/dist/esm/verdocs-envelopes-list.entry.js +6 -6
  271. package/dist/esm/verdocs-field-attachment_13.entry.js +3 -3
  272. package/dist/esm/verdocs-file-chooser_2.entry.js +2 -2
  273. package/dist/esm/verdocs-kba-dialog_2.entry.js +2 -2
  274. package/dist/esm/verdocs-kba-dialog_2.entry.js.map +1 -1
  275. package/dist/esm/verdocs-menu-panel_2.entry.js +8 -8
  276. package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
  277. package/dist/esm/verdocs-organization-card_2.entry.js +2 -2
  278. package/dist/esm/verdocs-pagination_2.entry.js +2 -2
  279. package/dist/esm/verdocs-quick-functions.entry.js +1 -1
  280. package/dist/esm/verdocs-radio-button.entry.js +1 -1
  281. package/dist/esm/verdocs-search-box.entry.js +1 -1
  282. package/dist/esm/verdocs-search-tabs.entry.js +1 -1
  283. package/dist/esm/verdocs-spinner.entry.js +1 -1
  284. package/dist/esm/verdocs-status-indicator.entry.js +2 -2
  285. package/dist/esm/verdocs-switch.entry.js +2 -2
  286. package/dist/esm/verdocs-table.entry.js +2 -2
  287. package/dist/esm/verdocs-template-card.entry.js +1 -1
  288. package/dist/esm/verdocs-template-document-page_2.entry.js +1 -1
  289. package/dist/esm/verdocs-template-star.entry.js +1 -1
  290. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  291. package/dist/esm/verdocs-templates-list.entry.js +7 -7
  292. package/dist/{components/p-c00770e6.js → esm/verdocs-toggle-button.entry.js} +9 -29
  293. package/dist/esm/verdocs-toggle-button.entry.js.map +1 -0
  294. package/dist/esm/verdocs-toggle.entry.js +1 -1
  295. package/dist/esm/verdocs-web-sdk.js +1 -1
  296. package/dist/esm-es5/index-272d51a4.js +1 -1
  297. package/dist/esm-es5/index-272d51a4.js.map +1 -1
  298. package/dist/esm-es5/loader.js +1 -1
  299. package/dist/esm-es5/loader.js.map +1 -1
  300. package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
  301. package/dist/esm-es5/verdocs-button_2.entry.js +1 -1
  302. package/dist/esm-es5/verdocs-checkbox_6.entry.js +1 -1
  303. package/dist/esm-es5/verdocs-checkbox_6.entry.js.map +1 -1
  304. package/dist/esm-es5/verdocs-contact-picker.entry.js +2 -0
  305. package/dist/esm-es5/verdocs-contact-picker.entry.js.map +1 -0
  306. package/dist/esm-es5/verdocs-dialog.entry.js +1 -1
  307. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  308. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  309. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  310. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  311. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  312. package/dist/esm-es5/verdocs-kba-dialog_2.entry.js +1 -1
  313. package/dist/esm-es5/verdocs-kba-dialog_2.entry.js.map +1 -1
  314. package/dist/esm-es5/verdocs-menu-panel_2.entry.js +1 -1
  315. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  316. package/dist/esm-es5/verdocs-organization-card_2.entry.js +1 -1
  317. package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
  318. package/dist/esm-es5/verdocs-quick-functions.entry.js +1 -1
  319. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -1
  320. package/dist/esm-es5/verdocs-search-box.entry.js +1 -1
  321. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  322. package/dist/esm-es5/verdocs-spinner.entry.js +1 -1
  323. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  324. package/dist/esm-es5/verdocs-switch.entry.js +1 -1
  325. package/dist/esm-es5/verdocs-table.entry.js +1 -1
  326. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  327. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  328. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  329. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  330. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  331. package/dist/esm-es5/verdocs-toggle-button.entry.js +2 -0
  332. package/dist/esm-es5/verdocs-toggle-button.entry.js.map +1 -0
  333. package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
  334. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  335. package/dist/esm-es5/verdocs-web-sdk.js.map +1 -1
  336. package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.d.ts +4 -2
  337. package/dist/types/utils/Unleash.d.ts +14 -0
  338. package/dist/verdocs-web-sdk/{p-c53701b7.entry.js → p-0015c1dd.entry.js} +2 -2
  339. package/dist/verdocs-web-sdk/{p-1794d2fa.entry.js → p-03844e04.entry.js} +2 -2
  340. package/dist/verdocs-web-sdk/{p-3fd9d933.entry.js → p-03c38f54.entry.js} +2 -2
  341. package/dist/verdocs-web-sdk/{p-a168645d.entry.js → p-05e596a7.entry.js} +2 -2
  342. package/dist/verdocs-web-sdk/p-0785efc0.system.entry.js +2 -0
  343. package/dist/verdocs-web-sdk/p-0785efc0.system.entry.js.map +1 -0
  344. package/dist/verdocs-web-sdk/{p-00063a35.entry.js → p-08dc443e.entry.js} +2 -2
  345. package/dist/verdocs-web-sdk/{p-417f71da.system.entry.js → p-0ec98936.system.entry.js} +2 -2
  346. package/dist/verdocs-web-sdk/{p-761f6656.system.entry.js → p-1219148a.system.entry.js} +2 -2
  347. package/dist/verdocs-web-sdk/{p-dddd328d.entry.js → p-138b3d6e.entry.js} +2 -2
  348. package/dist/verdocs-web-sdk/{p-ac6ecfad.system.entry.js → p-17d195ea.system.entry.js} +2 -2
  349. package/dist/verdocs-web-sdk/{p-578e65d4.system.entry.js → p-191795a8.system.entry.js} +2 -2
  350. package/dist/verdocs-web-sdk/{p-83e567cb.entry.js → p-1abf08e1.entry.js} +2 -2
  351. package/dist/verdocs-web-sdk/{p-3649ddc2.entry.js → p-23e49134.entry.js} +2 -2
  352. package/dist/verdocs-web-sdk/{p-ca8aef1d.entry.js → p-29362ed9.entry.js} +2 -2
  353. package/dist/verdocs-web-sdk/{p-76c044c8.entry.js → p-299bf390.entry.js} +2 -2
  354. package/dist/verdocs-web-sdk/{p-f84932fd.system.entry.js → p-2a10d748.system.entry.js} +2 -2
  355. package/dist/verdocs-web-sdk/{p-3834fa6a.entry.js → p-2d0e06f1.entry.js} +2 -2
  356. package/dist/verdocs-web-sdk/{p-b8945173.entry.js → p-3102c576.entry.js} +2 -2
  357. package/dist/verdocs-web-sdk/{p-90bc3ad0.system.entry.js → p-316bb216.system.entry.js} +2 -2
  358. package/dist/verdocs-web-sdk/{p-94fe5817.system.entry.js → p-33973ca4.system.entry.js} +2 -2
  359. package/dist/verdocs-web-sdk/{p-7b1e00e5.system.entry.js → p-37259eec.system.entry.js} +2 -2
  360. package/dist/verdocs-web-sdk/{p-e6d711e0.system.entry.js → p-3783416b.system.entry.js} +2 -2
  361. package/dist/verdocs-web-sdk/p-3874cd69.entry.js +2 -0
  362. package/dist/verdocs-web-sdk/p-3874cd69.entry.js.map +1 -0
  363. package/dist/verdocs-web-sdk/{p-49cc9ac5.entry.js → p-392736f4.entry.js} +2 -2
  364. package/dist/verdocs-web-sdk/{p-f12b428b.entry.js → p-39b58a23.entry.js} +2 -2
  365. package/dist/verdocs-web-sdk/{p-ca15a050.entry.js → p-61f9b68d.entry.js} +2 -2
  366. package/dist/verdocs-web-sdk/p-6d4d7a0c.entry.js +2 -0
  367. package/dist/verdocs-web-sdk/p-6d4d7a0c.entry.js.map +1 -0
  368. package/dist/verdocs-web-sdk/{p-6b4de004.system.entry.js → p-6e9b34c6.system.entry.js} +2 -2
  369. package/dist/verdocs-web-sdk/{p-24f2d2e2.entry.js → p-706a7514.entry.js} +2 -2
  370. package/dist/verdocs-web-sdk/{p-ad3d07a6.system.entry.js → p-722a48b1.system.entry.js} +2 -2
  371. package/dist/verdocs-web-sdk/{p-21e9abff.system.entry.js → p-751c314b.system.entry.js} +2 -2
  372. package/dist/verdocs-web-sdk/{p-2eae32d9.system.entry.js → p-7ffbd7cb.system.entry.js} +2 -2
  373. package/dist/verdocs-web-sdk/{p-0c5b881a.entry.js → p-8246e75e.entry.js} +2 -2
  374. package/dist/verdocs-web-sdk/{p-5824962b.system.entry.js → p-8a6c23fd.system.entry.js} +2 -2
  375. package/dist/verdocs-web-sdk/{p-e438bd02.system.entry.js → p-8b2772f0.system.entry.js} +2 -2
  376. package/dist/verdocs-web-sdk/{p-d1d95df4.system.entry.js → p-8ee1f062.system.entry.js} +2 -2
  377. package/dist/verdocs-web-sdk/{p-d5870e33.system.entry.js → p-8f2f67cd.system.entry.js} +2 -2
  378. package/dist/verdocs-web-sdk/p-a584cd70.entry.js +2 -0
  379. package/dist/verdocs-web-sdk/{p-5ebfe76c.entry.js.map → p-a584cd70.entry.js.map} +1 -1
  380. package/dist/verdocs-web-sdk/{p-1d5b9103.system.entry.js → p-a6e9c5de.system.entry.js} +2 -2
  381. package/dist/verdocs-web-sdk/{p-306bde40.system.entry.js → p-ac6b32f6.system.entry.js} +2 -2
  382. package/dist/verdocs-web-sdk/{p-1e191c20.system.entry.js → p-ae771b54.system.entry.js} +2 -2
  383. package/dist/verdocs-web-sdk/p-b2f263e0.system.entry.js +2 -0
  384. package/dist/verdocs-web-sdk/p-b2f263e0.system.entry.js.map +1 -0
  385. package/dist/verdocs-web-sdk/{p-53f4c7c3.system.entry.js → p-b46c2149.system.entry.js} +2 -2
  386. package/dist/verdocs-web-sdk/{p-8369273d.entry.js → p-b57123f8.entry.js} +2 -2
  387. package/dist/verdocs-web-sdk/{p-8369273d.entry.js.map → p-b57123f8.entry.js.map} +1 -1
  388. package/dist/verdocs-web-sdk/{p-df3f235d.entry.js → p-b5e6a34f.entry.js} +2 -2
  389. package/dist/verdocs-web-sdk/{p-d8dae4e9.system.entry.js → p-bc99a3ef.system.entry.js} +2 -2
  390. package/dist/verdocs-web-sdk/{p-e83d06d4.system.entry.js → p-be3d919c.system.entry.js} +2 -2
  391. package/dist/verdocs-web-sdk/{p-ecfe8987.system.entry.js → p-c3d93320.system.entry.js} +2 -2
  392. package/dist/verdocs-web-sdk/{p-ecfe8987.system.entry.js.map → p-c3d93320.system.entry.js.map} +1 -1
  393. package/dist/verdocs-web-sdk/{p-ab473697.entry.js → p-c6ebd157.entry.js} +2 -2
  394. package/dist/verdocs-web-sdk/p-c9bfd8a6.entry.js +2 -0
  395. package/dist/verdocs-web-sdk/{p-bfc815d0.entry.js.map → p-c9bfd8a6.entry.js.map} +1 -1
  396. package/dist/verdocs-web-sdk/{p-123c5de2.entry.js → p-ce27233f.entry.js} +2 -2
  397. package/dist/verdocs-web-sdk/p-cf648e46.entry.js +2 -0
  398. package/dist/verdocs-web-sdk/p-e2b70dfb.system.js +1 -1
  399. package/dist/verdocs-web-sdk/p-e2b70dfb.system.js.map +1 -1
  400. package/dist/verdocs-web-sdk/{p-b0fbfc24.system.entry.js → p-e8e5403a.system.entry.js} +2 -2
  401. package/dist/verdocs-web-sdk/p-e9f2bf0d.entry.js +2 -0
  402. package/dist/verdocs-web-sdk/p-e9f2bf0d.entry.js.map +1 -0
  403. package/dist/verdocs-web-sdk/{p-6237ce51.system.entry.js → p-ee959c5d.system.entry.js} +2 -2
  404. package/dist/verdocs-web-sdk/{p-a6113c3f.entry.js → p-f714c6b4.entry.js} +2 -2
  405. package/dist/verdocs-web-sdk/{p-5bcf921b.system.entry.js → p-f873e6df.system.entry.js} +2 -2
  406. package/dist/verdocs-web-sdk/p-f873e6df.system.entry.js.map +1 -0
  407. package/dist/verdocs-web-sdk/p-fb85475b.system.entry.js +2 -0
  408. package/dist/verdocs-web-sdk/{p-c0cd186e.entry.js → p-fdc80a21.entry.js} +2 -2
  409. package/dist/verdocs-web-sdk/{p-8f5c17b6.entry.js → p-fe3ff042.entry.js} +2 -2
  410. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  411. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js.map +1 -1
  412. package/package.json +2 -2
  413. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +0 -185
  414. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js.map +0 -1
  415. package/dist/components/p-6fcd99d1.js.map +0 -1
  416. package/dist/components/p-a1ba64de.js.map +0 -1
  417. package/dist/components/p-a443bd3a.js +0 -208
  418. package/dist/components/p-a443bd3a.js.map +0 -1
  419. package/dist/components/p-c00770e6.js.map +0 -1
  420. package/dist/esm/verdocs-contact-picker_2.entry.js +0 -180
  421. package/dist/esm/verdocs-contact-picker_2.entry.js.map +0 -1
  422. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +0 -2
  423. package/dist/esm-es5/verdocs-contact-picker_2.entry.js.map +0 -1
  424. package/dist/verdocs-web-sdk/p-25aa3bd3.entry.js +0 -2
  425. package/dist/verdocs-web-sdk/p-25aa3bd3.entry.js.map +0 -1
  426. package/dist/verdocs-web-sdk/p-5bcf921b.system.entry.js.map +0 -1
  427. package/dist/verdocs-web-sdk/p-5ebfe76c.entry.js +0 -2
  428. package/dist/verdocs-web-sdk/p-69527aaf.system.entry.js +0 -2
  429. package/dist/verdocs-web-sdk/p-69527aaf.system.entry.js.map +0 -1
  430. package/dist/verdocs-web-sdk/p-9227d400.system.entry.js +0 -2
  431. package/dist/verdocs-web-sdk/p-9750edd6.entry.js +0 -2
  432. package/dist/verdocs-web-sdk/p-a1aefbfc.entry.js +0 -2
  433. package/dist/verdocs-web-sdk/p-a1aefbfc.entry.js.map +0 -1
  434. package/dist/verdocs-web-sdk/p-bfc815d0.entry.js +0 -2
  435. /package/dist/verdocs-web-sdk/{p-c53701b7.entry.js.map → p-0015c1dd.entry.js.map} +0 -0
  436. /package/dist/verdocs-web-sdk/{p-1794d2fa.entry.js.map → p-03844e04.entry.js.map} +0 -0
  437. /package/dist/verdocs-web-sdk/{p-3fd9d933.entry.js.map → p-03c38f54.entry.js.map} +0 -0
  438. /package/dist/verdocs-web-sdk/{p-a168645d.entry.js.map → p-05e596a7.entry.js.map} +0 -0
  439. /package/dist/verdocs-web-sdk/{p-00063a35.entry.js.map → p-08dc443e.entry.js.map} +0 -0
  440. /package/dist/verdocs-web-sdk/{p-417f71da.system.entry.js.map → p-0ec98936.system.entry.js.map} +0 -0
  441. /package/dist/verdocs-web-sdk/{p-761f6656.system.entry.js.map → p-1219148a.system.entry.js.map} +0 -0
  442. /package/dist/verdocs-web-sdk/{p-dddd328d.entry.js.map → p-138b3d6e.entry.js.map} +0 -0
  443. /package/dist/verdocs-web-sdk/{p-ac6ecfad.system.entry.js.map → p-17d195ea.system.entry.js.map} +0 -0
  444. /package/dist/verdocs-web-sdk/{p-578e65d4.system.entry.js.map → p-191795a8.system.entry.js.map} +0 -0
  445. /package/dist/verdocs-web-sdk/{p-83e567cb.entry.js.map → p-1abf08e1.entry.js.map} +0 -0
  446. /package/dist/verdocs-web-sdk/{p-3649ddc2.entry.js.map → p-23e49134.entry.js.map} +0 -0
  447. /package/dist/verdocs-web-sdk/{p-ca8aef1d.entry.js.map → p-29362ed9.entry.js.map} +0 -0
  448. /package/dist/verdocs-web-sdk/{p-76c044c8.entry.js.map → p-299bf390.entry.js.map} +0 -0
  449. /package/dist/verdocs-web-sdk/{p-f84932fd.system.entry.js.map → p-2a10d748.system.entry.js.map} +0 -0
  450. /package/dist/verdocs-web-sdk/{p-3834fa6a.entry.js.map → p-2d0e06f1.entry.js.map} +0 -0
  451. /package/dist/verdocs-web-sdk/{p-b8945173.entry.js.map → p-3102c576.entry.js.map} +0 -0
  452. /package/dist/verdocs-web-sdk/{p-90bc3ad0.system.entry.js.map → p-316bb216.system.entry.js.map} +0 -0
  453. /package/dist/verdocs-web-sdk/{p-94fe5817.system.entry.js.map → p-33973ca4.system.entry.js.map} +0 -0
  454. /package/dist/verdocs-web-sdk/{p-7b1e00e5.system.entry.js.map → p-37259eec.system.entry.js.map} +0 -0
  455. /package/dist/verdocs-web-sdk/{p-e6d711e0.system.entry.js.map → p-3783416b.system.entry.js.map} +0 -0
  456. /package/dist/verdocs-web-sdk/{p-49cc9ac5.entry.js.map → p-392736f4.entry.js.map} +0 -0
  457. /package/dist/verdocs-web-sdk/{p-f12b428b.entry.js.map → p-39b58a23.entry.js.map} +0 -0
  458. /package/dist/verdocs-web-sdk/{p-ca15a050.entry.js.map → p-61f9b68d.entry.js.map} +0 -0
  459. /package/dist/verdocs-web-sdk/{p-6b4de004.system.entry.js.map → p-6e9b34c6.system.entry.js.map} +0 -0
  460. /package/dist/verdocs-web-sdk/{p-24f2d2e2.entry.js.map → p-706a7514.entry.js.map} +0 -0
  461. /package/dist/verdocs-web-sdk/{p-ad3d07a6.system.entry.js.map → p-722a48b1.system.entry.js.map} +0 -0
  462. /package/dist/verdocs-web-sdk/{p-21e9abff.system.entry.js.map → p-751c314b.system.entry.js.map} +0 -0
  463. /package/dist/verdocs-web-sdk/{p-2eae32d9.system.entry.js.map → p-7ffbd7cb.system.entry.js.map} +0 -0
  464. /package/dist/verdocs-web-sdk/{p-0c5b881a.entry.js.map → p-8246e75e.entry.js.map} +0 -0
  465. /package/dist/verdocs-web-sdk/{p-5824962b.system.entry.js.map → p-8a6c23fd.system.entry.js.map} +0 -0
  466. /package/dist/verdocs-web-sdk/{p-e438bd02.system.entry.js.map → p-8b2772f0.system.entry.js.map} +0 -0
  467. /package/dist/verdocs-web-sdk/{p-d1d95df4.system.entry.js.map → p-8ee1f062.system.entry.js.map} +0 -0
  468. /package/dist/verdocs-web-sdk/{p-d5870e33.system.entry.js.map → p-8f2f67cd.system.entry.js.map} +0 -0
  469. /package/dist/verdocs-web-sdk/{p-1d5b9103.system.entry.js.map → p-a6e9c5de.system.entry.js.map} +0 -0
  470. /package/dist/verdocs-web-sdk/{p-306bde40.system.entry.js.map → p-ac6b32f6.system.entry.js.map} +0 -0
  471. /package/dist/verdocs-web-sdk/{p-1e191c20.system.entry.js.map → p-ae771b54.system.entry.js.map} +0 -0
  472. /package/dist/verdocs-web-sdk/{p-53f4c7c3.system.entry.js.map → p-b46c2149.system.entry.js.map} +0 -0
  473. /package/dist/verdocs-web-sdk/{p-df3f235d.entry.js.map → p-b5e6a34f.entry.js.map} +0 -0
  474. /package/dist/verdocs-web-sdk/{p-d8dae4e9.system.entry.js.map → p-bc99a3ef.system.entry.js.map} +0 -0
  475. /package/dist/verdocs-web-sdk/{p-e83d06d4.system.entry.js.map → p-be3d919c.system.entry.js.map} +0 -0
  476. /package/dist/verdocs-web-sdk/{p-ab473697.entry.js.map → p-c6ebd157.entry.js.map} +0 -0
  477. /package/dist/verdocs-web-sdk/{p-123c5de2.entry.js.map → p-ce27233f.entry.js.map} +0 -0
  478. /package/dist/verdocs-web-sdk/{p-9750edd6.entry.js.map → p-cf648e46.entry.js.map} +0 -0
  479. /package/dist/verdocs-web-sdk/{p-b0fbfc24.system.entry.js.map → p-e8e5403a.system.entry.js.map} +0 -0
  480. /package/dist/verdocs-web-sdk/{p-6237ce51.system.entry.js.map → p-ee959c5d.system.entry.js.map} +0 -0
  481. /package/dist/verdocs-web-sdk/{p-a6113c3f.entry.js.map → p-f714c6b4.entry.js.map} +0 -0
  482. /package/dist/verdocs-web-sdk/{p-9227d400.system.entry.js.map → p-fb85475b.system.entry.js.map} +0 -0
  483. /package/dist/verdocs-web-sdk/{p-c0cd186e.entry.js.map → p-fdc80a21.entry.js.map} +0 -0
  484. /package/dist/verdocs-web-sdk/{p-8f5c17b6.entry.js.map → p-fe3ff042.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"file":"p-41a75ad6.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,4mCAA4mC,CAAC;AAC5oC,kCAAe,sBAAsB;;ACGrC,MAAM,eAAe,GAAG,uhBAAuhB,CAAC;AAEhjB,MAAM,aAAa,GAAG,4aAA4a,CAAC;MAStb,mBAAmB;;;;;;wBAIM,eAAe,CAAC,UAAU,EAAE;;wBAmB5C,KAAK;;IAEzB,MAAM,iBAAiB;QACrB,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAE5B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC1B,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;YACjD,OAAO;SACR;KACF;IAED,MAAM,CAAC,CAAM;QACX,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,UAAU,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;aACvD,IAAI,CAAC,CAAC;YACL,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;gBACnB,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAC5B,OAAO,EAAE,CAAC,CAAC,YAAY,GAAG,CAAC;gBAC3B,KAAK,EAAE,CAAC,CAAC,YAAY;aACtB,CAAC,CAAC;SACJ,CAAC;aACD,KAAK,CAAC,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YAC9D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACvB,CAAC,CAAC;KACN;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,aAAa,GAAG,eAAe,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI,EAChK,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI,CAAO,CACxD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/templates/verdocs-template-star/verdocs-template-star.scss?tag=verdocs-template-star","src/components/templates/verdocs-template-star/verdocs-template-star.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-star {\n display: flex;\n flex: 0 0 60px;\n align-items: center;\n flex-direction: row;\n font-family: $primary-font;\n\n .star {\n line-height: 10px;\n\n &.updating {\n animation: spinningStar 2s infinite linear;\n }\n\n svg {\n width: 24px;\n height: 24px;\n }\n }\n\n .count {\n color: #595c5d;\n font-size: 14px;\n margin-left: 10px;\n }\n}\n\n@keyframes spinningStar {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n","import {VerdocsEndpoint, toggleStar, ITemplate} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Host, Event, EventEmitter, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nconst OutlineStarIcon = `<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.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z\" /></svg>`;\n\nconst SolidStarIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\" /></svg>`;\n\n/**\n * Displays a clickable star that allows users to mark frequently-used templates.\n */\n@Component({\n tag: 'verdocs-template-star',\n styleUrl: 'verdocs-template-star.scss',\n})\nexport class VerdocsTemplateStar {\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The template to display the star for.\n */\n @Prop({mutable: true}) template: ITemplate;\n\n /**\n * Event fired when the user toggles the star on or off. The event detail will contain\n * the new \"starred\" status and count.\n */\n @Event({composed: true}) starChange: EventEmitter<{templateId: string; starred: boolean; count: number}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() updating = false;\n\n async componentWillLoad() {\n this.endpoint.loadSession();\n\n if (!this.endpoint.session) {\n console.log('[TEMPLATES] Must be authenticated');\n return;\n }\n }\n\n toggle(e: any) {\n e.stopPropagation();\n this.updating = true;\n toggleStar(VerdocsEndpoint.getDefault(), this.template.id)\n .then(r => {\n this.updating = false;\n this.template.star_counter = r.star_counter;\n this.starChange.emit({\n templateId: this.template.id,\n starred: r.star_counter > 0,\n count: r.star_counter,\n });\n })\n .catch(e => {\n this.updating = false;\n console.log('[STAR] Error toggling template star', e.message);\n this.sdkError.emit(e);\n });\n }\n\n render() {\n return (\n <Host>\n <div class={`star ${this.updating ? 'updating' : ''}`} innerHTML={this.template.star_counter ? SolidStarIcon : OutlineStarIcon} onClick={e => this.toggle(e)} />\n <div class=\"count\">{this.template.star_counter || '--'}</div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-32264ece.js","mappings":";;;AAAA,MAAM,sBAAsB,GAAG,4mCAA4mC,CAAC;AAC5oC,kCAAe,sBAAsB;;ACGrC,MAAM,eAAe,GAAG,uhBAAuhB,CAAC;AAEhjB,MAAM,aAAa,GAAG,4aAA4a,CAAC;MAStb,mBAAmB;;;;;;wBAIM,eAAe,CAAC,UAAU,EAAE;;wBAmB5C,KAAK;;IAEzB,MAAM,iBAAiB;QACrB,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;QAE5B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC1B,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAC;YACjD,OAAO;SACR;KACF;IAED,MAAM,CAAC,CAAM;QACX,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,UAAU,CAAC,eAAe,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;aACvD,IAAI,CAAC,CAAC;YACL,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;gBACnB,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAC5B,OAAO,EAAE,CAAC,CAAC,YAAY,GAAG,CAAC;gBAC3B,KAAK,EAAE,CAAC,CAAC,YAAY;aACtB,CAAC,CAAC;SACJ,CAAC;aACD,KAAK,CAAC,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;YAC9D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACvB,CAAC,CAAC;KACN;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,aAAa,GAAG,eAAe,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI,EAChK,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,IAAI,IAAI,CAAO,CACxD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/templates/verdocs-template-star/verdocs-template-star.scss?tag=verdocs-template-star","src/components/templates/verdocs-template-star/verdocs-template-star.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-star {\n display: flex;\n flex: 0 0 60px;\n align-items: center;\n flex-direction: row;\n font-family: $primary-font;\n\n .star {\n line-height: 10px;\n\n &.updating {\n animation: spinningStar 2s infinite linear;\n }\n\n svg {\n width: 24px;\n height: 24px;\n }\n }\n\n .count {\n color: #595c5d;\n font-size: 14px;\n margin-left: 10px;\n }\n}\n\n@keyframes spinningStar {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n}\n","import {VerdocsEndpoint, toggleStar, ITemplate} from '@verdocs/js-sdk';\nimport {Component, Prop, h, Host, Event, EventEmitter, State} from '@stencil/core';\nimport {SDKError} from '../../../utils/errors';\n\nconst OutlineStarIcon = `<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.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z\" /></svg>`;\n\nconst SolidStarIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z\" clip-rule=\"evenodd\" /></svg>`;\n\n/**\n * Displays a clickable star that allows users to mark frequently-used templates.\n */\n@Component({\n tag: 'verdocs-template-star',\n styleUrl: 'verdocs-template-star.scss',\n})\nexport class VerdocsTemplateStar {\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n /**\n * The template to display the star for.\n */\n @Prop({mutable: true}) template: ITemplate;\n\n /**\n * Event fired when the user toggles the star on or off. The event detail will contain\n * the new \"starred\" status and count.\n */\n @Event({composed: true}) starChange: EventEmitter<{templateId: string; starred: boolean; count: number}>;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n @State() updating = false;\n\n async componentWillLoad() {\n this.endpoint.loadSession();\n\n if (!this.endpoint.session) {\n console.log('[TEMPLATES] Must be authenticated');\n return;\n }\n }\n\n toggle(e: any) {\n e.stopPropagation();\n this.updating = true;\n toggleStar(VerdocsEndpoint.getDefault(), this.template.id)\n .then(r => {\n this.updating = false;\n this.template.star_counter = r.star_counter;\n this.starChange.emit({\n templateId: this.template.id,\n starred: r.star_counter > 0,\n count: r.star_counter,\n });\n })\n .catch(e => {\n this.updating = false;\n console.log('[STAR] Error toggling template star', e.message);\n this.sdkError.emit(e);\n });\n }\n\n render() {\n return (\n <Host>\n <div class={`star ${this.updating ? 'updating' : ''}`} innerHTML={this.template.star_counter ? SolidStarIcon : OutlineStarIcon} onClick={e => this.toggle(e)} />\n <div class=\"count\">{this.template.star_counter || '--'}</div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
2
2
 
3
- const verdocsSelectInputCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:16px;height:34px;padding:2px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
3
+ const verdocsSelectInputCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:14px;height:34px;padding:2px 3px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
4
4
  const VerdocsSelectInputStyle0 = verdocsSelectInputCss;
5
5
 
6
6
  const VerdocsSelectInput = /*@__PURE__*/ proxyCustomElement(class VerdocsSelectInput extends H {
@@ -13,7 +13,7 @@ const VerdocsSelectInput = /*@__PURE__*/ proxyCustomElement(class VerdocsSelectI
13
13
  this.disabled = false;
14
14
  }
15
15
  render() {
16
- return (h(Host, { key: 'ca4f1230a989eaf3f74261d288f08a2e07a7314c', class: "input-field" }, h("label", { key: 'e9cc9c779a14ff70768f434edc41e30d260bb699' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '01e3fd6a456778d17ea0f756fa8cee64991c97c5', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
16
+ return (h(Host, { key: 'f1582304d06ac080c2a84f42a26756ccd72b7223', class: "input-field" }, h("label", { key: 'd25d6b05d23c5b709faf58541885e813a44e6978' }, this.label ? h("div", { class: "input-label" }, this.label + ':') : h("div", null), h("select", { key: '7c4c518c6946d4e79d5c04f029703f6367cf1aa4', class: "input-element", disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
17
17
  }
18
18
  static get style() { return VerdocsSelectInputStyle0; }
19
19
  }, [0, "verdocs-select-input", {
@@ -38,4 +38,4 @@ function defineCustomElement() {
38
38
 
39
39
  export { VerdocsSelectInput as V, defineCustomElement as d };
40
40
 
41
- //# sourceMappingURL=p-62743fd3.js.map
41
+ //# sourceMappingURL=p-36a65545.js.map
@@ -1 +1 @@
1
- {"file":"p-62743fd3.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,+rCAA+rC,CAAC;AAC9tC,iCAAe,qBAAqB;;MCcvB,kBAAkB;;;;qBAIL,EAAE;qBAKF,EAAE;;wBAUE,KAAK;;IAEjC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa,IACvB,gEACG,IAAI,CAAC,KAAK,GAAG,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,GAAG,cAAO,EACzE,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KACtB,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC/D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACH,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/controls/verdocs-select-input/verdocs-select-input.scss?tag=verdocs-select-input","src/components/controls/verdocs-select-input/verdocs-select-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-select-input {\n font-family: $primary-font;\n box-sizing: border-box;\n margin: 0 0 10px 0;\n display: block;\n\n .input-element {\n box-sizing: border-box;\n background: $verdocs-grey-4;\n border: 1px solid $border-color;\n border-radius: 4px;\n background: $verdocs-grey-4;\n color: $verdocs-grey-0;\n width: 100%;\n font-size: 16px;\n height: 34px;\n padding: 2px 8px;\n\n &::placeholder {\n color: $light-disabled-color;\n opacity: 1;\n }\n\n &:focus {\n //border: 1px solid $border-color-highlight;\n }\n }\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} @input={() => {}} />\n * ```\n */\n@Component({\n tag: 'verdocs-select-input',\n styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n /**\n * The initial value for the input field.\n */\n @Prop() value: string = '';\n\n /**\n * The label for the field.\n */\n @Prop() label: string = '';\n\n /**\n * The options to list.\n */\n @Prop() options: {label: string; value: string}[];\n\n /**\n * Should the field be disabled?\n */\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <Host class=\"input-field\">\n <label>\n {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n <select class=\"input-element\" disabled={this.disabled}>\n {this.options.map(option => (\n <option value={option.value} selected={option.value === this.value}>\n {option.label}\n </option>\n ))}\n </select>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-36a65545.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,+rCAA+rC,CAAC;AAC9tC,iCAAe,qBAAqB;;MCcvB,kBAAkB;;;;qBAIL,EAAE;qBAKF,EAAE;;wBAUE,KAAK;;IAEjC,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAC,aAAa,IACvB,gEACG,IAAI,CAAC,KAAK,GAAG,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,GAAG,cAAO,EACzE,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAClD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,KACtB,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC/D,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACK,CACH,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/controls/verdocs-select-input/verdocs-select-input.scss?tag=verdocs-select-input","src/components/controls/verdocs-select-input/verdocs-select-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-select-input {\n font-family: $primary-font;\n box-sizing: border-box;\n margin: 0 0 10px 0;\n display: block;\n\n .input-element {\n box-sizing: border-box;\n background: $verdocs-grey-4;\n border: 1px solid $border-color;\n border-radius: 4px;\n background: $verdocs-grey-4;\n color: $verdocs-grey-0;\n width: 100%;\n font-size: 14px;\n height: 34px;\n padding: 2px 3px;\n\n &::placeholder {\n color: $light-disabled-color;\n opacity: 1;\n }\n\n &:focus {\n //border: 1px solid $border-color-highlight;\n }\n }\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n }\n}\n","import {Component, Prop, Host, h} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n *\n * ```ts\n * <verdocs-select-input label=\"Select:\" label=\"Select\" options={[...options]} @input={() => {}} />\n * ```\n */\n@Component({\n tag: 'verdocs-select-input',\n styleUrl: 'verdocs-select-input.scss',\n})\nexport class VerdocsSelectInput {\n /**\n * The initial value for the input field.\n */\n @Prop() value: string = '';\n\n /**\n * The label for the field.\n */\n @Prop() label: string = '';\n\n /**\n * The options to list.\n */\n @Prop() options: {label: string; value: string}[];\n\n /**\n * Should the field be disabled?\n */\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <Host class=\"input-field\">\n <label>\n {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n <select class=\"input-element\" disabled={this.disabled}>\n {this.options.map(option => (\n <option value={option.value} selected={option.value === this.value}>\n {option.label}\n </option>\n ))}\n </select>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
2
- import { d as defineCustomElement$3 } from './p-0e332769.js';
3
- import { d as defineCustomElement$2 } from './p-7f32e087.js';
4
- import { d as defineCustomElement$1 } from './p-325b3828.js';
2
+ import { d as defineCustomElement$3 } from './p-1af1f96c.js';
3
+ import { d as defineCustomElement$2 } from './p-b685f6ab.js';
4
+ import { d as defineCustomElement$1 } from './p-ec039160.js';
5
5
 
6
6
  const verdocsSignatureDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-signature-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-signature-dialog .dialog{width:100%;max-width:340px;border-radius:4px;overflow:hidden;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);background:#f9f9f9}verdocs-signature-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:20px 20px 0 20px;line-height:28px;font-size:20px;font-weight:500}verdocs-signature-dialog .content{font-size:14px;padding:20px}verdocs-signature-dialog .buttons{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}verdocs-signature-dialog .buttons verdocs-button{margin-left:16px}verdocs-signature-dialog canvas{background:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;width:300px;height:79px;max-width:100%;-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1215686275)}verdocs-signature-dialog .disclaimer{text-align:justify;padding:8px 0;font-size:11px;line-height:14px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .as-shown{font-size:11px;margin:4px 0 20px 4px;color:rgba(0, 0, 0, 0.54)}verdocs-signature-dialog .tabs{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-signature-dialog .tabs .tab{padding:8px 15px;cursor:pointer}verdocs-signature-dialog .tabs .tab.active{border-bottom:2px solid #cccccc}verdocs-signature-dialog .tabs .tab:hover{color:#55bc81}";
7
7
  const VerdocsSignatureDialogStyle0 = verdocsSignatureDialogCss;
@@ -220,7 +220,7 @@ const VerdocsSignatureDialog = /*@__PURE__*/ proxyCustomElement(class VerdocsSig
220
220
  }
221
221
  */
222
222
  render() {
223
- return (h(Host, { key: '7f17bb6e0084ef3ac6903b6c3b37859048ef2a0e', onClick: e => this.handleCancel(e) }, h("div", { key: '343eb1b737bcafeb44e5e85228eaf3d63cda7b5b', class: "dialog" }, h("div", { key: '7e620dce493843032974003802199db7e22d9f9e', class: "heading" }, "Create Your Signature"), h("div", { key: '7ea911289c3ce24f3ae83799ab468da4178485ad', class: "content" }, h("verdocs-text-input", { key: 'ccd208e5a5808a197a936e689a0ec5660de95b95', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'e95d8f3c51160742d7271c43a5099be9b43ba394', 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: 'f6371f423c042726ed7c488d4870e04bd7f8e4dd', 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: 'a18cd06d3f6987c21b483c0736521de226b0859a', class: "buttons" }, h("verdocs-button", { key: 'b278a7e023436176eca864d3c6b154869f7881c2', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '021e3cd3b066d0f378cb30efed7c5179dafd41c7', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
223
+ return (h(Host, { key: 'db83cd26256c06ca64246476670f758c8769376f', onClick: e => this.handleCancel(e) }, h("div", { key: '0f0fbdb102c364788061d0d82eb661c9a75a4979', class: "dialog" }, h("div", { key: 'c1ab6d62024fffd47004cb3eaa2c44f4785ee43b', class: "heading" }, "Create Your Signature"), h("div", { key: '431f8053f3b5ab989e54b46fd9bf2903ac8c43b8', class: "content" }, h("verdocs-text-input", { key: '22ba82134555f3ef5874fee569089d9c24ea4d92', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '85790955c896b2c81fba86b053e08d45d4fedf61', 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: '6757442d1103cad7301e8d347bd4f589d8f10d71', 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: 'b9c409396f635d55f8cc9c5c32a838855d764c41', class: "buttons" }, h("verdocs-button", { key: 'f8e4dcfafbf3cbe46f251ee76cf4965e319bce42', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '2acfc782151721953b8c2c7f05fa967cc212581e', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
224
224
  }
225
225
  static get style() { return VerdocsSignatureDialogStyle0; }
226
226
  }, [0, "verdocs-signature-dialog", {
@@ -260,4 +260,4 @@ function defineCustomElement() {
260
260
 
261
261
  export { VerdocsSignatureDialog as V, defineCustomElement as d };
262
262
 
263
- //# sourceMappingURL=p-cce871bf.js.map
263
+ //# sourceMappingURL=p-378b03dd.js.map
@@ -1 +1 @@
1
- {"file":"p-cce871bf.js","mappings":"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","names":[],"sources":["src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.scss?tag=verdocs-signature-dialog","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-signature-dialog {\n font-family: $primary-font;\n box-sizing: border-box;\n position: fixed;\n z-index: 10000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #0000007f;\n\n .dialog {\n width: 100%;\n max-width: 340px;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n background: $dialog-bg;\n }\n\n .heading {\n display: flex;\n flex-direction: row;\n padding: 20px 20px 0 20px;\n line-height: 28px;\n font-size: 20px;\n font-weight: 500;\n }\n\n .content {\n font-size: 14px;\n padding: 20px;\n }\n\n .buttons {\n display: flex;\n margin: 20px 0 0 0;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n canvas {\n background: $verdocs-grey-4;\n box-sizing: border-box;\n margin: 0 auto;\n width: 300px;\n // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n height: 79px;\n max-width: 100%;\n box-shadow: 0 0 6px 0 #0000001f;\n }\n\n .disclaimer {\n text-align: justify;\n padding: 8px 0;\n font-size: 11px;\n line-height: 14px;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .as-shown {\n font-size: 11px;\n margin: 4px 0 20px 4px;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .tabs {\n display: flex;\n flex-direction: row;\n\n .tab {\n padding: 8px 15px;\n cursor: pointer;\n\n &.active {\n border-bottom: 2px solid $light-border-color;\n }\n\n &:hover {\n color: $primary-color;\n }\n }\n }\n}\n","import {Component, Prop, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n tag: 'verdocs-signature-dialog',\n styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n private canvasElement?: HTMLCanvasElement;\n\n /**\n * Initial signature text\n */\n @Prop() name: string = '';\n\n /**\n * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\n * representation of the signature adopted.\n */\n @Event({composed: true}) next: EventEmitter<string>;\n\n /**\n * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n @State() fontLoaded = false;\n\n @State() enteredName: string = '';\n\n @State() mode: string = 'type';\n\n componentWillLoad() {\n this.enteredName = this.name;\n\n const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n ds.load().then(font => {\n document.fonts.add(font);\n this.fontLoaded = true;\n });\n }\n\n componentDidLoad() {\n this.redrawSignature();\n }\n\n componentDidUpdate() {\n this.redrawSignature();\n }\n\n redrawSignature() {\n if (!this.canvasElement) {\n return;\n }\n\n const canvasWidth = this.canvasElement.width;\n\n const context = this.canvasElement.getContext('2d');\n context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n let fontSize = 100;\n do {\n fontSize -= 2;\n context.font = `${fontSize}px Dancing Script`;\n } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side\n\n context.textAlign = 'center';\n context.textBaseline = 'middle';\n context.font = `${fontSize}px Dancing Script`;\n context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n }\n\n handleNameChange(e: any) {\n this.enteredName = e.target.value;\n }\n\n handleCancel(e: any) {\n e.stopPropagation();\n e.preventDefault();\n this.exit.emit();\n }\n\n handleAdopt(e: any) {\n e.stopPropagation();\n e.preventDefault();\n const data = this.canvasElement.toDataURL('image/png');\n this.next.emit(data);\n }\n\n /*\n selColor(hex: string) {\n this.color = hex;\n this.animateDraw();\n }\n\n stopDraw() {\n this.paint = false;\n this.adoptedAndSigned = !this.hasSignature();\n }\n\n draw(e) {\n this.paint = true;\n this.addPoints(e, false);\n this.animateDraw();\n }\n\n recordPoints(e) {\n if (this.paint) {\n this.addPoints(e, true);\n this.animateDraw();\n }\n }\n\n animateDraw() {\n this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n this.canvas.strokeStyle = this.color || '#000000';\n this.canvas.lineJoin = 'round';\n this.canvas.lineWidth = 3;\n\n for (let i = 0; i < this.points.length; i++) {\n this.canvas.beginPath();\n if (this.points[i].drag && i) {\n this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n } else {\n this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n }\n\n this.canvas.lineTo(this.points[i].x, this.points[i].y);\n this.canvas.closePath();\n this.canvas.stroke();\n }\n }\n\n drawCurve(color: string, curve: number) {\n this.canvas.beginPath();\n }\n\n\n\n addPoints(e, drag: boolean) {\n if (window) {\n let x;\n let y;\n e.preventDefault();\n if (e.touches && e.touches.length > 0) {\n x = e.touches[0].clientX;\n } else {\n x = e.clientX;\n }\n\n if (e.touches && e.touches.length > 0) {\n y = e.touches[0].clientY;\n } else {\n y = e.clientY;\n }\n const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n this.points.push({\n x: x - rect.left,\n y: y - rect.top,\n drag: drag\n });\n }\n }\n\n clearPad() {\n this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n this.points = [];\n this.adoptedAndSigned = !this.hasSignature();\n }\n\n async adoptAndSign() {\n try {\n this.adoptedAndSigned = true;\n await this.updateFullName();\n await this.captureSignatureFromCanvas();\n const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n this.handleMode();\n } catch (err) {\n this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n }\n }\n\n handleMode() {\n let currentField;\n switch (this.mode) {\n case 'signerview':\n if (this.signatureMode === 'Signature') {\n this.signatureService.postSignatureBlob().then(result => {\n if (result && result.id && result.url) {\n currentField = this.signatureService.currField;\n this.signatureService.updateSigned(currentField.fName, true);\n this.signatureService.toggleSig(false);\n this.signatureService.setSignatureId(result.id);\n this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n this.eventTracker.createEvent({\n category: 'verdoc',\n action: 'verdoc signed',\n label: `verdoc id: ${this.envelopeId}`\n })\n if (res && res.settings) {\n this.signatureService.setSignatureData(res.settings.base64);\n this.signatureService.setSignatureId(res.settings.signature_id);\n }\n this.snackbarService.dismiss();\n this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n }).catch(err => {\n this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n duration: 3000\n });\n this.adoptedAndSigned = false;\n return err;\n });\n }\n });\n } else {\n this.signatureService.postInitialBlob().then(result => {\n if (result && result.id && result.url) {\n currentField = this.signatureService.currField;\n this.signatureService.updateInitialed(currentField.fName, true);\n this.signatureService.setInitialId(result.id);\n this.signatureService.toggleSig(false);\n this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n if (res && res.settings) {\n this.signatureService.setInitialData(res.settings.base64);\n this.signatureService.setInitialId(res.settings.initial_id);\n }\n this.snackbarService.dismiss();\n this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n }).catch(err => {\n this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n duration: 3000\n });\n this.adoptedAndSigned = false;\n return err;\n });\n }\n });\n }\n break;\n }\n }\n */\n\n render() {\n return (\n <Host onClick={e => this.handleCancel(e)}>\n <div class=\"dialog\">\n <div class=\"heading\">Create Your Signature</div>\n\n <div class=\"content\">\n <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onInput={e => this.handleNameChange(e)} onClick={e => e.stopPropagation()} />\n <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n {/*<div class=\"tabs\">*/}\n {/* <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>*/}\n {/* Type*/}\n {/* </div>*/}\n {/*<div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>*/}\n {/* Draw*/}\n {/*</div>*/}\n {/*</div>*/}\n\n {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n <div class=\"disclaimer\">\n 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,\n including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n </div>\n\n <div class=\"buttons\">\n <verdocs-button label=\"CANCEL\" size=\"normal\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onClick={e => this.handleAdopt(e)} />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-378b03dd.js","mappings":"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","names":[],"sources":["src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.scss?tag=verdocs-signature-dialog","src/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-signature-dialog {\n font-family: $primary-font;\n box-sizing: border-box;\n position: fixed;\n z-index: 10000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #0000007f;\n\n .dialog {\n width: 100%;\n max-width: 340px;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n background: $dialog-bg;\n }\n\n .heading {\n display: flex;\n flex-direction: row;\n padding: 20px 20px 0 20px;\n line-height: 28px;\n font-size: 20px;\n font-weight: 500;\n }\n\n .content {\n font-size: 14px;\n padding: 20px;\n }\n\n .buttons {\n display: flex;\n margin: 20px 0 0 0;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n\n verdocs-button {\n margin-left: 16px;\n }\n }\n\n canvas {\n background: $verdocs-grey-4;\n box-sizing: border-box;\n margin: 0 auto;\n width: 300px;\n // TODO: The original app had an aspect ratio of (80 / 305) * (signatureBodyWidth - 20)\n height: 79px;\n max-width: 100%;\n box-shadow: 0 0 6px 0 #0000001f;\n }\n\n .disclaimer {\n text-align: justify;\n padding: 8px 0;\n font-size: 11px;\n line-height: 14px;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .as-shown {\n font-size: 11px;\n margin: 4px 0 20px 4px;\n color: rgba(0, 0, 0, 0.54);\n }\n\n .tabs {\n display: flex;\n flex-direction: row;\n\n .tab {\n padding: 8px 15px;\n cursor: pointer;\n\n &.active {\n border-bottom: 2px solid $light-border-color;\n }\n\n &:hover {\n color: $primary-color;\n }\n }\n }\n}\n","import {Component, Prop, h, Event, EventEmitter, State, Host} from '@stencil/core';\n\n/**\n * Display a dialog that allows the user to specify a signature image, either by using a signature-font-generated image\n * based on their full name, or by hand-drawing their signature with a mouse or tablet.\n */\n@Component({\n tag: 'verdocs-signature-dialog',\n styleUrl: 'verdocs-signature-dialog.scss',\n})\nexport class VerdocsSignatureDialog {\n private canvasElement?: HTMLCanvasElement;\n\n /**\n * Initial signature text\n */\n @Prop() name: string = '';\n\n /**\n * Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string\n * representation of the signature adopted.\n */\n @Event({composed: true}) next: EventEmitter<string>;\n\n /**\n * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved \"cancel\" event name.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n @State() fontLoaded = false;\n\n @State() enteredName: string = '';\n\n @State() mode: string = 'type';\n\n componentWillLoad() {\n this.enteredName = this.name;\n\n const ds = new FontFace('Dancing Script', 'url(https://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6plRP.woff)');\n ds.load().then(font => {\n document.fonts.add(font);\n this.fontLoaded = true;\n });\n }\n\n componentDidLoad() {\n this.redrawSignature();\n }\n\n componentDidUpdate() {\n this.redrawSignature();\n }\n\n redrawSignature() {\n if (!this.canvasElement) {\n return;\n }\n\n const canvasWidth = this.canvasElement.width;\n\n const context = this.canvasElement.getContext('2d');\n context.clearRect(0, 0, this.canvasElement.width, this.canvasElement.height);\n\n let fontSize = 100;\n do {\n fontSize -= 2;\n context.font = `${fontSize}px Dancing Script`;\n } while (context.measureText(this.enteredName).width > canvasWidth - 32); // 32px padding each side\n\n context.textAlign = 'center';\n context.textBaseline = 'middle';\n context.font = `${fontSize}px Dancing Script`;\n context.fillText(this.enteredName, this.canvasElement.width / 2, this.canvasElement.height / 2);\n }\n\n handleNameChange(e: any) {\n this.enteredName = e.target.value;\n }\n\n handleCancel(e: any) {\n e.stopPropagation();\n e.preventDefault();\n this.exit.emit();\n }\n\n handleAdopt(e: any) {\n e.stopPropagation();\n e.preventDefault();\n const data = this.canvasElement.toDataURL('image/png');\n this.next.emit(data);\n }\n\n /*\n selColor(hex: string) {\n this.color = hex;\n this.animateDraw();\n }\n\n stopDraw() {\n this.paint = false;\n this.adoptedAndSigned = !this.hasSignature();\n }\n\n draw(e) {\n this.paint = true;\n this.addPoints(e, false);\n this.animateDraw();\n }\n\n recordPoints(e) {\n if (this.paint) {\n this.addPoints(e, true);\n this.animateDraw();\n }\n }\n\n animateDraw() {\n this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n\n this.canvas.strokeStyle = this.color || '#000000';\n this.canvas.lineJoin = 'round';\n this.canvas.lineWidth = 3;\n\n for (let i = 0; i < this.points.length; i++) {\n this.canvas.beginPath();\n if (this.points[i].drag && i) {\n this.canvas.moveTo(this.points[i - 1].x, this.points[i - 1].y);\n // this.canvas.arc(this.points[i - 1].x, this.points[i - 1].y, 2, 0, 2 * Math.PI, false);\n } else {\n this.canvas.moveTo(this.points[i].x - 1, this.points[i].y);\n // this.canvas.arc(this.points[i].x, this.points[i].y, 2, 0, 2 * Math.PI, false);\n }\n\n this.canvas.lineTo(this.points[i].x, this.points[i].y);\n this.canvas.closePath();\n this.canvas.stroke();\n }\n }\n\n drawCurve(color: string, curve: number) {\n this.canvas.beginPath();\n }\n\n\n\n addPoints(e, drag: boolean) {\n if (window) {\n let x;\n let y;\n e.preventDefault();\n if (e.touches && e.touches.length > 0) {\n x = e.touches[0].clientX;\n } else {\n x = e.clientX;\n }\n\n if (e.touches && e.touches.length > 0) {\n y = e.touches[0].clientY;\n } else {\n y = e.clientY;\n }\n const rect = this.signatureCanvas.nativeElement.getBoundingClientRect();\n this.points.push({\n x: x - rect.left,\n y: y - rect.top,\n drag: drag\n });\n }\n }\n\n clearPad() {\n this.canvas.clearRect(0, 0, this.canvas.canvas.offsetWidth, this.canvas.canvas.offsetHeight);\n this.points = [];\n this.adoptedAndSigned = !this.hasSignature();\n }\n\n async adoptAndSign() {\n try {\n this.adoptedAndSigned = true;\n await this.updateFullName();\n await this.captureSignatureFromCanvas();\n const message = this.signatureMode === 'Signature' ? 'Saving Signature' : 'Saving Initial';\n this.snackbarService.open(message, 'OK', this.snackbarService.initConfig(null, 'bottom'));\n this.handleMode();\n } catch (err) {\n this.snackbarService.open('Failed to apply signature', 'OK', this.snackbarService.initConfig(null, 'bottom'));\n }\n }\n\n handleMode() {\n let currentField;\n switch (this.mode) {\n case 'signerview':\n if (this.signatureMode === 'Signature') {\n this.signatureService.postSignatureBlob().then(result => {\n if (result && result.id && result.url) {\n currentField = this.signatureService.currField;\n this.signatureService.updateSigned(currentField.fName, true);\n this.signatureService.toggleSig(false);\n this.signatureService.setSignatureId(result.id);\n this.signatureService.putSignatureField(this.envelopeId, this.fieldName, result.id).then(res => {\n this.eventTracker.createEvent({\n category: 'verdoc',\n action: 'verdoc signed',\n label: `verdoc id: ${this.envelopeId}`\n })\n if (res && res.settings) {\n this.signatureService.setSignatureData(res.settings.base64);\n this.signatureService.setSignatureId(res.settings.signature_id);\n }\n this.snackbarService.dismiss();\n this.dialog.close({ status: 'saved', temp_sig: res.settings.base64, sig_id: res.settings.signature_id });\n }).catch(err => {\n this.snackbarService.open('Failed to save signature. Please try again.', 'DISMISS', {\n duration: 3000\n });\n this.adoptedAndSigned = false;\n return err;\n });\n }\n });\n } else {\n this.signatureService.postInitialBlob().then(result => {\n if (result && result.id && result.url) {\n currentField = this.signatureService.currField;\n this.signatureService.updateInitialed(currentField.fName, true);\n this.signatureService.setInitialId(result.id);\n this.signatureService.toggleSig(false);\n this.signatureService.putInitialField(this.envelopeId, this.fieldName, result.id).then(res => {\n if (res && res.settings) {\n this.signatureService.setInitialData(res.settings.base64);\n this.signatureService.setInitialId(res.settings.initial_id);\n }\n this.snackbarService.dismiss();\n this.dialog.close({ status: 'saved', temp_int: res.settings.base64, int_id: res.settings.initial_id });\n }).catch(err => {\n this.snackbarService.open('Failed to save initial. Please try again.', 'DISMISS', {\n duration: 3000\n });\n this.adoptedAndSigned = false;\n return err;\n });\n }\n });\n }\n break;\n }\n }\n */\n\n render() {\n return (\n <Host onClick={e => this.handleCancel(e)}>\n <div class=\"dialog\">\n <div class=\"heading\">Create Your Signature</div>\n\n <div class=\"content\">\n <verdocs-text-input placeholder=\"Full Name...\" label=\"Full Name\" value={this.enteredName} onInput={e => this.handleNameChange(e)} onClick={e => e.stopPropagation()} />\n <div class=\"as-shown\">As shown on driver's license or govt. ID card.</div>\n\n {/*<div class=\"tabs\">*/}\n {/* <div class={{tab: true, active: this.mode === 'type'}} onClick={() => (this.mode = 'type')}>*/}\n {/* Type*/}\n {/* </div>*/}\n {/*<div class={{tab: true, active: this.mode === 'draw'}} onClick={() => (this.mode = 'draw')}>*/}\n {/* Draw*/}\n {/*</div>*/}\n {/*</div>*/}\n\n {this.fontLoaded ? <canvas ref={el => (this.canvasElement = el as HTMLCanvasElement)} /> : <div style={{display: 'none'}} />}\n\n <div class=\"disclaimer\">\n 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,\n including legally binding contracts &mdash; just the same as a pen-and-paper signature or initial.\n </div>\n\n <div class=\"buttons\">\n <verdocs-button label=\"CANCEL\" size=\"normal\" variant=\"outline\" onClick={e => this.handleCancel(e)} />\n <verdocs-button label=\"Adopt & Sign\" size=\"normal\" onClick={e => this.handleAdopt(e)} />\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -3,12 +3,12 @@ import { VerdocsEndpoint, getEnvelope, getDocumentDownloadLink, cancelEnvelope,
3
3
  import { s as saveEnvelopesAsZip } from './p-af5ecc92.js';
4
4
  import { S as SDKError } from './p-fd97809c.js';
5
5
  import { S as Store } from './p-d4be87ef.js';
6
- import { d as defineCustomElement$6 } from './p-0e332769.js';
7
- import { d as defineCustomElement$5 } from './p-9fb98ea2.js';
8
- import { d as defineCustomElement$4 } from './p-b99b485b.js';
9
- import { d as defineCustomElement$3 } from './p-1ae5d7e0.js';
10
- import { d as defineCustomElement$2 } from './p-b7d080eb.js';
11
- import { d as defineCustomElement$1 } from './p-6719b0d7.js';
6
+ import { d as defineCustomElement$6 } from './p-1af1f96c.js';
7
+ import { d as defineCustomElement$5 } from './p-2d483ec9.js';
8
+ import { d as defineCustomElement$4 } from './p-a7426706.js';
9
+ import { d as defineCustomElement$3 } from './p-e97100c4.js';
10
+ import { d as defineCustomElement$2 } from './p-5044943a.js';
11
+ import { d as defineCustomElement$1 } from './p-0fc88b2b.js';
12
12
 
13
13
  const verdocsViewCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-view{display:-ms-flexbox;display:flex;overflow:hidden;min-height:600px;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-view div,verdocs-view canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-view .document{-ms-flex:1;flex:1;width:100%;height:100%;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;max-width:1200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-view .document .inner{width:100%;max-width:1028px}verdocs-view .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}#verdocs-view-header{width:100%;color:#fff;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;padding:0 20px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}@media all and (max-width: 500px){#verdocs-view-header{padding:0 10px}}#verdocs-view-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media all and (max-width: 500px){#verdocs-view-header .inner{padding:0 10px}}#verdocs-view-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-view-header .title{font-size:18px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
14
14
  const VerdocsViewStyle0 = verdocsViewCss;
@@ -262,4 +262,4 @@ function defineCustomElement() {
262
262
 
263
263
  export { VerdocsView as V, defineCustomElement as d };
264
264
 
265
- //# sourceMappingURL=p-f7cf2401.js.map
265
+ //# sourceMappingURL=p-39fd7850.js.map
@@ -1 +1 @@
1
- {"file":"p-f7cf2401.js","mappings":"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","names":[],"sources":["src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","src/components/embeds/verdocs-view/verdocs-view.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-view {\n display: flex;\n overflow: hidden;\n min-height: 600px;\n position: relative;\n align-items: center;\n flex-direction: column;\n box-sizing: border-box;\n font-family: $verdocs-primary-font;\n\n div,\n canvas {\n box-sizing: border-box;\n }\n\n .document {\n flex: 1;\n width: 100%;\n height: 100%;\n display: flex;\n padding: 15px;\n row-gap: 15px;\n min-height: 200px;\n max-width: 1200px;\n position: relative;\n overflow-y: scroll;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n //justify-content: center;\n\n .inner {\n width: 100%;\n max-width: 1028px;\n }\n }\n\n .loading-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 10000;\n position: fixed;\n background-color: rgba(0, 0, 0, 0.7);\n }\n}\n\n// Styled separately because the header is often re-parented\n#verdocs-view-header {\n width: 100%;\n color: #fff;\n display: flex;\n z-index: 1000;\n flex: 0 0 56px;\n padding: 0 20px;\n font-size: 12px;\n column-gap: 15px;\n align-items: center;\n flex-direction: row;\n transition: all 0.25s;\n background-color: $medium-bg;\n box-shadow:\n 0 4px 4px 0 rgb(0 0 0 / 24%),\n 0 0 4px 0 rgb(0 0 0 / 12%);\n\n @media all and (max-width: 500px) {\n padding: 0 10px;\n }\n\n .inner {\n width: 100%;\n display: flex;\n margin: 0 auto;\n padding: 0 20px;\n max-width: 1200px;\n align-items: center;\n flex-direction: row;\n\n @media all and (max-width: 500px) {\n padding: 0 10px;\n }\n }\n\n .logo {\n width: 80px;\n display: none;\n margin: -6px 0 0 0;\n }\n\n .title {\n font-size: 18px;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n","import {cancelEnvelope, getDocumentDownloadLink, getEnvelope, IEnvelope, integerSequence, userCanCancelEnvelope, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment, State} from '@stencil/core';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are\n * displayed in order.\n *\n * ```ts\n * <verdocs-view\n * envelopeId={envelopeId}\n * onSdkError={({ detail }) => { console.log('SDK error', detail) }\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-view',\n styleUrl: 'verdocs-view.scss',\n shadow: false,\n})\nexport class VerdocsView {\n private envelopeListenerId = null;\n\n @Element() component: HTMLElement;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint | null = null;\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n * component renders, the header will be removed from its default location and placed in the target element.\n * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n *\n * The movement of the header to the target container is not dynamic - it is performed only on the initial\n * render. Host applications should not conditionally render this container. If the header's visibility must\n * be externally controlled, use CSS display options to hide/show it instead.\n */\n @Prop() headerTargetId: string | null = null;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the user clicks Send Another to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) another: EventEmitter;\n\n /**\n * Event fired when the user clicks Send Another to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) view: EventEmitter;\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) next: EventEmitter;\n @State() canceling = false;\n @State() showCancelDone = false;\n @State() showLoadError = false;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n if (!this.endpoint) {\n this.endpoint = VerdocsEndpoint.getDefault();\n this.endpoint.loadSession();\n }\n\n if (!this.envelopeId) {\n console.error(`[VIEW] Missing required envelopeId`);\n return;\n }\n\n this.listenToEnvelope();\n if (!this.envelope) {\n try {\n console.log('[VIEW] Loading envelope...');\n this.envelope = await getEnvelope(this.endpoint, this.envelopeId);\n console.log('[VIEW] Loaded envelope', this.envelope);\n } catch (e) {\n this.showLoadError = true;\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n }\n\n componentDidRender() {\n const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n const headerEl = document.getElementById('verdocs-view-header');\n if (headerTarget && headerEl) {\n console.log('[VIEW] Moving header');\n headerEl.remove();\n headerTarget.append(headerEl);\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n true,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handlePageRendered(_e: any) {\n // const pageInfo = e.detail as IDocumentPageInfo;\n // console.log('[VIEW] Page rendered', pageInfo);\n }\n\n async handleOptionSelected(e: any) {\n switch (e.detail.id) {\n case 'cancel':\n // TODO: Better option for inline-flow confirmation and alert dialogs.\n if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {\n this.canceling = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(r => {\n this.canceling = false;\n console.log('[VIEW] Envelope canceled', r);\n return getEnvelope(this.endpoint, this.envelopeId);\n })\n .then(env => {\n console.log('[VIEW] Loaded new envelope details', env);\n this.envelope = env;\n })\n .catch(e => {\n this.canceling = false;\n console.log('[VIEW] Error canceling envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n });\n this.showCancelDone = true;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'canceled'});\n }\n break;\n\n case 'print':\n window.print();\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n break;\n\n case 'download-attachments':\n // TODO: Multiple document support\n {\n const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n if (firstDoc) {\n const url = await getDocumentDownloadLink(this.endpoint, this.envelopeId, firstDoc.id);\n window.open(url, '_blank');\n }\n }\n break;\n\n case 'download-certificate':\n // TODO: Multiple certificate support\n {\n const firstCert = this.envelope.documents.find(doc => doc.type === 'certificate');\n if (firstCert) {\n const url = await getDocumentDownloadLink(this.endpoint, this.envelopeId, firstCert.id);\n window.open(url, '_blank');\n }\n }\n // saveCertificate(this.endpoint, this.envelope, this.envelope.certificate_document_id)\n // .then(() => {\n // this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n // })\n // .catch(e => {\n // console.log('Error downloading PDF', e);\n // });\n break;\n\n case 'download-all':\n saveEnvelopesAsZip(this.endpoint, [this.envelope])\n .then(() => {\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n })\n .catch(e => {\n console.log('Error downloading Zip', e);\n });\n break;\n }\n }\n\n render() {\n if (this.loading) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n if (this.showLoadError) {\n return (\n <Host>\n <verdocs-ok-dialog\n heading=\"Unable to View Envelope\"\n message={`Sorry, that envelope is not valid.`}\n buttonLabel=\"OK\"\n onNext={() => {\n this.showLoadError = false;\n }}\n />\n </Host>\n );\n }\n\n if (!this.envelope) {\n return (\n <Host>\n <img\n src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n alt=\"Placeholder page\"\n />\n </Host>\n );\n }\n\n const menuOptions: any[] = [{id: 'print', label: 'Print'}];\n\n if (userCanCancelEnvelope(this.endpoint.profile, this.envelope)) {\n menuOptions.push({id: 'cancel', label: 'Cancel'});\n }\n\n // Add download options to the menu\n const hasAttachments = this.envelope.documents.length > 0;\n const normalDocCount = this.envelope.documents.filter(doc => doc.type === 'attachment').length;\n const hasCertificate = this.envelope.documents.find(doc => doc.type === 'certificate') !== undefined;\n if (hasAttachments || hasCertificate) {\n menuOptions.push({label: ''});\n if (hasAttachments) {\n menuOptions.push({id: 'download-attachments', label: normalDocCount > 1 ? 'Download Documents' : 'Download Document'});\n }\n if (hasCertificate) {\n menuOptions.push({id: 'download-certificate', label: 'Download Certificate'});\n }\n if (hasAttachments && hasCertificate) {\n menuOptions.push({id: 'download-all', label: 'Download All Files'});\n }\n }\n\n return (\n <Host>\n <div id=\"verdocs-view-header\">\n <div class=\"inner\">\n <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n <div class=\"title\">{this.envelope.name}</div>\n <div style={{flex: '1'}} />\n <div style={{marginLeft: '10px'}} />\n <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n </div>\n </div>\n\n <div class=\"document\" style={{paddingTop: this.headerTargetId ? '70px' : '15px'}}>\n {(this.envelope?.documents || [])\n .filter(document => document.type !== 'certificate')\n .map(envelopeDocument => {\n const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n return (\n <Fragment>\n {pageNumbers.map(pageNumber => {\n const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n return (\n <verdocs-envelope-document-page\n envelopeId={this.envelopeId}\n documentId={envelopeDocument.id}\n endpoint={this.endpoint}\n type=\"filled\"\n virtualWidth={pageSize.width}\n virtualHeight={pageSize.height}\n pageNumber={pageNumber}\n onPageRendered={e => this.handlePageRendered(e)}\n layers={[\n {name: 'page', type: 'canvas'},\n {name: 'controls', type: 'div'},\n ]}\n />\n );\n })}\n </Fragment>\n );\n })}\n </div>\n {this.showCancelDone && (\n <verdocs-ok-dialog\n heading=\"Cancelled\"\n message={`This envelope has been cancelled successfully.`}\n onNext={() => {\n this.showCancelDone = false;\n }}\n />\n )}\n {this.canceling && (\n <div class=\"loading-indicator\">\n <verdocs-loader />\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-39fd7850.js","mappings":"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","names":[],"sources":["src/components/embeds/verdocs-view/verdocs-view.scss?tag=verdocs-view","src/components/embeds/verdocs-view/verdocs-view.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-view {\n display: flex;\n overflow: hidden;\n min-height: 600px;\n position: relative;\n align-items: center;\n flex-direction: column;\n box-sizing: border-box;\n font-family: $verdocs-primary-font;\n\n div,\n canvas {\n box-sizing: border-box;\n }\n\n .document {\n flex: 1;\n width: 100%;\n height: 100%;\n display: flex;\n padding: 15px;\n row-gap: 15px;\n min-height: 200px;\n max-width: 1200px;\n position: relative;\n overflow-y: scroll;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n //justify-content: center;\n\n .inner {\n width: 100%;\n max-width: 1028px;\n }\n }\n\n .loading-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 10000;\n position: fixed;\n background-color: rgba(0, 0, 0, 0.7);\n }\n}\n\n// Styled separately because the header is often re-parented\n#verdocs-view-header {\n width: 100%;\n color: #fff;\n display: flex;\n z-index: 1000;\n flex: 0 0 56px;\n padding: 0 20px;\n font-size: 12px;\n column-gap: 15px;\n align-items: center;\n flex-direction: row;\n transition: all 0.25s;\n background-color: $medium-bg;\n box-shadow:\n 0 4px 4px 0 rgb(0 0 0 / 24%),\n 0 0 4px 0 rgb(0 0 0 / 12%);\n\n @media all and (max-width: 500px) {\n padding: 0 10px;\n }\n\n .inner {\n width: 100%;\n display: flex;\n margin: 0 auto;\n padding: 0 20px;\n max-width: 1200px;\n align-items: center;\n flex-direction: row;\n\n @media all and (max-width: 500px) {\n padding: 0 10px;\n }\n }\n\n .logo {\n width: 80px;\n display: none;\n margin: -6px 0 0 0;\n }\n\n .title {\n font-size: 18px;\n font-weight: 500;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n","import {cancelEnvelope, getDocumentDownloadLink, getEnvelope, IEnvelope, integerSequence, userCanCancelEnvelope, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Element, Event, Host, Prop, EventEmitter, Fragment, State} from '@stencil/core';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Render the documents attached to an envelope in read-only (view) mode. All documents are\n * displayed in order.\n *\n * ```ts\n * <verdocs-view\n * envelopeId={envelopeId}\n * onSdkError={({ detail }) => { console.log('SDK error', detail) }\n * />\n * ```\n */\n@Component({\n tag: 'verdocs-view',\n styleUrl: 'verdocs-view.scss',\n shadow: false,\n})\nexport class VerdocsView {\n private envelopeListenerId = null;\n\n @Element() component: HTMLElement;\n\n /**\n * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n */\n @Prop() endpoint: VerdocsEndpoint | null = null;\n\n /**\n * The envelope ID to render. Set ONE OF templateId or envelopeId. If both are set, envelopeId will be ignored.\n */\n @Prop() envelopeId: string = '';\n\n /**\n * If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\n * component renders, the header will be removed from its default location and placed in the target element.\n * This allows the parent application to more easily control its placement and scroll effects (e.g. \"fixed\").\n *\n * The movement of the header to the target container is not dynamic - it is performed only on the initial\n * render. Host applications should not conditionally render this container. If the header's visibility must\n * be externally controlled, use CSS display options to hide/show it instead.\n */\n @Prop() headerTargetId: string | null = null;\n\n /**\n * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n * terminate the process, and the calling application should correct the condition and re-render the component.\n */\n @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n /**\n * Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.\n */\n @Event({composed: true}) envelopeUpdated: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string}>;\n\n /**\n * Event fired when the user clicks Send Another to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) another: EventEmitter;\n\n /**\n * Event fired when the user clicks Send Another to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) view: EventEmitter;\n\n /**\n * Event fired when the user clicks Done to proceed. It is up to the host application\n * to redirect the user to the appropriate next workflow step.\n */\n @Event({composed: true}) next: EventEmitter;\n @State() canceling = false;\n @State() showCancelDone = false;\n @State() showLoadError = false;\n\n @State() loading = true;\n @State() envelope: IEnvelope | null = null;\n\n async componentWillLoad() {\n if (!this.endpoint) {\n this.endpoint = VerdocsEndpoint.getDefault();\n this.endpoint.loadSession();\n }\n\n if (!this.envelopeId) {\n console.error(`[VIEW] Missing required envelopeId`);\n return;\n }\n\n this.listenToEnvelope();\n if (!this.envelope) {\n try {\n console.log('[VIEW] Loading envelope...');\n this.envelope = await getEnvelope(this.endpoint, this.envelopeId);\n console.log('[VIEW] Loaded envelope', this.envelope);\n } catch (e) {\n this.showLoadError = true;\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n }\n\n componentDidRender() {\n const headerTarget = this.headerTargetId ? document.getElementById(this.headerTargetId) : null;\n const headerEl = document.getElementById('verdocs-view-header');\n if (headerTarget && headerEl) {\n console.log('[VIEW] Moving header');\n headerEl.remove();\n headerTarget.append(headerEl);\n }\n }\n\n disconnectedCallback() {\n this.unlistenToEnvelope();\n }\n\n async listenToEnvelope() {\n console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n this.unlistenToEnvelope();\n Store.subscribe(\n 'envelopes',\n this.envelopeId,\n () => getEnvelope(this.endpoint, this.envelopeId),\n true,\n (envelope: IEnvelope) => {\n this.envelope = envelope;\n this.loading = false;\n },\n );\n }\n\n unlistenToEnvelope() {\n if (this.envelopeListenerId) {\n Store.store.delListener(this.envelopeListenerId);\n this.envelopeListenerId = null;\n }\n }\n\n handlePageRendered(_e: any) {\n // const pageInfo = e.detail as IDocumentPageInfo;\n // console.log('[VIEW] Page rendered', pageInfo);\n }\n\n async handleOptionSelected(e: any) {\n switch (e.detail.id) {\n case 'cancel':\n // TODO: Better option for inline-flow confirmation and alert dialogs.\n if (confirm('Are you sure you wish to cancel this envelope? This action cannot be undone.')) {\n this.canceling = true;\n cancelEnvelope(this.endpoint, this.envelopeId)\n .then(r => {\n this.canceling = false;\n console.log('[VIEW] Envelope canceled', r);\n return getEnvelope(this.endpoint, this.envelopeId);\n })\n .then(env => {\n console.log('[VIEW] Loaded new envelope details', env);\n this.envelope = env;\n })\n .catch(e => {\n this.canceling = false;\n console.log('[VIEW] Error canceling envelope', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n });\n this.showCancelDone = true;\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'canceled'});\n }\n break;\n\n case 'print':\n window.print();\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'printed'});\n break;\n\n case 'download-attachments':\n // TODO: Multiple document support\n {\n const firstDoc = this.envelope.documents.find(doc => doc.type === 'attachment');\n if (firstDoc) {\n const url = await getDocumentDownloadLink(this.endpoint, this.envelopeId, firstDoc.id);\n window.open(url, '_blank');\n }\n }\n break;\n\n case 'download-certificate':\n // TODO: Multiple certificate support\n {\n const firstCert = this.envelope.documents.find(doc => doc.type === 'certificate');\n if (firstCert) {\n const url = await getDocumentDownloadLink(this.endpoint, this.envelopeId, firstCert.id);\n window.open(url, '_blank');\n }\n }\n // saveCertificate(this.endpoint, this.envelope, this.envelope.certificate_document_id)\n // .then(() => {\n // this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n // })\n // .catch(e => {\n // console.log('Error downloading PDF', e);\n // });\n break;\n\n case 'download-all':\n saveEnvelopesAsZip(this.endpoint, [this.envelope])\n .then(() => {\n this.envelopeUpdated?.emit({endpoint: this.endpoint, envelope: this.envelope, event: 'downloaded'});\n })\n .catch(e => {\n console.log('Error downloading Zip', e);\n });\n break;\n }\n }\n\n render() {\n if (this.loading) {\n return (\n <Host>\n <verdocs-loader />\n </Host>\n );\n }\n\n if (this.showLoadError) {\n return (\n <Host>\n <verdocs-ok-dialog\n heading=\"Unable to View Envelope\"\n message={`Sorry, that envelope is not valid.`}\n buttonLabel=\"OK\"\n onNext={() => {\n this.showLoadError = false;\n }}\n />\n </Host>\n );\n }\n\n if (!this.envelope) {\n return (\n <Host>\n <img\n src=\"https://public-assets.verdocs.com/loading-placeholder.png\"\n style={{width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px'}}\n alt=\"Placeholder page\"\n />\n </Host>\n );\n }\n\n const menuOptions: any[] = [{id: 'print', label: 'Print'}];\n\n if (userCanCancelEnvelope(this.endpoint.profile, this.envelope)) {\n menuOptions.push({id: 'cancel', label: 'Cancel'});\n }\n\n // Add download options to the menu\n const hasAttachments = this.envelope.documents.length > 0;\n const normalDocCount = this.envelope.documents.filter(doc => doc.type === 'attachment').length;\n const hasCertificate = this.envelope.documents.find(doc => doc.type === 'certificate') !== undefined;\n if (hasAttachments || hasCertificate) {\n menuOptions.push({label: ''});\n if (hasAttachments) {\n menuOptions.push({id: 'download-attachments', label: normalDocCount > 1 ? 'Download Documents' : 'Download Document'});\n }\n if (hasCertificate) {\n menuOptions.push({id: 'download-certificate', label: 'Download Certificate'});\n }\n if (hasAttachments && hasCertificate) {\n menuOptions.push({id: 'download-all', label: 'Download All Files'});\n }\n }\n\n return (\n <Host>\n <div id=\"verdocs-view-header\">\n <div class=\"inner\">\n <img src=\"https://verdocs.com/assets/white-logo.svg\" alt=\"Verdocs Logo\" class=\"logo\" />\n <div class=\"title\">{this.envelope.name}</div>\n <div style={{flex: '1'}} />\n <div style={{marginLeft: '10px'}} />\n <verdocs-dropdown options={menuOptions} onOptionSelected={e => this.handleOptionSelected(e)} />\n </div>\n </div>\n\n <div class=\"document\" style={{paddingTop: this.headerTargetId ? '70px' : '15px'}}>\n {(this.envelope?.documents || [])\n .filter(document => document.type !== 'certificate')\n .map(envelopeDocument => {\n const pageNumbers = integerSequence(1, envelopeDocument.pages);\n\n return (\n <Fragment>\n {pageNumbers.map(pageNumber => {\n const pageSize = envelopeDocument.page_sizes?.[pageNumber] || {width: 612, height: 792};\n\n return (\n <verdocs-envelope-document-page\n envelopeId={this.envelopeId}\n documentId={envelopeDocument.id}\n endpoint={this.endpoint}\n type=\"filled\"\n virtualWidth={pageSize.width}\n virtualHeight={pageSize.height}\n pageNumber={pageNumber}\n onPageRendered={e => this.handlePageRendered(e)}\n layers={[\n {name: 'page', type: 'canvas'},\n {name: 'controls', type: 'div'},\n ]}\n />\n );\n })}\n </Fragment>\n );\n })}\n </div>\n {this.showCancelDone && (\n <verdocs-ok-dialog\n heading=\"Cancelled\"\n message={`This envelope has been cancelled successfully.`}\n onNext={() => {\n this.showCancelDone = false;\n }}\n />\n )}\n {this.canceling && (\n <div class=\"loading-indicator\">\n <verdocs-loader />\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
@@ -5,31 +5,31 @@ import { e as updateCssTransform, f as removeCssTransform, h as setControlStyles
5
5
  import { V as VerdocsToast } from './p-04c07b7b.js';
6
6
  import { S as SDKError } from './p-fd97809c.js';
7
7
  import { S as Store } from './p-d4be87ef.js';
8
- import { d as defineCustomElement$p } from './p-0e332769.js';
9
- import { d as defineCustomElement$o } from './p-3201d529.js';
10
- import { d as defineCustomElement$n } from './p-84ae0283.js';
11
- import { d as defineCustomElement$m } from './p-7bd7baa6.js';
12
- import { d as defineCustomElement$l } from './p-c5045788.js';
13
- import { d as defineCustomElement$k } from './p-1d4829fb.js';
14
- import { d as defineCustomElement$j } from './p-8c965486.js';
15
- import { d as defineCustomElement$i } from './p-c422d9a0.js';
16
- import { d as defineCustomElement$h } from './p-143a763f.js';
17
- import { d as defineCustomElement$g } from './p-99128b47.js';
18
- import { d as defineCustomElement$f } from './p-813ed998.js';
19
- import { d as defineCustomElement$e } from './p-b5e479db.js';
20
- import { d as defineCustomElement$d } from './p-c4310332.js';
21
- import { d as defineCustomElement$c } from './p-7f32e087.js';
22
- import { d as defineCustomElement$b } from './p-9c0b30f8.js';
23
- import { d as defineCustomElement$a } from './p-1ae5d7e0.js';
24
- import { d as defineCustomElement$9 } from './p-b7d080eb.js';
25
- import { d as defineCustomElement$8 } from './p-6719b0d7.js';
26
- import { d as defineCustomElement$7 } from './p-62743fd3.js';
27
- import { d as defineCustomElement$6 } from './p-cce871bf.js';
28
- import { d as defineCustomElement$5 } from './p-550377ba.js';
29
- import { d as defineCustomElement$4 } from './p-f238b25b.js';
30
- import { d as defineCustomElement$3 } from './p-325b3828.js';
31
- import { d as defineCustomElement$2 } from './p-4d3b9ee9.js';
32
- import { d as defineCustomElement$1 } from './p-2ef2d490.js';
8
+ import { d as defineCustomElement$p } from './p-1af1f96c.js';
9
+ import { d as defineCustomElement$o } from './p-1cfa5639.js';
10
+ import { d as defineCustomElement$n } from './p-168f7836.js';
11
+ import { d as defineCustomElement$m } from './p-fdafdf2c.js';
12
+ import { d as defineCustomElement$l } from './p-78afa71b.js';
13
+ import { d as defineCustomElement$k } from './p-846abf3b.js';
14
+ import { d as defineCustomElement$j } from './p-b01fdf77.js';
15
+ import { d as defineCustomElement$i } from './p-6c7dc2a2.js';
16
+ import { d as defineCustomElement$h } from './p-9ec9e533.js';
17
+ import { d as defineCustomElement$g } from './p-822b79ac.js';
18
+ import { d as defineCustomElement$f } from './p-79422c16.js';
19
+ import { d as defineCustomElement$e } from './p-b7ea4baa.js';
20
+ import { d as defineCustomElement$d } from './p-c6b9ad1a.js';
21
+ import { d as defineCustomElement$c } from './p-b685f6ab.js';
22
+ import { d as defineCustomElement$b } from './p-8b4d6e58.js';
23
+ import { d as defineCustomElement$a } from './p-e97100c4.js';
24
+ import { d as defineCustomElement$9 } from './p-5044943a.js';
25
+ import { d as defineCustomElement$8 } from './p-0fc88b2b.js';
26
+ import { d as defineCustomElement$7 } from './p-36a65545.js';
27
+ import { d as defineCustomElement$6 } from './p-378b03dd.js';
28
+ import { d as defineCustomElement$5 } from './p-e2da5bff.js';
29
+ import { d as defineCustomElement$4 } from './p-21f25179.js';
30
+ import { d as defineCustomElement$3 } from './p-ec039160.js';
31
+ import { d as defineCustomElement$2 } from './p-6a3a1267.js';
32
+ import { d as defineCustomElement$1 } from './p-61ca8465.js';
33
33
 
34
34
  const verdocsTemplateFieldsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{width:100%;height:50px;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;font-weight:700;padding:0 20px 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#f5f5fa;-ms-flex-pack:center;justify-content:center;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar>verdocs-select-input{margin:0}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}verdocs-template-fields #verdocs-template-fields-toolbar .add-for{margin:0;font-weight:500;color:#f5f5fa}verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{margin:0 20px 0 0}@media all and (max-width: 1000px){verdocs-template-fields #verdocs-template-fields-toolbar{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;padding:0 10px 0 0}verdocs-template-fields #verdocs-template-fields-toolbar svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-fields #verdocs-template-fields-toolbar .add-for,verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{display:none}}@media all and (max-width: 600px){verdocs-template-fields #verdocs-template-fields-toolbar{-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px}verdocs-template-fields #verdocs-template-fields-toolbar svg{-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-template-fields #verdocs-template-fields-toolbar .separator,verdocs-template-fields #verdocs-template-fields-toolbar .add-for,verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{display:none}}verdocs-template-fields.placing-attachment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-checkbox{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-date{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-dropdown{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-initial{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-payment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-radio{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-signature{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textarea{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textbox{cursor:url(\"data:image/svg+xml,%3Csvg width='32' height='15' viewBox='0 0 32 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1401_24' fill='white'%3E%3Cpath d='M0 0H32V15H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H32V15H0V0Z' fill='%234C56CB' fill-opacity='0.1'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM0 15H-1V16H0V15ZM0 1H32V-1H0V1ZM32 14H0V16H32V14ZM1 15V0H-1V15H1Z' fill='%234C56CB' mask='url(%23path-1-inside-1_1401_24)'/%3E%3Cpath d='M3 11.8V8.65H14.15V11.8H3ZM3 6.65V3.5H20.15V6.65H3Z' fill='%234C56CB'/%3E%3Cline x1='31.5' y1='1' x2='31.5' y2='14' stroke='%234C56CB' stroke-opacity='0.32' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A\") 0 14, pointer}verdocs-template-fields.placing-timestamp{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E\") 16 16, pointer}";
35
35
  const VerdocsTemplateFieldsStyle0 = verdocsTemplateFieldsCss;
@@ -508,4 +508,4 @@ function defineCustomElement() {
508
508
 
509
509
  export { VerdocsTemplateFields as V, defineCustomElement as d };
510
510
 
511
- //# sourceMappingURL=p-631808d5.js.map
511
+ //# sourceMappingURL=p-428af527.js.map