legalesign-document-viewer 0.4.9 → 0.4.10

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 (414) hide show
  1. package/dist/cjs/{index-C4ibYtjE.js → index-Czv4Oowx.js} +83 -47
  2. package/dist/cjs/index-Czv4Oowx.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js.map +1 -1
  5. package/dist/cjs/ls-compose-manager.cjs.entry.js +3 -5
  6. package/dist/cjs/ls-document-options_46.cjs.entry.js +35161 -19810
  7. package/dist/cjs/ls-document-viewer.cjs.js +3 -3
  8. package/dist/cjs/ls-document-viewer.cjs.js.map +1 -1
  9. package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +3 -5
  10. package/dist/cjs/ls-formfield.cjs.entry.js +101 -5
  11. package/dist/cjs/ls-number-input_5.cjs.entry.js +938 -13
  12. package/dist/collection/collection-manifest.json +2 -2
  13. package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +0 -1
  14. package/dist/collection/components/ls-compose-manager/ls-compose-manager.js.map +1 -1
  15. package/dist/collection/components/ls-document-options/ls-document-options.js +0 -1
  16. package/dist/collection/components/ls-document-options/ls-document-options.js.map +1 -1
  17. package/dist/collection/components/ls-document-viewer/keyHandlers.js +1 -2
  18. package/dist/collection/components/ls-document-viewer/keyHandlers.js.map +1 -1
  19. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +59 -39
  20. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
  21. package/dist/collection/components/ls-document-viewer/mouseHandlers.js +25 -4
  22. package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
  23. package/dist/collection/components/ls-editor-field/ls-editor-field.js +21 -21
  24. package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
  25. package/dist/collection/components/ls-editor-table/ls-editor-table.js +0 -1
  26. package/dist/collection/components/ls-editor-table/ls-editor-table.js.map +1 -1
  27. package/dist/collection/components/ls-feature-column/ls-feature-column.js +2 -2
  28. package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +0 -1
  29. package/dist/collection/components/ls-field-alignment/ls-field-alignment.js.map +1 -1
  30. package/dist/collection/components/ls-field-content/ls-field-content.js +1 -2
  31. package/dist/collection/components/ls-field-content/ls-field-content.js.map +1 -1
  32. package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +19 -2
  33. package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js.map +1 -1
  34. package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +42 -41
  35. package/dist/collection/components/ls-field-distribute/ls-field-distribute.js.map +1 -1
  36. package/dist/collection/components/ls-field-footer/ls-field-footer.js +0 -1
  37. package/dist/collection/components/ls-field-footer/ls-field-footer.js.map +1 -1
  38. package/dist/collection/components/ls-field-format/ls-field-format.js +0 -1
  39. package/dist/collection/components/ls-field-format/ls-field-format.js.map +1 -1
  40. package/dist/collection/components/ls-field-placement/ls-field-placement.js +0 -1
  41. package/dist/collection/components/ls-field-placement/ls-field-placement.js.map +1 -1
  42. package/dist/collection/components/ls-field-properties/ls-field-properties.js +0 -1
  43. package/dist/collection/components/ls-field-properties/ls-field-properties.js.map +1 -1
  44. package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +1 -2
  45. package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -1
  46. package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +0 -1
  47. package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js.map +1 -1
  48. package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +2 -4
  49. package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js.map +1 -1
  50. package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +0 -1
  51. package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js.map +1 -1
  52. package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +0 -1
  53. package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js.map +1 -1
  54. package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +0 -1
  55. package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js.map +1 -1
  56. package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +0 -1
  57. package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js.map +1 -1
  58. package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +0 -1
  59. package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js.map +1 -1
  60. package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +0 -1
  61. package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js.map +1 -1
  62. package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +0 -1
  63. package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
  64. package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +0 -1
  65. package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js.map +1 -1
  66. package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +0 -1
  67. package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js.map +1 -1
  68. package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +0 -1
  69. package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js.map +1 -1
  70. package/dist/collection/components/ls-field-size/ls-field-size.js +0 -1
  71. package/dist/collection/components/ls-field-size/ls-field-size.js.map +1 -1
  72. package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
  73. package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +26 -26
  74. package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +9 -10
  75. package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js.map +1 -1
  76. package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +24 -24
  77. package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +27 -27
  78. package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +28 -28
  79. package/dist/collection/components/ls-formfield/ls-formfield.js +42 -43
  80. package/dist/collection/components/ls-formfield/ls-formfield.js.map +1 -1
  81. package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
  82. package/dist/collection/components/ls-icon/ls-icon.js +5 -6
  83. package/dist/collection/components/ls-icon/ls-icon.js.map +1 -1
  84. package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +3 -3
  85. package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +0 -1
  86. package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js.map +1 -1
  87. package/dist/collection/components/ls-participant-card/ls-participant-card.js +3 -5
  88. package/dist/collection/components/ls-participant-card/ls-participant-card.js.map +1 -1
  89. package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +0 -2
  90. package/dist/collection/components/ls-participant-manager/ls-participant-manager.js.map +1 -1
  91. package/dist/collection/components/ls-participant-select/ls-participant-select.js +2 -3
  92. package/dist/collection/components/ls-participant-select/ls-participant-select.js.map +1 -1
  93. package/dist/collection/components/ls-props-section/ls-props-section.js +5 -5
  94. package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +3 -7
  95. package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -1
  96. package/dist/collection/components/ls-statusbar/ls-statusbar.js +11 -12
  97. package/dist/collection/components/ls-statusbar/ls-statusbar.js.map +1 -1
  98. package/dist/collection/components/ls-title-input/ls-title-input.js +0 -1
  99. package/dist/collection/components/ls-title-input/ls-title-input.js.map +1 -1
  100. package/dist/collection/components/ls-toggle/ls-toggle.js +4 -4
  101. package/dist/collection/components/ls-toolbar/ls-toolbar.js +0 -4
  102. package/dist/collection/components/ls-toolbar/ls-toolbar.js.map +1 -1
  103. package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +19 -19
  104. package/dist/collection/components/ls-tooltip/ls-tooltip.js +6 -7
  105. package/dist/collection/components/ls-tooltip/ls-tooltip.js.map +1 -1
  106. package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +0 -1
  107. package/dist/collection/components/ls-validation-manager/ls-validation-manager.js.map +1 -1
  108. package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +4 -5
  109. package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
  110. package/dist/components/index.js +1 -1
  111. package/dist/components/ls-compose-manager.js +10 -8
  112. package/dist/components/ls-compose-manager.js.map +1 -1
  113. package/dist/components/ls-document-options.js +1 -1
  114. package/dist/components/ls-document-viewer.js +34995 -20035
  115. package/dist/components/ls-document-viewer.js.map +1 -1
  116. package/dist/components/ls-editor-field.js +1 -1
  117. package/dist/components/ls-editor-table.js +1 -1
  118. package/dist/components/ls-feature-column.js +1 -1
  119. package/dist/components/ls-field-alignment.js +1 -1
  120. package/dist/components/ls-field-content.js +1 -1
  121. package/dist/components/ls-field-dimensions.js +1 -1
  122. package/dist/components/ls-field-distribute.js +1 -1
  123. package/dist/components/ls-field-footer.js +1 -1
  124. package/dist/components/ls-field-format.js +1 -1
  125. package/dist/components/ls-field-placement.js +1 -1
  126. package/dist/components/ls-field-properties-advanced.js +1 -1
  127. package/dist/components/ls-field-properties-autosign.js +1 -1
  128. package/dist/components/ls-field-properties-container.js +1 -1
  129. package/dist/components/ls-field-properties-date.js +1 -1
  130. package/dist/components/ls-field-properties-dropdown.js +37 -35
  131. package/dist/components/ls-field-properties-dropdown.js.map +1 -1
  132. package/dist/components/ls-field-properties-email.js +1 -1
  133. package/dist/components/ls-field-properties-file.js +1 -1
  134. package/dist/components/ls-field-properties-general.js +1 -1
  135. package/dist/components/ls-field-properties-image.js +1 -1
  136. package/dist/components/ls-field-properties-multiple.js +1 -1
  137. package/dist/components/ls-field-properties-number.js +1 -1
  138. package/dist/components/ls-field-properties-signature.js +1 -1
  139. package/dist/components/ls-field-properties-text.js +1 -1
  140. package/dist/components/ls-field-properties.js +1 -1
  141. package/dist/components/ls-field-size.js +1 -1
  142. package/dist/components/ls-field-type-display.js +1 -1
  143. package/dist/components/ls-formfield.js +121 -21
  144. package/dist/components/ls-formfield.js.map +1 -1
  145. package/dist/components/ls-helper-bar.js +1 -1
  146. package/dist/components/ls-icon.js +1 -1
  147. package/dist/components/ls-input-wrapper.js +1 -1
  148. package/dist/components/ls-keyboard-shortcuts.js +1 -1
  149. package/dist/components/ls-number-input.js +1 -1
  150. package/dist/components/ls-page-loader.js +1 -1
  151. package/dist/components/ls-participant-card.js +1 -1
  152. package/dist/components/ls-participant-manager.js +1 -1
  153. package/dist/components/ls-participant-select.js +1 -1
  154. package/dist/components/ls-props-section.js +1 -1
  155. package/dist/components/ls-radio-input.js +1 -1
  156. package/dist/components/ls-recipient-card.js +1 -1
  157. package/dist/components/ls-recipient-manager.js +1 -1
  158. package/dist/components/ls-select-input.js +1 -1
  159. package/dist/components/ls-statusbar.js +1 -1
  160. package/dist/components/ls-text-input.js +1 -1
  161. package/dist/components/ls-textarea-input.js +1 -1
  162. package/dist/components/ls-title-input.js +1 -1
  163. package/dist/components/ls-toggle.js +1 -1
  164. package/dist/components/ls-toolbar.js +1 -1
  165. package/dist/components/ls-toolbox-field.js +1 -1
  166. package/dist/components/ls-tooltip.js +1 -1
  167. package/dist/components/ls-validation-manager.js +1 -1
  168. package/dist/components/ls-validation-tag.js +1 -1
  169. package/dist/components/p--CN66FDL.js +117 -0
  170. package/dist/components/{p-BdTy5xDV.js.map → p--CN66FDL.js.map} +1 -1
  171. package/dist/components/{p-D5Lt75HV.js → p-5KCL3hvK.js} +17 -15
  172. package/dist/components/p-5KCL3hvK.js.map +1 -0
  173. package/dist/components/p-B016luU7.js +117 -0
  174. package/dist/components/p-B016luU7.js.map +1 -0
  175. package/dist/components/{p-CEARE5Dy.js → p-BCPpSevg.js} +16 -14
  176. package/dist/components/p-BCPpSevg.js.map +1 -0
  177. package/dist/components/{p-CwCWCxsI.js → p-BKrsDBDB.js} +2 -3
  178. package/dist/components/{p-CwCWCxsI.js.map → p-BKrsDBDB.js.map} +1 -1
  179. package/dist/components/p-BMH2H6ZU.js +117 -0
  180. package/dist/components/p-BMH2H6ZU.js.map +1 -0
  181. package/dist/components/p-BNetnt57.js +117 -0
  182. package/dist/components/p-BNetnt57.js.map +1 -0
  183. package/dist/components/{p-SymuFFwR.js → p-BNg8t35-.js} +17 -15
  184. package/dist/components/p-BNg8t35-.js.map +1 -0
  185. package/dist/components/p-BQZBAjo_.js +48 -0
  186. package/dist/components/p-BQZBAjo_.js.map +1 -0
  187. package/dist/components/p-BbRzNkJ-.js +363 -0
  188. package/dist/components/p-BbRzNkJ-.js.map +1 -0
  189. package/dist/components/{p-8ubyIwnl.js → p-BcSJFRsU.js} +15 -13
  190. package/dist/components/p-BcSJFRsU.js.map +1 -0
  191. package/dist/components/{p-BnGihP6t.js → p-BhZ5Udbm.js} +64 -43
  192. package/dist/components/p-BhZ5Udbm.js.map +1 -0
  193. package/dist/components/{p-DpEeDtkU.js → p-Bi1Fu2dm.js} +15 -13
  194. package/dist/components/p-Bi1Fu2dm.js.map +1 -0
  195. package/dist/components/{p-DYw5-WDF.js → p-BjENvp2j.js} +15 -13
  196. package/dist/components/p-BjENvp2j.js.map +1 -0
  197. package/dist/components/p-BkY_IdVa.js +101 -0
  198. package/dist/components/p-BkY_IdVa.js.map +1 -0
  199. package/dist/components/{p-CpKruuk0.js → p-BucYpLs3.js} +21 -19
  200. package/dist/components/p-BucYpLs3.js.map +1 -0
  201. package/dist/components/{p-Ce_FwQKY.js → p-BwLBJKzU.js} +17 -15
  202. package/dist/components/p-BwLBJKzU.js.map +1 -0
  203. package/dist/components/p-C3WsOnJj.js +120 -0
  204. package/dist/components/p-C3WsOnJj.js.map +1 -0
  205. package/dist/components/p-C5h5dv41.js +70 -0
  206. package/dist/components/p-C5h5dv41.js.map +1 -0
  207. package/dist/components/{p-CYeSt5Fo.js → p-C6vXxe-0.js} +15 -13
  208. package/dist/components/p-C6vXxe-0.js.map +1 -0
  209. package/dist/components/{p-DNojPpNK.js → p-CEB07hOR.js} +11 -9
  210. package/dist/components/p-CEB07hOR.js.map +1 -0
  211. package/dist/components/{p-C3Qs4SL0.js → p-CJSY3-Q3.js} +12 -10
  212. package/dist/components/p-CJSY3-Q3.js.map +1 -0
  213. package/dist/components/p-CNL8fkln.js +163 -0
  214. package/dist/components/p-CNL8fkln.js.map +1 -0
  215. package/dist/components/{p-CB6w78IO.js → p-CYmYmhQR.js} +28 -24
  216. package/dist/components/p-CYmYmhQR.js.map +1 -0
  217. package/dist/components/{p-DuLbniAl.js → p-CazTGpgq.js} +11 -9
  218. package/dist/components/p-CazTGpgq.js.map +1 -0
  219. package/dist/components/p-Cie27m-1.js +73 -0
  220. package/dist/components/p-Cie27m-1.js.map +1 -0
  221. package/dist/components/{p-DMtkP3At.js → p-CvKjrahQ.js} +13 -11
  222. package/dist/components/p-CvKjrahQ.js.map +1 -0
  223. package/dist/components/{p-C0vy7fEN.js → p-D0cZaxkO.js} +16 -14
  224. package/dist/components/p-D0cZaxkO.js.map +1 -0
  225. package/dist/components/p-D836X_cy.js +317 -0
  226. package/dist/components/p-D836X_cy.js.map +1 -0
  227. package/dist/components/{p-95nSEls8.js → p-D95fiMAP.js} +11 -9
  228. package/dist/components/p-D95fiMAP.js.map +1 -0
  229. package/dist/components/{p-6l08SdGl.js → p-DFVuN2lH.js} +18 -16
  230. package/dist/components/p-DFVuN2lH.js.map +1 -0
  231. package/dist/components/p-DJ2drrXa.js +117 -0
  232. package/dist/components/p-DJ2drrXa.js.map +1 -0
  233. package/dist/components/p-DKaEsQyk.js +47 -0
  234. package/dist/components/p-DKaEsQyk.js.map +1 -0
  235. package/dist/components/p-DL5OFC6L.js +117 -0
  236. package/dist/components/p-DL5OFC6L.js.map +1 -0
  237. package/dist/components/p-DR6nQwpS.js +579 -0
  238. package/dist/components/p-DR6nQwpS.js.map +1 -0
  239. package/dist/components/p-DVjWdmVm.js +75 -0
  240. package/dist/components/p-DVjWdmVm.js.map +1 -0
  241. package/dist/components/p-DY-DgM1S.js +114 -0
  242. package/dist/components/p-DY-DgM1S.js.map +1 -0
  243. package/dist/components/p-Dhhv3wHm.js +103 -0
  244. package/dist/components/p-Dhhv3wHm.js.map +1 -0
  245. package/dist/components/{p-CwVY532N.js → p-DoQc-O0l.js} +13 -11
  246. package/dist/components/p-DoQc-O0l.js.map +1 -0
  247. package/dist/components/p-DsHIGb44.js +110 -0
  248. package/dist/components/p-DsHIGb44.js.map +1 -0
  249. package/dist/components/{p-Myru1I0U.js → p-Du60SSaA.js} +14 -12
  250. package/dist/components/p-Du60SSaA.js.map +1 -0
  251. package/dist/components/{p-CB2IouRT.js → p-Dz_jxFKX.js} +12 -10
  252. package/dist/components/p-Dz_jxFKX.js.map +1 -0
  253. package/dist/components/{p-Dp_6qCVD.js → p-GUP3f2W9.js} +19 -17
  254. package/dist/components/p-GUP3f2W9.js.map +1 -0
  255. package/dist/components/p-SBrheH1U.js +117 -0
  256. package/dist/components/p-SBrheH1U.js.map +1 -0
  257. package/dist/components/p-SRaB2k2a.js +117 -0
  258. package/dist/components/{p-B8NAATla.js.map → p-SRaB2k2a.js.map} +1 -1
  259. package/dist/components/p-VTbVKsqR.js +105 -0
  260. package/dist/components/p-VTbVKsqR.js.map +1 -0
  261. package/dist/components/p-WBcBFI9v.js +231 -0
  262. package/dist/components/p-WBcBFI9v.js.map +1 -0
  263. package/dist/components/p-aDB_kHQ9.js +290 -0
  264. package/dist/components/p-aDB_kHQ9.js.map +1 -0
  265. package/dist/components/p-hah4tKwY.js +147 -0
  266. package/dist/components/p-hah4tKwY.js.map +1 -0
  267. package/dist/components/p-mRzg677Y.js +308 -0
  268. package/dist/components/p-mRzg677Y.js.map +1 -0
  269. package/dist/components/p-n8Mvlim4.js +125 -0
  270. package/dist/components/p-n8Mvlim4.js.map +1 -0
  271. package/dist/components/p-wqey-dda.js +79 -0
  272. package/dist/components/p-wqey-dda.js.map +1 -0
  273. package/dist/esm/{index-o0lmYfXA.js → index-BwdJ-HOC.js} +83 -47
  274. package/dist/esm/index-BwdJ-HOC.js.map +1 -0
  275. package/dist/esm/loader.js +3 -3
  276. package/dist/esm/ls-compose-manager.entry.js +3 -5
  277. package/dist/esm/ls-compose-manager.entry.js.map +1 -1
  278. package/dist/esm/ls-document-options_46.entry.js +35160 -19810
  279. package/dist/esm/ls-document-viewer.js +4 -4
  280. package/dist/esm/ls-document-viewer.js.map +1 -1
  281. package/dist/esm/ls-field-properties-dropdown.entry.js +3 -5
  282. package/dist/esm/ls-field-properties-dropdown.entry.js.map +1 -1
  283. package/dist/esm/ls-formfield.entry.js +101 -5
  284. package/dist/esm/ls-formfield.entry.js.map +1 -1
  285. package/dist/esm/ls-number-input_5.entry.js +938 -13
  286. package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
  287. package/dist/ls-document-viewer/ls-document-viewer.esm.js.map +1 -1
  288. package/dist/ls-document-viewer/p-1442f973.entry.js +2 -0
  289. package/dist/ls-document-viewer/p-1442f973.entry.js.map +1 -0
  290. package/dist/ls-document-viewer/p-31f8c44a.entry.js +2 -0
  291. package/dist/ls-document-viewer/p-31f8c44a.entry.js.map +1 -0
  292. package/dist/ls-document-viewer/p-44b51bdb.entry.js +4922 -0
  293. package/dist/ls-document-viewer/p-44b51bdb.entry.js.map +1 -0
  294. package/dist/ls-document-viewer/p-BwdJ-HOC.js +3 -0
  295. package/dist/ls-document-viewer/p-BwdJ-HOC.js.map +1 -0
  296. package/dist/ls-document-viewer/p-caa89c6c.entry.js +2 -0
  297. package/dist/ls-document-viewer/p-caa89c6c.entry.js.map +1 -0
  298. package/dist/ls-document-viewer/p-d223d66a.entry.js +2 -0
  299. package/dist/ls-document-viewer/p-d223d66a.entry.js.map +1 -0
  300. package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +8 -1
  301. package/dist/types/components/ls-document-viewer/mouseHandlers.d.ts +1 -0
  302. package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +1 -1
  303. package/dist/types/components/ls-field-dimensions/ls-field-dimensions.d.ts +1 -0
  304. package/dist/types/stencil-public-runtime.d.ts +92 -2
  305. package/package.json +1 -1
  306. package/readme.md +9 -9
  307. package/dist/cjs/index-C4ibYtjE.js.map +0 -1
  308. package/dist/cjs/ls-compose-manager.cjs.entry.js.map +0 -1
  309. package/dist/cjs/ls-compose-manager.entry.cjs.js.map +0 -1
  310. package/dist/cjs/ls-document-options_46.cjs.entry.js.map +0 -1
  311. package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js.map +0 -1
  312. package/dist/cjs/ls-field-properties-dropdown.entry.cjs.js.map +0 -1
  313. package/dist/cjs/ls-formfield.cjs.entry.js.map +0 -1
  314. package/dist/cjs/ls-formfield.entry.cjs.js.map +0 -1
  315. package/dist/cjs/ls-number-input.ls-radio-input.ls-select-input.ls-text-input.ls-textarea-input.entry.cjs.js.map +0 -1
  316. package/dist/cjs/ls-number-input_5.cjs.entry.js.map +0 -1
  317. package/dist/components/p-2R-Lmtr0.js +0 -145
  318. package/dist/components/p-2R-Lmtr0.js.map +0 -1
  319. package/dist/components/p-4zazHXkZ.js +0 -108
  320. package/dist/components/p-4zazHXkZ.js.map +0 -1
  321. package/dist/components/p-6l08SdGl.js.map +0 -1
  322. package/dist/components/p-8ubyIwnl.js.map +0 -1
  323. package/dist/components/p-95nSEls8.js.map +0 -1
  324. package/dist/components/p-B28ZaK_Y.js +0 -112
  325. package/dist/components/p-B28ZaK_Y.js.map +0 -1
  326. package/dist/components/p-B8NAATla.js +0 -115
  327. package/dist/components/p-BArB45ep.js +0 -115
  328. package/dist/components/p-BArB45ep.js.map +0 -1
  329. package/dist/components/p-BHTy08Q0.js +0 -83
  330. package/dist/components/p-BHTy08Q0.js.map +0 -1
  331. package/dist/components/p-BSoZFh0I.js +0 -46
  332. package/dist/components/p-BSoZFh0I.js.map +0 -1
  333. package/dist/components/p-BXjDp97T.js +0 -229
  334. package/dist/components/p-BXjDp97T.js.map +0 -1
  335. package/dist/components/p-BdTy5xDV.js +0 -115
  336. package/dist/components/p-BnGihP6t.js.map +0 -1
  337. package/dist/components/p-BzEEnXM3.js +0 -99
  338. package/dist/components/p-BzEEnXM3.js.map +0 -1
  339. package/dist/components/p-C0vy7fEN.js.map +0 -1
  340. package/dist/components/p-C3Qs4SL0.js.map +0 -1
  341. package/dist/components/p-CB2IouRT.js.map +0 -1
  342. package/dist/components/p-CB6w78IO.js.map +0 -1
  343. package/dist/components/p-CEARE5Dy.js.map +0 -1
  344. package/dist/components/p-CMrBTV-g.js +0 -45
  345. package/dist/components/p-CMrBTV-g.js.map +0 -1
  346. package/dist/components/p-COuOscFT.js +0 -68
  347. package/dist/components/p-COuOscFT.js.map +0 -1
  348. package/dist/components/p-CRf3zadK.js +0 -71
  349. package/dist/components/p-CRf3zadK.js.map +0 -1
  350. package/dist/components/p-CYeSt5Fo.js.map +0 -1
  351. package/dist/components/p-Ca9OGLvH.js +0 -115
  352. package/dist/components/p-Ca9OGLvH.js.map +0 -1
  353. package/dist/components/p-CcmgTlbG.js +0 -78
  354. package/dist/components/p-CcmgTlbG.js.map +0 -1
  355. package/dist/components/p-Ce_FwQKY.js.map +0 -1
  356. package/dist/components/p-CnLhdSVD.js +0 -115
  357. package/dist/components/p-CnLhdSVD.js.map +0 -1
  358. package/dist/components/p-CpKruuk0.js.map +0 -1
  359. package/dist/components/p-CqvHgqQi.js +0 -201
  360. package/dist/components/p-CqvHgqQi.js.map +0 -1
  361. package/dist/components/p-CwVY532N.js.map +0 -1
  362. package/dist/components/p-D0oqtZ7v.js +0 -161
  363. package/dist/components/p-D0oqtZ7v.js.map +0 -1
  364. package/dist/components/p-D5Lt75HV.js.map +0 -1
  365. package/dist/components/p-DMtkP3At.js.map +0 -1
  366. package/dist/components/p-DNojPpNK.js.map +0 -1
  367. package/dist/components/p-DVcM3j89.js +0 -97
  368. package/dist/components/p-DVcM3j89.js.map +0 -1
  369. package/dist/components/p-DXAEPHmo.js +0 -115
  370. package/dist/components/p-DXAEPHmo.js.map +0 -1
  371. package/dist/components/p-DYw5-WDF.js.map +0 -1
  372. package/dist/components/p-DhQKM6mo.js +0 -115
  373. package/dist/components/p-DhQKM6mo.js.map +0 -1
  374. package/dist/components/p-DjunXuAM.js +0 -115
  375. package/dist/components/p-DjunXuAM.js.map +0 -1
  376. package/dist/components/p-DpEeDtkU.js.map +0 -1
  377. package/dist/components/p-Dp_6qCVD.js.map +0 -1
  378. package/dist/components/p-Dt8uznTD.js +0 -118
  379. package/dist/components/p-Dt8uznTD.js.map +0 -1
  380. package/dist/components/p-DtfgidTY.js +0 -123
  381. package/dist/components/p-DtfgidTY.js.map +0 -1
  382. package/dist/components/p-DuLbniAl.js.map +0 -1
  383. package/dist/components/p-Myru1I0U.js.map +0 -1
  384. package/dist/components/p-SymuFFwR.js.map +0 -1
  385. package/dist/components/p-bm-gsw1C.js +0 -77
  386. package/dist/components/p-bm-gsw1C.js.map +0 -1
  387. package/dist/components/p-hgs41zT_.js +0 -103
  388. package/dist/components/p-hgs41zT_.js.map +0 -1
  389. package/dist/components/p-lCZRXn_O.js +0 -88
  390. package/dist/components/p-lCZRXn_O.js.map +0 -1
  391. package/dist/components/p-mtgdqmoW.js +0 -73
  392. package/dist/components/p-mtgdqmoW.js.map +0 -1
  393. package/dist/components/p-zhtYmA1Q.js +0 -80
  394. package/dist/components/p-zhtYmA1Q.js.map +0 -1
  395. package/dist/esm/index-o0lmYfXA.js.map +0 -1
  396. package/dist/esm/ls-document-options_46.entry.js.map +0 -1
  397. package/dist/esm/ls-number-input.ls-radio-input.ls-select-input.ls-text-input.ls-textarea-input.entry.js.map +0 -1
  398. package/dist/esm/ls-number-input_5.entry.js.map +0 -1
  399. package/dist/ls-document-viewer/ls-compose-manager.entry.esm.js.map +0 -1
  400. package/dist/ls-document-viewer/ls-field-properties-dropdown.entry.esm.js.map +0 -1
  401. package/dist/ls-document-viewer/ls-formfield.entry.esm.js.map +0 -1
  402. package/dist/ls-document-viewer/ls-number-input.ls-radio-input.ls-select-input.ls-text-input.ls-textarea-input.entry.esm.js.map +0 -1
  403. package/dist/ls-document-viewer/p-0f4af1a9.entry.js +0 -2
  404. package/dist/ls-document-viewer/p-0f4af1a9.entry.js.map +0 -1
  405. package/dist/ls-document-viewer/p-3ed8b266.entry.js +0 -2
  406. package/dist/ls-document-viewer/p-3ed8b266.entry.js.map +0 -1
  407. package/dist/ls-document-viewer/p-b1237a47.entry.js +0 -2
  408. package/dist/ls-document-viewer/p-b1237a47.entry.js.map +0 -1
  409. package/dist/ls-document-viewer/p-c59111e1.entry.js +0 -4922
  410. package/dist/ls-document-viewer/p-c59111e1.entry.js.map +0 -1
  411. package/dist/ls-document-viewer/p-f8d4e7a2.entry.js +0 -2
  412. package/dist/ls-document-viewer/p-f8d4e7a2.entry.js.map +0 -1
  413. package/dist/ls-document-viewer/p-o0lmYfXA.js +0 -3
  414. package/dist/ls-document-viewer/p-o0lmYfXA.js.map +0 -1
