@verdocs/web-sdk 1.11.3 → 1.11.4

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 (196) hide show
  1. package/dist/cjs/{Templates-16615cb0.js → Templates-7a63d848.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/verdocs-build.cjs.entry.js +1 -1
  4. package/dist/cjs/verdocs-button-panel_3.cjs.entry.js +1 -1
  5. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +2 -1
  6. package/dist/cjs/verdocs-field-date.cjs.entry.js +2 -1
  7. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +1 -0
  8. package/dist/cjs/verdocs-field-initial.cjs.entry.js +2 -1
  9. package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -0
  10. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +2 -1
  11. package/dist/cjs/verdocs-field-signature.cjs.entry.js +2 -1
  12. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +2 -1
  13. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +2 -1
  14. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +2 -1
  15. package/dist/cjs/verdocs-floating-menu.cjs.entry.js +106 -0
  16. package/dist/cjs/verdocs-preview.cjs.entry.js +1 -1
  17. package/dist/cjs/verdocs-send.cjs.entry.js +1 -1
  18. package/dist/cjs/verdocs-template-attachments.cjs.entry.js +1 -1
  19. package/dist/cjs/verdocs-template-create_2.cjs.entry.js +30 -16
  20. package/dist/cjs/verdocs-template-document-page.cjs.entry.js +103 -0
  21. package/dist/cjs/verdocs-template-name.cjs.entry.js +1 -1
  22. package/dist/cjs/verdocs-template-recipients.cjs.entry.js +1 -1
  23. package/dist/cjs/verdocs-template-reminders.cjs.entry.js +1 -1
  24. package/dist/cjs/verdocs-template-role-properties_2.cjs.entry.js +1 -1
  25. package/dist/cjs/verdocs-template-visibility.cjs.entry.js +1 -1
  26. package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js +51 -0
  27. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  28. package/dist/collection/components/elements/verdocs-template-document-page/verdocs-template-document-page.js +1 -1
  29. package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.stories.js +2 -1
  30. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +16 -1
  31. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +16 -1
  32. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +15 -0
  33. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +16 -1
  34. package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.js +15 -0
  35. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +16 -1
  36. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +16 -1
  37. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +16 -1
  38. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +16 -1
  39. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js +16 -1
  40. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.css +16 -2
  41. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +46 -14
  42. package/dist/collection/utils/Templates.js +1 -1
  43. package/dist/components/Templates.js +1 -1
  44. package/dist/components/verdocs-build.js +4 -10
  45. package/dist/components/verdocs-field-checkbox.js +2 -1
  46. package/dist/components/verdocs-field-date.js +2 -1
  47. package/dist/components/verdocs-field-dropdown.js +1 -0
  48. package/dist/components/verdocs-field-initial.js +2 -1
  49. package/dist/components/verdocs-field-payment.js +1 -0
  50. package/dist/components/verdocs-field-radio-button.js +2 -1
  51. package/dist/components/verdocs-field-signature.js +2 -1
  52. package/dist/components/verdocs-field-textarea.js +2 -1
  53. package/dist/components/verdocs-field-textbox.js +2 -1
  54. package/dist/components/verdocs-field-timestamp.js +2 -1
  55. package/dist/components/verdocs-floating-menu.js +123 -1
  56. package/dist/components/verdocs-template-document-page2.js +1 -1
  57. package/dist/components/verdocs-template-fields2.js +32 -23
  58. package/dist/docs.json +120 -20
  59. package/dist/esm/{Templates-2528dad5.js → Templates-e288e682.js} +1 -1
  60. package/dist/esm/loader.js +1 -1
  61. package/dist/esm/verdocs-build.entry.js +1 -1
  62. package/dist/esm/verdocs-button-panel_3.entry.js +1 -1
  63. package/dist/esm/verdocs-field-checkbox.entry.js +2 -1
  64. package/dist/esm/verdocs-field-date.entry.js +2 -1
  65. package/dist/esm/verdocs-field-dropdown.entry.js +1 -0
  66. package/dist/esm/verdocs-field-initial.entry.js +2 -1
  67. package/dist/esm/verdocs-field-payment.entry.js +1 -0
  68. package/dist/esm/verdocs-field-radio-button.entry.js +2 -1
  69. package/dist/esm/verdocs-field-signature.entry.js +2 -1
  70. package/dist/esm/verdocs-field-textarea.entry.js +2 -1
  71. package/dist/esm/verdocs-field-textbox.entry.js +2 -1
  72. package/dist/esm/verdocs-field-timestamp.entry.js +2 -1
  73. package/dist/{components/verdocs-floating-menu2.js → esm/verdocs-floating-menu.entry.js} +8 -31
  74. package/dist/esm/verdocs-preview.entry.js +1 -1
  75. package/dist/esm/verdocs-send.entry.js +1 -1
  76. package/dist/esm/verdocs-template-attachments.entry.js +1 -1
  77. package/dist/esm/verdocs-template-create_2.entry.js +30 -16
  78. package/dist/esm/verdocs-template-document-page.entry.js +99 -0
  79. package/dist/esm/verdocs-template-name.entry.js +1 -1
  80. package/dist/esm/verdocs-template-recipients.entry.js +1 -1
  81. package/dist/esm/verdocs-template-reminders.entry.js +1 -1
  82. package/dist/esm/verdocs-template-role-properties_2.entry.js +1 -1
  83. package/dist/esm/verdocs-template-visibility.entry.js +1 -1
  84. package/dist/esm/verdocs-toolbar-icon.entry.js +47 -0
  85. package/dist/esm/verdocs-web-sdk.js +1 -1
  86. package/dist/esm-es5/{Templates-2528dad5.js → Templates-e288e682.js} +1 -1
  87. package/dist/esm-es5/loader.js +1 -1
  88. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  89. package/dist/esm-es5/verdocs-button-panel_3.entry.js +1 -1
  90. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  91. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  92. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  93. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  94. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  95. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  96. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  97. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  98. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  99. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  100. package/dist/esm-es5/verdocs-floating-menu.entry.js +1 -0
  101. package/dist/esm-es5/verdocs-preview.entry.js +1 -1
  102. package/dist/esm-es5/verdocs-send.entry.js +1 -1
  103. package/dist/esm-es5/verdocs-template-attachments.entry.js +1 -1
  104. package/dist/esm-es5/verdocs-template-create_2.entry.js +1 -1
  105. package/dist/esm-es5/verdocs-template-document-page.entry.js +1 -0
  106. package/dist/esm-es5/verdocs-template-name.entry.js +1 -1
  107. package/dist/esm-es5/verdocs-template-recipients.entry.js +1 -1
  108. package/dist/esm-es5/verdocs-template-reminders.entry.js +1 -1
  109. package/dist/esm-es5/verdocs-template-role-properties_2.entry.js +1 -1
  110. package/dist/esm-es5/verdocs-template-visibility.entry.js +1 -1
  111. package/dist/esm-es5/verdocs-toolbar-icon.entry.js +1 -0
  112. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  113. package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts +6 -0
  114. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts +6 -0
  115. package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts +6 -0
  116. package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts +6 -0
  117. package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.d.ts +6 -0
  118. package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts +6 -0
  119. package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts +6 -0
  120. package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts +6 -0
  121. package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts +6 -0
  122. package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts +6 -0
  123. package/dist/types/components/templates/verdocs-template-fields/verdocs-template-fields.d.ts +6 -0
  124. package/dist/types/components.d.ts +48 -0
  125. package/dist/verdocs-web-sdk/p-07f254ef.system.entry.js +1 -0
  126. package/dist/verdocs-web-sdk/p-0be7122f.entry.js +1 -0
  127. package/dist/verdocs-web-sdk/{p-a4b4ce45.entry.js → p-0c3d9831.entry.js} +1 -1
  128. package/dist/verdocs-web-sdk/p-11161d87.entry.js +1 -0
  129. package/dist/verdocs-web-sdk/p-17d70035.entry.js +1 -0
  130. package/dist/verdocs-web-sdk/{p-3019014e.system.entry.js → p-1872ef41.system.entry.js} +1 -1
  131. package/dist/verdocs-web-sdk/{p-817e6569.system.entry.js → p-190394ec.system.entry.js} +1 -1
  132. package/dist/verdocs-web-sdk/p-1aa26bbb.entry.js +1 -0
  133. package/dist/verdocs-web-sdk/{p-0aaa85ed.system.entry.js → p-23255004.system.entry.js} +1 -1
  134. package/dist/verdocs-web-sdk/p-23842282.entry.js +1 -0
  135. package/dist/verdocs-web-sdk/{p-58dda3d1.system.entry.js → p-2699042e.system.entry.js} +1 -1
  136. package/dist/verdocs-web-sdk/{p-671036fb.js → p-2ae1b96d.js} +1 -1
  137. package/dist/verdocs-web-sdk/{p-9b9ecf94.system.entry.js → p-2d9225e9.system.entry.js} +1 -1
  138. package/dist/verdocs-web-sdk/p-3046d912.entry.js +1 -0
  139. package/dist/verdocs-web-sdk/p-37146bc0.system.entry.js +1 -0
  140. package/dist/verdocs-web-sdk/p-442b0dca.entry.js +1 -0
  141. package/dist/verdocs-web-sdk/p-479d7e1f.entry.js +1 -0
  142. package/dist/verdocs-web-sdk/p-49a1c436.entry.js +1 -0
  143. package/dist/verdocs-web-sdk/p-50a2bf7b.system.entry.js +1 -0
  144. package/dist/verdocs-web-sdk/p-608de9cf.system.entry.js +1 -0
  145. package/dist/verdocs-web-sdk/p-61dbd1ed.system.entry.js +1 -0
  146. package/dist/verdocs-web-sdk/{p-5d6c8737.entry.js → p-623e2beb.entry.js} +1 -1
  147. package/dist/verdocs-web-sdk/{p-760262f3.system.entry.js → p-66384a4c.system.entry.js} +1 -1
  148. package/dist/verdocs-web-sdk/{p-93f0d41c.system.entry.js → p-68c780bd.system.entry.js} +1 -1
  149. package/dist/verdocs-web-sdk/{p-06512901.entry.js → p-71cce0f0.entry.js} +1 -1
  150. package/dist/verdocs-web-sdk/{p-6e3daf5a.system.js → p-7e58e898.system.js} +1 -1
  151. package/dist/verdocs-web-sdk/{p-53261332.entry.js → p-7f0e6545.entry.js} +1 -1
  152. package/dist/verdocs-web-sdk/p-8012b6c0.entry.js +1 -0
  153. package/dist/verdocs-web-sdk/{p-9ccdb9a9.system.entry.js → p-80345c52.system.entry.js} +1 -1
  154. package/dist/verdocs-web-sdk/{p-9b7d218c.system.entry.js → p-8175a794.system.entry.js} +1 -1
  155. package/dist/verdocs-web-sdk/{p-82452c9b.system.entry.js → p-86bd8c38.system.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/p-8f61a9ee.entry.js +1 -0
  157. package/dist/verdocs-web-sdk/{p-ffdcc57f.system.entry.js → p-939190da.system.entry.js} +1 -1
  158. package/dist/verdocs-web-sdk/{p-05f3c7bb.system.entry.js → p-96f838ea.system.entry.js} +1 -1
  159. package/dist/verdocs-web-sdk/{p-72bc8464.system.entry.js → p-98ce58df.system.entry.js} +1 -1
  160. package/dist/verdocs-web-sdk/{p-84b3f146.entry.js → p-99942818.entry.js} +1 -1
  161. package/dist/verdocs-web-sdk/{p-9f6e7b4a.system.entry.js → p-99c75b7d.system.entry.js} +1 -1
  162. package/dist/verdocs-web-sdk/{p-3379e220.entry.js → p-9ba92e4f.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/{p-e29f375d.system.entry.js → p-a0d235a3.system.entry.js} +1 -1
  164. package/dist/verdocs-web-sdk/{p-ca0a2a00.entry.js → p-a3a9fcba.entry.js} +1 -1
  165. package/dist/verdocs-web-sdk/{p-bac9ba46.system.entry.js → p-a5237a8c.system.entry.js} +1 -1
  166. package/dist/verdocs-web-sdk/{p-686608f0.entry.js → p-aa7f6376.entry.js} +1 -1
  167. package/dist/verdocs-web-sdk/{p-37e93857.system.entry.js → p-ab500634.system.entry.js} +1 -1
  168. package/dist/verdocs-web-sdk/{p-5a63da92.system.entry.js → p-b6e6f993.system.entry.js} +1 -1
  169. package/dist/verdocs-web-sdk/p-c16b6ca4.system.js +1 -1
  170. package/dist/verdocs-web-sdk/{p-27396fa8.entry.js → p-d0bac2b8.entry.js} +1 -1
  171. package/dist/verdocs-web-sdk/{p-87e67bc6.system.entry.js → p-d2af1be8.system.entry.js} +1 -1
  172. package/dist/verdocs-web-sdk/p-dd4589d9.entry.js +1 -0
  173. package/dist/verdocs-web-sdk/{p-e79aabb3.entry.js → p-e40012b6.entry.js} +1 -1
  174. package/dist/verdocs-web-sdk/p-f12e0150.entry.js +1 -0
  175. package/dist/verdocs-web-sdk/p-fb69732f.entry.js +1 -0
  176. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  177. package/package.json +1 -1
  178. package/dist/cjs/verdocs-floating-menu_3.cjs.entry.js +0 -248
  179. package/dist/custom-elements.json +0 -1390
  180. package/dist/esm/verdocs-floating-menu_3.entry.js +0 -242
  181. package/dist/esm-es5/verdocs-floating-menu_3.entry.js +0 -1
  182. package/dist/verdocs-web-sdk/p-0049ecc7.entry.js +0 -1
  183. package/dist/verdocs-web-sdk/p-0ef66c28.system.entry.js +0 -1
  184. package/dist/verdocs-web-sdk/p-2c3aecb8.entry.js +0 -1
  185. package/dist/verdocs-web-sdk/p-4a17efd7.entry.js +0 -1
  186. package/dist/verdocs-web-sdk/p-4e9b66b1.system.entry.js +0 -1
  187. package/dist/verdocs-web-sdk/p-4fc181bd.entry.js +0 -1
  188. package/dist/verdocs-web-sdk/p-64a6448f.entry.js +0 -1
  189. package/dist/verdocs-web-sdk/p-66bf5e70.entry.js +0 -1
  190. package/dist/verdocs-web-sdk/p-6a736c6a.entry.js +0 -1
  191. package/dist/verdocs-web-sdk/p-823bf074.entry.js +0 -1
  192. package/dist/verdocs-web-sdk/p-93e8443f.system.entry.js +0 -1
  193. package/dist/verdocs-web-sdk/p-95ed895f.entry.js +0 -1
  194. package/dist/verdocs-web-sdk/p-cb4d8942.entry.js +0 -1
  195. package/dist/verdocs-web-sdk/p-e7b7bd2b.entry.js +0 -1
  196. package/dist/verdocs-web-sdk/p-f5c1ceb0.entry.js +0 -1
@@ -6,33 +6,34 @@ import { a as getRoleIndex, r as renderDocumentField, c as updateCssTransform, d
6
6
  import { s as state } from './templateStore.js';
7
7
  import { l as loadTemplate } from './Templates.js';
8
8
  import { S as SDKError } from './errors.js';
9
- import { d as defineCustomElement$5 } from './verdocs-component-error2.js';
10
- import { d as defineCustomElement$4 } from './verdocs-floating-menu2.js';
9
+ import { d as defineCustomElement$4 } from './verdocs-component-error2.js';
11
10
  import { d as defineCustomElement$3 } from './verdocs-loader2.js';
12
11
  import { d as defineCustomElement$2 } from './verdocs-template-document-page2.js';
13
12
  import { d as defineCustomElement$1 } from './verdocs-toolbar-icon2.js';
14
13
 
15
- const verdocsTemplateFieldsCss = "verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative}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 #0000000f;box-shadow:0 0 10px 5px #0000000f}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.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 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-dropdown{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-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 xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z'/%3E%3C/svg%3E\") 16 16, 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 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}";
14
+ const verdocsTemplateFieldsCss = "verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative}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 #0000000f;box-shadow:0 0 10px 5px #0000000f}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{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}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 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-dropdown{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-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 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\") 0 14, pointer}";
16
15
 
17
- const iconSingleline = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z"/></svg>';
18
- const iconMultiline = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path 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"/></svg>';
19
- const iconCheck = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path 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"/></svg>';
20
- const iconRadio = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path 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"/></svg>';
21
- const iconDatepicker = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path 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"/></svg>';
22
- const iconSignature = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path 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"/></svg>';
23
- const iconInitial = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z"/></svg>';
16
+ const iconSingleline = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z"/></svg>';
17
+ const iconMultiline = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" 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"/></svg>';
18
+ const iconCheck = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" 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"/></svg>';
19
+ const iconRadio = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" 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"/></svg>';
20
+ const iconDatepicker = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" 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"/></svg>';
21
+ const iconSignature = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" 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"/></svg>';
22
+ const iconInitial = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z"/></svg>';
23
+ const iconClock = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path fill="#ffffff" stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';
24
+ const iconBarsDown = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke="#ffffff" 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" /></svg>';
24
25
  const menuOptions = [
25
26
  // {id: 'attachment', tooltip: 'Attachment', icon: 'A'},
26
27
  { id: 'checkbox', tooltip: 'Check Box', icon: iconCheck },
27
28
  { id: 'date', tooltip: 'Date', icon: iconDatepicker },
28
- { id: 'dropdown', tooltip: 'Dropdown', icon: 'O' },
29
+ { id: 'dropdown', tooltip: 'Dropdown', icon: iconBarsDown },
29
30
  { id: 'initial', tooltip: 'Initials', icon: iconInitial },
30
31
  // {id: 'payment', tooltip: 'Payment', icon: 'P'},
31
32
  { id: 'radio', tooltip: 'Radio Button', icon: iconRadio },
32
33
  { id: 'signature', tooltip: 'Signature', icon: iconSignature },
33
34
  { id: 'textarea', tooltip: 'Text Area', icon: iconMultiline },
34
35
  { id: 'textbox', tooltip: 'Text Box', icon: iconSingleline },
35
- { id: 'timestamp', tooltip: 'Timestamp', icon: 'X' },
36
+ { id: 'timestamp', tooltip: 'Timestamp', icon: iconClock },
36
37
  ];
37
38
  const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
38
39
  constructor() {
@@ -46,6 +47,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
46
47
  this.cachedPageInfo = {};
47
48
  this.endpoint = VerdocsEndpoint.getDefault();
48
49
  this.templateId = null;
50
+ this.toolbarTargetId = null;
49
51
  this.placing = null;
50
52
  this.selectedRoleName = '';
51
53
  this.rerender = 1;
@@ -80,6 +82,13 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
80
82
  }
81
83
  componentDidRender() {
82
84
  interact.dynamicDrop(true);
85
+ const toolbarTarget = this.toolbarTargetId ? document.getElementById(this.toolbarTargetId) : null;
86
+ const toolbarEl = document.getElementById('verdocs-template-fields-toolbar');
87
+ if (toolbarTarget && toolbarEl) {
88
+ console.log('[FIELDS] Moving toolbar');
89
+ toolbarEl.remove();
90
+ toolbarTarget.append(toolbarEl);
91
+ }
83
92
  }
84
93
  async handleFieldChange(field, e, optionId) {
85
94
  console.log('[FIELDS] handleFieldChange', field, e, optionId);
@@ -94,6 +103,13 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
94
103
  this.rerender++;
95
104
  (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: state.template, event: 'updated-field' });
96
105
  });
106
+ el.addEventListener('deleted', () => {
107
+ var _a;
108
+ console.log('deleted', this, field);
109
+ el.remove();
110
+ this.rerender++;
111
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: state.template, event: 'updated-field' });
112
+ });
97
113
  el.setAttribute('roleindex', roleIndex);
