legalesign-document-viewer 0.10.2 → 0.10.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 (508) hide show
  1. package/dist/cjs/defaultFieldIcons-ByvDN5ag.js +26 -0
  2. package/dist/cjs/defaultFieldIcons-ByvDN5ag.js.map +1 -0
  3. package/dist/cjs/defaultPalette-Dt4FmPno.js +222 -0
  4. package/dist/cjs/defaultPalette-Dt4FmPno.js.map +1 -0
  5. package/dist/cjs/editorUtils-f8cxkqvC.js +447 -0
  6. package/dist/cjs/editorUtils-f8cxkqvC.js.map +1 -0
  7. package/dist/cjs/fieldDefaults-BbJ3qf1E.js +27 -0
  8. package/dist/cjs/fieldDefaults-BbJ3qf1E.js.map +1 -0
  9. package/dist/cjs/{i18n-BElI-ESH.js → i18n-B8sub13B.js} +7 -5
  10. package/dist/cjs/{i18n-BElI-ESH.js.map → i18n-B8sub13B.js.map} +1 -1
  11. package/dist/cjs/{index-CmGbWor3.js → index-DFeU0FNc.js} +2 -5
  12. package/dist/cjs/index-DFeU0FNc.js.map +1 -0
  13. package/dist/cjs/loader.cjs.js +2 -2
  14. package/dist/cjs/ls-add-new-button_20.cjs.entry.js +1035 -0
  15. package/dist/cjs/ls-badge.cjs.entry.js +1 -1
  16. package/dist/cjs/ls-banner.cjs.entry.js +1 -1
  17. package/dist/cjs/ls-button.cjs.entry.js +49 -0
  18. package/dist/cjs/ls-card.cjs.entry.js +1 -1
  19. package/dist/cjs/ls-checkbox-input_5.cjs.entry.js +1 -1
  20. package/dist/cjs/ls-compose-loader_6.cjs.entry.js +381 -0
  21. package/dist/cjs/ls-compose-manager.cjs.entry.js +4 -4
  22. package/dist/cjs/ls-details-section.cjs.entry.js +1 -1
  23. package/dist/cjs/ls-document-viewer.cjs.entry.js +31138 -0
  24. package/dist/cjs/ls-document-viewer.cjs.js +2 -2
  25. package/dist/cjs/ls-dropdown-item.cjs.entry.js +1 -1
  26. package/dist/cjs/ls-dropdown.cjs.entry.js +1 -1
  27. package/dist/cjs/ls-editor-field_11.cjs.entry.js +909 -0
  28. package/dist/cjs/ls-field-alignment_3.cjs.entry.js +315 -0
  29. package/dist/cjs/ls-field-format_2.cjs.entry.js +218 -0
  30. package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +2 -2
  31. package/dist/cjs/ls-formfield.cjs.entry.js +1 -1
  32. package/dist/cjs/ls-header-bar.cjs.entry.js +1 -1
  33. package/dist/cjs/ls-helper-bar_2.cjs.entry.js +37 -0
  34. package/dist/cjs/ls-icon-button.cjs.entry.js +1 -1
  35. package/dist/cjs/ls-icon-check-button.cjs.entry.js +1 -1
  36. package/dist/cjs/ls-icon.cjs.entry.js +11211 -0
  37. package/dist/cjs/ls-label.cjs.entry.js +1 -1
  38. package/dist/cjs/ls-list-card-button.cjs.entry.js +1 -1
  39. package/dist/cjs/ls-loading_2.cjs.entry.js +37 -0
  40. package/dist/cjs/ls-navbar.cjs.entry.js +1 -1
  41. package/dist/cjs/ls-notification.cjs.entry.js +1 -1
  42. package/dist/cjs/ls-radio-group.cjs.entry.js +1 -1
  43. package/dist/cjs/ls-radio-input.cjs.entry.js +1 -1
  44. package/dist/cjs/ls-tabs.cjs.entry.js +1 -1
  45. package/dist/cjs/ls-tag.cjs.entry.js +1 -1
  46. package/dist/cjs/ls-text.cjs.entry.js +1 -1
  47. package/dist/cjs/ls-timeline-step.cjs.entry.js +1 -1
  48. package/dist/cjs/ls-timeline.cjs.entry.js +1 -1
  49. package/dist/cjs/ls-title-input.cjs.entry.js +2 -2
  50. package/dist/cjs/ls-toolbox-field.cjs.entry.js +96 -0
  51. package/dist/cjs/ls-tooltip.cjs.entry.js +247 -0
  52. package/dist/cjs/mouseHandlers-D3r6xq7p.js +975 -0
  53. package/dist/cjs/mouseHandlers-D3r6xq7p.js.map +1 -0
  54. package/dist/cjs/test-item.cjs.entry.js +1 -1
  55. package/dist/collection/components/ls-compose-loader/ls-compose-loader.js +1 -1
  56. package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
  57. package/dist/collection/components/ls-document-viewer/adapter/elementActions.js +1 -1
  58. package/dist/collection/components/ls-document-viewer/adapter/elementActions.js.map +1 -1
  59. package/dist/collection/components/ls-document-viewer/editorCalculator.js +1 -1
  60. package/dist/collection/components/ls-document-viewer/editorCalculator.js.map +1 -1
  61. package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +6 -0
  62. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +53 -23
  63. package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
  64. package/dist/collection/components/ls-document-viewer/mouseHandlers.js +218 -78
  65. package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
  66. package/dist/collection/components/ls-document-viewer/snapHelper.js +57 -16
  67. package/dist/collection/components/ls-document-viewer/snapHelper.js.map +1 -1
  68. package/dist/collection/components/ls-document-viewer/validator.js +6 -2
  69. package/dist/collection/components/ls-document-viewer/validator.js.map +1 -1
  70. package/dist/collection/components/ls-editor-field/ls-editor-field.js +6 -6
  71. package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
  72. package/dist/collection/components/ls-editor-table/ls-editor-table.js +1 -1
  73. package/dist/collection/components/ls-feature-column/ls-feature-column.js +6 -6
  74. package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +2 -2
  75. package/dist/collection/components/ls-field-content/ls-field-content.js +3 -3
  76. package/dist/collection/components/ls-field-content/ls-field-content.js.map +1 -1
  77. package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +3 -3
  78. package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +24 -28
  79. package/dist/collection/components/ls-field-distribute/ls-field-distribute.js.map +1 -1
  80. package/dist/collection/components/ls-field-footer/ls-field-footer.js +1 -1
  81. package/dist/collection/components/ls-field-format/ls-field-format.css +7 -0
  82. package/dist/collection/components/ls-field-format/ls-field-format.js +11 -11
  83. package/dist/collection/components/ls-field-format/ls-field-format.js.map +1 -1
  84. package/dist/collection/components/ls-field-placement/ls-field-placement.js +1 -1
  85. package/dist/collection/components/ls-field-properties/ls-field-properties.js +1 -1
  86. package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +2 -2
  87. package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
  88. package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
  89. package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
  90. package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +1 -1
  91. package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
  92. package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +1 -1
  93. package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +1 -1
  94. package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +1 -1
  95. package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +3 -3
  96. package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
  97. package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
  98. package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
  99. package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
  100. package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
  101. package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
  102. package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
  103. package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
  104. package/dist/collection/components/ls-left-bar/ls-left-bar.css +6 -0
  105. package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +3 -3
  106. package/dist/collection/components/ls-participant-select/ls-participant-select.css +8 -0
  107. package/dist/collection/components/ls-participant-select/ls-participant-select.js +35 -47
  108. package/dist/collection/components/ls-participant-select/ls-participant-select.js.map +1 -1
  109. package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
  110. package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +6 -5
  111. package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -1
  112. package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
  113. package/dist/collection/components/ls-statusbar/ls-statusbar.js +18 -8
  114. package/dist/collection/components/ls-statusbar/ls-statusbar.js.map +1 -1
  115. package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
  116. package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
  117. package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
  118. package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +32 -2
  119. package/dist/collection/components/ls-validation-manager/ls-validation-manager.js.map +1 -1
  120. package/dist/collection/components/ls-validation-tag/ls-validation-tag.css +7 -0
  121. package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +90 -34
  122. package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
  123. package/dist/components/index.js +1 -1
  124. package/dist/components/ls-add-new-button.js +1 -1
  125. package/dist/components/ls-badge.js +1 -1
  126. package/dist/components/ls-banner.js +6 -6
  127. package/dist/components/ls-button.js +1 -1
  128. package/dist/components/ls-card.js +1 -1
  129. package/dist/components/ls-checkbox-input.js +1 -1
  130. package/dist/components/ls-compose-loader.js +1 -1
  131. package/dist/components/ls-compose-manager.js +4 -4
  132. package/dist/components/ls-details-section.js +3 -3
  133. package/dist/components/ls-document-options.js +1 -1
  134. package/dist/components/ls-document-viewer.js +146 -110
  135. package/dist/components/ls-document-viewer.js.map +1 -1
  136. package/dist/components/ls-dropdown-item.js +1 -1
  137. package/dist/components/ls-dropdown.js +3 -3
  138. package/dist/components/ls-editor-field.js +1 -1
  139. package/dist/components/ls-editor-table.js +1 -1
  140. package/dist/components/ls-feature-column.js +1 -1
  141. package/dist/components/ls-field-alignment.js +1 -1
  142. package/dist/components/ls-field-content.js +1 -1
  143. package/dist/components/ls-field-dimensions.js +1 -1
  144. package/dist/components/ls-field-distribute.js +1 -1
  145. package/dist/components/ls-field-footer.js +1 -1
  146. package/dist/components/ls-field-format.js +1 -1
  147. package/dist/components/ls-field-placement.js +1 -1
  148. package/dist/components/ls-field-properties-advanced.js +1 -1
  149. package/dist/components/ls-field-properties-autosign.js +1 -1
  150. package/dist/components/ls-field-properties-container.js +1 -1
  151. package/dist/components/ls-field-properties-date.js +1 -1
  152. package/dist/components/ls-field-properties-dropdown.js +15 -15
  153. package/dist/components/ls-field-properties-email.js +1 -1
  154. package/dist/components/ls-field-properties-file.js +1 -1
  155. package/dist/components/ls-field-properties-general.js +1 -1
  156. package/dist/components/ls-field-properties-image.js +1 -1
  157. package/dist/components/ls-field-properties-multiple.js +1 -1
  158. package/dist/components/ls-field-properties-number.js +1 -1
  159. package/dist/components/ls-field-properties-signature.js +1 -1
  160. package/dist/components/ls-field-properties-text.js +1 -1
  161. package/dist/components/ls-field-properties.js +1 -1
  162. package/dist/components/ls-field-size.js +1 -1
  163. package/dist/components/ls-field-type-display.js +1 -1
  164. package/dist/components/ls-formfield.js +11 -11
  165. package/dist/components/ls-header-bar.js +4 -4
  166. package/dist/components/ls-helper-bar.js +1 -1
  167. package/dist/components/ls-icon-button.js +1 -1
  168. package/dist/components/ls-icon-check-button.js +2 -2
  169. package/dist/components/ls-icon.js +1 -1
  170. package/dist/components/ls-input-wrapper.js +1 -1
  171. package/dist/components/ls-keyboard-shortcuts.js +1 -1
  172. package/dist/components/ls-label.js +1 -1
  173. package/dist/components/ls-left-bar.js +1 -1
  174. package/dist/components/ls-list-card-button.js +4 -4
  175. package/dist/components/ls-loading-icon.js +1 -1
  176. package/dist/components/ls-loading-logo.js +1 -1
  177. package/dist/components/ls-loading.js +1 -1
  178. package/dist/components/ls-navbar.js +3 -3
  179. package/dist/components/ls-notification.js +2 -2
  180. package/dist/components/ls-number-input.js +1 -1
  181. package/dist/components/ls-participant-card.js +1 -1
  182. package/dist/components/ls-participant-manager.js +1 -1
  183. package/dist/components/ls-participant-select.js +1 -1
  184. package/dist/components/ls-props-section.js +1 -1
  185. package/dist/components/ls-radio-group.js +3 -3
  186. package/dist/components/ls-radio-input.js +1 -1
  187. package/dist/components/ls-recipient-card.js +1 -1
  188. package/dist/components/ls-recipient-manager.js +1 -1
  189. package/dist/components/ls-select-input.js +1 -1
  190. package/dist/components/ls-statusbar.js +1 -1
  191. package/dist/components/ls-tabs.js +2 -2
  192. package/dist/components/ls-tag.js +2 -2
  193. package/dist/components/ls-text-input.js +1 -1
  194. package/dist/components/ls-text.js +1 -1
  195. package/dist/components/ls-textarea-input.js +1 -1
  196. package/dist/components/ls-timeline-step.js +2 -2
  197. package/dist/components/ls-timeline.js +2 -2
  198. package/dist/components/ls-title-input.js +3 -3
  199. package/dist/components/ls-toggle.js +1 -1
  200. package/dist/components/ls-toolbar.js +1 -1
  201. package/dist/components/ls-toolbox-field.js +1 -1
  202. package/dist/components/ls-tooltip.js +1 -1
  203. package/dist/components/ls-validation-manager.js +1 -1
  204. package/dist/components/ls-validation-tag.js +1 -1
  205. package/dist/components/{p-C9O4GcTq.js → p-0KcafqsD.js} +4 -4
  206. package/dist/components/{p-C9O4GcTq.js.map → p-0KcafqsD.js.map} +1 -1
  207. package/dist/components/{p-C5Jz_eCB.js → p-4SVN50rZ.js} +17 -17
  208. package/dist/components/{p-C5Jz_eCB.js.map → p-4SVN50rZ.js.map} +1 -1
  209. package/dist/components/{p-CItLrDhm.js → p-7tNxs8No.js} +17 -17
  210. package/dist/components/{p-CItLrDhm.js.map → p-7tNxs8No.js.map} +1 -1
  211. package/dist/components/{p-DQ2OogsY.js → p-84KTjgkl.js} +4 -4
  212. package/dist/components/{p-DQ2OogsY.js.map → p-84KTjgkl.js.map} +1 -1
  213. package/dist/components/{p-Ci6AP0jT.js → p-B4nern9h.js} +8 -8
  214. package/dist/components/{p-Ci6AP0jT.js.map → p-B4nern9h.js.map} +1 -1
  215. package/dist/components/{p-DYJoT5OC.js → p-B6iYKtGO.js} +13 -12
  216. package/dist/components/p-B6iYKtGO.js.map +1 -0
  217. package/dist/components/{p-DlEh2FKG.js → p-B7x-6bu5.js} +4 -4
  218. package/dist/components/{p-DlEh2FKG.js.map → p-B7x-6bu5.js.map} +1 -1
  219. package/dist/components/{p-QXLGttP4.js → p-B9ooYFOA.js} +5 -5
  220. package/dist/components/{p-QXLGttP4.js.map → p-B9ooYFOA.js.map} +1 -1
  221. package/dist/components/{p-s20HlPHN.js → p-BBevdiks.js} +17 -17
  222. package/dist/components/{p-s20HlPHN.js.map → p-BBevdiks.js.map} +1 -1
  223. package/dist/components/{p-Ciap_aJy.js → p-BCNmvVjK.js} +17 -17
  224. package/dist/components/{p-Ciap_aJy.js.map → p-BCNmvVjK.js.map} +1 -1
  225. package/dist/components/{p-Bk-DeJ8r.js → p-BCzMSIcI.js} +4 -4
  226. package/dist/components/{p-Bk-DeJ8r.js.map → p-BCzMSIcI.js.map} +1 -1
  227. package/dist/components/{p-DbDvUcr5.js → p-BMhCD-zg.js} +4 -4
  228. package/dist/components/{p-DbDvUcr5.js.map → p-BMhCD-zg.js.map} +1 -1
  229. package/dist/components/{p-DvzrSyuS.js → p-BNihuKsl.js} +8 -8
  230. package/dist/components/{p-DvzrSyuS.js.map → p-BNihuKsl.js.map} +1 -1
  231. package/dist/components/{p-D_u1HxMf.js → p-BNtgCuBd.js} +8 -8
  232. package/dist/components/{p-D_u1HxMf.js.map → p-BNtgCuBd.js.map} +1 -1
  233. package/dist/components/{p-j1rAIT-X.js → p-BQ7lEZmO.js} +305 -129
  234. package/dist/components/p-BQ7lEZmO.js.map +1 -0
  235. package/dist/components/{p-CB9tEjJy.js → p-BT5rCW3w.js} +3 -3
  236. package/dist/components/{p-CB9tEjJy.js.map → p-BT5rCW3w.js.map} +1 -1
  237. package/dist/components/{p-C5iOpglg.js → p-BieB5Yv4.js} +12 -12
  238. package/dist/components/{p-C5iOpglg.js.map → p-BieB5Yv4.js.map} +1 -1
  239. package/dist/components/{p-DKhDOvYu.js → p-BnDS-Vxn.js} +10 -10
  240. package/dist/components/{p-DKhDOvYu.js.map → p-BnDS-Vxn.js.map} +1 -1
  241. package/dist/{esm/i18n-B8VmBxFg.js → components/p-Bp8hmhrC.js} +7 -5
  242. package/dist/components/{p-B8VmBxFg.js.map → p-Bp8hmhrC.js.map} +1 -1
  243. package/dist/components/{p-DVKeLLVk.js → p-BwJElhYd.js} +13 -13
  244. package/dist/components/p-BwJElhYd.js.map +1 -0
  245. package/dist/components/{p-MG59mYF3.js → p-C6Wto5hV.js} +18 -14
  246. package/dist/components/p-C6Wto5hV.js.map +1 -0
  247. package/dist/components/{p-1dutDvgl.js → p-C7ZEYzas.js} +5 -5
  248. package/dist/components/{p-1dutDvgl.js.map → p-C7ZEYzas.js.map} +1 -1
  249. package/dist/components/{p-CyKYlaAh.js → p-CKZG8VvW.js} +5 -5
  250. package/dist/components/{p-CyKYlaAh.js.map → p-CKZG8VvW.js.map} +1 -1
  251. package/dist/components/p-CMop5vLm.js +150 -0
  252. package/dist/components/p-CMop5vLm.js.map +1 -0
  253. package/dist/components/{p-Cm69fGZy.js → p-COX6-Qb4.js} +10 -10
  254. package/dist/components/{p-Cm69fGZy.js.map → p-COX6-Qb4.js.map} +1 -1
  255. package/dist/components/{p-lImp2h8Q.js → p-COkDTfhY.js} +17 -17
  256. package/dist/components/{p-lImp2h8Q.js.map → p-COkDTfhY.js.map} +1 -1
  257. package/dist/components/{p-CyQvboOz.js → p-CQx0j-F_.js} +6 -6
  258. package/dist/components/{p-CyQvboOz.js.map → p-CQx0j-F_.js.map} +1 -1
  259. package/dist/components/{p-CYBhiXXl.js → p-CXxS70Mm.js} +7 -7
  260. package/dist/components/{p-CYBhiXXl.js.map → p-CXxS70Mm.js.map} +1 -1
  261. package/dist/components/{p-CoUvqjky.js → p-CZF2_NGo.js} +4 -4
  262. package/dist/components/{p-CoUvqjky.js.map → p-CZF2_NGo.js.map} +1 -1
  263. package/dist/components/{p-Iy7DUSnq.js → p-C_A1TQER.js} +17 -17
  264. package/dist/components/{p-Iy7DUSnq.js.map → p-C_A1TQER.js.map} +1 -1
  265. package/dist/components/{p-B9uklVCX.js → p-CbaxmrLQ.js} +4 -4
  266. package/dist/components/{p-B9uklVCX.js.map → p-CbaxmrLQ.js.map} +1 -1
  267. package/dist/components/{p-DVM-djDm.js → p-Ck-idhcY.js} +7 -7
  268. package/dist/components/{p-DVM-djDm.js.map → p-Ck-idhcY.js.map} +1 -1
  269. package/dist/components/{p-CczRGS7Y.js → p-CuKQ9tEk.js} +3 -3
  270. package/dist/components/{p-CczRGS7Y.js.map → p-CuKQ9tEk.js.map} +1 -1
  271. package/dist/components/{p-DbBws6X7.js → p-CzuXVZQ1.js} +4 -4
  272. package/dist/components/{p-DbBws6X7.js.map → p-CzuXVZQ1.js.map} +1 -1
  273. package/dist/components/{p-DPZ4R8tR.js → p-D0k1Pz_A.js} +17 -17
  274. package/dist/components/{p-DPZ4R8tR.js.map → p-D0k1Pz_A.js.map} +1 -1
  275. package/dist/components/{p-C09xOzQ6.js → p-D1L3-Uvq.js} +7 -7
  276. package/dist/components/{p-C09xOzQ6.js.map → p-D1L3-Uvq.js.map} +1 -1
  277. package/dist/components/{p-DKbMooLM.js → p-DCexcYIP.js} +79 -73
  278. package/dist/components/p-DCexcYIP.js.map +1 -0
  279. package/dist/components/{p-CF3y5NYY.js → p-DG4uEGCg.js} +5 -5
  280. package/dist/components/{p-CF3y5NYY.js.map → p-DG4uEGCg.js.map} +1 -1
  281. package/dist/components/{p-i4y_Venf.js → p-DKo99Z43.js} +3 -3
  282. package/dist/components/{p-i4y_Venf.js.map → p-DKo99Z43.js.map} +1 -1
  283. package/dist/components/{p-1ddWJmvW.js → p-DVBhtEXS.js} +8 -8
  284. package/dist/components/{p-1ddWJmvW.js.map → p-DVBhtEXS.js.map} +1 -1
  285. package/dist/components/{p-B_88roRV.js → p-DYzmbr8y.js} +17 -17
  286. package/dist/components/{p-B_88roRV.js.map → p-DYzmbr8y.js.map} +1 -1
  287. package/dist/components/{p-BsreOXdY.js → p-DZP-fvPJ.js} +3 -3
  288. package/dist/components/{p-BsreOXdY.js.map → p-DZP-fvPJ.js.map} +1 -1
  289. package/dist/components/{p-CsfhfNKJ.js → p-DcR04vBT.js} +4 -4
  290. package/dist/components/{p-CsfhfNKJ.js.map → p-DcR04vBT.js.map} +1 -1
  291. package/dist/components/p-DdsRqtRd.js +176 -0
  292. package/dist/components/p-DdsRqtRd.js.map +1 -0
  293. package/dist/components/{p-CLbfAJ0X.js → p-DffaAVW4.js} +2 -5
  294. package/dist/components/p-DffaAVW4.js.map +1 -0
  295. package/dist/components/{p-Ak82LNyC.js → p-DqCMV_MY.js} +15 -15
  296. package/dist/components/{p-Ak82LNyC.js.map → p-DqCMV_MY.js.map} +1 -1
  297. package/dist/components/{p-DLpSXikD.js → p-DrEcfY_J.js} +4 -4
  298. package/dist/components/{p-DLpSXikD.js.map → p-DrEcfY_J.js.map} +1 -1
  299. package/dist/components/{p-DRcpbaNd.js → p-DwKK-L0J.js} +5 -5
  300. package/dist/components/{p-DRcpbaNd.js.map → p-DwKK-L0J.js.map} +1 -1
  301. package/dist/components/{p-BYHrh00m.js → p-Dw_QK-he.js} +6 -6
  302. package/dist/components/{p-BYHrh00m.js.map → p-Dw_QK-he.js.map} +1 -1
  303. package/dist/components/{p-CQVcPp7I.js → p-Ij6Uu9h8.js} +7 -7
  304. package/dist/components/{p-CQVcPp7I.js.map → p-Ij6Uu9h8.js.map} +1 -1
  305. package/dist/components/{p-DvVSXyfE.js → p-K7KaIE1v.js} +18 -18
  306. package/dist/components/p-K7KaIE1v.js.map +1 -0
  307. package/dist/components/{p-D-mPHPaO.js → p-OiC5NHtc.js} +4 -4
  308. package/dist/components/{p-D-mPHPaO.js.map → p-OiC5NHtc.js.map} +1 -1
  309. package/dist/components/{p-DzS_0OPs.js → p-QZa2_PWg.js} +4 -4
  310. package/dist/components/{p-DzS_0OPs.js.map → p-QZa2_PWg.js.map} +1 -1
  311. package/dist/components/{p-DdS3vht-.js → p-UwE-6cC0.js} +18 -18
  312. package/dist/components/{p-DdS3vht-.js.map → p-UwE-6cC0.js.map} +1 -1
  313. package/dist/components/{p-CDEEN7tu.js → p-ZtMRKgam.js} +16 -9
  314. package/dist/components/p-ZtMRKgam.js.map +1 -0
  315. package/dist/components/{p-5bn-NO5u.js → p-_YEZiLlm.js} +8 -8
  316. package/dist/components/{p-5bn-NO5u.js.map → p-_YEZiLlm.js.map} +1 -1
  317. package/dist/components/{p-DdCwAPae.js → p-lphkmIXU.js} +4 -4
  318. package/dist/components/{p-DdCwAPae.js.map → p-lphkmIXU.js.map} +1 -1
  319. package/dist/components/{p-C0RAZYKW.js → p-rE7Q2Ue3.js} +9 -9
  320. package/dist/components/{p-C0RAZYKW.js.map → p-rE7Q2Ue3.js.map} +1 -1
  321. package/dist/components/{p-BnrAwLD3.js → p-uXv5wPjh.js} +30 -30
  322. package/dist/components/{p-BnrAwLD3.js.map → p-uXv5wPjh.js.map} +1 -1
  323. package/dist/components/{p-DLtUiUbu.js → p-wijn7N4I.js} +6 -6
  324. package/dist/components/{p-DLtUiUbu.js.map → p-wijn7N4I.js.map} +1 -1
  325. package/dist/components/{p-BKHg_nvO.js → p-x_ncrpeq.js} +27 -17
  326. package/dist/components/p-x_ncrpeq.js.map +1 -0
  327. package/dist/components/{p-B2dT8iAi.js → p-ygIo6UQn.js} +3 -3
  328. package/dist/components/{p-B2dT8iAi.js.map → p-ygIo6UQn.js.map} +1 -1
  329. package/dist/components/test-item.js +1 -1
  330. package/dist/esm/defaultFieldIcons-CxK9aHT8.js +24 -0
  331. package/dist/esm/defaultFieldIcons-CxK9aHT8.js.map +1 -0
  332. package/dist/esm/defaultPalette-CwCWCxsI.js +220 -0
  333. package/dist/esm/defaultPalette-CwCWCxsI.js.map +1 -0
  334. package/dist/esm/editorUtils-BwTFZZiO.js +432 -0
  335. package/dist/esm/editorUtils-BwTFZZiO.js.map +1 -0
  336. package/dist/esm/fieldDefaults-B3gB_457.js +23 -0
  337. package/dist/esm/fieldDefaults-B3gB_457.js.map +1 -0
  338. package/dist/{components/p-B8VmBxFg.js → esm/i18n-Bp8hmhrC.js} +7 -5
  339. package/dist/esm/{i18n-B8VmBxFg.js.map → i18n-Bp8hmhrC.js.map} +1 -1
  340. package/dist/esm/{index-MftqtSf2.js → index-CItPoq74.js} +2 -5
  341. package/dist/esm/index-CItPoq74.js.map +1 -0
  342. package/dist/esm/loader.js +3 -3
  343. package/dist/esm/ls-add-new-button_20.entry.js +1014 -0
  344. package/dist/esm/ls-badge.entry.js +1 -1
  345. package/dist/esm/ls-banner.entry.js +1 -1
  346. package/dist/esm/ls-button.entry.js +47 -0
  347. package/dist/esm/ls-button.entry.js.map +1 -0
  348. package/dist/esm/ls-card.entry.js +1 -1
  349. package/dist/esm/ls-checkbox-input_5.entry.js +1 -1
  350. package/dist/esm/ls-compose-loader_6.entry.js +374 -0
  351. package/dist/esm/ls-compose-manager.entry.js +4 -4
  352. package/dist/esm/ls-details-section.entry.js +1 -1
  353. package/dist/esm/ls-document-viewer.entry.js +31135 -0
  354. package/dist/esm/ls-document-viewer.entry.js.map +1 -0
  355. package/dist/esm/ls-document-viewer.js +3 -3
  356. package/dist/esm/ls-dropdown-item.entry.js +1 -1
  357. package/dist/esm/ls-dropdown.entry.js +1 -1
  358. package/dist/esm/ls-editor-field_11.entry.js +897 -0
  359. package/dist/esm/ls-field-alignment_3.entry.js +311 -0
  360. package/dist/esm/ls-field-format_2.entry.js +215 -0
  361. package/dist/esm/ls-field-properties-dropdown.entry.js +2 -2
  362. package/dist/esm/ls-formfield.entry.js +1 -1
  363. package/dist/esm/ls-header-bar.entry.js +1 -1
  364. package/dist/esm/ls-helper-bar_2.entry.js +34 -0
  365. package/dist/esm/ls-icon-button.entry.js +1 -1
  366. package/dist/esm/ls-icon-check-button.entry.js +1 -1
  367. package/dist/esm/ls-icon.entry.js +11209 -0
  368. package/dist/esm/ls-icon.entry.js.map +1 -0
  369. package/dist/esm/ls-label.entry.js +1 -1
  370. package/dist/esm/ls-list-card-button.entry.js +1 -1
  371. package/dist/esm/ls-loading_2.entry.js +34 -0
  372. package/dist/esm/ls-navbar.entry.js +1 -1
  373. package/dist/esm/ls-notification.entry.js +1 -1
  374. package/dist/esm/ls-radio-group.entry.js +1 -1
  375. package/dist/esm/ls-radio-input.entry.js +1 -1
  376. package/dist/esm/ls-tabs.entry.js +1 -1
  377. package/dist/esm/ls-tag.entry.js +1 -1
  378. package/dist/esm/ls-text.entry.js +1 -1
  379. package/dist/esm/ls-timeline-step.entry.js +1 -1
  380. package/dist/esm/ls-timeline.entry.js +1 -1
  381. package/dist/esm/ls-title-input.entry.js +2 -2
  382. package/dist/esm/ls-toolbox-field.entry.js +94 -0
  383. package/dist/esm/ls-toolbox-field.entry.js.map +1 -0
  384. package/dist/esm/ls-tooltip.entry.js +245 -0
  385. package/dist/esm/ls-tooltip.entry.js.map +1 -0
  386. package/dist/esm/mouseHandlers-BV17gkLo.js +966 -0
  387. package/dist/esm/mouseHandlers-BV17gkLo.js.map +1 -0
  388. package/dist/esm/test-item.entry.js +1 -1
  389. package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
  390. package/dist/ls-document-viewer/p-048d62f5.entry.js +2 -0
  391. package/dist/ls-document-viewer/p-048d62f5.entry.js.map +1 -0
  392. package/dist/ls-document-viewer/p-0cd12efb.entry.js +2 -0
  393. package/dist/ls-document-viewer/p-0cd12efb.entry.js.map +1 -0
  394. package/dist/ls-document-viewer/{p-98a57094.entry.js → p-17771224.entry.js} +2 -2
  395. package/dist/ls-document-viewer/{p-6772200f.entry.js → p-34c89736.entry.js} +2 -2
  396. package/dist/ls-document-viewer/{p-7cfcd1b7.entry.js → p-35181c98.entry.js} +2 -2
  397. package/dist/ls-document-viewer/{p-f107d880.entry.js → p-355fa23b.entry.js} +2 -2
  398. package/dist/ls-document-viewer/p-36c7680a.entry.js +2 -0
  399. package/dist/ls-document-viewer/p-36c7680a.entry.js.map +1 -0
  400. package/dist/ls-document-viewer/{p-b884f55e.entry.js → p-3bce0fe7.entry.js} +2 -2
  401. package/dist/ls-document-viewer/{p-77488866.entry.js → p-429be8d1.entry.js} +2 -2
  402. package/dist/ls-document-viewer/p-4f759b89.entry.js +2 -0
  403. package/dist/ls-document-viewer/p-4f759b89.entry.js.map +1 -0
  404. package/dist/ls-document-viewer/p-4f8330da.entry.js +2 -0
  405. package/dist/ls-document-viewer/p-4f8330da.entry.js.map +1 -0
  406. package/dist/ls-document-viewer/p-58506eb1.entry.js +2 -0
  407. package/dist/ls-document-viewer/p-58506eb1.entry.js.map +1 -0
  408. package/dist/ls-document-viewer/{p-a5615ff6.entry.js → p-5e4e4662.entry.js} +2 -2
  409. package/dist/ls-document-viewer/{p-cf174e71.entry.js → p-61e1b37b.entry.js} +2 -2
  410. package/dist/ls-document-viewer/{p-c0cd42f6.entry.js → p-6244f792.entry.js} +2 -2
  411. package/dist/ls-document-viewer/p-6d0a1ebd.entry.js +2 -0
  412. package/dist/ls-document-viewer/p-6d0a1ebd.entry.js.map +1 -0
  413. package/dist/ls-document-viewer/p-7145596d.entry.js +2 -0
  414. package/dist/ls-document-viewer/p-7145596d.entry.js.map +1 -0
  415. package/dist/ls-document-viewer/{p-f3798c61.entry.js → p-7c5b3574.entry.js} +2 -2
  416. package/dist/ls-document-viewer/p-7f51073d.entry.js +2 -0
  417. package/dist/ls-document-viewer/{p-e4b0754b.entry.js → p-85c87644.entry.js} +2 -2
  418. package/dist/ls-document-viewer/{p-7c5c0140.entry.js → p-8e0ad6ec.entry.js} +2 -2
  419. package/dist/ls-document-viewer/{p-6f20b92f.entry.js → p-94bbac6a.entry.js} +2 -2
  420. package/dist/ls-document-viewer/{p-7d43969d.entry.js → p-9ebec463.entry.js} +2 -2
  421. package/dist/ls-document-viewer/p-B3gB_457.js +2 -0
  422. package/dist/ls-document-viewer/p-B3gB_457.js.map +1 -0
  423. package/dist/ls-document-viewer/p-Bp8hmhrC.js +2 -0
  424. package/dist/ls-document-viewer/{p-B8VmBxFg.js.map → p-Bp8hmhrC.js.map} +1 -1
  425. package/dist/ls-document-viewer/p-BwTFZZiO.js +2 -0
  426. package/dist/ls-document-viewer/p-BwTFZZiO.js.map +1 -0
  427. package/dist/ls-document-viewer/{p-MftqtSf2.js → p-CItPoq74.js} +2 -2
  428. package/dist/ls-document-viewer/p-CItPoq74.js.map +1 -0
  429. package/dist/ls-document-viewer/p-CwCWCxsI.js +2 -0
  430. package/dist/ls-document-viewer/p-CwCWCxsI.js.map +1 -0
  431. package/dist/ls-document-viewer/p-CxK9aHT8.js +2 -0
  432. package/dist/ls-document-viewer/p-CxK9aHT8.js.map +1 -0
  433. package/dist/ls-document-viewer/p-DhBCuHVJ.js +2 -0
  434. package/dist/ls-document-viewer/p-DhBCuHVJ.js.map +1 -0
  435. package/dist/ls-document-viewer/{p-9eac3794.entry.js → p-a4121600.entry.js} +2 -2
  436. package/dist/ls-document-viewer/p-a7dd3ba3.entry.js +2 -0
  437. package/dist/ls-document-viewer/p-a961097c.entry.js +2 -0
  438. package/dist/ls-document-viewer/p-a961097c.entry.js.map +1 -0
  439. package/dist/ls-document-viewer/{p-6be63692.entry.js → p-abb5c859.entry.js} +2 -2
  440. package/dist/ls-document-viewer/{p-a0ed1643.entry.js → p-bbc53e46.entry.js} +2 -2
  441. package/dist/ls-document-viewer/{p-fcf271bf.entry.js → p-c521696b.entry.js} +2 -2
  442. package/dist/ls-document-viewer/{p-8239246f.entry.js → p-c78bd190.entry.js} +2 -2
  443. package/dist/ls-document-viewer/{p-47e3e300.entry.js → p-ca1a0e03.entry.js} +2 -2
  444. package/dist/ls-document-viewer/p-cee82e97.entry.js +9009 -0
  445. package/dist/ls-document-viewer/p-cee82e97.entry.js.map +1 -0
  446. package/dist/ls-document-viewer/{p-0fba6f09.entry.js → p-d297ea14.entry.js} +2 -2
  447. package/dist/ls-document-viewer/{p-a91b7258.entry.js → p-d2caf154.entry.js} +2 -2
  448. package/dist/ls-document-viewer/{p-05267892.entry.js → p-d76f5c10.entry.js} +2 -2
  449. package/dist/ls-document-viewer/p-edfdaad7.entry.js +2 -0
  450. package/dist/ls-document-viewer/p-edfdaad7.entry.js.map +1 -0
  451. package/dist/ls-document-viewer/{p-a74d04e0.entry.js → p-f318c711.entry.js} +2 -2
  452. package/dist/ls-document-viewer/p-f3585382.entry.js +24 -0
  453. package/dist/ls-document-viewer/p-f3585382.entry.js.map +1 -0
  454. package/dist/types/components/ls-document-viewer/snapHelper.d.ts +1 -2
  455. package/dist/types/components/ls-participant-select/ls-participant-select.d.ts +4 -2
  456. package/dist/types/components/ls-validation-manager/ls-validation-manager.d.ts +3 -0
  457. package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts +2 -0
  458. package/dist/types/components.d.ts +18 -0
  459. package/package.json +1 -1
  460. package/dist/cjs/index-CmGbWor3.js.map +0 -1
  461. package/dist/cjs/ls-add-new-button_51.cjs.entry.js +0 -46975
  462. package/dist/components/p-1e4klocT.js +0 -182
  463. package/dist/components/p-1e4klocT.js.map +0 -1
  464. package/dist/components/p-BKHg_nvO.js.map +0 -1
  465. package/dist/components/p-BsVEdJSl.js +0 -108
  466. package/dist/components/p-BsVEdJSl.js.map +0 -1
  467. package/dist/components/p-CDEEN7tu.js.map +0 -1
  468. package/dist/components/p-CLbfAJ0X.js.map +0 -1
  469. package/dist/components/p-DKbMooLM.js.map +0 -1
  470. package/dist/components/p-DVKeLLVk.js.map +0 -1
  471. package/dist/components/p-DYJoT5OC.js.map +0 -1
  472. package/dist/components/p-DvVSXyfE.js.map +0 -1
  473. package/dist/components/p-MG59mYF3.js.map +0 -1
  474. package/dist/components/p-j1rAIT-X.js.map +0 -1
  475. package/dist/esm/index-MftqtSf2.js.map +0 -1
  476. package/dist/esm/ls-add-new-button_51.entry.js +0 -46922
  477. package/dist/ls-document-viewer/p-B8VmBxFg.js +0 -2
  478. package/dist/ls-document-viewer/p-MftqtSf2.js.map +0 -1
  479. package/dist/ls-document-viewer/p-d865f5a4.entry.js +0 -9031
  480. package/dist/ls-document-viewer/p-d865f5a4.entry.js.map +0 -1
  481. package/dist/ls-document-viewer/p-db2560fe.entry.js +0 -2
  482. package/dist/ls-document-viewer/p-e3a04b71.entry.js +0 -2
  483. /package/dist/ls-document-viewer/{p-98a57094.entry.js.map → p-17771224.entry.js.map} +0 -0
  484. /package/dist/ls-document-viewer/{p-6772200f.entry.js.map → p-34c89736.entry.js.map} +0 -0
  485. /package/dist/ls-document-viewer/{p-7cfcd1b7.entry.js.map → p-35181c98.entry.js.map} +0 -0
  486. /package/dist/ls-document-viewer/{p-f107d880.entry.js.map → p-355fa23b.entry.js.map} +0 -0
  487. /package/dist/ls-document-viewer/{p-b884f55e.entry.js.map → p-3bce0fe7.entry.js.map} +0 -0
  488. /package/dist/ls-document-viewer/{p-77488866.entry.js.map → p-429be8d1.entry.js.map} +0 -0
  489. /package/dist/ls-document-viewer/{p-a5615ff6.entry.js.map → p-5e4e4662.entry.js.map} +0 -0
  490. /package/dist/ls-document-viewer/{p-cf174e71.entry.js.map → p-61e1b37b.entry.js.map} +0 -0
  491. /package/dist/ls-document-viewer/{p-c0cd42f6.entry.js.map → p-6244f792.entry.js.map} +0 -0
  492. /package/dist/ls-document-viewer/{p-f3798c61.entry.js.map → p-7c5b3574.entry.js.map} +0 -0
  493. /package/dist/ls-document-viewer/{p-db2560fe.entry.js.map → p-7f51073d.entry.js.map} +0 -0
  494. /package/dist/ls-document-viewer/{p-e4b0754b.entry.js.map → p-85c87644.entry.js.map} +0 -0
  495. /package/dist/ls-document-viewer/{p-7c5c0140.entry.js.map → p-8e0ad6ec.entry.js.map} +0 -0
  496. /package/dist/ls-document-viewer/{p-6f20b92f.entry.js.map → p-94bbac6a.entry.js.map} +0 -0
  497. /package/dist/ls-document-viewer/{p-7d43969d.entry.js.map → p-9ebec463.entry.js.map} +0 -0
  498. /package/dist/ls-document-viewer/{p-9eac3794.entry.js.map → p-a4121600.entry.js.map} +0 -0
  499. /package/dist/ls-document-viewer/{p-e3a04b71.entry.js.map → p-a7dd3ba3.entry.js.map} +0 -0
  500. /package/dist/ls-document-viewer/{p-6be63692.entry.js.map → p-abb5c859.entry.js.map} +0 -0
  501. /package/dist/ls-document-viewer/{p-a0ed1643.entry.js.map → p-bbc53e46.entry.js.map} +0 -0
  502. /package/dist/ls-document-viewer/{p-fcf271bf.entry.js.map → p-c521696b.entry.js.map} +0 -0
  503. /package/dist/ls-document-viewer/{p-8239246f.entry.js.map → p-c78bd190.entry.js.map} +0 -0
  504. /package/dist/ls-document-viewer/{p-47e3e300.entry.js.map → p-ca1a0e03.entry.js.map} +0 -0
  505. /package/dist/ls-document-viewer/{p-0fba6f09.entry.js.map → p-d297ea14.entry.js.map} +0 -0
  506. /package/dist/ls-document-viewer/{p-a91b7258.entry.js.map → p-d2caf154.entry.js.map} +0 -0
  507. /package/dist/ls-document-viewer/{p-05267892.entry.js.map → p-d76f5c10.entry.js.map} +0 -0
  508. /package/dist/ls-document-viewer/{p-a74d04e0.entry.js.map → p-f318c711.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ls-field-distribute.js","sourceRoot":"","sources":["../../../../src/components/ls-field-distribute/ls-field-distribute.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { oob } from '../ls-document-viewer/editorUtils';\nimport { outOfBounds } from '../ls-document-viewer/mouseHandlers';\n\n@Component({\n tag: 'ls-field-distribute',\n styleUrl: 'ls-field-distribute.scss',\n shadow: true,\n})\nexport class LsFieldDistribute {\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Element() component: HTMLElement;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n distributeHorizontal() {\n var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space') as HTMLInputElement;\n const sorted = this.dataItem.sort((a, b) => a.left - b.left);\n if (sorted.length < 3) return;\n\n\n var avgspace = 0;\n const leftmost = sorted[0].left + sorted[0].width / 2;\n const rightmost = sorted.reduce((acc, cur) => {\n return cur.left + (cur.width / 2) > acc ? cur.left + (cur.width / 2) : acc;\n }, leftmost);\n // find total width between centre first and centre last\n const totalWidth: number = rightmost - leftmost;\n\n if (spacing.value !== '') {\n avgspace = parseInt(spacing.value);\n } else {\n avgspace = Math.floor(totalWidth / (sorted.length - 1));\n }\n\n const filtered = sorted.filter((c, index) => {\n return outOfBounds({ ...c, left: (Math.floor(leftmost - (c.width / 2) + avgspace * index)) }) === false\n && index !== 0\n && index !== sorted.length - 1\n });\n\n const diffs: LSMutateEvent[] = filtered.map((c, index) => {\n\n return {\n action: 'update',\n data: {\n ...c,\n left: Math.floor(leftmost - (c.width / 2) + (avgspace * (index + 1))),\n } as LSApiElement,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n gapVertical(spacing: number) {\n const sorted = this.dataItem.sort((a, b) => a.top - b.top);\n\n var buffer = sorted[0].top;\n\n const diffs: LSMutateEvent[] = sorted.map(c => {\n const newTop = buffer;\n buffer = buffer + c.height + spacing;\n const target = {\n ...c,\n top: newTop,\n } as LSApiElement;\n\n return {\n action: 'update',\n data: oob(target)\n ? ({\n ...c,\n left: c.pageDimensions.height - c.height - 1,\n } as LSApiElement)\n : target,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n gapHorizontal(spacing: number) {\n const sorted = this.dataItem.sort((a, b) => a.top - b.top);\n\n var buffer = sorted[0].left;\n\n const diffs: LSMutateEvent[] = sorted.map(c => {\n const newLeft = buffer;\n buffer = buffer + c.width + spacing;\n const target = {\n ...c,\n left: newLeft,\n } as LSApiElement;\n\n console.log(target, oob(target));\n\n return {\n action: 'update',\n data: oob(target)\n ? ({\n ...c,\n left: c.pageDimensions.width - c.width - 1,\n } as LSApiElement)\n : target,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n distributeVertical() {\n var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space') as HTMLInputElement;\n var avgspace = 0;\n const sorted = this.dataItem.sort((a, b) => a.top - b.top);\n\n const topmost = sorted[0].top + sorted[0].height / 2;\n const bottommost = sorted.reduce((acc, cur) => {\n return cur.top + (cur.height / 2) > acc ? cur.top + (cur.height / 2) : acc;\n }, topmost);\n // find total width between centre first and centre last\n const totalHeight: number = bottommost - topmost;\n\n if (spacing.value !== '') {\n avgspace = parseInt(spacing.value);\n } else {\n avgspace = Math.floor(totalHeight / (sorted.length - 1));\n }\n\n const filtered = sorted.filter((c, index) => {\n return outOfBounds({ ...c, left: Math.floor(topmost - (c.height / 2) + avgspace * index) }) === false\n && index !== 0\n && index !== sorted.length - 1\n });\n\n const diffs: LSMutateEvent[] = filtered.map((c, index) => {\n\n return {\n action: 'update',\n data: {\n ...c,\n top: Math.floor(topmost - (c.height / 2) + (avgspace * (index + 1))),\n } as LSApiElement,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.distribution')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.distributiondescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => {\n this.distributeVertical();\n }}\n aria-label={dvI18n.t('alignment.distributevertically')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.distributevertically')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-distribute-vertically-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.distributeHorizontal();\n }}\n aria-label={dvI18n.t('alignment.distributehorizontally')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.distributehorizontally')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-distribute-horizontally-icon\"></ls-icon>\n </button>\n </div>\n </div>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.gap')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.gapdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.setverticalgap')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-distribute-vertically-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n id=\"ls-fix-vertical-space\"\n onChange={e => {\n this.gapVertical(parseInt((e.target as HTMLInputElement).value));\n }}\n min={0}\n max={9999}\n value={''}\n size={4}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.sethorizontalgap')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-distribute-horizontally-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n id=\"ls-fix-horizontal-space\"\n onChange={e => {\n this.gapHorizontal(parseInt((e.target as HTMLInputElement).value));\n }}\n min={0}\n max={9999}\n value={''}\n size={4}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"ls-field-distribute.js","sourceRoot":"","sources":["../../../../src/components/ls-field-distribute/ls-field-distribute.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { oob } from '../ls-document-viewer/editorUtils';\nimport { outOfBounds } from '../ls-document-viewer/mouseHandlers';\n\n@Component({\n tag: 'ls-field-distribute',\n styleUrl: 'ls-field-distribute.scss',\n shadow: true,\n})\nexport class LsFieldDistribute {\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Element() component: HTMLElement;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n distributeHorizontal() {\n if (!this.dataItem || this.dataItem.length < 3) return;\n \n var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space') as HTMLInputElement;\n const sorted = this.dataItem.sort((a, b) => a.left - b.left);\n\n\n var avgspace = 0;\n const leftmost = sorted[0].left + sorted[0].width / 2;\n const rightmost = sorted.reduce((acc, cur) => {\n return cur.left + (cur.width / 2) > acc ? cur.left + (cur.width / 2) : acc;\n }, leftmost);\n // find total width between centre first and centre last\n const totalWidth: number = rightmost - leftmost;\n\n if (spacing.value !== '') {\n avgspace = parseInt(spacing.value);\n } else {\n avgspace = Math.floor(totalWidth / (sorted.length - 1));\n }\n\n const filtered = sorted.filter((c, index) => {\n return outOfBounds({ ...c, left: (Math.floor(leftmost - (c.width / 2) + avgspace * index)) }) === false\n && index !== 0\n && index !== sorted.length - 1\n });\n\n const diffs: LSMutateEvent[] = filtered.map((c, index) => {\n\n return {\n action: 'update',\n data: {\n ...c,\n left: Math.floor(leftmost - (c.width / 2) + (avgspace * (index + 1))),\n } as LSApiElement,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n gapVertical(spacing: number) {\n if (!this.dataItem || this.dataItem.length === 0) return;\n \n const sorted = this.dataItem.sort((a, b) => a.top - b.top);\n\n var buffer = sorted[0].top;\n\n const diffs: LSMutateEvent[] = sorted.map(c => {\n const newTop = buffer;\n buffer = buffer + c.height + spacing;\n const target = {\n ...c,\n top: newTop,\n } as LSApiElement;\n\n return {\n action: 'update',\n data: oob(target)\n ? ({\n ...c,\n left: c.pageDimensions.height - c.height - 1,\n } as LSApiElement)\n : target,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n gapHorizontal(spacing: number) {\n if (!this.dataItem || this.dataItem.length === 0) return;\n \n const sorted = this.dataItem.sort((a, b) => a.top - b.top);\n\n var buffer = sorted[0].left;\n\n const diffs: LSMutateEvent[] = sorted.map(c => {\n const newLeft = buffer;\n buffer = buffer + c.width + spacing;\n const target = {\n ...c,\n left: newLeft,\n } as LSApiElement;\n\n console.log(target, oob(target));\n\n return {\n action: 'update',\n data: oob(target)\n ? ({\n ...c,\n left: c.pageDimensions.width - c.width - 1,\n } as LSApiElement)\n : target,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n distributeVertical() {\n if (!this.dataItem || this.dataItem.length < 3) return;\n \n const sorted = this.dataItem.sort((a, b) => a.top - b.top);\n \n const firstBottom = sorted[0].top + sorted[0].height;\n const lastTop = sorted[sorted.length - 1].top;\n const availableSpace = lastTop - firstBottom;\n \n const middleFieldsHeight = sorted.slice(1, -1).reduce((sum, field) => sum + field.height, 0);\n \n const numGaps = sorted.length - 1;\n const gap = Math.max(0, (availableSpace - middleFieldsHeight) / numGaps);\n \n let currentTop = sorted[0].top + sorted[0].height + gap;\n \n const diffs: LSMutateEvent[] = sorted.slice(1, -1).map((c) => {\n const newTop = Math.floor(currentTop);\n currentTop += c.height + gap;\n \n return {\n action: 'update',\n data: {\n ...c,\n top: newTop,\n } as LSApiElement,\n };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.distribution')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.distributiondescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => {\n this.distributeVertical();\n }}\n aria-label={dvI18n.t('alignment.distributevertically')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.distributevertically')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-distribute-vertically-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.distributeHorizontal();\n }}\n aria-label={dvI18n.t('alignment.distributehorizontally')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.distributehorizontally')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-distribute-horizontally-icon\"></ls-icon>\n </button>\n </div>\n </div>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.gap')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.gapdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.setverticalgap')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-distribute-vertically-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n id=\"ls-fix-vertical-space\"\n onChange={e => {\n this.gapVertical(parseInt((e.target as HTMLInputElement).value));\n }}\n min={0}\n max={9999}\n value={''}\n size={4}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.sethorizontalgap')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"field-distribute-horizontally-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n id=\"ls-fix-horizontal-space\"\n onChange={e => {\n this.gapHorizontal(parseInt((e.target as HTMLInputElement).value));\n }}\n min={0}\n max={9999}\n value={''}\n size={4}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
@@ -38,7 +38,7 @@ export class LsFieldFooter {
38
38
  });
39
39
  };