@@ -1,8 +1,8 @@
1
- import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-o0lmYfXA.js';
2
- export { s as setNonce } from './index-o0lmYfXA.js';
1
+ import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BwdJ-HOC.js';
2
+ export { s as setNonce } from './index-BwdJ-HOC.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
 
8
8
  var patchBrowser = () => {
@@ -16,7 +16,7 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["ls-field-properties-dropdown",[[257,"ls-field-properties-dropdown",{"dataItem":[16,"data-item"]}]]],["ls-formfield",[[260,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16,"button-click"],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-compose-manager",[[257,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_46",[[257,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[257,"ls-field-properties",{"dataItem":[16,"data-item"]}],[257,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[257,"ls-participant-manager",{"editor":[16],"template":[16]}],[257,"ls-toolbar",{"dataItem":[1040,"data-item"],"groupInfo":[16,"group-info"],"template":[16],"editor":[1040]}],[257,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[257,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16,"field-type-selected"],"template":[16],"validationErrors":[16,"validation-errors"],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[257,"ls-validation-manager",{"validationErrors":[16,"validation-errors"]}],[257,"ls-feature-column",{"manager":[1025],"mode":[1]}],[257,"ls-title-input",{"template":[1040],"editTitle":[32]}],[257,"ls-validation-tag",{"status":[1025],"validationErrors":[1040,"validation-errors"],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[257,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[257,"ls-field-properties-date",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-email",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-file",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-general",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-image",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-number",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-signature",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-text",{"dataItem":[16,"data-item"]}],[257,"ls-field-properties-multiple",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-autosign",{"dataItem":[16,"data-item"]}],[257,"ls-helper-bar",{"expanded":[1028],"shortcutsBtn":[32]}],[257,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[257,"ls-field-format",{"dataItem":[1040,"data-item"]},null,{"dataItem":["selectFieldsHandler"]}],[257,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[257,"ls-field-distribute",{"dataItem":[1040,"data-item"]}],[257,"ls-field-alignment",{"dataItem":[1040,"data-item"]}],[257,"ls-field-size",{"dataItem":[1040,"data-item"]}],[257,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts",{"referenceElement":[16,"reference-element"],"visible":[32]}],[257,"ls-field-content",{"dataItem":[1040,"data-item"],"showValidationTypes":[4,"show-validation-types"]}],[257,"ls-field-placement",{"dataItem":[1040,"data-item"]}],[257,"ls-field-properties-advanced",{"dataItem":[1040,"data-item"],"expanded":[1028]}],[257,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[257,"ls-field-properties-container",{"dataItem":[16,"data-item"],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[257,"ls-field-dimensions",{"dataItem":[1040,"data-item"]}],[257,"ls-field-footer",{"dataItem":[1040,"data-item"]}],[257,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[257,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[260,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[257,"ls-editor-field",{"assignee":[1],"dataItem":[1040,"data-item"],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[257,"ls-tooltip",{"referenceElement":[1040,"reference-element"],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[257,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16,"custom-style"]}]]],["ls-number-input_5",[[257,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[256,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16,"custom-style"]}],[260,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[257,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[257,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
19
+ return bootstrapLazy([["ls-field-properties-dropdown",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-compose-manager",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_46",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"update","updateHandler"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-title-input",{"template":[1040],"editTitle":[32]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"shortcutsBtn":[32]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[769,"ls-keyboard-shortcuts",{"referenceElement":[16],"visible":[32]}],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
20
20
  });
21
21
  //# sourceMappingURL=ls-document-viewer.js.map
22
22
 
@@ -1 +1 @@
1
- {"version":3,"file":"ls-document-viewer.js","sources":["node_modules/.pnpm/@stencil+core@4.36.2/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"ls-document-viewer.js","sources":["node_modules/.pnpm/@stencil+core@4.39.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, H as Host } from './index-o0lmYfXA.js';
1
+ import { r as registerInstance, h, H as Host } from './index-BwdJ-HOC.js';
2
2
 
3
- const lsFieldPropertiesDropdownCss = ":host{display:block}";
3
+ const lsFieldPropertiesDropdownCss = () => `:host{display:block}`;
4
4
 
5
5
  const LsFieldPropertiesDropdown = class {
6
6
  constructor(hostRef) {
@@ -11,9 +11,7 @@ const LsFieldPropertiesDropdown = class {
11
11
  return (h(Host, { key: '6ab36b10433f2a9c0cd5e39f3b78f3471f795c15' }, h("ls-field-properties-container", { key: '4cfe8d66c414f0684282d5379b7950cef1ea5773', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '673962971e8e8e219c02d13e9e61d2cdcad83887', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'ae5e0250d816457bfacf2a6d9d2b711feeb05dd8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '07f776cee20cc1f8929db189cd84f68b5b349501', dataItem: this.dataItem })), h("div", { key: 'a8e1665f9d3f88fa1caa881ebb71d97bc17ba4fc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a8f7df3d69a5f6d8fd4ebe7293b948bf2855b73e', dataItem: this.dataItem })), h("div", { key: 'e8a36fe97a69841dc48c6e99d6517fad087ef05d', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0872ceab1ea0af0b8e8c6e7b7a01e453c264b4da', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e4609c33b929269673d302b5d7e53c0a1820d60e', dataItem: this.dataItem })));
12
12
  }
13
13
  };
14
- LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss;
14
+ LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss();
15
15
 
16
16
  export { LsFieldPropertiesDropdown as ls_field_properties_dropdown };
17
17
  //# sourceMappingURL=ls-field-properties-dropdown.entry.js.map
18
-
19
- //# sourceMappingURL=ls-field-properties-dropdown.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ls-field-properties-dropdown.entry.js","sources":["src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.css?tag=ls-field-properties-dropdown&encapsulation=shadow","src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-dropdown',\n styleUrl: 'ls-field-properties-dropdown.css',\n shadow: true,\n})\nexport class LsFieldPropertiesDropdown {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,4BAA4B,GAAG,sBAAsB;;MCQ9C,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,SAAS,EAAA,EACrC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,EAAA,EACxC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,WAAW,EAAA,EACvC,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;"}
1
+ {"version":3,"file":"ls-field-properties-dropdown.entry.js","sources":["src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.css?tag=ls-field-properties-dropdown&encapsulation=shadow","src/components/ls-field-properties-dropdown/ls-field-properties-dropdown.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-dropdown',\n styleUrl: 'ls-field-properties-dropdown.css',\n shadow: true,\n})\nexport class LsFieldPropertiesDropdown {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} />\n <ls-field-properties-advanced dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} />\n </div>\n <div class={'field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,oBAAoB,CAAC;;MCQpD,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,SAAS,EAAA,EACrC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,EAAA,EACxC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,WAAW,EAAA,EACvC,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;"}
@@ -1,6 +1,104 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-o0lmYfXA.js';
1
+ import { r as registerInstance, c as createEvent, h } from './index-BwdJ-HOC.js';
2
2
 
3
- const lsFormfieldCss = "* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.formfield-host {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n}\n\n.formfield-top-elements {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n display: flex;\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n\n ls-icon {\n color: var(--gray-80, #787A80);\n }\n\n .formfield-label {\n color: var(--gray-100, #45484D);\n /* text-base/leading-6/font-medium */\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n }\n}\n\n.formfield-bottom-elements {\n position: relative;\n min-height: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: fit-content;\n padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n color: var(--Grey-80, #6C6E73);\n width: 100%;\n /* text-xs/leading-4/font-light */\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n color: var(--red-70, #DC2721);\n width: 100%;\n /* text-xs/leading-4/font-light */\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n gap: 0.125rem;\n align-items: center;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-align: right;\n}\n\n.formfield-count {\n display: flex;\n align-items: center;\n color: var(--Grey-70, #6C6E73);\n gap: 0.125rem;\n}\n\n.formfield-count-error {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n color: var(--red-70, #DC2721);\n}\n\n\n";
3
+ const lsFormfieldCss = () => `* {
4
+ box-sizing: border-box;
5
+ margin: 0;
6
+ }
7
+
8
+ .formfield-host {
9
+ display: flex;
10
+ flex-direction: column;
11
+ gap: 0.5rem;
12
+ width: 100%;
13
+ }
14
+
15
+ .formfield-top-elements {
16
+ display: flex;
17
+ align-items: center;
18
+ gap: 0.5rem;
19
+ padding: 0 0.125rem;
20
+ }
21
+
22
+ .formfield-left-side {
23
+ display: flex;
24
+ align-items: center;
25
+ width: 100%;
26
+ gap: 0.5rem;
27
+
28
+ ls-icon {
29
+ color: var(--gray-80, #787A80);
30
+ }
31
+
32
+ .formfield-label {
33
+ color: var(--gray-100, #45484D);
34
+ /* text-base/leading-6/font-medium */
35
+ font-size: 1rem;
36
+ font-style: normal;
37
+ font-weight: 500;
38
+ line-height: 1.5rem; /* 150% */
39
+ }
40
+ }
41
+
42
+ .formfield-bottom-elements {
43
+ position: relative;
44
+ min-height: 1rem;
45
+ display: flex;
46
+ align-items: center;
47
+ gap: 0.5rem;
48
+ height: fit-content;
49
+ padding: 0 0.125rem;
50
+ }
51
+
52
+ .formfield-description-text {
53
+ color: var(--Grey-80, #6C6E73);
54
+ width: 100%;
55
+ /* text-xs/leading-4/font-light */
56
+ font-size: 0.75rem;
57
+ font-style: normal;
58
+ font-weight: 400;
59
+ line-height: 1rem; /* 133.333% */
60
+ }
61
+
62
+ .formfield-error-text {
63
+ color: var(--red-70, #DC2721);
64
+ width: 100%;
65
+ /* text-xs/leading-4/font-light */
66
+ font-size: 0.75rem;
67
+ font-style: normal;
68
+ font-weight: 400;
69
+ line-height: 1rem; /* 133.333% */
70
+ }
71
+
72
+ .formfield-count-container {
73
+ position: absolute;
74
+ right: 0;
75
+ bottom: 0;
76
+ display: flex;
77
+ gap: 0.125rem;
78
+ align-items: center;
79
+ font-size: 0.75rem;
80
+ font-style: normal;
81
+ font-weight: 400;
82
+ line-height: 1rem; /* 133.333% */
83
+ text-align: right;
84
+ }
85
+
86
+ .formfield-count {
87
+ display: flex;
88
+ align-items: center;
89
+ color: var(--Grey-70, #6C6E73);
90
+ gap: 0.125rem;
91
+ }
92
+
93
+ .formfield-count-error {
94
+ display: flex;
95
+ align-items: center;
96
+ gap: 0.125rem;
97
+ color: var(--red-70, #DC2721);
98
+ }
99
+
100
+
101
+ `;
4
102
 
5
103
  const LsFormfield = class {
6
104
  constructor(hostRef) {
@@ -54,9 +152,7 @@ const LsFormfield = class {
54
152
  "value": ["valueWatcher"]
55
153
  }; }
56
154
  };
57
- LsFormfield.style = lsFormfieldCss;
155
+ LsFormfield.style = lsFormfieldCss();
58
156
 
59
157
  export { LsFormfield as ls_formfield };
60
158
  //# sourceMappingURL=ls-formfield.entry.js.map
61
-
62
- //# sourceMappingURL=ls-formfield.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ls-formfield.entry.js","sources":["src/components/ls-formfield/ls-formfield.css?tag=ls-formfield","src/components/ls-formfield/ls-formfield.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.formfield-host {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n}\n\n.formfield-top-elements {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n display: flex;\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n\n ls-icon {\n color: var(--gray-80, #787A80);\n }\n\n .formfield-label {\n color: var(--gray-100, #45484D);\n /* text-base/leading-6/font-medium */\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n }\n}\n\n.formfield-bottom-elements {\n position: relative;\n min-height: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: fit-content;\n padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n color: var(--Grey-80, #6C6E73);\n width: 100%;\n /* text-xs/leading-4/font-light */\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n color: var(--red-70, #DC2721);\n width: 100%;\n /* text-xs/leading-4/font-light */\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n gap: 0.125rem;\n align-items: center;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-align: right;\n}\n\n.formfield-count {\n display: flex;\n align-items: center;\n color: var(--Grey-70, #6C6E73);\n gap: 0.125rem;\n}\n\n.formfield-count-error {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n color: var(--red-70, #DC2721);\n}\n\n\n","import { Component, Prop, h, Event as StencilEvent, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { State, Watch } from '@stencil/core/internal';\n\n@Component({\n tag: 'ls-formfield',\n styleUrl: 'ls-formfield.css',\n shadow: false,\n})\nexport class LsFormfield {\n @Prop() name: string;\n @Prop() fieldId: string;\n @Prop() label?: string;\n @Prop() as?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly' = 'text';\n @Prop({ mutable: true }) value?: string | number;\n @Prop() placeholder?: string;\n @Prop() descriptionText?: string;\n @Prop() errorText?: string;\n @Prop() aria?: string;\n @Prop() inputRef?: string;\n @Prop() infoTooltipText?: string;\n @Prop() hoverTooltipText?: string;\n @Prop() disabled: boolean;\n @Prop() extraLabel: 'optional' | 'required' | 'none' = 'none';\n @Prop() required: boolean;\n @Prop() valid: boolean;\n @Prop() dirty: boolean;\n @Prop() count: boolean;\n @Prop() countMax?: number;\n @Prop() buttonClick?: () => void;\n @Prop() buttonIcon?: Icon;\n @Prop() labelIcon?: Icon;\n @Prop() fieldIcon?: Icon;\n @StencilEvent() valueChange: EventEmitter<string>;\n\n changeHandler(value: string) {\n this.valueChange.emit(value);\n }\n\n @State() _value: string;\n\n @Watch('value')\n valueWatcher(newValue: string) {\n this._value = newValue;\n console.log(newValue)\n }\n\n componentWillLoad() {\n this.valueWatcher(this?.value?.toString());\n }\n\n render() {\n const {\n name,\n fieldId,\n label,\n as,\n value,\n placeholder,\n descriptionText,\n errorText,\n aria,\n infoTooltipText,\n disabled,\n extraLabel,\n valid,\n dirty,\n count,\n countMax,\n buttonClick,\n buttonIcon,\n fieldIcon,\n labelIcon,\n } = this;\n\n const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';\n\n return (\n <host class=\"formfield-host\">\n {label?.length > 1 || extraLabel !== 'none' && (\n <div class=\"formfield-top-elements\">\n <div class=\"formfield-left-side\">\n {labelIcon && <ls-icon name={labelIcon}></ls-icon>}\n <label htmlFor={name} class=\"formfield-label\">\n {label}\n </label>\n {infoTooltipText && <ls-icon name={'information-circle'}></ls-icon>}\n </div>\n\n {extraLabel === 'optional' ? (\n <ls-label text=\"Optional\" colour=\"gray\" type=\"low\"></ls-label>\n ) : extraLabel === 'required' ? (\n <ls-label text=\"Required\" colour=\"gray\" type=\"low\"></ls-label>\n ) : (\n ''\n )}\n </div>\n )}\n {as === 'text' ? (\n <ls-text-input\n id={fieldId}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n onValueChange={(e) => {this.changeHandler(e.detail)}}\n ></ls-text-input>\n ) : as === 'select' ? (\n <ls-select-input\n id={name}\n name={name}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n >\n <slot></slot>\n </ls-select-input>\n ) : as === 'radio' ? (\n <ls-radio-input radioId={label} label={value?.toString()} icon={fieldIcon} name={name} disabled={disabled} />\n ) : as === 'textarea' ? (\n <ls-textarea-input\n id={name}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : as === 'password' ? (\n <ls-text-input\n type=\"password\"\n id={name}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : as === 'displayonly' ? (\n <ls-text-input\n type=\"displayonly\"\n id={name}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : as === 'number' ? (\n <ls-number-input\n type=\"ls\"\n id={name}\n name={name}\n value={Number(value)}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : (\n <p>placeholder</p>\n )}\n {errorText ||\n count ||\n countMax ||\n (descriptionText && (\n <div class=\"formfield-bottom-elements\">\n {errorText && !valid ? <p class=\"formfield-error-text\">{errorText}</p> : descriptionText ? <p class=\"formfield-description-text\">{descriptionText}</p> : ''}\n {count && (\n <div class=\"formfield-count-container\">\n <p class={countClass}>{value?.toString()?.length}</p>\n {countMax > 0 && (\n <div class={countClass}>\n <p>/</p>\n <p>{countMax}</p>\n </div>\n )}\n </div>\n )}\n </div>\n ))}\n </host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ls-formfield.entry.js","sources":["src/components/ls-formfield/ls-formfield.css?tag=ls-formfield","src/components/ls-formfield/ls-formfield.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.formfield-host {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n width: 100%;\n}\n\n.formfield-top-elements {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n display: flex;\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n\n ls-icon {\n color: var(--gray-80, #787A80);\n }\n\n .formfield-label {\n color: var(--gray-100, #45484D);\n /* text-base/leading-6/font-medium */\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n }\n}\n\n.formfield-bottom-elements {\n position: relative;\n min-height: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n height: fit-content;\n padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n color: var(--Grey-80, #6C6E73);\n width: 100%;\n /* text-xs/leading-4/font-light */\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n color: var(--red-70, #DC2721);\n width: 100%;\n /* text-xs/leading-4/font-light */\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n position: absolute;\n right: 0;\n bottom: 0;\n display: flex;\n gap: 0.125rem;\n align-items: center;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-align: right;\n}\n\n.formfield-count {\n display: flex;\n align-items: center;\n color: var(--Grey-70, #6C6E73);\n gap: 0.125rem;\n}\n\n.formfield-count-error {\n display: flex;\n align-items: center;\n gap: 0.125rem;\n color: var(--red-70, #DC2721);\n}\n\n\n","import { Component, Prop, h, Event as StencilEvent, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { State, Watch } from '@stencil/core/internal';\n\n@Component({\n tag: 'ls-formfield',\n styleUrl: 'ls-formfield.css',\n shadow: false,\n})\nexport class LsFormfield {\n @Prop() name: string;\n @Prop() fieldId: string;\n @Prop() label?: string;\n @Prop() as?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly' = 'text';\n @Prop({ mutable: true }) value?: string | number;\n @Prop() placeholder?: string;\n @Prop() descriptionText?: string;\n @Prop() errorText?: string;\n @Prop() aria?: string;\n @Prop() inputRef?: string;\n @Prop() infoTooltipText?: string;\n @Prop() hoverTooltipText?: string;\n @Prop() disabled: boolean;\n @Prop() extraLabel: 'optional' | 'required' | 'none' = 'none';\n @Prop() required: boolean;\n @Prop() valid: boolean;\n @Prop() dirty: boolean;\n @Prop() count: boolean;\n @Prop() countMax?: number;\n @Prop() buttonClick?: () => void;\n @Prop() buttonIcon?: Icon;\n @Prop() labelIcon?: Icon;\n @Prop() fieldIcon?: Icon;\n @StencilEvent() valueChange: EventEmitter<string>;\n\n changeHandler(value: string) {\n this.valueChange.emit(value);\n }\n\n @State() _value: string;\n\n @Watch('value')\n valueWatcher(newValue: string) {\n this._value = newValue;\n console.log(newValue)\n }\n\n componentWillLoad() {\n this.valueWatcher(this?.value?.toString());\n }\n\n render() {\n const {\n name,\n fieldId,\n label,\n as,\n value,\n placeholder,\n descriptionText,\n errorText,\n aria,\n infoTooltipText,\n disabled,\n extraLabel,\n valid,\n dirty,\n count,\n countMax,\n buttonClick,\n buttonIcon,\n fieldIcon,\n labelIcon,\n } = this;\n\n const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';\n\n return (\n <host class=\"formfield-host\">\n {label?.length > 1 || extraLabel !== 'none' && (\n <div class=\"formfield-top-elements\">\n <div class=\"formfield-left-side\">\n {labelIcon && <ls-icon name={labelIcon}></ls-icon>}\n <label htmlFor={name} class=\"formfield-label\">\n {label}\n </label>\n {infoTooltipText && <ls-icon name={'information-circle'}></ls-icon>}\n </div>\n\n {extraLabel === 'optional' ? (\n <ls-label text=\"Optional\" colour=\"gray\" type=\"low\"></ls-label>\n ) : extraLabel === 'required' ? (\n <ls-label text=\"Required\" colour=\"gray\" type=\"low\"></ls-label>\n ) : (\n ''\n )}\n </div>\n )}\n {as === 'text' ? (\n <ls-text-input\n id={fieldId}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n onValueChange={(e) => {this.changeHandler(e.detail)}}\n ></ls-text-input>\n ) : as === 'select' ? (\n <ls-select-input\n id={name}\n name={name}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n >\n <slot></slot>\n </ls-select-input>\n ) : as === 'radio' ? (\n <ls-radio-input radioId={label} label={value?.toString()} icon={fieldIcon} name={name} disabled={disabled} />\n ) : as === 'textarea' ? (\n <ls-textarea-input\n id={name}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : as === 'password' ? (\n <ls-text-input\n type=\"password\"\n id={name}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : as === 'displayonly' ? (\n <ls-text-input\n type=\"displayonly\"\n id={name}\n name={name}\n value={value?.toString()}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : as === 'number' ? (\n <ls-number-input\n type=\"ls\"\n id={name}\n name={name}\n value={Number(value)}\n countMax={countMax}\n placeholder={placeholder}\n aria-label={aria}\n required={extraLabel === 'required'}\n disabled={disabled}\n valid={valid}\n dirty={dirty}\n buttonIcon={buttonIcon}\n buttonClick={buttonClick}\n fieldIcon={fieldIcon}\n />\n ) : (\n <p>placeholder</p>\n )}\n {errorText ||\n count ||\n countMax ||\n (descriptionText && (\n <div class=\"formfield-bottom-elements\">\n {errorText && !valid ? <p class=\"formfield-error-text\">{errorText}</p> : descriptionText ? <p class=\"formfield-description-text\">{descriptionText}</p> : ''}\n {count && (\n <div class=\"formfield-count-container\">\n <p class={countClass}>{value?.toString()?.length}</p>\n {countMax > 0 && (\n <div class={countClass}>\n <p>/</p>\n <p>{countMax}</p>\n </div>\n )}\n </div>\n )}\n </div>\n ))}\n </host>\n );\n }\n}\n"],"names":[],"mappings":"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"}