98
114
  el.setAttribute('pageNumber', pageInfo.pageNumber);
99
115
  el.setAttribute('xScale', pageInfo.xScale);
@@ -251,20 +267,18 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
251
267
  pages.sort((a, b) => a.sequence - b.sequence);
252
268
  return (h(Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, "data-r": this.rerender, onSubmit: () => {
253
269
  console.log('onSubmit');
254
- } }, h("div", { class: "pages" }, pages.map(page => {
255
- // console.log('rendering page', page);
270
+ } }, h("div", { id: "verdocs-template-fields-toolbar" }, menuOptions.map(option => (h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => (this.placing = option.id) })))), h("div", { class: "pages" }, pages.map(page => {
256
271
  return (h("verdocs-template-document-page", { templateId: page.template_id, documentId: page.document_id, pageNumber: page.sequence, virtualWidth: 612, virtualHeight: 792, onClick: (e) => this.handleClickPage(e, page), onPageRendered: e => this.handlePageRendered(e), layers: [
257
272
  { name: 'page', type: 'canvas' },
258
273
  { name: 'controls', type: 'div' },
259
274
  ] }));
260
- })), h("verdocs-floating-menu", { options: menuOptions, onOptionSelected: e => {
261
- this.placing = e.detail.id;
262
- } })));
275
+ }))));
263
276
  }
