legalesign-document-viewer 0.6.2 → 0.6.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 (245) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ls-compose-manager.cjs.entry.js +2 -2
  3. package/dist/cjs/{ls-document-options_46.cjs.entry.js → ls-document-options_45.cjs.entry.js} +106 -146
  4. package/dist/cjs/ls-document-viewer.cjs.js +1 -1
  5. package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +1 -1
  6. package/dist/cjs/ls-formfield.cjs.entry.js +2 -2
  7. package/dist/cjs/ls-number-input_5.cjs.entry.js +6 -6
  8. package/dist/cjs/ls-title-input.cjs.entry.js +49 -0
  9. package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
  10. package/dist/collection/components/ls-document-viewer/editorUtils.js.map +1 -1
  11. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +20 -2
  12. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
  13. package/dist/collection/components/ls-editor-table/ls-editor-table.js +1 -1
  14. package/dist/collection/components/ls-feature-column/ls-feature-column.js +6 -6
  15. package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +2 -2
  16. package/dist/collection/components/ls-field-content/ls-field-content.js +2 -2
  17. package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +3 -3
  18. package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +5 -5
  19. package/dist/collection/components/ls-field-footer/ls-field-footer.js +1 -1
  20. package/dist/collection/components/ls-field-format/ls-field-format.js +11 -11
  21. package/dist/collection/components/ls-field-placement/ls-field-placement.js +1 -1
  22. package/dist/collection/components/ls-field-properties/ls-field-properties.js +1 -1
  23. package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +2 -2
  24. package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
  25. package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
  26. package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
  27. package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +1 -1
  28. package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
  29. package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +1 -1
  30. package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +1 -1
  31. package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +1 -1
  32. package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +3 -3
  33. package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
  34. package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
  35. package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
  36. package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
  37. package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
  38. package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +1 -1
  39. package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +1 -1
  40. package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +1 -1
  41. package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +2 -2
  42. package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +1 -1
  43. package/dist/collection/components/ls-formfield/ls-formfield.js +2 -2
  44. package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
  45. package/dist/collection/components/ls-icon/ls-icon.js +1 -1
  46. package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
  47. package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
  48. package/dist/collection/components/ls-page-loader/ls-page-loader.js +2 -2
  49. package/dist/collection/components/ls-participant-card/ls-participant-card.js +8 -8
  50. package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
  51. package/dist/collection/components/ls-participant-select/ls-participant-select.js +9 -9
  52. package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
  53. package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
  54. package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
  55. package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
  56. package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
  57. package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
  58. package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
  59. package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
  60. package/dist/collection/components/ls-tooltip/ls-tooltip.js +1 -1
  61. package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
  62. package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
  63. package/dist/components/ls-compose-manager.js +2 -2
  64. package/dist/components/ls-document-options.js +1 -1
  65. package/dist/components/ls-document-viewer.js +88 -90
  66. package/dist/components/ls-document-viewer.js.map +1 -1
  67. package/dist/components/ls-editor-field.js +1 -1
  68. package/dist/components/ls-editor-table.js +1 -1
  69. package/dist/components/ls-feature-column.js +1 -1
  70. package/dist/components/ls-field-alignment.js +1 -1
  71. package/dist/components/ls-field-content.js +1 -1
  72. package/dist/components/ls-field-dimensions.js +1 -1
  73. package/dist/components/ls-field-distribute.js +1 -1
  74. package/dist/components/ls-field-footer.js +1 -1
  75. package/dist/components/ls-field-format.js +1 -1
  76. package/dist/components/ls-field-placement.js +1 -1
  77. package/dist/components/ls-field-properties-advanced.js +1 -1
  78. package/dist/components/ls-field-properties-autosign.js +1 -1
  79. package/dist/components/ls-field-properties-container.js +1 -1
  80. package/dist/components/ls-field-properties-date.js +1 -1
  81. package/dist/components/ls-field-properties-dropdown.js +14 -14
  82. package/dist/components/ls-field-properties-email.js +1 -1
  83. package/dist/components/ls-field-properties-file.js +1 -1
  84. package/dist/components/ls-field-properties-general.js +1 -1
  85. package/dist/components/ls-field-properties-image.js +1 -1
  86. package/dist/components/ls-field-properties-multiple.js +1 -1
  87. package/dist/components/ls-field-properties-number.js +1 -1
  88. package/dist/components/ls-field-properties-signature.js +1 -1
  89. package/dist/components/ls-field-properties-text.js +1 -1
  90. package/dist/components/ls-field-properties.js +1 -1
  91. package/dist/components/ls-field-size.js +1 -1
  92. package/dist/components/ls-field-type-display.js +1 -1
  93. package/dist/components/ls-formfield.js +8 -8
  94. package/dist/components/ls-helper-bar.js +1 -1
  95. package/dist/components/ls-icon.js +1 -1
  96. package/dist/components/ls-input-wrapper.js +1 -1
  97. package/dist/components/ls-keyboard-shortcuts.js +1 -1
  98. package/dist/components/ls-number-input.js +1 -1
  99. package/dist/components/ls-page-loader.js +1 -1
  100. package/dist/components/ls-participant-card.js +1 -1
  101. package/dist/components/ls-participant-manager.js +1 -1
  102. package/dist/components/ls-participant-select.js +1 -1
  103. package/dist/components/ls-props-section.js +1 -1
  104. package/dist/components/ls-radio-input.js +1 -1
  105. package/dist/components/ls-recipient-card.js +1 -1
  106. package/dist/components/ls-recipient-manager.js +1 -1
  107. package/dist/components/ls-select-input.js +1 -1
  108. package/dist/components/ls-statusbar.js +1 -1
  109. package/dist/components/ls-text-input.js +1 -1
  110. package/dist/components/ls-textarea-input.js +1 -1
  111. package/dist/components/ls-title-input.js +71 -1
  112. package/dist/components/ls-title-input.js.map +1 -1
  113. package/dist/components/ls-toggle.js +1 -1
  114. package/dist/components/ls-toolbar.js +1 -1
  115. package/dist/components/ls-toolbox-field.js +1 -1
  116. package/dist/components/ls-tooltip.js +1 -1
  117. package/dist/components/ls-validation-manager.js +1 -1
  118. package/dist/components/ls-validation-tag.js +1 -1
  119. package/dist/components/{p-Du60SSaA.js → p-B5cnJ7Uh.js} +4 -4
  120. package/dist/components/{p-Du60SSaA.js.map → p-B5cnJ7Uh.js.map} +1 -1
  121. package/dist/components/{p-mRzg677Y.js → p-B6kmJVw0.js} +4 -4
  122. package/dist/components/{p-mRzg677Y.js.map → p-B6kmJVw0.js.map} +1 -1
  123. package/dist/components/{p-CGQK3l8F.js → p-BDTgDxaX.js} +4 -4
  124. package/dist/components/{p-CGQK3l8F.js.map → p-BDTgDxaX.js.map} +1 -1
  125. package/dist/components/{p-BQZBAjo_.js → p-BFUdzGLI.js} +3 -3
  126. package/dist/components/{p-BQZBAjo_.js.map → p-BFUdzGLI.js.map} +1 -1
  127. package/dist/components/{p-D4sy9pOl.js → p-BFkdb2U_.js} +16 -16
  128. package/dist/components/{p-D4sy9pOl.js.map → p-BFkdb2U_.js.map} +1 -1
  129. package/dist/components/{p-DKaEsQyk.js → p-BQL_JBkw.js} +4 -4
  130. package/dist/components/{p-DKaEsQyk.js.map → p-BQL_JBkw.js.map} +1 -1
  131. package/dist/components/{p-C9CUft6J.js → p-BSpwN-xy.js} +6 -6
  132. package/dist/components/{p-C9CUft6J.js.map → p-BSpwN-xy.js.map} +1 -1
  133. package/dist/components/{p-D4LYfv_D.js → p-BWxN_Vjk.js} +16 -16
  134. package/dist/components/{p-D4LYfv_D.js.map → p-BWxN_Vjk.js.map} +1 -1
  135. package/dist/components/{p-CazTGpgq.js → p-B_JOCgcw.js} +4 -4
  136. package/dist/components/{p-CazTGpgq.js.map → p-B_JOCgcw.js.map} +1 -1
  137. package/dist/components/{p-Dyy8mvcD.js → p-BgkYJeKL.js} +16 -16
  138. package/dist/components/{p-Dyy8mvcD.js.map → p-BgkYJeKL.js.map} +1 -1
  139. package/dist/components/{p-Dz_jxFKX.js → p-Bkyhs-9F.js} +3 -3
  140. package/dist/components/{p-Dz_jxFKX.js.map → p-Bkyhs-9F.js.map} +1 -1
  141. package/dist/components/{p-BbRzNkJ-.js → p-BrNFnrQ5.js} +4 -4
  142. package/dist/components/{p-BbRzNkJ-.js.map → p-BrNFnrQ5.js.map} +1 -1
  143. package/dist/components/{p-xfxA2gr3.js → p-Bs5jafH9.js} +16 -16
  144. package/dist/components/{p-xfxA2gr3.js.map → p-Bs5jafH9.js.map} +1 -1
  145. package/dist/components/{p-DY31qJMn.js → p-C0jnLrrj.js} +29 -29
  146. package/dist/components/{p-DY31qJMn.js.map → p-C0jnLrrj.js.map} +1 -1
  147. package/dist/components/{p-BqmNrlid.js → p-C5Vb76Fm.js} +16 -16
  148. package/dist/components/{p-BqmNrlid.js.map → p-C5Vb76Fm.js.map} +1 -1
  149. package/dist/components/{p-BjENvp2j.js → p-C6pzA2Lp.js} +4 -4
  150. package/dist/components/{p-BjENvp2j.js.map → p-C6pzA2Lp.js.map} +1 -1
  151. package/dist/components/{p-BCPpSevg.js → p-CH80YX8k.js} +5 -5
  152. package/dist/components/{p-BCPpSevg.js.map → p-CH80YX8k.js.map} +1 -1
  153. package/dist/components/{p-BFlzDwrT.js → p-CHOBv8qd.js} +6 -6
  154. package/dist/components/{p-BFlzDwrT.js.map → p-CHOBv8qd.js.map} +1 -1
  155. package/dist/components/{p-jpsL_Z0S.js → p-CHZeQy3Z.js} +10 -10
  156. package/dist/components/{p-jpsL_Z0S.js.map → p-CHZeQy3Z.js.map} +1 -1
  157. package/dist/components/{p-DFIjS6r1.js → p-CJkBPERb.js} +10 -10
  158. package/dist/components/{p-DFIjS6r1.js.map → p-CJkBPERb.js.map} +1 -1
  159. package/dist/components/{p-CXXb9tnA.js → p-CKGxyjXl.js} +16 -16
  160. package/dist/components/{p-CXXb9tnA.js.map → p-CKGxyjXl.js.map} +1 -1
  161. package/dist/components/{p-CUdAWxnx.js → p-CPvKTPe5.js} +15 -15
  162. package/dist/components/{p-CUdAWxnx.js.map → p-CPvKTPe5.js.map} +1 -1
  163. package/dist/components/{p-C1FhAvg1.js → p-CQbfOsEw.js} +10 -10
  164. package/dist/components/{p-C1FhAvg1.js.map → p-CQbfOsEw.js.map} +1 -1
  165. package/dist/components/{p-DeiaBmYM.js → p-CUKHkPYp.js} +7 -7
  166. package/dist/components/{p-DeiaBmYM.js.map → p-CUKHkPYp.js.map} +1 -1
  167. package/dist/components/{p-CpViLazu.js → p-CidVEtba.js} +13 -13
  168. package/dist/components/{p-CpViLazu.js.map → p-CidVEtba.js.map} +1 -1
  169. package/dist/components/{p-CDebJ6iA.js → p-CkhPBlI9.js} +16 -16
  170. package/dist/components/{p-CDebJ6iA.js.map → p-CkhPBlI9.js.map} +1 -1
  171. package/dist/components/{p-DCiK4Zkr.js → p-CkqxItxD.js} +5 -5
  172. package/dist/components/{p-DCiK4Zkr.js.map → p-CkqxItxD.js.map} +1 -1
  173. package/dist/components/{p-aDB_kHQ9.js → p-CntMVGQM.js} +4 -4
  174. package/dist/components/{p-aDB_kHQ9.js.map → p-CntMVGQM.js.map} +1 -1
  175. package/dist/components/{p-CJSY3-Q3.js → p-CwkNbClZ.js} +3 -3
  176. package/dist/components/{p-CJSY3-Q3.js.map → p-CwkNbClZ.js.map} +1 -1
  177. package/dist/components/{p-BHkzqT6a.js → p-Czl42iXj.js} +7 -7
  178. package/dist/components/{p-BHkzqT6a.js.map → p-Czl42iXj.js.map} +1 -1
  179. package/dist/components/{p-CEB07hOR.js → p-D1Vbun-H.js} +3 -3
  180. package/dist/components/{p-CEB07hOR.js.map → p-D1Vbun-H.js.map} +1 -1
  181. package/dist/components/{p-BcS632QQ.js → p-D2OTJcln.js} +3 -3
  182. package/dist/components/{p-BcS632QQ.js.map → p-D2OTJcln.js.map} +1 -1
  183. package/dist/components/{p-y-KagAwA.js → p-D7jf6qmY.js} +8 -8
  184. package/dist/components/{p-y-KagAwA.js.map → p-D7jf6qmY.js.map} +1 -1
  185. package/dist/components/{p-BcSJFRsU.js → p-DK4_6BnD.js} +12 -12
  186. package/dist/components/{p-BcSJFRsU.js.map → p-DK4_6BnD.js.map} +1 -1
  187. package/dist/components/{p-DSUzA701.js → p-DLH6tfrF.js} +5 -5
  188. package/dist/components/{p-DSUzA701.js.map → p-DLH6tfrF.js.map} +1 -1
  189. package/dist/components/{p-DCHe6qj9.js → p-DYgxVYY_.js} +16 -16
  190. package/dist/components/{p-DCHe6qj9.js.map → p-DYgxVYY_.js.map} +1 -1
  191. package/dist/components/{p-BIPw2c6i.js → p-DZJAZNpf.js} +9 -9
  192. package/dist/components/{p-BIPw2c6i.js.map → p-DZJAZNpf.js.map} +1 -1
  193. package/dist/components/{p-T-mzC4lc.js → p-DeijuJkt.js} +7 -7
  194. package/dist/components/{p-T-mzC4lc.js.map → p-DeijuJkt.js.map} +1 -1
  195. package/dist/components/{p-Bbzg-qau.js → p-DfkXv1vI.js} +3 -3
  196. package/dist/components/{p-Bbzg-qau.js.map → p-DfkXv1vI.js.map} +1 -1
  197. package/dist/components/{p-D95fiMAP.js → p-DnyBXRV4.js} +3 -3
  198. package/dist/components/{p-D95fiMAP.js.map → p-DnyBXRV4.js.map} +1 -1
  199. package/dist/components/{p-B3DQQkl0.js → p-Drbp3Wll.js} +3 -3
  200. package/dist/components/{p-B3DQQkl0.js.map → p-Drbp3Wll.js.map} +1 -1
  201. package/dist/components/{p-B_6EV5o3.js → p-DzeltV9H.js} +7 -7
  202. package/dist/components/{p-B_6EV5o3.js.map → p-DzeltV9H.js.map} +1 -1
  203. package/dist/components/{p-DazmCUCS.js → p-QIG8yroe.js} +10 -10
  204. package/dist/components/{p-DazmCUCS.js.map → p-QIG8yroe.js.map} +1 -1
  205. package/dist/components/{p-B0UsrnF-.js → p-SKySuEfc.js} +16 -16
  206. package/dist/components/{p-B0UsrnF-.js.map → p-SKySuEfc.js.map} +1 -1
  207. package/dist/components/{p-rOYFY0lA.js → p-kug3tj7P.js} +6 -6
  208. package/dist/components/{p-rOYFY0lA.js.map → p-kug3tj7P.js.map} +1 -1
  209. package/dist/components/{p-6JLudxC8.js → p-n1WnrNQm.js} +6 -6
  210. package/dist/components/{p-6JLudxC8.js.map → p-n1WnrNQm.js.map} +1 -1
  211. package/dist/components/{p-CvSaf_ja.js → p-nmGTYrW-.js} +5 -5
  212. package/dist/components/{p-CvSaf_ja.js.map → p-nmGTYrW-.js.map} +1 -1
  213. package/dist/components/{p-CdXSq0ok.js → p-pkGFr1Z2.js} +10 -10
  214. package/dist/components/{p-CdXSq0ok.js.map → p-pkGFr1Z2.js.map} +1 -1
  215. package/dist/components/{p-D836X_cy.js → p-tbdpKil5.js} +5 -5
  216. package/dist/components/{p-D836X_cy.js.map → p-tbdpKil5.js.map} +1 -1
  217. package/dist/esm/loader.js +1 -1
  218. package/dist/esm/ls-compose-manager.entry.js +2 -2
  219. package/dist/esm/{ls-document-options_46.entry.js → ls-document-options_45.entry.js} +106 -145
  220. package/dist/esm/ls-document-viewer.js +1 -1
  221. package/dist/esm/ls-field-properties-dropdown.entry.js +1 -1
  222. package/dist/esm/ls-formfield.entry.js +2 -2
  223. package/dist/esm/ls-number-input_5.entry.js +6 -6
  224. package/dist/{components/p-JIZHOmMy.js → esm/ls-title-input.entry.js} +10 -39
  225. package/dist/esm/ls-title-input.entry.js.map +1 -0
  226. package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
  227. package/dist/ls-document-viewer/{p-d223d66a.entry.js → p-00ab25ff.entry.js} +2 -2
  228. package/dist/ls-document-viewer/{p-1442f973.entry.js → p-131fe514.entry.js} +2 -2
  229. package/dist/ls-document-viewer/p-96fe16df.entry.js +2 -0
  230. package/dist/ls-document-viewer/p-9d295f9a.entry.js +2 -0
  231. package/dist/ls-document-viewer/p-9d295f9a.entry.js.map +1 -0
  232. package/dist/ls-document-viewer/p-ccbc4663.entry.js +2 -0
  233. package/dist/ls-document-viewer/{p-0ccba83b.entry.js → p-fbdef951.entry.js} +3 -3
  234. package/dist/ls-document-viewer/p-fbdef951.entry.js.map +1 -0
  235. package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +3 -0
  236. package/dist/types/components.d.ts +2 -0
  237. package/package.json +1 -1
  238. package/dist/components/p-JIZHOmMy.js.map +0 -1
  239. package/dist/ls-document-viewer/p-0ccba83b.entry.js.map +0 -1
  240. package/dist/ls-document-viewer/p-31f8c44a.entry.js +0 -2
  241. package/dist/ls-document-viewer/p-caa89c6c.entry.js +0 -2
  242. /package/dist/ls-document-viewer/{p-d223d66a.entry.js.map → p-00ab25ff.entry.js.map} +0 -0
  243. /package/dist/ls-document-viewer/{p-1442f973.entry.js.map → p-131fe514.entry.js.map} +0 -0
  244. /package/dist/ls-document-viewer/{p-31f8c44a.entry.js.map → p-96fe16df.entry.js.map} +0 -0
  245. /package/dist/ls-document-viewer/{p-caa89c6c.entry.js.map → p-ccbc4663.entry.js.map} +0 -0