40
40
  render() {
41
- return (h(Host, { key: '0234dcfe5318429120a2fc6bce988d405b8938d4' }, h("div", { key: '3b5779763220a4653a7b30d7b3086b31bc97c980', class: 'ls-dv-button-footer' }, h("button", { key: '557652e16f12606ca92f739aad9e120be73b2c01', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField(), disabled: this.readonly }, h("ls-icon", { key: '57082810a2b2103ee3afa8e932e3963ed5095b8d', name: "field-duplicate-icon", size: 20 }), dvI18n.t('common.duplicate')), h("button", { key: 'ae638c316fc63374a652fac57ea7a87b52f4a29d', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField(), disabled: this.readonly }, h("ls-icon", { key: '202808f59c505de059dbd30f57a5cee596ea984c', name: "trash-icon", size: 20 }), dvI18n.t('common.delete'))), h("slot", { key: '74e920edba1f1dd3a3d877b54b92b33a1a4b7b18' })));
41
+ return (h(Host, { key: 'aa2114ec49122c9b4fc4dc52b872615e7aac9298' }, h("div", { key: 'fb73920bea0d61e8c480fa4c6fd01114f538f61d', class: 'ls-dv-button-footer' }, h("button", { key: '421ec450379a914374935eb3ae0c6754b56e4218', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField(), disabled: this.readonly }, h("ls-icon", { key: '00fb2e23a64f767198f87bd0a9bb50b55caa6a7f', name: "field-duplicate-icon", size: 20 }), dvI18n.t('common.duplicate')), h("button", { key: '714d2d886a01eabbfef26b52a501b9db3262fc4c', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField(), disabled: this.readonly }, h("ls-icon", { key: '84995d30a3835bca5d227f948f6d771715504b09', name: "trash-icon", size: 20 }), dvI18n.t('common.delete'))), h("slot", { key: 'be10131be2d81b0f18d1114939edf4f4f3d32c60' })));
42
42
  }