264
277
  static get style() { return verdocsTemplateFieldsCss; }
265
278
  }, [0, "verdocs-template-fields", {
266
279
  "endpoint": [16],
267
280
  "templateId": [1, "template-id"],
281
+ "toolbarTargetId": [1, "toolbar-target-id"],
268
282
  "placing": [32],
269
283
  "selectedRoleName": [32],
270
284
  "rerender": [32]
@@ -273,7 +287,7 @@ function defineCustomElement() {
273
287
  if (typeof customElements === "undefined") {
274
288
  return;
275
289
  }
276
- const components = ["verdocs-template-fields", "verdocs-component-error", "verdocs-floating-menu", "verdocs-loader", "verdocs-template-document-page", "verdocs-toolbar-icon"];
290
+ const components = ["verdocs-template-fields", "verdocs-component-error", "verdocs-loader", "verdocs-template-document-page", "verdocs-toolbar-icon"];
277
291
  components.forEach(tagName => { switch (tagName) {
278
292
  case "verdocs-template-fields":
279
293
  if (!customElements.get(tagName)) {
@@ -281,11 +295,6 @@ function defineCustomElement() {
281
295
  }
282
296
  break;
283
297
  case "verdocs-component-error":
284
- if (!customElements.get(tagName)) {
285
- defineCustomElement$5();
286
- }
287
- break;
288
- case "verdocs-floating-menu":
289
298
  if (!customElements.get(tagName)) {
290
299
  defineCustomElement$4();
291
300
  }
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-02-21T05:30:11",
2
+ "timestamp": "2023-02-21T17:56:45",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "2.20.0",
@@ -188,11 +188,8 @@
188
188
  "verdocs-template-fields": [
189
189
  "verdocs-component-error",
190
190
  "verdocs-loader",
191
- "verdocs-template-document-page",
192
- "verdocs-floating-menu"
193
- ],
194
- "verdocs-floating-menu": [
195
- "verdocs-toolbar-icon"
191
+ "verdocs-toolbar-icon",
192
+ "verdocs-template-document-page"
196
193
  ]
197
194
  }
198
195
  },
@@ -1422,6 +1419,15 @@
1422
1419
  }
1423
1420
  ],
1424
1421
  "events": [
1422
+ {
1423
+ "event": "deleted",
1424
+ "detail": "{ fieldName: string; }",
1425
+ "bubbles": true,
1426
+ "cancelable": true,
1427
+ "composed": true,
1428
+ "docs": "Event fired when the field is deleted.",
1429
+ "docsTags": []
1430
+ },
1425
1431
  {
1426
1432
  "event": "settingsChanged",
1427
1433
  "detail": "{ fieldName: string; }",
@@ -1608,6 +1614,15 @@
1608
1614
  }
1609
1615
  ],
1610
1616
  "events": [
1617
+ {
1618
+ "event": "deleted",
1619
+ "detail": "{ fieldName: string; }",
1620
+ "bubbles": true,
1621
+ "cancelable": true,
1622
+ "composed": true,
1623
+ "docs": "Event fired when the field is deleted.",
1624
+ "docsTags": []
1625
+ },
1611
1626
  {
1612
1627
  "event": "settingsChanged",
1613
1628
  "detail": "{ fieldName: string; }",
@@ -1752,6 +1767,15 @@
1752
1767
  }
1753
1768
  ],
1754
1769
  "events": [
1770
+ {
1771
+ "event": "deleted",
1772
+ "detail": "{ fieldName: string; }",
1773
+ "bubbles": true,
1774
+ "cancelable": true,
1775
+ "composed": true,
1776
+ "docs": "Event fired when the field is deleted.",
1777
+ "docsTags": []
1778
+ },
1755
1779
  {
1756
1780
  "event": "fieldChange",
1757
1781
  "detail": "string",
@@ -1963,6 +1987,15 @@
1963
1987
  "docs": "Event emitted when the user cancels the process.",
1964
1988
  "docsTags": []
1965
1989
  },
1990
+ {
1991
+ "event": "deleted",
1992
+ "detail": "{ fieldName: string; }",
1993
+ "bubbles": true,
1994
+ "cancelable": true,
1995
+ "composed": true,
1996
+ "docs": "Event fired when the field is deleted.",
1997
+ "docsTags": []
1998
+ },
1966
1999
  {
1967
2000
  "event": "fieldChange",
1968
2001
  "detail": "string",
@@ -2319,6 +2352,15 @@
2319
2352
  }
2320
2353
  ],
2321
2354
  "events": [
2355
+ {
2356
+ "event": "deleted",
2357
+ "detail": "{ fieldName: string; }",
2358
+ "bubbles": true,
2359
+ "cancelable": true,
2360
+ "composed": true,
2361
+ "docs": "Event fired when the field is deleted.",
2362
+ "docsTags": []
2363
+ },
2322
2364
  {
2323
2365
  "event": "initialComplete",
2324
2366
  "detail": "string",
@@ -2510,6 +2552,15 @@
2510
2552
  }
2511
2553
  ],
2512
2554
  "events": [
2555
+ {
2556
+ "event": "deleted",
2557
+ "detail": "{ fieldName: string; }",
2558
+ "bubbles": true,
2559
+ "cancelable": true,
2560
+ "composed": true,
2561
+ "docs": "Event fired when the field is deleted.",
2562
+ "docsTags": []
2563
+ },
2513
2564
  {
2514
2565
  "event": "settingsChanged",
2515
2566
  "detail": "{ fieldName: string; }",
@@ -2713,6 +2764,15 @@
2713
2764
  }
2714
2765
  ],
2715
2766
  "events": [
2767
+ {
2768
+ "event": "deleted",
2769
+ "detail": "{ fieldName: string; }",
2770
+ "bubbles": true,
2771
+ "cancelable": true,
2772
+ "composed": true,
2773
+ "docs": "Event fired when the field is deleted.",
2774
+ "docsTags": []
2775
+ },
2716
2776
  {
2717
2777
  "event": "fieldChange",
2718
2778
  "detail": "string",
@@ -2923,6 +2983,15 @@
2923
2983
  }
2924
2984
  ],
2925
2985
  "events": [
2986
+ {
2987
+ "event": "deleted",
2988
+ "detail": "{ fieldName: string; }",
2989
+ "bubbles": true,
2990
+ "cancelable": true,
2991
+ "composed": true,
2992
+ "docs": "Event fired when the field is deleted.",
2993
+ "docsTags": []
2994
+ },
2926
2995
  {
2927
2996
  "event": "settingsChanged",
2928
2997
  "detail": "{ fieldName: string; }",
@@ -3109,6 +3178,15 @@
3109
3178
  }
3110
3179
  ],
3111
3180
  "events": [
3181
+ {
3182
+ "event": "deleted",
3183
+ "detail": "{ fieldName: string; }",
3184
+ "bubbles": true,
3185
+ "cancelable": true,
3186
+ "composed": true,
3187
+ "docs": "Event fired when the field is deleted.",
3188
+ "docsTags": []
3189
+ },
3112
3190
  {
3113
3191
  "event": "settingsChanged",
3114
3192
  "detail": "{ fieldName: string; }",
@@ -3295,6 +3373,15 @@
3295
3373
  }
3296
3374
  ],
3297
3375
  "events": [
3376
+ {
3377
+ "event": "deleted",
3378
+ "detail": "{ fieldName: string; }",
3379
+ "bubbles": true,
3380
+ "cancelable": true,
3381
+ "composed": true,
3382
+ "docs": "Event fired when the field is deleted.",
3383
+ "docsTags": []
3384
+ },
3298
3385
  {
3299
3386
  "event": "settingsChanged",
3300
3387
  "detail": "{ fieldName: string; }",
@@ -3373,18 +3460,13 @@
3373
3460
  "styles": [],
3374
3461
  "slots": [],
3375
3462
  "parts": [],
3376
- "dependents": [
3377
- "verdocs-template-fields"
3378
- ],
3463
+ "dependents": [],
3379
3464
  "dependencies": [
3380
3465
  "verdocs-toolbar-icon"
3381
3466
  ],
3382
3467
  "dependencyGraph": {
3383
3468
  "verdocs-floating-menu": [
3384
3469
  "verdocs-toolbar-icon"
3385
- ],
3386
- "verdocs-template-fields": [
3387
- "verdocs-floating-menu"
3388
3470
  ]
3389
3471
  }
3390
3472
  },
@@ -5506,6 +5588,23 @@
5506
5588
  ],
5507
5589
  "optional": false,
5508
5590
  "required": false
5591
+ },
5592
+ {
5593
+ "name": "toolbarTargetId",
5594
+ "type": "string",
5595
+ "mutable": false,
5596
+ "attr": "toolbar-target-id",
5597
+ "reflectToAttr": false,
5598
+ "docs": "If set, (recommended), the host application should create a <DIV> element with a unique ID. When this\ncomponent renders, the toolbar will be removed from its default location and placed in the target element.\nThis allows the parent application to more easily control its placement and scroll effects.",
5599
+ "docsTags": [],
5600
+ "default": "null",
5601
+ "values": [
5602
+ {
5603
+ "type": "string"
5604
+ }
5605
+ ],
5606
+ "optional": false,
5607
+ "required": false
5509
5608
  }
5510
5609
  ],
5511
5610
  "methods": [],
@@ -5557,18 +5656,15 @@
5557
5656
  "dependencies": [
5558
5657
  "verdocs-component-error",
5559
5658
  "verdocs-loader",
5560
- "verdocs-template-document-page",
5561
- "verdocs-floating-menu"
5659
+ "verdocs-toolbar-icon",
5660
+ "verdocs-template-document-page"
5562
5661
  ],
5563
5662
  "dependencyGraph": {
5564
5663
  "verdocs-template-fields": [
5565
5664
  "verdocs-component-error",
5566
5665
  "verdocs-loader",
5567
- "verdocs-template-document-page",
5568
- "verdocs-floating-menu"
5569
- ],
5570
- "verdocs-floating-menu": [
5571
- "verdocs-toolbar-icon"
5666
+ "verdocs-toolbar-icon",
5667
+ "verdocs-template-document-page"
5572
5668
  ],
5573
5669
  "verdocs-build": [
5574
5670
  "verdocs-template-fields"
@@ -6844,12 +6940,16 @@
6844
6940
  "slots": [],
6845
6941
  "parts": [],
6846
6942
  "dependents": [
6847
- "verdocs-floating-menu"
6943
+ "verdocs-floating-menu",
6944
+ "verdocs-template-fields"
6848
6945
  ],
6849
6946
  "dependencies": [],
6850
6947
  "dependencyGraph": {
6851
6948
  "verdocs-floating-menu": [
6852
6949
  "verdocs-toolbar-icon"
6950
+ ],
6951
+ "verdocs-template-fields": [
6952
+ "verdocs-toolbar-icon"
6853
6953
  ]
6854
6954
  }
6855
6955
  },
@@ -23,7 +23,7 @@ const loadTemplate = async (endpoint, templateId, forceReload = false) => {
23
23
  state.template = null;
24
24
  try {
25
25
  console.log(`[TEMPLATES] Loading template ${templateId}`);
26
- const template = await getTemplate(endpoint, templateId, true);
26
+ const template = await getTemplate(endpoint, templateId);
27
27
  if (!template) {
28
28
  console.log('[TEMPLATES] Unable to load template');
29
29
  return;
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy([["verdocs-template-recipients",[[0,"verdocs-template-recipients",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"showingSenderDialog":[32],"sender":[32],"forceRerender":[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{"field":[16],"disabled":[4],"initials":[1],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-signature",[[0,"verdocs-field-signature",{"field":[16],"name":[1],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-build",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1,"template-id"],"step":[32],"pdfUrl":[32],"template":[32]}]]],["verdocs-field-checkbox",[[0,"verdocs-field-checkbox",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2],"editable":[4],"moveable":[4],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"containerId":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-radio-button",[[0,"verdocs-field-radio-button",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2],"editable":[4],"moveable":[4],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"showCancel":[4,"show-cancel"]}]]],["verdocs-sign",[[0,"verdocs-sign",{"envelopeId":[1,"envelope-id"],"roleId":[1,"role-id"],"inviteCode":[1,"invite-code"],"recipient":[32],"signerToken":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"errorMessage":[32],"focusedField":[32],"isDone":[32],"showDone":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32]}]]],["verdocs-template-properties",[[0,"verdocs-template-properties",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"name":[32],"visibility":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32]}]]],["verdocs-template-reminders",[[0,"verdocs-template-reminders",{"endpoint":[16],"templateId":[1,"template-id"],"showPlanBlocker":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32],"dirty":[32],"loading":[32]}]]],["verdocs-template-name",[[0,"verdocs-template-name",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"dirty":[32],"loading":[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"isAuthenticated":[32],"displayMode":[32],"username":[32],"password":[32],"loggingIn":[32],"activeSession":[32],"loginError":[32]}]]],["verdocs-search",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-send",[[0,"verdocs-send",{"endpoint":[16],"templateId":[1,"template-id"],"containerId":[32],"rolesAtLevel":[32],"showPickerForId":[32],"sessionContacts":[32],"rolesCompleted":[32],"reset":[64]}]]],["verdocs-template-visibility",[[0,"verdocs-template-visibility",{"endpoint":[16],"templateId":[1,"template-id"],"dirty":[32],"loading":[32],"personal":[32],"public":[32]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{"field":[16],"disabled":[4],"roleIndex":[2,"role-index"],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-floating-menu_3",[[0,"verdocs-floating-menu",{"options":[16]}],[0,"verdocs-template-document-page",{"endpoint":[16],"templateId":[1,"template-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}],[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}]]],["verdocs-preview",[[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"]}]]],["verdocs-template-attachments",[[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32]}]]],["verdocs-envelope-sidebar",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"choices":[16],"response":[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{"field":[16],"disabled":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{"field":[16],"disabled":[4],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"focused":[4],"signed":[4],"roleindex":[2],"preparedMessage":[32],"signatureUrl":[32],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-button",[[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-checkbox_4",[[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"type":[1],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-help-icon",{"text":[1],"containerId":[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-document-page_2",[[0,"verdocs-document-page",{"pageImageUri":[1,"page-image-uri"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32]}],[0,"verdocs-dropdown",{"options":[16],"open":[32]}]]],["verdocs-view",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32]}]]],["verdocs-loader",[[0,"verdocs-loader"]]],["verdocs-template-create_2",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1,"template-id"],"placing":[32],"selectedRoleName":[32],"rerender":[32]}],[0,"verdocs-template-create",{"endpoint":[16],"file":[32],"creating":[32]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-button-panel_3",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1,"field-name"],"dirty":[32],"loading":[32],"type":[32],"name":[32],"roleName":[32],"required":[32],"placeholder":[32],"defaultValue":[32]}],[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}]]],["verdocs-template-role-properties_2",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"sender":[1],"dirty":[32],"saving":[32],"name":[32],"type":[32],"fullName":[32],"email":[32],"phone":[32],"allowDelegation":[32]}],[0,"verdocs-template-sender",{"endpoint":[16],"templateId":[1,"template-id"],"sender":[1],"saving":[32]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{"endpoint":[16]}],[0,"verdocs-search-activity",{"endpoint":[16],"type":[1],"options":[8],"emptyMessage":[32],"authFailure":[32],"title":[32],"recent":[32],"saved":[32],"starred":[32]}],[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]]], options);
13
+ return bootstrapLazy([["verdocs-template-recipients",[[0,"verdocs-template-recipients",{"endpoint":[16],"templateId":[1,"template-id"],"showingRoleDialog":[32],"showingSenderDialog":[32],"sender":[32],"forceRerender":[32]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{"field":[16],"disabled":[4],"initials":[1],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempInitials":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-signature",[[0,"verdocs-field-signature",{"field":[16],"name":[1],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"tempSignature":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-checkbox",[[0,"verdocs-field-checkbox",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2],"editable":[4],"moveable":[4],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"containerId":[32],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-radio-button",[[0,"verdocs-field-radio-button",{"field":[16],"option":[2],"disabled":[4],"done":[4],"roleindex":[2],"editable":[4],"moveable":[4],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{"field":[16],"disabled":[4],"editable":[4],"moveable":[4],"done":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-build",[[0,"verdocs-build",{"endpoint":[16],"templateId":[1,"template-id"],"step":[32],"pdfUrl":[32],"template":[32]}]]],["verdocs-sign",[[0,"verdocs-sign",{"envelopeId":[1,"envelope-id"],"roleId":[1,"role-id"],"inviteCode":[1,"invite-code"],"recipient":[32],"signerToken":[32],"hasSignature":[32],"nextButtonLabel":[32],"nextSubmits":[32],"errorMessage":[32],"focusedField":[32],"isDone":[32],"showDone":[32],"finishLater":[32],"showFinishLater":[32],"agreed":[32],"documentsSingularPlural":[32]}]]],["verdocs-template-properties",[[0,"verdocs-template-properties",{"endpoint":[16],"templateId":[1,"template-id"],"template":[32],"name":[32],"visibility":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32]}]]],["verdocs-template-reminders",[[0,"verdocs-template-reminders",{"endpoint":[16],"templateId":[1,"template-id"],"showPlanBlocker":[32],"sendReminders":[32],"firstReminderDays":[32],"reminderDays":[32],"dirty":[32],"loading":[32]}]]],["verdocs-template-name",[[0,"verdocs-template-name",{"endpoint":[16],"templateId":[1,"template-id"],"name":[32],"dirty":[32],"loading":[32]}]]],["verdocs-auth",[[0,"verdocs-auth",{"endpoint":[16],"visible":[4],"logo":[1],"isAuthenticated":[32],"displayMode":[32],"username":[32],"password":[32],"loggingIn":[32],"activeSession":[32],"loginError":[32]}]]],["verdocs-search",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{"initials":[1],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-signature-dialog",[[0,"verdocs-signature-dialog",{"name":[1],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{"endpoint":[16],"templateRole":[16],"contactSuggestions":[16],"name":[32],"email":[32],"phone":[32],"message":[32],"showSuggestions":[32],"showMessage":[32],"delegator":[32]}]]],["verdocs-send",[[0,"verdocs-send",{"endpoint":[16],"templateId":[1,"template-id"],"containerId":[32],"rolesAtLevel":[32],"showPickerForId":[32],"sessionContacts":[32],"rolesCompleted":[32],"reset":[64]}]]],["verdocs-template-visibility",[[0,"verdocs-template-visibility",{"endpoint":[16],"templateId":[1,"template-id"],"dirty":[32],"loading":[32],"personal":[32],"public":[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{"field":[16],"disabled":[4],"roleIndex":[2,"role-index"],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-template-document-page",[[0,"verdocs-template-document-page",{"endpoint":[16],"templateId":[1,"template-id"],"documentId":[1,"document-id"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32],"pageDisplayUri":[32]}]]],["verdocs-loader",[[0,"verdocs-loader"]]],["verdocs-preview",[[0,"verdocs-preview",{"endpoint":[16],"templateId":[1,"template-id"]}]]],["verdocs-template-attachments",[[0,"verdocs-template-attachments",{"endpoint":[16],"templateId":[1,"template-id"],"loading":[32]}]]],["verdocs-envelope-sidebar",[[0,"verdocs-envelope-sidebar",{"endpoint":[16],"envelopeId":[1,"envelope-id"],"activeTab":[32],"panelOpen":[32]}]]],["verdocs-floating-menu",[[0,"verdocs-floating-menu",{"options":[16]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{"step":[2],"steps":[2],"helptitle":[1],"helptext":[1],"mode":[1],"label":[1],"placeholder":[1],"choices":[16],"response":[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{"field":[16],"disabled":[4],"roleindex":[2],"focusField":[64],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-field-payment",[[0,"verdocs-field-payment",{"field":[16],"disabled":[4],"fields":[16],"pageNum":[2,"page-num"],"roleName":[1,"role-name"],"fieldId":[1,"field-id"],"recipients":[8],"selectedRoleName":[1,"selected-role-name"],"pdfPages":[16],"currentSignature":[1,"current-signature"],"currentSignatureId":[1,"current-signature-id"],"currentInitial":[1,"current-initial"],"currentInitialId":[1,"current-initial-id"],"focused":[4],"signed":[4],"roleindex":[2],"preparedMessage":[32],"signatureUrl":[32],"showSettingsPanel":[64],"hideSettingsPanel":[64]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"envelope":[16],"isOpen":[32],"recipientStatusIcons":[32],"containerId":[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{"options":[16],"theme":[1],"selectedOption":[32]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{"checked":[4],"name":[1],"value":[1],"disabled":[4]}]]],["verdocs-document-page_2",[[0,"verdocs-document-page",{"pageImageUri":[1,"page-image-uri"],"pageNumber":[2,"page-number"],"virtualWidth":[2,"virtual-width"],"virtualHeight":[1026,"virtual-height"],"layers":[16],"containerId":[32],"renderedWidth":[32],"renderedHeight":[32],"naturalWidth":[32],"naturalHeight":[32],"aspectRatio":[32],"skipFirstNotification":[32]}],[0,"verdocs-dropdown",{"options":[16],"open":[32]}]]],["verdocs-view",[[0,"verdocs-view",{"endpoint":[16],"envelopeId":[1,"envelope-id"]}]]],["verdocs-button",[[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-checkbox_4",[[0,"verdocs-checkbox",{"checked":[4],"name":[1],"label":[1],"value":[1],"theme":[1],"disabled":[4]}],[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"helpText":[1,"help-text"],"type":[1],"disabled":[4]}],[0,"verdocs-component-error",{"message":[1]}],[0,"verdocs-help-icon",{"text":[1],"containerId":[32]}]]],["verdocs-template-role-properties_2",[[0,"verdocs-template-role-properties",{"endpoint":[16],"templateId":[1,"template-id"],"roleName":[1,"role-name"],"sender":[1],"dirty":[32],"saving":[32],"name":[32],"type":[32],"fullName":[32],"email":[32],"phone":[32],"allowDelegation":[32]}],[0,"verdocs-template-sender",{"endpoint":[16],"templateId":[1,"template-id"],"sender":[1],"saving":[32]}]]],["verdocs-template-create_2",[[0,"verdocs-template-fields",{"endpoint":[16],"templateId":[1,"template-id"],"toolbarTargetId":[1,"toolbar-target-id"],"placing":[32],"selectedRoleName":[32],"rerender":[32]}],[0,"verdocs-template-create",{"endpoint":[16],"file":[32],"creating":[32]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{"active":[4],"icon":[1],"label":[1],"size":[1],"_active":[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"showCancel":[4,"show-cancel"]}]]],["verdocs-quick-functions_3",[[0,"verdocs-quick-functions",{"endpoint":[16]}],[0,"verdocs-search-activity",{"endpoint":[16],"type":[1],"options":[8],"emptyMessage":[32],"authFailure":[32],"title":[32],"recent":[32],"saved":[32],"starred":[32]}],[0,"verdocs-search-box",{"endpoint":[16],"placeholder":[1],"type":[1],"query":[1],"grabsFocus":[4,"grabs-focus"],"focusField":[64]}]]],["verdocs-toolbar-icon",[[0,"verdocs-toolbar-icon",{"text":[1],"icon":[1],"placement":[1],"containerId":[32]}]]],["verdocs-button-panel_3",[[0,"verdocs-template-field-properties",{"endpoint":[16],"templateId":[1,"template-id"],"fieldName":[1,"field-name"],"dirty":[32],"loading":[32],"type":[32],"name":[32],"roleName":[32],"required":[32],"placeholder":[32],"defaultValue":[32]}],[4,"verdocs-button-panel",{"icon":[1],"showPanel":[64],"hidePanel":[64],"toggle":[64]}],[0,"verdocs-select-input",{"value":[1],"label":[1],"options":[16],"disabled":[4]}]]]], options);
14
14
  });
15
15
  };
16
16
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
2
2
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
3
- import { l as loadTemplate } from './Templates-2528dad5.js';
3
+ import { l as loadTemplate } from './Templates-e288e682.js';
4
4
  import { S as SDKError } from './errors-9b5498c8.js';
5
5
  import './Token-54690789.js';
6
6
  import './Templates-8e4ab976.js';
@@ -3,7 +3,7 @@ import { c as createPopper } from './popper-f860750c.js';
3
3
  import { u as updateField, d as deleteField } from './Fields-c82e6df3.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
5
5
  import { s as state } from './templateStore-a7a5149a.js';
6
- import { l as loadTemplate } from './Templates-2528dad5.js';
6
+ import { l as loadTemplate } from './Templates-e288e682.js';
7
7
  import { S as SDKError } from './errors-9b5498c8.js';
8
8
  import './Token-54690789.js';
9
9
  import './index-fd7b8a34.js';
@@ -16,6 +16,7 @@ const VerdocsFieldCheckbox = class {
16
16
  constructor(hostRef) {
17
17
  registerInstance(this, hostRef);
18
18
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
19
+ this.deleted = createEvent(this, "deleted", 7);
19
20
  this.field = null;
20
21
  this.option = 0;
21
22
  this.disabled = false;
@@ -48,7 +49,7 @@ const VerdocsFieldCheckbox = class {
48
49
  }
49
50
  return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("label", null, h("input", { type: "checkbox", tabIndex: settings.order, checked: option.checked, disabled: disabled, required: settings.required, value: option.id }), h("span", null), this.editable && (h("verdocs-button-panel", { icon: settingsIcon, id: `verdocs-settings-panel-${this.field.name}` }, h("h6", null, "Field Settings"), h("verdocs-template-field-properties", { templateId: state.templateId, fieldName: this.field.name, onClose: () => this.hideSettingsPanel(), onDelete: () => {
50
51
  var _a;
51
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
52
+ (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
52
53
  return this.hideSettingsPanel();
53
54
  }, onSettingsChanged: e => {
54
55
  var _a;
@@ -2566,6 +2566,7 @@ const VerdocsFieldDate = class {
2566
2566
  registerInstance(this, hostRef);
2567
2567
  this.settingsPress = createEvent(this, "settingsPress", 7);
2568
2568
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
2569
+ this.deleted = createEvent(this, "deleted", 7);
2569
2570
  this.field = null;
2570
2571
  this.disabled = false;
2571
2572
  this.editable = false;
@@ -2619,7 +2620,7 @@ const VerdocsFieldDate = class {
2619
2620
  }
2620
2621
  return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("input", { type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, required: settings.required, ref: el => (this.el = el) }), this.editable && (h("verdocs-button-panel", { icon: settingsIcon, id: `verdocs-settings-panel-${this.field.name}` }, h("h6", null, "Field Settings"), h("verdocs-template-field-properties", { templateId: state.templateId, fieldName: this.field.name, onClose: () => this.hideSettingsPanel(), onDelete: () => {
2621
2622
  var _a;
2622
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
2623
+ (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
2623
2624
  return this.hideSettingsPanel();
2624
2625
  }, onSettingsChanged: e => {
2625
2626
  var _a;
@@ -16,6 +16,7 @@ const VerdocsFieldDropdown = class {
16
16
  registerInstance(this, hostRef);
17
17
  this.fieldChange = createEvent(this, "fieldChange", 7);
18
18
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
19
+ this.deleted = createEvent(this, "deleted", 7);
19
20
  this.field = null;
20
21
  this.disabled = false;
21
22
  this.roleindex = 0;
@@ -20,6 +20,7 @@ const VerdocsFieldInitial = class {
20
20
  this.fieldChange = createEvent(this, "fieldChange", 7);
21
21
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
22
22
  this.settingsPress = createEvent(this, "settingsPress", 7);
23
+ this.deleted = createEvent(this, "deleted", 7);
23
24
  this.field = null;
24
25
  this.disabled = false;
25
26
  this.initials = '';
@@ -76,7 +77,7 @@ const VerdocsFieldInitial = class {
76
77
  }
77
78
  return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, value ? (h("img", { src: value, alt: "Initials" })) : (h("button", { class: {}, onClick: () => !disabled && this.handleShow() }, "Initials")), this.editable && (h("verdocs-button-panel", { icon: settingsIcon, id: `verdocs-settings-panel-${this.field.name}` }, h("h6", null, "Field Settings"), h("verdocs-template-field-properties", { templateId: state.templateId, fieldName: this.field.name, onClose: () => this.hideSettingsPanel(), onDelete: () => {
78
79
  var _a;
79
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
80
+ (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
80
81
  return this.hideSettingsPanel();
81
82
  }, onSettingsChanged: e => {
82
83
  var _a;
@@ -17,6 +17,7 @@ const VerdocsFieldPayment = class {
17
17
  this.signatureComplete = createEvent(this, "signatureComplete", 7);
18
18
  this.initialComplete = createEvent(this, "initialComplete", 7);
19
19
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
20
+ this.deleted = createEvent(this, "deleted", 7);
20
21
  this._fields = [];
21
22
  // envelopeFieldsFormGroup: FormGroup;
22
23
  this.signatureFile = null;