@@ -65,7 +65,7 @@ export class LsRecipientCard {
65
65
  render() {
66
66
  const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
67
67
  const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
68
- return (h(Host, { key: '73db66993569efdfabd969b04be37079990dcdd7' }, h("div", { key: 'c9feefb2baa574749e95982eb51195d3bfc5953c', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
68
+ return (h(Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, h("div", { key: 'c77bea20d29c2abe70294403fa44401a46e4e930', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
69
69
  background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
70
70
  border: `1px solid ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
71
71
  outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -77,14 +77,14 @@ export class LsRecipientCard {
77
77
  this.setIsHovered(true);
78
78
  }, onMouseLeave: () => {
79
79
  this.setIsHovered(false);
80
- } }, h("div", { key: 'ee10c615fc5de2c2b438763b258469102f547ece', class: 'participant-card-inner' }, h("div", { key: '63a3c7940d80ba6327ac8772787ac4d87087441c', class: 'participant-card-top-items' }, h("div", { key: '2ff71e60be37836581f9a19f336567e89489aacd', class: 'role-label', style: {
80
+ } }, h("div", { key: '4bc11b093120878066273e874aa9882e6e39e7bc', class: 'participant-card-inner' }, h("div", { key: '944f9692a566a1a1c79aaa8dc059323d80b471fe', class: 'participant-card-top-items' }, h("div", { key: 'fb955e6daec5ed9695585eb2af23ce56d2cb6929', class: 'role-label', style: {
81
81
  background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
82
82
  color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
83
- } }, h("ls-icon", { key: 'a3166dc0869f0e80cd7760df4a8affaf159d930d', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'Signer'), h("ls-icon", { key: '538560a7210cc2bc808a052c92604926b713c589', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '9cfa1fc270c0b317aff093dba3703af201afe249', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && recipientSignatures.length === 0 ? 'block' : 'none' } })), h("div", { key: '50e9dfee3480213b8dac424d824e2e9da45e91c3', class: 'participant-card-text' }, h("p", { key: '82359c07689d75b03c1093acb33f152197a08c31', class: "participant-text-description", style: {
83
+ } }, h("ls-icon", { key: '2d1e276bde796354e98f52069ab6048d3b481f11', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'Signer'), h("ls-icon", { key: '5b24b29b958e95b6bb8768aa58beccd5c0b2edc6', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '8f6621f8c95f0f40fed3ce646f08abdb43dfe92e', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && recipientSignatures.length === 0 ? 'block' : 'none' } })), h("div", { key: 'c66e5675ad85ec2670f7fd451d6087c6279004ad', class: 'participant-card-text' }, h("p", { key: '9430c5b17a9af2b946f9704cca36c47809a6c22c', class: "participant-text-description", style: {
84
84
  color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
85
- } }, this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '7626ea4908b8265cf9863515aa022a617d0ffeda', class: "participant-text-type", style: {
85
+ } }, this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: 'adacb17c980d30db40aa5ecc5242ea56c8cfea88', class: "participant-text-type", style: {
86
86
  color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
87
- } }, this.recipient.email)), h("div", { key: 'ad48ea0ced45aff786e3c4ebf09ff4fb5c139a70', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: 'a157117b363235f63c4aeeec6f53a61debabf4b5', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'c35835b44207036f86711f21970297393e0592c7', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'b4e61285e20b00e9e30caed38eb69fb18ec54b13', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '948d200b0ec0b64424d7a2f87b0c3ca84d660f08', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'd5ca66a12059af8d07b2fdcf1e26cdab4b5594b0', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '1b6dc3da6e12d85743bdafc70c0eac7a9daff307', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '75fa5155a14c7d1bac867d5fc866e5a9eb73e0fa', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '92f677423aa7ddd9916e8ec26699a3a37e9418cc', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '90f8fca76bc2e209ea79bf7aa3ddcad9ff5d0e81', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '5c00b34d43d9fb59ea8cc02ef07c4206a84252ca', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '8ef093fcd41fb60b5adb579d1be25917747638b1', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'c6d8ece08563f7cf7165d7e524dcd0fb040f6ccb', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '17771c03e7d35384312cc5a21541bec709121836', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '310aa9610a5e6f950de3e41a1efc42cb62f9cffe', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '0b42e749e43c6bf2d88cc1528ef9467ccfd4fce8' }), h("ls-tooltip", { key: '29610e97a48eab7813d122ffd3b3261d9d467660', id: "ls-tooltip-master" })));
87
+ } }, this.recipient.email)), h("div", { key: '74f92c9be85a13f24ebf3a0062307e727ff91d21', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: '582305497fd7216b8d1b2ad9099909cb087ac9ed', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: '1d6b1339d14d1a20b191d24b252b76770b9afe11', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'ddd544a2b90174b57ab08eafeffdbb301a395def', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '59b7070b8de29037a928f379a9b206c428363250', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'efd9647eeb4cf3b0ef2e4b53750c1b2a79183cba', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: 'c8c45da7b41019e4f608e14d41933b6c0cffaab8', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '2b492c3cbab7c15bc2c33adf6d823e984d753483', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '23c8df40155b90ee0b85b59750a2560114fc9340', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '3e8626852735666572168f082cb8c5ddc2e11cb7', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: 'd7b88874a12fa7f8ce3db5c7ec0df30f5f2eabfc', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '3cb77d82364e2669ddb3b4823227fb8c7dd6a331', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'ab118340a9ff3f79b5e4a73d0466fd23947b14e0', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '9790ff5b2adebaf0cc37d6d76e752693a870e0ba', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '59b014db250eec0aa8a26cdf71c10fe80ca61eba', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '663ed6dcbf31fbc950578c271e2e86b78d8f7387' }), h("ls-tooltip", { key: '18346e1c26aa528bf4afe88b87d67241984d1fca', id: "ls-tooltip-master" })));
88
88
  }
89
89
  static get is() { return "ls-recipient-card"; }
90
90
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  export class LsRecipientManager {
3
3
  render() {
4
- return (h(Host, { key: '9c6026c5d362b25b31f25e2588226d1e7bb9ca78' }, h("div", { key: 'f4e732260416beb3f01803a9c6f8d6fee22859ec', class: 'ls-editor-infobox' }, h("h2", { key: 'd622ae085cc3fee0cbca43bb045764080e5f6bc8', class: "toolbox-section-title" }, "Recipients & Fields"), h("p", { key: 'd75d89a00e6f977ea4cca32df089ad1862c016ce', class: "toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), h("slot", { key: '5dd8bd6a4a769540c21e75e01a7b8ec0431ea30c' })));
4
+ return (h(Host, { key: '0f12c8ff059ebcbceeb8ff2ee0db8497d67fbfa3' }, h("div", { key: 'eda623d455ff62c8047f4ce467f13bbd23738e89', class: 'ls-editor-infobox' }, h("h2", { key: '956fef19fba1a44292fcbc038ce57af91c7fe166', class: "toolbox-section-title" }, "Recipients & Fields"), h("p", { key: 'cbf75c6e5bd530872302ef4c9916e852bd75a497', class: "toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), h("slot", { key: '9b4af48532eb0816884f1c6f82cd241da42152c8' })));
5
5
  }
6
6
  static get is() { return "ls-recipient-manager"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -41,11 +41,11 @@ export class LsStatusbar {
41
41
  this.zoom = this.editor.zoom;
42
42
  }
43
43
  render() {
44
- return (h(Host, { key: '2bc0aaa4eea25224cd43c0d949450ed55481877c' }, h("div", { key: '802c4b4d58e53c51bf6833fc0cfe2d8910a0655b', class: 'controls-bar' }, h("div", { key: 'e3a8646d3397ab131ccf55d6b1266ad7320c8ff2', class: 'status-bar-section' }, h("button", { key: '8d291cd9e7cce163dc77078712701f6094d23d91', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '2c0ad3e927136a660a855760d56c0180bdf4fc62', name: "zoom-out" })), h("div", { key: 'c932ce580ee6123381463d7ed551b124fc4e2c70' }, h("input", { key: 'ad54fc420318710dd06637911e5a3286ef4c1c0f', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: '5f78ccb433e7d4df398f2072c3ab564c1934736d', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: '20ba310dbb5c2d1b6cb75992b6506b14a5c91844', name: "zoom-in" }))), h("div", { key: '46216d3f52ca4b74eb30ac1e81edb5187022f93e', class: 'status-bar-section' }, h("button", { key: '761d1fe0ae76c544be1e4cd494ce9aee44fbabdc', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '171a4b5ac4c52517999bb48ebfcb332a31eacd25', name: "fit-width" })), h("button", { key: 'fc1abee848a278e720ae2035cbd929e3221d2124', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: 'c96ec1beaf3341f1aabb5c2c1ffb08d3f5837177', name: "fit-height" }))), h("div", { key: 'a056149ac845014a17c78498c077ff6ca5f942d2', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '2f012d880756ffceea18dca3575b5dde1decd9a9', onClick: () => {
44
+ return (h(Host, { key: '742649860d07568bedad7ac48f4ff1234f36ada2' }, h("div", { key: 'b73fd6a065b4555a03379d34136f116ee1202b53', class: 'controls-bar' }, h("div", { key: '239a34feeb09897c702e41cb48d46498790acc34', class: 'status-bar-section' }, h("button", { key: '86f520fde505a24906c5367b4c63200b1ad8498a', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '45c62bdfb7fe4f396dec82d7115fd5880eb8f6fb', name: "zoom-out" })), h("div", { key: '0959ad89fedc90e91838259309378606fe103182' }, h("input", { key: '5106a0e09eca1893ead1a65d0de37b5795f53c75', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: 'c5b3e3f39a3827b465ddee80c781cbad5dcae29b', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: '1c5991679cc1f00f0f96b3360f5a42cc1a0be317', name: "zoom-in" }))), h("div", { key: '4ddfb42b653b3d4d394b61e743e2a267469c065d', class: 'status-bar-section' }, h("button", { key: 'ccc4dfe63c36d868d7ca29ea1b8950d5c6e581b0', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '27cd530f53fdb08b0ef4bbad028212e10a3a0e5e', name: "fit-width" })), h("button", { key: '94fce3b1f6670c4649de853fe62020af9ff134d2', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: 'e80029b552ed1baaabc20eb0a24eaf0372da0482', name: "fit-height" }))), h("div", { key: 'f170ca484686d49c62f6267055b6145dc81a49ff', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '922de1aa27ed6b91d2953124cddf129f281c652a', onClick: () => {
45
45
  this.editor.pagePrev();
46
- }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: 'c016bcbdd70e6905ce763d1ec2536dbcfc63f545', name: "chevron-left" })), h("p", { key: '3431242d61a46ed33adda4823a46a7513b129f5a' }, this.page, " / ", this.pageCount), h("button", { key: 'a2072c455c8a469bf7cb6e8b90435b4d1bddbfab', onClick: () => {
46
+ }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: 'cbac7f953a9fe3ffaf61eedb9858d4fe46ad8d50', name: "chevron-left" })), h("p", { key: '740baed4e96aef4464efa3e3419e47c00d8883e0' }, this.page, " / ", this.pageCount), h("button", { key: '16e04101bcb32d631b2d960db74d1bd6ae58134f', onClick: () => {
47
47
  this.editor.pageNext();
48
- }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: 'e00b7dc344fc30b805b13106f6b9752ed92b09b5', name: "chevron-right" })))), h("ls-helper-bar", { key: 'e9999e657c865013456e84b690c29935be751f7f' }), h("ls-tooltip", { key: '348c1db573865572b90b74b4103f7e3ebc4063a8', id: "ls-tooltip-master" }), h("slot", { key: 'd63c02343a2b5df3cea0f57896424870b08dbcae' })));
48
+ }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: '316539966dba01f60a4cee86525b064dbcb4ee4b', name: "chevron-right" })))), h("ls-helper-bar", { key: '7170b31dfb9b812d0ac2f8a0d4899c431f0a4050' }), h("ls-tooltip", { key: '028555d3641d0d1b6cf044118352947bb61c0ca3', id: "ls-tooltip-master" }), h("slot", { key: 'e1eb6f13c458677c03f038971500f5e67034e2f7' })));
49
49
  }
50
50
  static get is() { return "ls-statusbar"; }
51
51
  static get encapsulation() { return "shadow"; }
@@ -21,7 +21,7 @@ export class LsTitleInput {
21
21
  }, delay);
22
22
  }
23
23
  render() {
24
- return (h(Host, { key: 'df0dddae77292b9d87eeca2b53137055abd1b732' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
24
+ return (h(Host, { key: '68149392db6f0d2408e02cb6506ddd84fb292ab6' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
25
25
  e.preventDefault();
26
26
  this.alter({ title: e.target.value });
27
27
  }, onKeyUp: e => {
@@ -7,9 +7,9 @@ export class LsToggle {
7
7
  this.valueChange.emit(value);
8
8
  }
9
9
  render() {
10
- return (h(Host, { key: 'b68a8b803d7d8240af7d2212538c5384852df26b' }, h("label", { key: 'cd1f4b5207a2e552e696545931bf227101b8202d', class: "switch" }, h("input", { key: 'f3818c37f499b9f0f869b44468a3a474386dc1d9', type: "checkbox", checked: this.checked, onChange: (e) => {
10
+ return (h(Host, { key: '4926b3cebed736be76a1278a63f9a82c0930e284' }, h("label", { key: 'caf1b2c86e88c5121598fa9a1551e5b9e36020f0', class: "switch" }, h("input", { key: '3a8b61c32756d1e295ea31cca74d7abca7485382', type: "checkbox", checked: this.checked, onChange: (e) => {
11
11
  this.changeHandler(e.target.checked);
12
- } }), h("span", { key: 'b76ecf262824722aee395600c1babf4e61d889a0', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: '1c86f0e514f1b6f593502a3ab99f48d49bf9ad4c' })));
12
+ } }), h("span", { key: 'fac8746b8699c2e4e50b67210ef41833f747caf5', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: '5c269a541252849337676f443befe596d9c289ef' })));
13
13
  }
14
14
  static get is() { return "ls-toggle"; }
15
15
  static get originalStyleUrls() {
@@ -42,7 +42,7 @@ export class LsToolbar {
42
42
  });
43
43
  }
44
44
  render() {
45
- return (h("div", { key: 'a76db34ca2984aef7996ae2e17e5c6e6c947cdc3', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), h("ls-tooltip", { key: 'dd9492840171c5ee91d5d7eaf0fdb1f3347eb708', id: "ls-tooltip-master" }), h("slot", { key: '7deeb9783d7549e5ea33372ed1c5fee418d4b9de' })));
45
+ return (h("div", { key: '85a5469c9299fb2446b60c2c05796dc6813d53cc', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), h("ls-tooltip", { key: 'dfb036d33dbd2945d0fabc8a35043cf82d28922f', id: "ls-tooltip-master" }), h("slot", { key: '0f85417255f02fab434ad66c41850174abd87b93' })));
46
46
  }
47
47
  static get is() { return "ls-toolbar"; }
48
48
  static get encapsulation() { return "shadow"; }
@@ -69,7 +69,7 @@ export class LsToolboxField {
69
69
  attachAllTooltips(this.component.shadowRoot);
70
70
  }
71
71
  render() {
72
- return (h(Host, { key: '8db0540fc65597dfc99a9a560cfde441d55d219f', draggable: "true" }, h("div", { key: '110d6153b0b171447c0cef8ee67a9ff624a7fe1b', class: 'ls-toolbox-field', style: this.isSelected && {
72
+ return (h(Host, { key: '839ca32d4ef3117e241d2f70837dd32b88da7808', draggable: "true" }, h("div", { key: '1b06e4c676d3527caca6dd2d3b1a5bf47ccbc94b', class: 'ls-toolbox-field', style: this.isSelected && {
73
73
  background: defaultRolePalette[this.signer % 100].s10,
74
74
  border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
75
75
  color: defaultRolePalette[this.signer % 100].s80,
@@ -84,9 +84,9 @@ export class LsToolboxField {
84
84
  defaultWidth: this.defaultWidth,
85
85
  fixedAspect: this.fixedAspect,
86
86
  });
87
- } }, h("div", { key: '111f63ac4327ccda47ac6db32ca48ec9e2f9161d', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: '440c1ca0974d682d0b8b1de16b80c955688ea25f', name: this.icon, size: "1.25rem" })), h("p", { key: 'fcf6090878b314f5af0626168af946dda3809a89', class: "toolbox-field-label", style: this.isSelected && {
87
+ } }, h("div", { key: 'a58fa5a5554c77c500ded10d55aa14c314c2a63f', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: 'f3cf977768c1a66323f1843cc5c3cfbfbb35d2c7', name: this.icon, size: "1.25rem" })), h("p", { key: '8723f3d54dbfe9fe41dfe667a363729602bc1294', class: "toolbox-field-label", style: this.isSelected && {
88
88
  color: defaultRolePalette[this.signer % 100].s80,
89
- } }, this.label), this.redDot && (h("div", { key: '9d4834774b6bd44982f3a4b8e9a43695c119afbd', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: 'a2c311cdffd65861e0629f9fca541b4276131337', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: '0b598a9a37ecd85c8dea68ccd03917bc4321f065', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '7546842ee7d03ee8a532403dfcb457c9f405b1de', id: "ls-tooltip-master", tooltipText: "Something" })));
89
+ } }, this.label), this.redDot && (h("div", { key: '78905ebc7b639ac564baec469de56110af4de677', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: '5adc59245e67a703d76ca833664c2103300c1de3', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: 'fc072d33c1517bd2b2ee0601aab4e05cb10fcb4d', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '49d08025b8820015f270c2b8901756379c989960', id: "ls-tooltip-master", tooltipText: "Something" })));
90
90
  }
91
91
  static get is() { return "ls-toolbox-field"; }
92
92
  static get encapsulation() { return "shadow"; }
@@ -51,7 +51,7 @@ export class LsTooltip {
51
51
  innerTooltip.classList.add('hidden');
52
52
  }
53
53
  render() {
54
- return (h("div", { key: '0e5642c211c164f0f6d9e8221be4d668eedc3b74', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, h("div", { key: '2354cb2b4689c02d9dc4573b1a41b043f2da59e8', id: "arrow" }), this.tooltipTitle && h("p", { key: '1d1c7a8a5c3cf388ef202a77ab4b242129572276', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, h("slot", { key: 'e8cb721e79f022387958f5b5357db677477a996a' })));
54
+ return (h("div", { key: 'bb3c3563534fb4f82bf8131fc72e7150bad14643', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, h("div", { key: '1b83967bb5998ca144d594bb6c3b095a6d5444b6', id: "arrow" }), this.tooltipTitle && h("p", { key: '34124650deab98677a96136deeea75105d519378', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, h("slot", { key: '8b5056aa82878462b4cd84bced4510f3c1deb632' })));
55
55
  }
56
56
  static get is() { return "ls-tooltip"; }
57
57
  static get encapsulation() { return "shadow"; }
@@ -7,7 +7,7 @@ export class LsValidationManager {
7
7
  */
8
8
  validationErrors;
9
9
  render() {
10
- return (h(Host, { key: 'e231ee736f83a5f6a9ab39f94643c4c814e6f18b' }, h("div", { key: '0cf4b80c8d51df91718b6a3fce499871875ea419' }, h("div", { key: '250e400f2464b25833ceb4b482a1738316ec4c4a' }, h("div", { key: '2ec2bb91b8d1a132dcf9eba5b57d88cb96641da8', class: 'validation-section-title' }, "Action Required"), h("p", { key: 'ec7a72efd503d451b54cbf281c9d4af7c8d4238e', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
10
+ return (h(Host, { key: '17054e51ff3c813bc21cfa0d31d2f4a1e50c61bd' }, h("div", { key: '5329fb8ee04c83c44735f77f5f64dd8359504383' }, h("div", { key: '0e82e6baa0ff3140fcfb407383f5ad40314362c8' }, h("div", { key: 'd215f37c3da4743009cfaa23de398a8d6b62df11', class: 'validation-section-title' }, "Action Required"), h("p", { key: 'e266b4a5c8839b5ede7418077e3375682f75273a', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
11
11
  const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
12
12
  const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
13
13
  return (h("div", { key: idx, class: 'required-field', style: {
@@ -18,7 +18,7 @@ export class LsValidationManager {
18
18
  '--field-text-color-hover': pallette.s80,
19
19
  '--field-border-color-hover': pallette.s60,
20
20
  } }, h("div", { class: 'required-field-items-left' }, h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
21
- })), h("slot", { key: 'b9974f21914488aba03112fbc43d10b28e704065' })));
21
+ })), h("slot", { key: 'f35df50a91083189dd4499ebf079b4d5aab6ac4b' })));
22
22
  }
23
23
  static get is() { return "ls-validation-manager"; }
24
24
  static get encapsulation() { return "shadow"; }
@@ -8,7 +8,7 @@ export class LsValidationTag {
8
8
  showDropDown = true;
9
9
  changeSigner;
10
10
  render() {
11
- return (h(Host, { key: '56d4edab1559ad588b75595f81e5225c4fca5ae9' }, h("div", { key: 'f0eda9f66ec990740dd5e55ee84a011c9e4cfe32', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { key: 'a6eed97b64022a6a01f799ead4d8abacb6c850e3', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (h("ls-icon", { key: '44fdf98c392b1c90840f77587a8706fd06bfc809', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && h("ls-icon", { key: '43ceb3968753789e2e91016939f8faa16694dac5', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'b1bc4540da6b37a98298630ab26be1b43a11fc33', class: 'field-dropdown' }, h("div", { key: 'be99543d63859599aec555191145ba842ca6b4a8', class: 'dropdown-header' }, h("h2", { key: 'bc31a3368340e72ee6da9bec445fab0c34c096d9' }, "Fields Required"), h("p", { key: '300e9dd9f7a5c3dde5da158a5ccbb3f49f388a55' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
11
+ return (h(Host, { key: '3d35054497871b54feeb3e0eedaa903be6e1b4d3' }, h("div", { key: '711a71ba209c8f74e1b333e241e7359714259d8a', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { key: '3f784f67fc1d2b179bf6a51f510ef938950496e9', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (h("ls-icon", { key: '1c7709371773a90e79fdb077825f344932b8d7d4', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && h("ls-icon", { key: '6feff3852d30b2e891c1e27bed1fb2197fea446b', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'a0508ab9db937e72b0c7ef8291a14ba94f26dac1', class: 'field-dropdown' }, h("div", { key: '0262044399613dc19a14cd4dc87c82ae7b2371b6', class: 'dropdown-header' }, h("h2", { key: '42fdb3cd6a28c868c26d80141e2d912151f07065' }, "Fields Required"), h("p", { key: '3d357a0bae361a860d900906ee5ff116f1a92f4e' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
12
12
  const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
13
13
  const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
14
14
  return (h("div", { key: idx, class: 'required-field', style: {
@@ -19,7 +19,7 @@ export class LsValidationTag {
19
19
  '--field-text-color-hover': pallette.s80,
20
20
  '--field-border-color-hover': pallette.s60,
21
21
  } }, h("div", { class: 'required-field-items-left' }, h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
22
- }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'bb4058c147e00ac825e470bad730f44966563efe', class: 'field-dropdown compose' }, h("div", { key: '549403e738740dd25b92519fb247ba1d3b230bc1', class: "validation-tag-header" }, h("p", { key: '177540f440276eaec3896b01936e710f9f5b8ced', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
22
+ }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'bf4f08b4da83ad75e3e8a499f9dfc97ee085efeb', class: 'field-dropdown compose' }, h("div", { key: '70aec3fe87c88f18f2c031f4ab5e39ff905e02dd', class: "validation-tag-header" }, h("p", { key: '8b254b7593f6920c03705e056ab6e23042ad4034', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
23
23
  const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
24
24
  const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
25
25
  return (h("div", { class: "validation-tag-row", key: idx, onClick: () => {
@@ -16,10 +16,10 @@ const LsComposeManager$1 = /*@__PURE__*/ proxyCustomElement(class LsComposeManag
16
16
  */
17
17
  template;
18
18
  render() {
19
- return (h(Host, { key: 'e4d4722a301e5083ab89c2ce9cc0e511175f5e12' }, h("div", { key: '95b2bf71c94f71b9666ac98573b130e820e11686', class: "ls-editor-infobox" }, h("h2", { key: '68a1cac596fe3cf6e467cae8843ef87143ed72fe', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: 'f757c8fd62798a780e83f17dabea592af35d1a80', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: '04f1a659c4515be778eedd7897c0ceed9c1dc0ca', class: "participant-list" }, this.template &&
19
+ return (h(Host, { key: '1c77d727d4f65f1a2e42c5808680e6a36936ba47' }, h("div", { key: 'f2b8d75d2418caf66e3e876f14a1d30a11995ae2', class: "ls-editor-infobox" }, h("h2", { key: '4e004575b6eb22bcfa36523d840c507799150500', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: '2e1e2b675feea5eb15552af4ab49df79fdf26225', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: 'fcd3b08d87661571b03dba8e73f3ae24b8e622ed', class: "participant-list" }, this.template &&
20
20
  this.template?.roles.map(() => {
21
21
  return (h("div", null));
22
- })), h("slot", { key: '6fc6d3e8805e94b0560e6b46cd027479d9982366' })));
22
+ })), h("slot", { key: '1dc283d85b7d38ae9e1d784a09814b2ec0482fc9' })));
23
23
  }
24
24
  static get style() { return lsComposeManagerCss(); }
25
25
  }, [769, "ls-compose-manager", {
@@ -1,4 +1,4 @@
1
- import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-CvSaf_ja.js';
1
+ import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-nmGTYrW-.js';
2
2
 
3
3
  const LsDocumentOptions = LsDocumentOptions$1;
4
4
  const defineCustomElement = defineCustomElement$1;