43
43
  static get is() { return "ls-field-footer"; }
44
44
  static get encapsulation() { return "shadow"; }
@@ -280,6 +280,13 @@ button.ls-dv-tertiary-grey:hover {
280
280
  background: var(--gray-10, #f7f8fa);
281
281
  }
282
282
 
283
+ .ls-dv-button-group button.ls-dv-active {
284
+ background: var(--primary-10, #eff4ff);
285
+ color: var(--primary-60, #4456f6);
286
+ cursor: default;
287
+ pointer-events: none;
288
+ }
289
+
283
290
  .ls-dv-button-group > :first-child {
284
291
  border-radius: 0.625rem 0 0 0.625rem;
285
292
  }
@@ -43,31 +43,31 @@ export class LsFieldFormat {
43
43
  return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
44
44
  };
45
45
  render() {
46
- return (h(Host, { key: '0deef5695c9a082ba974817ef19d98eb263c6481', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'b805b885b7f4e92044d9b4a5dca3b6c4a34469fb', class: 'ls-dv-field-format-bar' }, h("div", { key: '1717e8f39ccfbf6bf7c525b0a54c3bd55d0b3376', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '18ee7a960b6f02895ae7acdcccb2459edfe2f8a9', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '6729294991de9eaa1d14a8f8ed6b95b240fdde2c', id: "ls-toolbar-font-select", onChange: input => {
46
+ return (h(Host, { key: 'a30cfc986e0ffb27427cceb442475cf4555e4413', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '52fac60e65e1d4cc6fc7b1c880ab18bdc9b15209', class: 'ls-dv-field-format-bar' }, h("div", { key: 'a2a8c49a08a5fb178f1b1e33d04bbeaf7685c6b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '3ca17f5993952362605535e56166ecde5bde0478', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '1b043cc3013f7f6e80dddccd23dc54aae11688d0', id: "ls-toolbar-font-select", onChange: input => {
47
47
  this.alter({ fontName: input.target.value });
48
- }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '16c8860954b0a136431d2a94c3da056867088ebd', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '2fc49ce4c357642f8958e18bc490f8107945467f', value: "arial" }, "Arial"), h("option", { key: '665ec85421086e36f7a0c8a23d98ce3b5f180b5f', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2d89f1e2d0b11a5d3dfd0798b72e127c516a3420', value: "courier" }, "Courier"), h("option", { key: '1200eb71c797983d44122e7c63f1c972d6ea34a2', value: "helvetica" }, "Helvetica"), h("option", { key: '262ba218bd8f956a24c8e4226037ac54eca3d675', value: "verdana" }, "Verdana")), h("ls-icon", { key: 'bd2e85f14676b6becc307905607b50f5e83d9706', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '31a071f08ea83cfbe7cafcb4b3385821cc2836d3', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '695d8d0fe2488efd4de5deb695c23fd8f412e75f', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '48483d5cfd7c2ebdf3a21438d05540fd2d5d0bb7', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
48
+ }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '67cf7d2fe34fc980065c73ea8f31fa53737bce82', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '6874d63750b95da6078128b758060a5a5b7027b0', value: "arial" }, "Arial"), h("option", { key: 'bd6ad75adf8b0b3c627eebead981bb70e6552576', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '701df08cbb9304ba133a5a22859fcf2969ed346b', value: "courier" }, "Courier"), h("option", { key: '2e6543181136d996999414f7417c0975c6f3f241', value: "helvetica" }, "Helvetica"), h("option", { key: '6899f4e88c3e961ecf44825d88f597338c8299a6', value: "verdana" }, "Verdana")), h("ls-icon", { key: '2c23e090ada507f25a8cfd28f008490928fb2d6d', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '7c78dbd2488e7d1d4160023fbf0e7841a098e4b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '2950ad5c3a4fae0b8ef561207506fc8a08fa63b6', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '366854e50d871a9f28e8794dd055e18f628b6a1d', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
49
49
  if (input.target.value === '')
50
50
  return;
51
51
  this.alter({ fontSize: input.target.value });
52
- }, class: 'ls-dv-has-leading-icon' })), h("div", { key: 'ae9efb84bdf5612844d894bc4ae680a182f8964f', class: 'ls-dv-button-group' }, h("button", { key: '23b658277ed2e003cbdcd227076a0050cccbbdd4', onClick: () => {
52
+ }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '27ee621bbc68e397ef17f8b47aaa58af14ff35c4', class: 'ls-dv-button-group' }, h("button", { key: '32115e771209bd271e8a84e67be8bc737569235e', onClick: () => {
53
53
  this.alter({ align: 'left' });
54
- }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '9f5cf39fc49ed71ee9a4516a00a32666632ca85d', name: "menu-alt-2-icon" })), h("button", { key: 'f5bf2190d2412304e066ee9817b70a914e3a2560', onClick: () => {
54
+ }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'edb58e9b830825d44965b49c7afe2a8ac53f0294', name: "menu-alt-2-icon" })), h("button", { key: '5f915c921b9be965707ab89224d070246f9883a8', onClick: () => {
55
55
  this.alter({ align: 'center' });
56
- }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '3d4a518292a769a7f7b53a9da79d195fccf5677a', name: "menu-alt-5-icon" })), h("button", { key: '67e0568a42f300c24512708b8a9504af600ef2b7', onClick: () => {
56
+ }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '25f88a7a103ae302ea5dd9b93400cda22b388498', name: "menu-alt-5-icon" })), h("button", { key: '62787902f13ec6f870ae1e533416b58f5553ebd7', onClick: () => {
57
57
  this.alter({ align: 'right' });
58
- }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '91dde2ff21a3bca0b5a28bcd7712cf3b7165835b', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: 'b1dba4270bf2a00bb9c1d66e22b9bb458571c5a9', class: 'ls-dv-field-format-bar' }, h("div", { key: '981e4e0dff5066cf4d175bb697507440a7beb922', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '6491098f39626c9bea77ec2f06a295cc06b4c74a', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: '8b3d89f4f407d40c6e3cc5766c3ff43cb50ee2e6', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '6e999f130e485c7bb8922d8aae31b377153f5ae7', id: "ls-toolbar-font-select", onChange: input => {
58
+ }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '6930b9223a758a6f8b42c466739612ef3d6b67d5', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93faac03f2360ffdb2b9108ad867a667c1c286ad', class: 'ls-dv-field-format-bar' }, h("div", { key: '64132c9d4eab4ae39e44fe47d8054589d23cd382', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '294ff2c8f5ec22da2667616f3ca9c976475a95a3', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: 'bc8f8e348c5d80a5e9685e5daa305f160216fb19', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '5107e3ee8eaab44b4e86483bd2350ea63c20e6bc', id: "ls-toolbar-font-select", onChange: input => {
59
59
  this.alter({ fontName: input.target.value });
60
- }, class: 'ls-dv-has-leading-icon' }, h("option", { key: 'ad169871ce1a2415268c578e63aa51dbb6aa0c67', value: "arial" }, "Arial"), h("option", { key: 'feee5e22faa7f85c68a6114d4b5df4b52c7a8111', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'b4235d4a1ce2d8a5b6c6df99c1f4e980c85e394a', value: "courier" }, "Courier"), h("option", { key: 'ee4882f139c6c82bed02b38cbf2ffb34ca2fb884', value: "helvetica" }, "Helvetica"), h("option", { key: '8d462c65af0c2a588de173311ba060066e35e7a5', value: "verdana" }, "Verdana"))), h("div", { key: '391e5f7c2653b9e1774fc4ce72ed17bea0b30589', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '8f255189f12efaba73769d41a5d46907f12d9511', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'eddeda50e2e507ba18af48e04cf600c1a0e4ce41', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
60
+ }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '920297ef5b4aebe491a443ce49d1d5e562af6a45', value: "arial" }, "Arial"), h("option", { key: '88e02f1c303035268adeafaa7d41b4e55c363244', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '60d38b842f30969235e6d17ed4a9394ea1d5f481', value: "courier" }, "Courier"), h("option", { key: '94f13f530eed3b58557cc8f21a29bcd9faf48ddd', value: "helvetica" }, "Helvetica"), h("option", { key: '5ed34e08ce75ad09eae4a13b0f7954777cbd80a2', value: "verdana" }, "Verdana"))), h("div", { key: '3cc803cb4fc197f49c1f013707b51d8dd777fc88', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '17d2bd94b28f40fd3d99958f78599f46b670b0f5', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'd3da7becaae40a614e3830d7e0b8fe1ae0862a9e', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
61
61
  if (input.target.value === '')
62
62
  return;
63
63
  this.alter({ fontSize: input.target.value });
64
- }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '7e822b6a31d6328349d15ed55216b5551edd3e3c', class: 'ls-dv-button-group' }, h("button", { key: '7e1064703a87f2a7a18ae9eeb44c57b2f725df94', onClick: () => {
64
+ }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '89671bf2c0be560096f7a4c30f34560835ba474f', class: 'ls-dv-button-group' }, h("button", { key: 'bb600958b5d2523a3e2f1ab48148e8841d6a3eeb', class: { 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }, onClick: () => {
65
65
  this.alter({ align: 'left' });
66
- }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '7ed772b1dc6108bbf62d7f1cc8ab1e183370a192', name: "menu-alt-2-icon" })), h("button", { key: 'efb85ae09f582a9d4beff98435992dfa686903b1', onClick: () => {
66
+ }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '928054d34f47cfdac57bd6a7ef42be66c28c53cf', name: "menu-alt-2-icon" })), h("button", { key: '2b54607e0254a1b95a19af7204904ba5dd02ec7b', class: { 'ls-dv-active': this.dataItem[0].align === 'center' }, onClick: () => {
67
67
  this.alter({ align: 'center' });
68
- }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: 'e0d56a966a15bf9ad955550e39059326ed92e125', name: "menu-alt-5-icon" })), h("button", { key: 'ada1df8d8c5aeaf4517c174c55cfba257a3bd41c', onClick: () => {
68
+ }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '8a26b01330ca4e77cbf6b747a8e2283df9ad49f3', name: "menu-alt-5-icon" })), h("button", { key: '5b1bb4eec78cc3ecd6a3b86eeeff04511a8b5a5f', class: { 'ls-dv-active': this.dataItem[0].align === 'right' }, onClick: () => {
69
69
  this.alter({ align: 'right' });
70
- }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '19ecb57a6f0677ddf1ca0080d202f056a550c76e', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: 'd5eaa1b6332bd23573e2b80d504864a7e58dde1c', tooltipId: "ls-dv-tooltip" })));
70
+ }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: 'fbf223c5cb58ee34da29747c885bed72fab521bd', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: 'cac08b2c91f39dee1738b9dfe15e185ee0b7a875', tooltipId: "ls-dv-tooltip" })));
71
71
  }
72
72
  static get is() { return "ls-field-format"; }
73
73
  static get encapsulation() { return "shadow"; }
@@ -1 +1 @@
1
- {"version":3,"file":"ls-field-format.js","sourceRoot":"","sources":["../../../../src/components/ls-field-format/ls-field-format.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Host, Prop, h, Element, Event, Watch } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-format',\n styleUrl: 'ls-field-format.scss',\n shadow: true,\n})\nexport class LsFieldFormat {\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Element() component: HTMLElement;\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n // Send selection changes to bars and panels if in use.\n @Watch('dataItem')\n selectFieldsHandler() {\n if (this.dataItem.length > 0) {\n var selFont = this.component.shadowRoot.getElementById('ls-toolbar-font-select') as HTMLSelectElement;\n if (selFont) selFont.value = this.allElementsSame()?.fontName;\n var selFontSize = this.component.shadowRoot.getElementById('ls-toolbar-font-size') as HTMLInputElement;\n if (selFontSize) selFontSize.value = this.allElementsSame()?.fontSize.toString();\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n allElementsSame = () => {\n if (!this.dataItem || this.dataItem.length === 0) return;\n const firstFontName = this.dataItem[0].fontName;\n const allFontsSame = this.dataItem.every(item => item.fontName === firstFontName);\n const firstFontSize = this.dataItem[0].fontSize;\n const allFontSizesSame = this.dataItem.every(item => item.fontSize === firstFontSize);\n return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };\n };\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.dataItem.length > 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n >\n <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n Mixed\n </option>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <input\n id=\"ls-toolbar-font-size\"\n type='number'\n min=\"4\"\n value={this.allElementsSame()?.fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n </div>\n )}\n {this.dataItem && this.dataItem.length === 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n >\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <input\n id=\"ls-toolbar-font-size\"\n type=\"number\"\n min=\"4\"\n size={4}\n value={this.dataItem[0].fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n\n {/* <select\n onChange={input => {\n this.alter({ align: (input.target as HTMLSelectElement).value });\n }}\n >\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select> */}\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"ls-field-format.js","sourceRoot":"","sources":["../../../../src/components/ls-field-format/ls-field-format.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Host, Prop, h, Element, Event, Watch } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-format',\n styleUrl: 'ls-field-format.scss',\n shadow: true,\n})\nexport class LsFieldFormat {\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Element() component: HTMLElement;\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n // Send selection changes to bars and panels if in use.\n @Watch('dataItem')\n selectFieldsHandler() {\n if (this.dataItem.length > 0) {\n var selFont = this.component.shadowRoot.getElementById('ls-toolbar-font-select') as HTMLSelectElement;\n if (selFont) selFont.value = this.allElementsSame()?.fontName;\n var selFontSize = this.component.shadowRoot.getElementById('ls-toolbar-font-size') as HTMLInputElement;\n if (selFontSize) selFontSize.value = this.allElementsSame()?.fontSize.toString();\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n allElementsSame = () => {\n if (!this.dataItem || this.dataItem.length === 0) return;\n const firstFontName = this.dataItem[0].fontName;\n const allFontsSame = this.dataItem.every(item => item.fontName === firstFontName);\n const firstFontSize = this.dataItem[0].fontSize;\n const allFontSizesSame = this.dataItem.every(item => item.fontSize === firstFontSize);\n return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };\n };\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.dataItem.length > 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n >\n <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n Mixed\n </option>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <input\n id=\"ls-toolbar-font-size\"\n type='number'\n min=\"4\"\n value={this.allElementsSame()?.fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n </div>\n )}\n {this.dataItem && this.dataItem.length === 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n >\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <input\n id=\"ls-toolbar-font-size\"\n type=\"number\"\n min=\"4\"\n size={4}\n value={this.dataItem[0].fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }}\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'center' }}\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'right' }}\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n\n {/* <select\n onChange={input => {\n this.alter({ align: (input.target as HTMLSelectElement).value });\n }}\n >\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select> */}\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"]}
@@ -55,7 +55,7 @@ export class LsFieldPlacement {
55
55
  componentDidLoad() {
56
56
  }
57
57
  render() {
58
- return (h(Host, { key: '5083f99f96e6d7091a493e11fe15619870c71cb7' }, this.isMultiple(this.dataItem) && (h("div", { key: '5e2a0b135295b5cbaa2b22a0b5fda020efdbbe0c', class: 'ls-dv-field-properties-section' }, h("div", { key: 'd3e3d475238818ad2065c8813271cfdcc74b0376', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c589c6cc011708760b871680222d8382cc48156a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'e70c1d678c94838923ea766d403a9a18a4ecf55a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '66e154205cf9cf651e9eb33beffa83e7b32ade82', class: 'ls-dv-input-row' }, h("div", { key: '7c0ee12110337c3b20e877fccb31172bcfc6c92f', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '5361f6a041d3a08e541a33e61d4f2f4f31d5d498', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'e312575e076c19fac990f0dce19594c490b42949', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: 'bad6b04af69cbd97db47d0bde9a83a1a4005f0f7', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '6716c206039d325613c5e23fc7a078e3732ab0ae', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: 'a31340129ac090fcb870cde261c6c99301b1690b', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }), disabled: this.readonly }))))), this.isSingle(this.dataItem) && (h("div", { key: 'a63b54b282ac0f2e4bec26d35fd3ad7a53a66b3b', class: 'ls-dv-field-set' }, h("div", { key: '3238fb9eacba56e3eaa5994d3f936e23a2007cbc', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ddb8fe4b37203562c6fd38018fc531226c28a91e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'd8b5575f09e73307a9e833bc344905e7d6f0ef8c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '4cfa957c507005659abbef642221d4b72192eee3', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '95e3af5e54201c032f59cc9809de217821f85c41', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '97f769a5a676787904ab1ae559fb737231b851d8', class: 'ls-dv-button-group' }, h("button", { key: '2e7a8d179cd8de6897e01e0280c66a93218659cb', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft'), disabled: this.readonly }, h("ls-icon", { key: '5878320df02ea97360f09332abe8c9e7720edd86', name: "field-alignment-left-icon" })), h("button", { key: '07f4ba3d6ed0e21c9f18afbd18ce11a438d0d366', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter'), disabled: this.readonly }, h("ls-icon", { key: '4765da75b4365ed0fac556fc24ad6c686b67d9e4', name: "field-alignment-centre-icon" })), h("button", { key: 'dc3987921927ef5cea20fcebd41db8656839a33c', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright'), disabled: this.readonly }, h("ls-icon", { key: 'b92a6ebfa53d661ceed2302c022315dd07849f1d', name: "field-alignment-right-icon" }))), h("div", { key: '43fc394933e2c1fcc807699d8026ec7bdcdb23b2', class: 'ls-dv-button-group' }, h("button", { key: '9c09bd4089a8234c9527d3bccd16646dfe6f991a', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop'), disabled: this.readonly }, h("ls-icon", { key: '14552055a66060e8ceea3c218f3f5a5181fd393f', name: "field-alignment-top-icon" })), h("button", { key: '706206e895a226ea15ec9c9dfa5e263b96e42894', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle'), disabled: this.readonly }, h("ls-icon", { key: '61c476567de05c84b81c949129a91d8821d67245', name: "field-alignment-middle-icon" })), h("button", { key: '4c330e98125a4cd7de290021227cfe89b9736fd0', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom'), disabled: this.readonly }, h("ls-icon", { key: '0f76c47d80cc846ce065f45f93c603026424eb02', name: "field-alignment-bottom-icon" }))))), h("div", { key: '224f7e5403174dd4b892e5c33cdc201a8e304bc8', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e78fa7b9e6b79f1683c26f4d1fb9a1c1b1b75ffb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0ed3d66b5dcc797ce733312a03076a7eb50bd4ab', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'ddf50f24b326139753747ba1c4084ae51e6d6d42', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '3ec4e402d919148b7fef540dd8aff2fc4324d4f7', class: 'ls-dv-input-row' }, h("div", { key: '22c73875a29b7e6f35c20673c2401a3b1fcc1919', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '8087262ab6ef194af28363aafe7ad2ce5e046e8f', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '0b6a85ca490d16347eb32a950e9c714f9f94b0a1', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: '837e6dbbdd7a90a8a2162c751381a7c851d2a53c', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'cff2248486b006ac8408c702de34b543cfa11ca7', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: 'a87de85708c0f150bd5cd2f4891bda17178b4672', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30", disabled: this.readonly })))), h("div", { key: '0deef05909aa30baabf04e28eb1d8fa4f29355b3', class: 'ls-dv-field-properties-section' }, h("div", { key: '9ebce07da4190f1f27565036c8be9b087dc684de', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0571b2da8b656e0d5e9732e7541f170f38590ea8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '1dfdd69b27109e89fd6f8dfeca4888f8093eda51', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '73861692018503fe4b65da3f9f947095ca621510', class: 'ls-dv-button-group' }, h("button", { key: '066fa1c2add32eb3bd7331fb8069a33546580b67', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '17e421cd47ba7a1dba867e201cd4dda9948f5535', name: "field-distribute-vertically-icon" })), h("button", { key: '7da9f4538dd4186f3257c521e6f7bf187c0a526b', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '84f468f5033edb0b9ee4c3b94044b7bd031ceff9', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'f20a3e2f5d21bfe7635bf11f5f8376271f5f8d8e', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c50da612ef9cf46d2b2971abb9ad3dac987d9c71', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f9a9a55b6d4ba7bbadc9c8b4130a17d830595eec', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '8c1822480410fb7cdedf07c68c6a2a64c1f76aef', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'c82ecd69c5eb01ad2b28262b0b67c370f73d97fe', class: 'ls-dv-input-row' }, h("div", { key: '3b4e577ac49e3f282817948c0ba573b8a9f494a9', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '0ad1e441758621aec4426f480f4cc0e62c99e055', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: 'f205f326c16f8c78de1ae07d77efd05dd1be046c', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: 'c7543596543da6b62bb742a4a27bec1501f24fc0', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '74f56cd7f1d6b3852cff3268cbb52a894556ca2c', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '4a94a96b0de6a9b32a4c26fc4524baac6ee7b302', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '4cc8a6f037a7f2346885942381d9f27aa9695888', tooltipId: "ls-dv-tooltip" })));
58
+ return (h(Host, { key: 'e4cecb1b45b1b52a73c6a297f11716e25193497a' }, this.isMultiple(this.dataItem) && (h("div", { key: '7b6ae2f7c44dc7386e961467b7388db7be8be4a6', class: 'ls-dv-field-properties-section' }, h("div", { key: '8d772addd2b139c86a715ca6ae85c63c42829c0b', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '101cc43e81a55d022ce0a6d85764e029bd7f0690', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1060ade0f0d90005fae6a5470b46723016375ac2', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'dc9b6b50d2b71e70d6271e91a24f96554f19b218', class: 'ls-dv-input-row' }, h("div", { key: '4cabff83ee795ba7f4bf30a368dd71bbeb2f6cbe', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'ba2eb3d5e3116aa267060128d620e5fbf0dcc733', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'f3830cb770cd9673f87d5ad4bbcc46434bc01baf', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: 'a0a8c51643c6e91c8fcab8c234df0dd6a250357e', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'af147ec36c9598baa4f2b181597ee799b7ea8d0b', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '52ea8f6ad247828c19630e30f5c9a4951f991a6f', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }), disabled: this.readonly }))))), this.isSingle(this.dataItem) && (h("div", { key: '58090f76410f368348abdf86de34c3dd03390e98', class: 'ls-dv-field-set' }, h("div", { key: '048df96d3cf06b5be5b4c85bcf0d1eb9a32bd46c', class: 'ls-dv-field-properties-section' }, h("div", { key: '9caf97467fd013420f512020dfdbd37926d3cf67', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'aebe43b21d71d1c48f69063fdfc5dd63635be0e9', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '39c53749c03caed38962b87544636252311fa524', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '1a94c1e6571b793cb620410a94ab109eb845c42e', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '1a12afd1b24edb219dda9548c572cbe04dfa681f', class: 'ls-dv-button-group' }, h("button", { key: '923c539ee81769675f1e19b794bef5870f761444', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft'), disabled: this.readonly }, h("ls-icon", { key: 'd3a6df642e37aa29d33c0b28daf5ba3288b0c81c', name: "field-alignment-left-icon" })), h("button", { key: '9ddb439ccec7afee3b31acbf2920b2027639ca7e', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter'), disabled: this.readonly }, h("ls-icon", { key: 'a75aa9aa8ce7760dc6ef37d91c4ce68eb93a3a4b', name: "field-alignment-centre-icon" })), h("button", { key: '3009dd829abd962ef347b23410e9f09a6b53bb2e', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright'), disabled: this.readonly }, h("ls-icon", { key: '74c4e39971b6c3e14280d77eb49f8e7582206009', name: "field-alignment-right-icon" }))), h("div", { key: '394b8e0e71c78483314eb7faebfd9a2a295e3f8e', class: 'ls-dv-button-group' }, h("button", { key: '2b46c6fd1492344936c4a2e8c43eba046edffe9e', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop'), disabled: this.readonly }, h("ls-icon", { key: '99b94fd721ef73e698c6ef519e223a0f1a43d8b9', name: "field-alignment-top-icon" })), h("button", { key: '67f890427ebc8d2b5a20fe0209c0c12f23456cba', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle'), disabled: this.readonly }, h("ls-icon", { key: '4b385ed96004bb1a415a29a535c8570e1be03a30', name: "field-alignment-middle-icon" })), h("button", { key: '6e7a801acd6188a4e13dba53ec10f40323368795', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom'), disabled: this.readonly }, h("ls-icon", { key: 'e3204faf98839060e3d42a497ed679421ef6c303', name: "field-alignment-bottom-icon" }))))), h("div", { key: '0c1d177d048554856696e1a98080207070c65b0d', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e036fb70766fb6946ec2190395712c1e2cbf9427', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'b0e60929ae71cb630649407a4726cc7a3ece041e', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1ccc216cd8230df41531412ba0251343037d67e6', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'ee3697e2bb5e060a14f17946f810d1b507e84f6d', class: 'ls-dv-input-row' }, h("div", { key: '69b0352255d6831e38d2d54a6f34cd77db3c6a82', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '39605c04b62d34bf7a00da06efb9ba836a56556c', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '42005e3f8da2343bdaf665f85c92c7a3ef615d97', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: 'ae398283e853efba30211acfa0834920e06d7423', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '539f95481c2f67d1e53dc12c92cbe3f7ffd465ec', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: 'ac010c6c6bb953dc5cee2247560612745e281125', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30", disabled: this.readonly })))), h("div", { key: '28a45ddb0b8d0c30a242239797d9a82b30a88eec', class: 'ls-dv-field-properties-section' }, h("div", { key: '1ed9d37343542c92f2fc461e57f0313b6d55c4dd', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '4985c99bd11ff5d3fa42d680681cfe9a68e44a9f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '5b1bbf5eefd67bdb12dc20f677c34d8db1ee4594', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'b85f695ca323ce6185304a81c4f5eb901b89a1b3', class: 'ls-dv-button-group' }, h("button", { key: 'f9222c6b558bed7f58868ecfd75bf097b3429a14', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'dc0f9cb2a03c6f37749167c8f6be533dac28bc11', name: "field-distribute-vertically-icon" })), h("button", { key: '807f30c7dd1bbe4dd9ff1a2d3cf6cb3b8e0e1934', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '434d37c2ceadff7c2df869419b8f57a2a0d3b7a7', name: "field-distribute-horizontally-icon" })))), h("div", { key: '10b6c49e0009e36f37527bbaa372da914f3cace1', class: 'ls-dv-field-properties-section' }, h("div", { key: '679330c9c77efbf47ce6da02bc3b5e7ebfeedcf0', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '12571251a28eaa944c23903622c0612efbc406f8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: 'd8bf72df6d661a320567b9b612efa53d7d3f5294', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'c0b363b34c5729c32ae9ddca3e4a33c67981430c', class: 'ls-dv-input-row' }, h("div", { key: '53bc64218e0ee697a3eefe2ee3bce29d6e443f5e', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '2fb36fec5da510cd4a9b2ce3ea5b611d4aafe482', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '747db95eb6c69b0611e7639b71c78572934d46fe', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '3377a2882a37017fe92d16bb432a79d26f773476', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '02203bd470da7cae0f5a27401abf6fdfac2c7d03', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '46a9651a3e3c86827527398c422cfe24424e5c16', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '1c02d8d26c18c7201edd77de73180069c19bf188', tooltipId: "ls-dv-tooltip" })));
59
59
  }
60
60
  static get is() { return "ls-field-placement"; }
61
61
  static get encapsulation() { return "shadow"; }
@@ -40,7 +40,7 @@ export class LsFieldProperties {
40
40
  event.stopPropagation();
41
41
  };
42
42
  render() {
43
- return (h(Host, { key: 'df0234e5384d4cae53b670cfee9ed4767e190dec', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '5a7c912c0d2f013e97b5c3ab403e58044f7dcd79' })));
43
+ return (h(Host, { key: '8a711d56d7c988d3ded4153dbd1a8b5d8b82d458', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'e3e5dc0fc41d78c5fca1ddbae4fbd68f4145e628' })));
44
44
  }
45
45
  static get is() { return "ls-field-properties"; }
46
46
  static get encapsulation() { return "shadow"; }
@@ -54,10 +54,10 @@ export class LsFieldPropertiesAdvanced {
54
54
  return '';
55
55
  }
56
56
  render() {
57
- return (h(Host, { key: 'c9338a5a5cc0c6d66d13be5c355a1543c82a9108' }, h("div", { key: '8be7fb2444c8f67bcf0b54bc301321f453d6597f', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'b63991ef80187d7ffacd7d66202897a250436a5e', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: 'e8a20e01218818931e491d8cdf7fe0034ddf23d3' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: 'e648be29585cdb5313808c60c046521712d5beac', class: 'ls-dv-field-set' }, h("ls-props-section", { key: '08a81d31136903623f9165084ea81bf9942497fe', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: 'ec0b22bb0641de221defda96ad561f24555cdeeb', value: this.getValue('fieldOrder'), type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), onInput: e => {
57
+ return (h(Host, { key: 'eb656c09625879e4d3612c5b4acc1997fe1c8698' }, h("div", { key: 'a297ab7603a5623258a74fa383c93d222f0ca535', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'db6bd74a2f6bb4124bd48d598454e54cc0cf246d', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '098a2920b709a1f0681d188fa8f8a865c6cb32d2' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '863ba9fe5b803b3cbb14d181475d0bcddc1dfbdc', class: 'ls-dv-field-set' }, h("ls-props-section", { key: '6d4f705a6cb2aabc6233d214e7e77dc1c9df559f', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: '15e33574cc10e6e17c63d32b37aeb170f7b3f38b', value: this.getValue('fieldOrder'), type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), onInput: e => {
58
58
  console.log(e);
59
59
  this.alter({ fieldOrder: e.target.value }, 100);
60
- }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), h("ls-props-section", { key: 'd4dae7dbc54c433ce18915a424b2a78f1fb09fad', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: '6b13b46fd4d54361a559652ffbff92f6ee5bc5c9', value: this.getValue('link'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ link: e.target.value }, 300), disabled: this.readonly })), h("ls-props-section", { key: 'f2ce6499a3effe1fb76d64f4a91889f0000f98ce', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: '56ca25e905e67846f3d2ed4bc57eb0261e4c1d14', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, h("option", { key: '717e78db48e00eef509c3a3ef1bc98e0d3f5b5cd', value: "0", selected: this.getValue('linkType') === '0' }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'ea2ef6f36d805f9bc7d0b18ccb496b45b1f2bfac', value: "1", selected: this.getValue('linkType') === '1' }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '5b3f2614cbaab561959da1117fd4039ea612a7a1', value: "2", selected: this.getValue('linkType') === '2' }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: '57222f61020728445e409344097473ed37db0f27', value: "3", selected: this.getValue('linkType') === '3' }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'f3641adc0a9a9bb0d5a003c2f9058c1b034f4da8', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '491ff9ea930888344249b3be847dc9b131607d6c', value: this.getValue('logicAction'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicAction: e.target.value }), disabled: this.readonly }))))));
60
+ }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), h("ls-props-section", { key: 'c6159d497f2caac1f154553dea7551648e678385', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: 'd6d62d47d7adcf3bc0e4fa23ecaafef6f1052f36', value: this.getValue('link'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ link: e.target.value }, 300), disabled: this.readonly })), h("ls-props-section", { key: 'acb93cbe70ee5075cdae8fa4b804221f65093dd3', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: 'e2cf557ed86879e8ee4bcccf147f3688f7aac7a2', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, h("option", { key: '61bdfe8fa2a3fb0bfaf9dd18c0a4c851ba39fc35', value: "0", selected: this.getValue('linkType') === '0' }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'a4a972ada49832c83b713fafc75788b081984f7b', value: "1", selected: this.getValue('linkType') === '1' }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '72778b6f85eec93f15c301e820c04f384caead45', value: "2", selected: this.getValue('linkType') === '2' }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: '31fcf1a5098493acb682035e60bee2cc13f291a0', value: "3", selected: this.getValue('linkType') === '3' }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: '3644d32d8db6a2554b666fae6778ccb000e77372', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: 'd1767d9c30f7143ab6e5c5cfeebc1c98ff1cfed4', value: this.getValue('logicAction'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicAction: e.target.value }), disabled: this.readonly }))))));
61
61
  }
62
62
  static get is() { return "ls-field-properties-advanced"; }
63
63
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesAutosign {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: 'c39568edf65ebc0c4c69a496f8b6fe616e981fa8' }, h("div", { key: 'faa85c8c4e302ea39aabf291efd698200b24bbd6', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: '679dfc8734eb1d576b98cd65e7856968da7b2d56' }, "Label: ", h("input", { key: '12ca369c7a67cf3deab78f4200d5d96272aa9c3a', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'a6bb8fa83af8cdc3cf8f290d281f0c86c018b6f3', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'db629b693c78b1761187de035f5077558fcfbc12', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-footer", { key: 'e65c9141e98f54121892747dfe79135530bb5705', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '476b0e51a3b23d7903f62acc1a7a16a9d5585aab' })));
6
+ return (h(Host, { key: '796d793a5890e9c1ba9a1ab8ead252129a2d6567' }, h("div", { key: '4b4e6361dfba1c768e87d4eed987e86ad81f9046', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: '6a239ae5e86d40da6af79b9bedcbda082fe0b8e3' }, "Label: ", h("input", { key: '320f6751bbf1c10cd29f147bcbe974f233a5a538', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'a3ac441f17dcfa1f57aa7d7014153289495f4406', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'fa3573d8ff9ba637fa5dd658dd2b2b5cf7eb392b', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-footer", { key: 'd33377ecafc922d8d115c539e557fd39b0c75804', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: 'fb402b881e4089672c6fcdfb5db64db8b4c5e73d' })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-autosign"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -10,7 +10,7 @@ export class LsFieldPropertiesContainer {
10
10
  }
11
11
  }
12
12
  render() {
13
- return (h(Host, { key: 'a6d5897d860eeaf2b08a2e3b08e21d6838ad84a6' }, this.tabs.length > 1 && (h("div", { key: 'd4d202cb1fe749ef1be08dccd5958d2f61661c38', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), h("div", { key: '8b0ff3b5862ff9f0848d0c4118d1a0314f2b1190', class: 'ls-dv-scrolling-container' }, h("slot", { key: '82a06d699f3cbca01db831bd04f69bd5cd10a6ac', name: this.selectedTab }))));
13
+ return (h(Host, { key: 'b1fd1ab25e56d0f6b009012bd03c8e16f0ca7e54' }, this.tabs.length > 1 && (h("div", { key: '6c2ae62c5b3ee2d46e25b37c5d6c945874737a66', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), h("div", { key: '60a78fab9be2656cbcd0a842c84a0471c9f68dbd', class: 'ls-dv-scrolling-container' }, h("slot", { key: '8f59435c282ddf990a499745aa013d68acb0f604', name: this.selectedTab }))));
14
14
  }
15
15
  static get is() { return "ls-field-properties-container"; }
16
16
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesDate {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: '270db432c861458d7d39a0f8d727c17f02f1608d' }, h("ls-field-properties-container", { key: '5d54daf7408c186d776ea2a64a6369cbb88c8c9b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e7abcaaf69c2bdef7bac4b154d25101029500186', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '9ed7e561c2f876bf219eda2be1de876f4689efe4', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '18af922ea4499d8252189f331e8a4b4d4be05e6c', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'bf400f0e58228849460678e2f0f9e56fdcbf302e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '0168f1d06b0f75894d8790cec8da1e8a287d9a13', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '7523b81a12c7906bf2f573b5a1cafc0ffd6a46ca', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '784ff878ba574d24e100b95fab11ca9b4107ebdf', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '311b5f5262c30bf28cfd9f50a4e4aae20352f0fb', dataItem: this.dataItem, readonly: this.readonly })));
6
+ return (h(Host, { key: '69ad973b207cbf0c1b3f86ab2d75f9fe2ec3323d' }, h("ls-field-properties-container", { key: 'c448b123695b2f24e5baac38827593347d2fedd8', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '03a55608eb31dde85b30d98ae46d54593b6719f3', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '386fab75cc620a80594ce37a9c3ef0640c32fd16', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'bc47ff53d32201fe5ae27c28f26f9e0ee814ff1e', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'a8d7ef77b11bb0a2d9126e1b4966b7dac1cd4bd0', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'd48b3dce87d46fe27adfffee3d5a80a9317cf518', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '6a0f11512f0e28f91e381119f2db69223ab9f49d', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '237536b600b7bf428a5bf5b829cf806884e0e891', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '29b0d40c3cf3213b54341d2bb256fc66729a72a3', dataItem: this.dataItem, readonly: this.readonly })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-date"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
2
2
  export class LsFieldPropertiesDropdown {
3
3
  dataItem;
4
4
  render() {
5
- return (h(Host, { key: 'd34236e1601e9e976ee512963a39aca97e0f0d63' }, h("ls-field-properties-container", { key: '312844be70afcb09995bd78891eb6aa616edd4d1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3955bfdeeaa7a2f91454bd23ec021a01a7b4ef01', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '5763ffeed2ee79379b64e68758612c05c512da29', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd79222a8f8e8c0bb41872474748f21b3fced263b', dataItem: this.dataItem })), h("div", { key: '8fd272f5a2ad5820e0e944cf918cefda88c6d43c', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '2b564882865fbae772f3d6c653e5549ed5455eed', dataItem: this.dataItem })), h("div", { key: '33728ed6d0606a3a87d568688d0a67426c51a40d', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'c1a2f35e25f19312672dd8145b34c3c69cb58c78', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3a074166b9637fcaac6887bb91f4384958e8d00f', dataItem: this.dataItem })));
5
+ return (h(Host, { key: '1d5d135764872c0da04fdbdc5a70b79f45623db7' }, h("ls-field-properties-container", { key: '4a05b4c217180c9a4d8fca98d89c3c0a0e3eaeb9', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '6f3fa0effffd617f541076ee54c0c3b4ecc2b1c3', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '8247485c528464d5bff0487b2f85e8f1f1388f0d', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '788fa4f195deb60d04f741b01ec0d53d361bba2e', dataItem: this.dataItem })), h("div", { key: 'e0b06ddf50ad7d70e7358e63c5dcb990c1ca93ea', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '626dc3ab15a48d2ba9489910ff7168767165bd77', dataItem: this.dataItem })), h("div", { key: 'bedd028041d852d63f44b591461531264b77c08c', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'db2e7acf62a44813e6dd75def4d6066b758d94f6', dataItem: this.dataItem }))), h("ls-field-footer", { key: '452cc73468c86d2fc010b5b8112e3a5b2f844155', dataItem: this.dataItem })));
6
6
  }
7
7
  static get is() { return "ls-field-properties-dropdown"; }
8
8
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesEmail {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: 'd1fbdfa366d4cf5d7e87b6d203c38db785540179' }, h("ls-field-properties-container", { key: 'f5303afa0b4a2b122d5550697f37473257fa6a81', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '91ed9d11396ca48aa58320b2e17269431507be3f', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '5b73eeef13ecf67bc39258936a5b9fad30a5f94e', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '6ccf9a0d41c2b809fffd2ac9edf832de55073d97', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '154e0cc1017b10e75989ea7aeb58a36b79a33811', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'b665c3b8c2c5ac91c3c2b6de85628d459e566559', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '8d53c92543afa198fafd92b7e1aa9d228bf6eaf1', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '0ca5e684ba7107565fe4de3708ccb3539e481f69', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '8c6f00c692edb385c025b1061f9805ae680f0333', dataItem: this.dataItem, readonly: this.readonly })));
6
+ return (h(Host, { key: '3b4d2155764de3bdeec0f02de4119ca4f0abbcff' }, h("ls-field-properties-container", { key: '2c67d7445d17e2440b437e72f5d457c8c1d6dbd2', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f1befef1ad6d9ac7694bc6b685050667bbf319f3', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '1d84a5dae44d9e532ed423ec12e039ed97a63fba', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '232b1b3a1de2d306860c3fa9146646bf33ff0b24', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '94dc8fb660a9260fe4350a0e7dd2e2b35f38424e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c94152abb49cc46030893411f11fa69f3c5c6043', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'fdc3ebfbb77ec53b6d2b4678b941d7d1f974bdb8', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'dbe5208fb0c12561dd4c0722a1989606d7a8d23a', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '216a5b8216439cf7fcbf4b467a0461c5c6e5028d', dataItem: this.dataItem, readonly: this.readonly })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-email"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesFile {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: '89960b389dfc56aa6fdf12546108ee5dc9cb952f' }, h("ls-field-properties-container", { key: '1d98efd10f02b8d1f9b4a5cd8b0cc3c8edb47355', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '83b95bb1497eaa4ac503f08e5374fada21dca614', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '47faaa05a15be1b889706a38e50c3544e413c4ed', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '36ffbcf070675da96aa8c0ccfe49d6065be9b3d4', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '29f2c366192cb9757d87a4a3157048ea08078a63', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a902ece30f6358a1dcad49ed624fe406e10c5d61', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c53889ca501ba3fc7f965c11c3c0fa45a6284b4c', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '51dc1ee3d8ffe529db4741b36fd263c6ddb3340c', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '4c27869d9f8ca8e24b26c4d4c33c3b8c70baf8b5', dataItem: this.dataItem, readonly: this.readonly })));
6
+ return (h(Host, { key: 'b27de84229ca63eb19de6c845e6182c4e90526d3' }, h("ls-field-properties-container", { key: '8a4e28b41567239b1880b952b650f52d17b3d513', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e74993366420f2185c2414756e7a2ea1c07719fa', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '14b8adda4ea918dddfe2d5ad55ebe2f67d6b0553', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '0098d039bf061542d949837225fed65170413da1', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3ceae547b879471f36a236a951f8746a0fef957a', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '3224ef586fb9c767800a87d2850f2fe35319a906', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c5635b01d0a142bdbee08720679aaf21ef0fcf5a', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'a049c5c3997ad42ea05323ba071045e8d7cecec8', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'cf3c7d0f2cf380631e2319f18f96f54cdff73592', dataItem: this.dataItem, readonly: this.readonly })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-file"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesGeneral {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: '00e72e8bad5f5899406d23ccf8ffd53827372b15' }, h("ls-field-properties-container", { key: '860362d4dc5c574090ab624924517d25446dfeb5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ad5f20921d7bb20022f35ab36df4c012bc15516d', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '55db6148bb1bbc1020d653286932fe91ea6f2dc6', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '20289dd04c150842c7b7d03b811f9c77361a1a31', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'b2fd4ed1df3698b78a76c84a55bf99cdb2f49e1f', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4f10774efdf7a17b895eabae9264c5157eb2fccc', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '28bf521213a93ce97f8ddbb3bc20585972ad2f8d', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '43206cc44c56de1a7801b89edb80a258b0a32526', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b1f4df21f9fc82efe5b9589d3f2c8f7ad889a716', dataItem: this.dataItem, readonly: this.readonly })));
6
+ return (h(Host, { key: 'cad381380937e12a412ece7255aa32c5b957d341' }, h("ls-field-properties-container", { key: '271d9a757e93791371dc87a35b9b88db11a9073b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'aa0275b878ca52d85e06ee027019eaee0f88d72f', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '6245220b2068a05d05f0bf559ca2112f7b05d989', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '38cf9305d208ef12f77694f8f44e6b37594e9055', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '46541217824afeba61c8bf66ae038c5720f75114', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '0774f0e6753b676c12fe80cc3c09e9c784d9530b', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'd7ac97520e031cd7e88983de6fd1913c80b016cb', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'b18bd7ef8727a39727be7f439cbc48c8534d324f', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'cce6f2def47b39ebb36ac5a36c83e0cfa9ec33f5', dataItem: this.dataItem, readonly: this.readonly })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-general"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesImage {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: '16ca9bb5e49e622e1e31faf982d5e75d6300c6f1' }, h("ls-field-properties-container", { key: '67a4cb18ac69dfcd3d77d88d37ddfc58bd10f975', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '399aa14f6393077cee7277bd6687f90c25ef6a04', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'e10ded394c4972e34b04e0ae1515442060d230bf', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'a5192cb398681af051bf20aaf49e756978201663', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '84dc600b8fb71367cca1a4749d9b07b41d2e344b', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c716c3e7b3e5f92cf8542a1d5c2bfa03497d0fff', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '06b908fe2b3d187a1f24f9a23fc479c4735fef45', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'c0394700da51bd24cebee652791d3f151cbec6fa', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '06cecb6e68b7180bb1e5fbbacedd17b2c05c1921', dataItem: this.dataItem, readonly: this.readonly })));
6
+ return (h(Host, { key: 'e4667e666bdf4f1219025bdbc83014815e3395a3' }, h("ls-field-properties-container", { key: '51c522e89d11e8a9c7d60a0516b220b2868cd3db', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0623e45e5b42e784cad4a9e135687f9ab9ed4d97', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'e8dae21cc8cc82bdbcf7335fee57662efac8f082', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '4b6c9fc26dd05066db690ac38e6c17d4176ea0b7', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'e3242a50f93a4523d82be92170122231e04526f8', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'e905ed1d5058ed5a6838ca39f5796f3a3711bef2', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3348b728451efab4759e836c876132f1fb816490', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '726509f7fd32bb2e3c06b3eff421d3a53604767f', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '8eb07e3f53678cf8a2d7fc11092b3439d2bb5d8c', dataItem: this.dataItem, readonly: this.readonly })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-image"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -72,14 +72,14 @@ export class LsFieldPropertiesMultiple {
72
72
  return { isSame: allSame, optional: allSame ? firstElementOptional : false };
73
73
  };
74
74
  render() {
75
- return (h(Host, { key: 'a56728b2688cb0dc004f2720cf38c2045c8f2adc' }, h("ls-field-properties-container", { key: '84b2e7b76acab368d63bfd9c4eb032c788f8fd10', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '297444e73f213672e59a994b61f2a1161fcc1f26', class: 'ls-dv-field-set', slot: "content" }, h("div", { key: '42ca23322b09e8353c7033cadd12c1090d90a5dd', class: 'ls-dv-field-properties-section' }, h("div", { key: 'cceeef14a8588e6d1e300790081f48c69c37020d', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '10eceaabaf834900614b2c780c719c931635bd7a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: 'a05d9e575896fb7d25a31380943fb739df9c789b', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("div", { key: '5553f8f079bc4219fef88694973ba1534e869ffe', class: 'ls-dv-field-type-wrapper', style: {
75
+ return (h(Host, { key: '21c331d8e6726fd2177a6259dc83a4c1d72013d0' }, h("ls-field-properties-container", { key: '70103075b20b765cd3e2fa4e9b41faa52a7dbfbb', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '7d52c91405b3c410ae3bd26dbee9bbc9940440ff', class: 'ls-dv-field-set', slot: "content" }, h("div", { key: '2d369e4c21337ac0adf1c33145191f28e4a8a4f5', class: 'ls-dv-field-properties-section' }, h("div", { key: 'caa1f0fe955a2cadf75356b36024345ab9ac3e90', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '2806214cafdaf6501e29d460e70385eb0431fadc', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: '7ca6e9ba018ac200c70423e3a8f576f55870ad63', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("div", { key: '8d6f5ad752ba70785ed14af7b33eaeb7d791325a', class: 'ls-dv-field-type-wrapper', style: {
76
76
  border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
77
77
  background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
78
- } }, h("div", { key: '1aae00f935c1a17fb70d85b5d296878217c39431', class: 'ls-dv-field-type-inner' }, h("div", { key: '703d4f602018d755a006b3f3209cc082a4ac26bc', class: 'ls-dv-field-type-icon', style: {
78
+ } }, h("div", { key: 'aa096db2fe07ed0b295dda267c58069f151822cd', class: 'ls-dv-field-type-inner' }, h("div", { key: 'b48617804728615d7aa5152b6c6bacd5b51a0199', class: 'ls-dv-field-type-icon', style: {
79
79
  border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
80
80
  color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
81
81
  background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
82
- } }, h("ls-icon", { key: '800bcc46e6e42ab75ba9317532bb54b1a150c81c', name: getFieldIcon(this.allElementsSame().elementType), size: 20 })), h("p", { key: 'cbf94ee761d2cf7f5d086fa82ccf4e9c1e9e28ba', class: 'ls-dv-field-type-name' }, this.dataItem.length, " ", dvI18n.t(fieldTypeKeyMap[this.allElementsSame().elementType] || 'common.fields'), " ", dvI18n.t('common.fields'))))), h("div", { key: '1383e97fdb6926db7a36357101b44946871caf8b', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: '5ec809a237c472796c50af7ff6cfdd2717545fe3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0764d2aa2823d84dd485723f11b0fca011c75028', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield'))), h("ls-toggle", { key: 'b4ed267f8ec3444e13481df399944c64ba56fed3', onValueChange: (ev) => !this.readonly && this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'b3e6b1d05969f490c649ac0afecea045e5a324bc', class: 'ls-dv-field-properties-section' }, h("div", { key: '2abd26f097e800e1b47efda72f79e0a7183f5597', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '85d06aeafdc3603f225028bf7cc8ae96cc7d9e38', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '9fd16daa5df4402f080ac5b11346749f00b45d63', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("input", { key: '9d87ddc933ff9bdcfcd47de02b29cf628c494c1d', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdersignhere'), disabled: this.readonly }))), h("div", { key: 'fc47a45ebc99631048b1e1df47afc3feebf48324', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '801702e468efc02b9b6cd225f389d6f251e896f0', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: '278cb9ce84710954f736f4dfba643bfab09f9cc7', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'bf267bcd4dbddd236b21b15fc4046755bf0ff0de', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: 'd5628c3cc814afb25d13dd863950b737203981e0', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: '9ed775a0ae794c3c5b82f7fd15d33fdfdc96fdd3', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: '5141bd513e7db78f1bcad990904f9adab683f72d', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '866631876404ff02969c1eef4836798c34a768cc', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: 'de01daa44c216b5f69766167911974bffb98646d' })));
82
+ } }, h("ls-icon", { key: 'a9a821363a12baf57e50b53c7239cebd14898011', name: getFieldIcon(this.allElementsSame().elementType), size: 20 })), h("p", { key: 'b55bcc2d0884eedf62cf33da3b97afebacad6a7a', class: 'ls-dv-field-type-name' }, this.dataItem.length, " ", dvI18n.t(fieldTypeKeyMap[this.allElementsSame().elementType] || 'common.fields'), " ", dvI18n.t('common.fields'))))), h("div", { key: '2c055703e9a17c16911057ae6f7ba8c4925757af', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: '0678fae2efeae45c06b7edc1f80ccc6f583ad094', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cb30c383c726d6760cfff19d9ad1c1d5ad684cea', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield'))), h("ls-toggle", { key: '6e4686c4f54d25f7ec05d64589f489dc8b79f533', onValueChange: (ev) => !this.readonly && this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'c2e52f759c785dae73e4bf8096f89ed1b249d117', class: 'ls-dv-field-properties-section' }, h("div", { key: '639bc44d6d497da687a6f5868762c2fe1f7d3fee', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'b70f4912691f080ef3cfcfb4e071d6eb798070c4', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '89361a9e5477ad2190561732472cd1fdc62c3fe0', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("input", { key: '744b79734e886ac76137abc20207401a9a0b46a5', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdersignhere'), disabled: this.readonly }))), h("div", { key: 'e1455fb17cd28a435f48e6608bb57972127e7575', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c56248424553b41b587f446a5fcdacfee3ea0244', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: '32cfdd4e812b65e181cca2550c9ef91b0f7306c0', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'd6daf145e13da19b1ba0a35b021b618e03e2755e', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: 'cdafb88b10495193c2bf0f38a664967dd8c6d0f1', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: 'f56e3363bc98d09690715b31758cc3df4ecc7113', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: '76e83f04c3d3973f5753b9038bbca92ff2ea2fde', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'ff252944fabbfcdf90cae306ea9381575a334b9e', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '806c119839f28abcf4befe2dea5dc28591de5afc' })));
83
83
  }
84
84
  static get is() { return "ls-field-properties-multiple"; }
85
85
  static get encapsulation() { return "shadow"; }
@@ -3,7 +3,7 @@ export class LsFieldPropertiesNumber {
3
3
  dataItem;
4
4
  readonly = false;
5
5
  render() {
6
- return (h(Host, { key: '24614b5d11f2b4f0ea3a78c0da8a68e632fbca39' }, h("ls-field-properties-container", { key: '0dd7722083567393b24ebc33f7be70c2f3b3da2f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '35cfd9644344e859cd78181eb5173af88da245b7', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '924a1a4438deae52686dd58fd99fca3ac155b637', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'bbb6cafe09b49474d931d413f9c73ed5a21e11e1', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c00aa795be3bf97629abb3ea5650322918f48d7a', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '3d4d171ae6c4d0883f4d7c6bf1fe2d14faff1a96', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '8d100d887e82dcb27fa517f13be58ec603503464', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '6c65f56e22a8820537efcd2f7f58adf69ab64e58', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b95e2b6829fbc49e563c30c484364f5494923fe1', dataItem: this.dataItem, readonly: this.readonly })));
6
+ return (h(Host, { key: '5544d8eb23254af289b388dee34d8a592bb7f4b6' }, h("ls-field-properties-container", { key: 'b0d84298e9b5c5812e80114676c3818fc6a084b3', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '83aa4a8b80d717a979c7e971b22ac5f7464bb71b', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '8aed8b9920fa2cc940babdf791db98873407470a', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '5319a3c09c2989825f39c7a74866ad7d57aa3f81', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '5abbb75f57a91561e928e7fe852ce24510fcdafc', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'be91cbce65ad4b7383c7b9f5ec9fde98bae4f5c4', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '4dbdd4f74ac3c6497dff88ce5bc20d1d47e7d284', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '68fdecac847c636ed8e428a1ddcb29f4140f9837', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'c63e164173ae3be09a68b6d166d3277ad405e443', dataItem: this.dataItem, readonly: this.readonly })));
7
7
  }
8
8
  static get is() { return "ls-field-properties-number"; }
9
9
  static get encapsulation() { return "shadow"; }
@@ -4,7 +4,7 @@ export class LsFieldPropertiesSignature {
4
4
  template; // LSApiTemplate
5
5
  readonly = false;
6
6
  render() {
7
- return (h(Host, { key: 'afb387eb62364a02d15a1b1e363dfa6e0c904e9d' }, h("ls-field-properties-container", { key: 'a748dc4a62c6601e54c441d486aa355acdd98c4a', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'c9417b02e330fbcf22a09af5265d2547ff8f0c38', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '7a4e3c6ffc5681cf1ee4ad8c198cbc0937dd95ce', dataItem: this.dataItem, showValidationTypes: false, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'b2183509f42bf0bf1f5a8950f92f4c25431f1496', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'b6a0ea619e7d27ed247e1ac687278c0f0be29132', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a353b14e32c8a75836f05bfa21d7ea90c7c7a808', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: 'e6f2942ad24fcab6483a59bbd8b45f76d5c79a17', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '59ae81cccdd4893b5569f26643d8ca9d171d686a', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'e7f44253849735bcaeeff450498c7042d236681a', dataItem: this.dataItem, readonly: this.readonly })));
7
+ return (h(Host, { key: '93042c9fc3181dbd7cc31ad9f94617e386497aa4' }, h("ls-field-properties-container", { key: 'fa83ca5fb99c882246e77d44e246d4511e643484', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e78f8d84515d7c3708b04b99493a32876b45ef6a', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'c7cc6753c87af46c7934ab7b3629560aa0ef3241', dataItem: this.dataItem, showValidationTypes: false, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '589c129e896eb59f97185bc6ba059e524a013fee', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '7872c27031cd6f501dfdbc8fc4874af678334564', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '565f84d2fbea5b41aa862406a23d2df291f7f8f2', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: '657bcbfc4051cda08225e3a16120b74972ee1e28', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '9c6d41d28abad21256757ef1236892d7d11ce779', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '54146052a4d10cb72d3dac21437c9830707a551b', dataItem: this.dataItem, readonly: this.readonly })));
8
8
  }
9
9
  static get is() { return "ls-field-properties-signature"; }
10
10
  static get encapsulation() { return "shadow"; }