legalesign-document-viewer 0.6.1 → 0.6.3
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-compose-manager.cjs.entry.js +2 -2
- package/dist/cjs/{ls-document-options_46.cjs.entry.js → ls-document-options_45.cjs.entry.js} +105 -147
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ls-formfield.cjs.entry.js +2 -2
- package/dist/cjs/ls-number-input_5.cjs.entry.js +6 -6
- package/dist/cjs/ls-title-input.cjs.entry.js +49 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
- package/dist/collection/components/ls-document-viewer/editorUtils.js +3 -1
- package/dist/collection/components/ls-document-viewer/editorUtils.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +9 -4
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-editor-table/ls-editor-table.js +1 -1
- package/dist/collection/components/ls-feature-column/ls-feature-column.js +6 -6
- package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +2 -2
- package/dist/collection/components/ls-field-content/ls-field-content.js +2 -2
- package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +3 -3
- package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +5 -5
- package/dist/collection/components/ls-field-footer/ls-field-footer.js +1 -1
- package/dist/collection/components/ls-field-format/ls-field-format.js +11 -11
- package/dist/collection/components/ls-field-placement/ls-field-placement.js +1 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.js +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +2 -2
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
- package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +3 -3
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +2 -2
- package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +1 -1
- package/dist/collection/components/ls-formfield/ls-formfield.js +2 -2
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
- package/dist/collection/components/ls-icon/ls-icon.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-page-loader/ls-page-loader.js +2 -2
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +8 -8
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +9 -9
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-tooltip/ls-tooltip.js +1 -1
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
- package/dist/components/ls-compose-manager.js +2 -2
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +84 -90
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-editor-table.js +1 -1
- package/dist/components/ls-feature-column.js +1 -1
- package/dist/components/ls-field-alignment.js +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-dimensions.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-footer.js +1 -1
- package/dist/components/ls-field-format.js +1 -1
- package/dist/components/ls-field-placement.js +1 -1
- package/dist/components/ls-field-properties-advanced.js +1 -1
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-container.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +14 -14
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-image.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-field-size.js +1 -1
- package/dist/components/ls-field-type-display.js +1 -1
- package/dist/components/ls-formfield.js +8 -8
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-number-input.js +1 -1
- package/dist/components/ls-page-loader.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-radio-input.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-select-input.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-text-input.js +1 -1
- package/dist/components/ls-textarea-input.js +1 -1
- package/dist/components/ls-title-input.js +71 -1
- package/dist/components/ls-title-input.js.map +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-tooltip.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-Du60SSaA.js → p-B5cnJ7Uh.js} +4 -4
- package/dist/components/{p-Du60SSaA.js.map → p-B5cnJ7Uh.js.map} +1 -1
- package/dist/components/{p-mRzg677Y.js → p-B6kmJVw0.js} +4 -4
- package/dist/components/{p-mRzg677Y.js.map → p-B6kmJVw0.js.map} +1 -1
- package/dist/components/{p-CGQK3l8F.js → p-BDTgDxaX.js} +4 -4
- package/dist/components/{p-CGQK3l8F.js.map → p-BDTgDxaX.js.map} +1 -1
- package/dist/components/{p-BQZBAjo_.js → p-BFUdzGLI.js} +3 -3
- package/dist/components/{p-BQZBAjo_.js.map → p-BFUdzGLI.js.map} +1 -1
- package/dist/components/{p-C7NAh_4L.js → p-BFkdb2U_.js} +16 -16
- package/dist/components/{p-C7NAh_4L.js.map → p-BFkdb2U_.js.map} +1 -1
- package/dist/components/{p-DKaEsQyk.js → p-BQL_JBkw.js} +4 -4
- package/dist/components/{p-DKaEsQyk.js.map → p-BQL_JBkw.js.map} +1 -1
- package/dist/components/{p-C9CUft6J.js → p-BSpwN-xy.js} +6 -6
- package/dist/components/{p-C9CUft6J.js.map → p-BSpwN-xy.js.map} +1 -1
- package/dist/components/{p-CkFd7bKg.js → p-BWxN_Vjk.js} +16 -16
- package/dist/components/{p-CkFd7bKg.js.map → p-BWxN_Vjk.js.map} +1 -1
- package/dist/components/{p-CazTGpgq.js → p-B_JOCgcw.js} +4 -4
- package/dist/components/{p-CazTGpgq.js.map → p-B_JOCgcw.js.map} +1 -1
- package/dist/components/{p-BkGFz-xz.js → p-BgkYJeKL.js} +16 -16
- package/dist/components/{p-BkGFz-xz.js.map → p-BgkYJeKL.js.map} +1 -1
- package/dist/components/{p-Dz_jxFKX.js → p-Bkyhs-9F.js} +3 -3
- package/dist/components/{p-Dz_jxFKX.js.map → p-Bkyhs-9F.js.map} +1 -1
- package/dist/components/{p-BbRzNkJ-.js → p-BrNFnrQ5.js} +4 -4
- package/dist/components/{p-BbRzNkJ-.js.map → p-BrNFnrQ5.js.map} +1 -1
- package/dist/components/{p-Dptgi5Xh.js → p-Bs5jafH9.js} +16 -16
- package/dist/components/{p-Dptgi5Xh.js.map → p-Bs5jafH9.js.map} +1 -1
- package/dist/components/{p-CDwLcWbC.js → p-C0jnLrrj.js} +29 -29
- package/dist/components/{p-CDwLcWbC.js.map → p-C0jnLrrj.js.map} +1 -1
- package/dist/components/{p-BpYfMaZS.js → p-C5Vb76Fm.js} +16 -16
- package/dist/components/{p-BpYfMaZS.js.map → p-C5Vb76Fm.js.map} +1 -1
- package/dist/components/{p-BjENvp2j.js → p-C6pzA2Lp.js} +4 -4
- package/dist/components/{p-BjENvp2j.js.map → p-C6pzA2Lp.js.map} +1 -1
- package/dist/components/{p-BCPpSevg.js → p-CH80YX8k.js} +5 -5
- package/dist/components/{p-BCPpSevg.js.map → p-CH80YX8k.js.map} +1 -1
- package/dist/components/{p-BFlzDwrT.js → p-CHOBv8qd.js} +6 -6
- package/dist/components/{p-BFlzDwrT.js.map → p-CHOBv8qd.js.map} +1 -1
- package/dist/components/{p-Bhk_cXZ7.js → p-CHZeQy3Z.js} +10 -10
- package/dist/components/{p-Bhk_cXZ7.js.map → p-CHZeQy3Z.js.map} +1 -1
- package/dist/components/{p-DFIjS6r1.js → p-CJkBPERb.js} +10 -10
- package/dist/components/{p-DFIjS6r1.js.map → p-CJkBPERb.js.map} +1 -1
- package/dist/components/{p-BBA3G6dD.js → p-CKGxyjXl.js} +16 -16
- package/dist/components/{p-BBA3G6dD.js.map → p-CKGxyjXl.js.map} +1 -1
- package/dist/components/{p-CUdAWxnx.js → p-CPvKTPe5.js} +15 -15
- package/dist/components/{p-CUdAWxnx.js.map → p-CPvKTPe5.js.map} +1 -1
- package/dist/components/{p-BFyGNCKU.js → p-CQbfOsEw.js} +10 -10
- package/dist/components/{p-BFyGNCKU.js.map → p-CQbfOsEw.js.map} +1 -1
- package/dist/components/{p-DeiaBmYM.js → p-CUKHkPYp.js} +7 -7
- package/dist/components/{p-DeiaBmYM.js.map → p-CUKHkPYp.js.map} +1 -1
- package/dist/components/{p-CpViLazu.js → p-CidVEtba.js} +13 -13
- package/dist/components/{p-CpViLazu.js.map → p-CidVEtba.js.map} +1 -1
- package/dist/components/{p-BXuAvwyx.js → p-CkhPBlI9.js} +16 -16
- package/dist/components/{p-BXuAvwyx.js.map → p-CkhPBlI9.js.map} +1 -1
- package/dist/components/{p-DCiK4Zkr.js → p-CkqxItxD.js} +5 -5
- package/dist/components/{p-DCiK4Zkr.js.map → p-CkqxItxD.js.map} +1 -1
- package/dist/components/{p-aDB_kHQ9.js → p-CntMVGQM.js} +4 -4
- package/dist/components/{p-aDB_kHQ9.js.map → p-CntMVGQM.js.map} +1 -1
- package/dist/components/{p-CJSY3-Q3.js → p-CwkNbClZ.js} +3 -3
- package/dist/components/{p-CJSY3-Q3.js.map → p-CwkNbClZ.js.map} +1 -1
- package/dist/components/{p-BHkzqT6a.js → p-Czl42iXj.js} +7 -7
- package/dist/components/{p-BHkzqT6a.js.map → p-Czl42iXj.js.map} +1 -1
- package/dist/components/{p-CEB07hOR.js → p-D1Vbun-H.js} +3 -3
- package/dist/components/{p-CEB07hOR.js.map → p-D1Vbun-H.js.map} +1 -1
- package/dist/components/{p-BYnWFfwl.js → p-D2OTJcln.js} +6 -4
- package/dist/components/p-D2OTJcln.js.map +1 -0
- package/dist/components/{p-y-KagAwA.js → p-D7jf6qmY.js} +8 -8
- package/dist/components/{p-y-KagAwA.js.map → p-D7jf6qmY.js.map} +1 -1
- package/dist/components/{p-BcSJFRsU.js → p-DK4_6BnD.js} +12 -12
- package/dist/components/{p-BcSJFRsU.js.map → p-DK4_6BnD.js.map} +1 -1
- package/dist/components/{p-DSUzA701.js → p-DLH6tfrF.js} +5 -5
- package/dist/components/{p-DSUzA701.js.map → p-DLH6tfrF.js.map} +1 -1
- package/dist/components/{p-RSpx7qlb.js → p-DYgxVYY_.js} +16 -16
- package/dist/components/{p-RSpx7qlb.js.map → p-DYgxVYY_.js.map} +1 -1
- package/dist/components/{p-BIPw2c6i.js → p-DZJAZNpf.js} +9 -9
- package/dist/components/{p-BIPw2c6i.js.map → p-DZJAZNpf.js.map} +1 -1
- package/dist/components/{p-T-mzC4lc.js → p-DeijuJkt.js} +7 -7
- package/dist/components/{p-T-mzC4lc.js.map → p-DeijuJkt.js.map} +1 -1
- package/dist/components/{p-Bbzg-qau.js → p-DfkXv1vI.js} +3 -3
- package/dist/components/{p-Bbzg-qau.js.map → p-DfkXv1vI.js.map} +1 -1
- package/dist/components/{p-D95fiMAP.js → p-DnyBXRV4.js} +3 -3
- package/dist/components/{p-D95fiMAP.js.map → p-DnyBXRV4.js.map} +1 -1
- package/dist/components/{p-B3DQQkl0.js → p-Drbp3Wll.js} +3 -3
- package/dist/components/{p-B3DQQkl0.js.map → p-Drbp3Wll.js.map} +1 -1
- package/dist/components/{p-B_6EV5o3.js → p-DzeltV9H.js} +7 -7
- package/dist/components/{p-B_6EV5o3.js.map → p-DzeltV9H.js.map} +1 -1
- package/dist/components/{p-DazmCUCS.js → p-QIG8yroe.js} +10 -10
- package/dist/components/{p-DazmCUCS.js.map → p-QIG8yroe.js.map} +1 -1
- package/dist/components/{p-D67oKuip.js → p-SKySuEfc.js} +16 -16
- package/dist/components/{p-D67oKuip.js.map → p-SKySuEfc.js.map} +1 -1
- package/dist/components/{p-rOYFY0lA.js → p-kug3tj7P.js} +6 -6
- package/dist/components/{p-rOYFY0lA.js.map → p-kug3tj7P.js.map} +1 -1
- package/dist/components/{p-6JLudxC8.js → p-n1WnrNQm.js} +6 -6
- package/dist/components/{p-6JLudxC8.js.map → p-n1WnrNQm.js.map} +1 -1
- package/dist/components/{p-CvSaf_ja.js → p-nmGTYrW-.js} +5 -5
- package/dist/components/{p-CvSaf_ja.js.map → p-nmGTYrW-.js.map} +1 -1
- package/dist/components/{p-ChJc-tyl.js → p-pkGFr1Z2.js} +10 -10
- package/dist/components/{p-ChJc-tyl.js.map → p-pkGFr1Z2.js.map} +1 -1
- package/dist/components/{p-D836X_cy.js → p-tbdpKil5.js} +5 -5
- package/dist/components/{p-D836X_cy.js.map → p-tbdpKil5.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-compose-manager.entry.js +2 -2
- package/dist/esm/{ls-document-options_46.entry.js → ls-document-options_45.entry.js} +105 -146
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-properties-dropdown.entry.js +1 -1
- package/dist/esm/ls-formfield.entry.js +2 -2
- package/dist/esm/ls-number-input_5.entry.js +6 -6
- package/dist/{components/p-JIZHOmMy.js → esm/ls-title-input.entry.js} +10 -39
- package/dist/esm/ls-title-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-d223d66a.entry.js → p-00ab25ff.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-1442f973.entry.js → p-131fe514.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-512efea2.entry.js → p-309979de.entry.js} +4 -4
- package/dist/ls-document-viewer/p-309979de.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-96fe16df.entry.js +2 -0
- package/dist/ls-document-viewer/p-9d295f9a.entry.js +2 -0
- package/dist/ls-document-viewer/p-9d295f9a.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-ccbc4663.entry.js +2 -0
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +4 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/p-BYnWFfwl.js.map +0 -1
- package/dist/components/p-JIZHOmMy.js.map +0 -1
- package/dist/ls-document-viewer/p-31f8c44a.entry.js +0 -2
- package/dist/ls-document-viewer/p-512efea2.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-caa89c6c.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-d223d66a.entry.js.map → p-00ab25ff.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-1442f973.entry.js.map → p-131fe514.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-31f8c44a.entry.js.map → p-96fe16df.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-caa89c6c.entry.js.map → p-ccbc4663.entry.js.map} +0 -0
|
@@ -45,31 +45,31 @@ export class LsFieldFormat {
|
|
|
45
45
|
return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
|
|
46
46
|
};
|
|
47
47
|
render() {
|
|
48
|
-
return (h(Host, { key: '
|
|
48
|
+
return (h(Host, { key: '76d6f65cba421c0e9ae3886f5b8c00d00dea313a', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'ce1e85055e6036c818ffd74386841e2105d0e307', class: 'ls-field-format-bar' }, h("div", { key: '263533896b0d1552dedc2be743665ab432c811a8', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '53b29313a2363f17a69e68a22cf6647b1335994c', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'cc3707b3f3e7d25ad7f5fe18c9b7e845be5654dc', id: "ls-toolbar-font-select", onChange: input => {
|
|
49
49
|
this.alter({ fontName: input.target.value });
|
|
50
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
50
|
+
}, class: 'has-leading-icon' }, h("option", { key: '7c9f5332ae3e5688c3d20292c8c67abbec50a3c1', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'e0c5648f78cd95dffc056a22853173416e851f1a', value: "arial" }, "Arial"), h("option", { key: '84cb8ba4c94cd226bb8641b13af7e99262d7fc93', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2b43a7e50838bb2de4d51d10ea40992eff0b0c73', value: "courier" }, "Courier"), h("option", { key: '54163a61162c4c5fc05d77f8432ec2810d3aae59', value: "helvetica" }, "Helvetica"), h("option", { key: 'c056efd5e5dd6bc09737a4f5b0c552311044dff0', value: "verdana" }, "Verdana")), h("ls-icon", { key: '03c671b1ec055c40aff8d9066a99e2c6edf9aeb9', id: "selectorIcon", name: "selector" })), h("div", { key: 'af77456935679b30e0e99c3cd319257575b636b8', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '1d7412d9610a51ea42d89c6a84239a5e9f7134c9', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'b32dd35583ddba5066b7a9479e73cbec3b51f49b', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
|
|
51
51
|
if (input.target.value === '')
|
|
52
52
|
return;
|
|
53
53
|
this.alter({ fontSize: input.target.value });
|
|
54
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
54
|
+
}, class: 'has-leading-icon' })), h("div", { key: 'fe0e8427c51778982f855d1a75f137bdede9acbe', class: 'button-group' }, h("button", { key: 'ee7e2411d8ae22e7aba9289e8921436d2853ab22', onClick: () => {
|
|
55
55
|
this.alter({ align: 'left' });
|
|
56
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
56
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '8bde9435f8c4ba33554cfa40c357b66de6b43ddc', name: "menu-alt-2" })), h("button", { key: '6638d5d9ca6d7660aa239498257f5e5651e1ea8b', onClick: () => {
|
|
57
57
|
this.alter({ align: 'center' });
|
|
58
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
58
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '0b8079276c0ded5f7d7bb4e3ceeaaa1e7cccba84', name: "menu-alt-5" })), h("button", { key: '245c6b7ba9feffb0744912fa5ba4a8281e846a82', onClick: () => {
|
|
59
59
|
this.alter({ align: 'right' });
|
|
60
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
60
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'ee4f87dc400df7ee6e96bbcfab1e79550581b2ef', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '1cada21e16b4218c50eed7f7f47620e00a3e4f93', class: 'ls-field-format-bar' }, h("div", { key: 'c0bf19a3733551a2b28b67efe53b9588a7d2e528', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '1968f660740e8b292b9fd7c6b0b351b3d1007a04', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '32185b7ba976ab050853ae88d4813f08774159ce', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '3d2de2bbbf52eebf7110472d1be231e79cb6beb3', id: "ls-toolbar-font-select", onChange: input => {
|
|
61
61
|
this.alter({ fontName: input.target.value });
|
|
62
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
62
|
+
}, class: 'has-leading-icon' }, h("option", { key: 'e9598b7011df4574e756064931e92f20c85101b9', value: "arial" }, "Arial"), h("option", { key: '8330da4991f31f4d613731b3d933ce1f4de37188', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'ca969de9430f760714d246504f24a5a6e15079b4', value: "courier" }, "Courier"), h("option", { key: '922d78fb1ddcb3dbeedeed087576c1c10121c5c9', value: "helvetica" }, "Helvetica"), h("option", { key: '726313fc22d9bfbd85836974089976b408eca14f', value: "verdana" }, "Verdana"))), h("div", { key: '4a5dd1dc8ce193f037febfeed7da6458a399702d', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '2c52b48225642f171571e3e8800c5c043b431d2c', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'adfd522269f13843b2a0f86e3dd50389453407c0', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
|
|
63
63
|
if (input.target.value === '')
|
|
64
64
|
return;
|
|
65
65
|
this.alter({ fontSize: input.target.value });
|
|
66
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
66
|
+
}, class: 'has-leading-icon' })), h("div", { key: '5a7e595287b645865c958d37942c968d79643866', class: 'button-group' }, h("button", { key: '186fa6758cb7ea11d020d5caca9edfc10414060e', onClick: () => {
|
|
67
67
|
this.alter({ align: 'left' });
|
|
68
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
68
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'ec1365fbaa3a9906c7074f967b103f2cf38642ba', name: "menu-alt-2" })), h("button", { key: '6badeae61b901e2a59a569a3a9d592d695e17c93', onClick: () => {
|
|
69
69
|
this.alter({ align: 'center' });
|
|
70
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
70
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: 'f999b7abf51a0d686f4cfe20922117564ae521af', name: "menu-alt-5" })), h("button", { key: 'abc821a566f6b136dffbafa4e6fd5c625e792695', onClick: () => {
|
|
71
71
|
this.alter({ align: 'right' });
|
|
72
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
72
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '049d6e7432caa737d0858731f0e84a053fc819a0', name: "menu-alt-3" }))))), h("ls-tooltip", { key: '03b64c9d83b9e8f26f01c420b4d11181ce9a09e2', id: "ls-tooltip-master" })));
|
|
73
73
|
}
|
|
74
74
|
static get is() { return "ls-field-format"; }
|
|
75
75
|
static get encapsulation() { return "shadow"; }
|
|
@@ -51,7 +51,7 @@ export class LsFieldPlacement {
|
|
|
51
51
|
attachAllTooltips(this.component.shadowRoot);
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: '8e93d504c59f8fe602219fbb3ac6e31557311557' }, this.isMultiple(this.dataItem) && (h("div", { key: 'a87c48d4e205430175a4f620117e4a01c2d2138d', class: 'ls-field-properties-section' }, h("div", { key: '2fa5668e33ff54813df4c4e96d643822a8cb2042', class: 'ls-field-properties-section-text' }, h("p", { key: '19a69739d7e581df62f647b234d0ef71a56a92ca', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '67c1ae8cbdce9f640b1a0b05af316716d5d4cc46', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '2e0b9e18f21e4d2ac6ec5568d3499b0f7dcc7cb1', class: 'input-row' }, h("div", { key: '30e1f4fcf72cd3b4a9fc8e7fcb110949904b7d13', class: 'input-wrapper' }, h("ls-icon", { key: 'c3a901e6ff2ef14267d6d8880174525ac85664d7', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '8b154ebda590ac44903f36ba75b2604593833036', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '22fb1402a7755e44b4bddf4679f7028316a8037f', class: 'input-wrapper' }, h("ls-icon", { key: 'f0f69c7ba55b081a974700ddff27498fd862be04', id: "selectLeadingIcon", name: "y" }), h("input", { key: 'e3c970c8eadabb84b23a54b766b094f659226b30', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '9b901011d5f575852eed2b660b245163a7e3e94f', class: 'field-set' }, h("div", { key: 'd78045fbffb3cb4f9da7a8d6ce4b61dc81b2b066', class: 'ls-field-properties-section' }, h("div", { key: '3497a08b171472a7460ab994245100a041d8eef2', class: 'ls-field-properties-section-text' }, h("p", { key: '00da2370280a40f157f7ded56813f03ae59e1898', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '2384ee6d72622669a83e5043553e175d65f4d654', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: 'cd0d415acceacba5a59f8ae66678033b5a1b3e13', class: 'multi-button-group-row' }, h("div", { key: '0c175ae0dfde633e88ba491884b8cbe94482c31b', class: 'button-group' }, h("button", { key: '7ee30c1ea1dbabc2f8eb76dc2391e35cef084b1c', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '6fa865027b58d0d3db5382184823bab893f3469f', name: "field-alignment-left" })), h("button", { key: '4b376c40bc8e189649e8538f2847d445046bcb65', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: '326ebc8b0f8ff9a1170a05a5e75c38866ec55033', name: "field-alignment-centre" })), h("button", { key: '386854721462d3c450773070ee4d6dd56596c398', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: '92a089288cda26058db4b9b570caccd31fc852cf', name: "field-alignment-right" }))), h("div", { key: 'ed226a73dc0d32e6830eec80105e0938eaf8b8cf', class: 'button-group' }, h("button", { key: '8fc399e06bbf34284ab880490cbaa1745cc43c67', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: 'bd87c6420e3f4c5dbd409f371cc72964e295b776', name: "field-alignment-top" })), h("button", { key: 'cf4b6111d166e76f02bd34f881f7cb4817ffa723', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '8a616e56f8dc692ae8043c0fe15045838d60507b', name: "field-alignment-middle" })), h("button", { key: '45a1b7eafdd09a024fb4dad806377f867c6e77a4', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '020764a04b64100aac1019284a071d768fdccc5f', name: "field-alignment-bottom" }))))), h("div", { key: '09c4e324a65221a9e739fcd56e486e1167cb96e7', class: 'ls-field-properties-section' }, h("div", { key: 'd9e40fc3fcabc2d2fe52149f0a25389efea8989e', class: 'ls-field-properties-section-text' }, h("p", { key: 'de9f99818da2f31d61b2f844c245bf6eabda1e48', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '5b5712bf6e3c3a5fdf84ed706bb7fb7aa62e30d9', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '0f6221de9fd02346792e2b06f398ff9375461c46', class: 'input-row' }, h("div", { key: 'c7e40f6df6925b8905223a136c1d64f05b26d5f0', class: 'input-wrapper' }, h("ls-icon", { key: 'a2081cf36c44f3ccee7b737744e20fde96e3d58c', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '29de67a93199f89da679902fd9e8964cd28d0dc0', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'd3b1c71eb1f261d8d26bafe6d245b0bb8087f3d7', class: 'input-wrapper' }, h("ls-icon", { key: '5822af40c40b8bba666592943271d11a54128dc9', id: "selectLeadingIcon", name: "y" }), h("input", { key: '56879c0e8195c943d59ddbaf0ff25704512e2a35', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: 'e33848f600c84029d2f59c039c5d17c622162f06', class: 'ls-field-properties-section' }, h("div", { key: '4edc72ca1c3e82db755ac4b5143fa618acf48195', class: 'ls-field-properties-section-text' }, h("p", { key: 'c46244e187dbd788eda6b4e9b3d4b94cd5f06ab6', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'f9172724db3f5df3ab9c39320fad11f9ea56f333', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'd7129f72c8057d07effcea7096d335545c56ac87', class: 'button-group' }, h("button", { key: '2645b0e213599bf1dc93fcd6ebf70f43710cf72a', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '0dbcc5c32141cf6c63e06feb1d31328bbd796fa8', name: "field-distribute-vertically" })), h("button", { key: '8acb95f4f0a5351bd9935f8524b712c08a15b48a', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: 'f0a1a1df6c5c290b614839a33c90efa4fbda4e30', name: "field-distribute-horizontally" })))), h("div", { key: 'db2732da927ce155eea6de22a1918c268e129d85', class: 'ls-field-properties-section' }, h("div", { key: '9deb78c5a75ca1a541b2a3a2be272937a8a5a76b', class: 'ls-field-properties-section-text' }, h("p", { key: '78db32539b94166cb62bc518344dd4e6486cf453', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '95c9d982a1925b054737d6148c3ff361269d5ea4', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '43e4c3ce3848f4ffd8a867236f070dcfc0950e2a', class: 'input-row' }, h("div", { key: '032032a7ae2548e56bfe82cb17a3e7c6038a6aea', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '6f213b3a0556e8bcd0e419489c0575d543d8ac77', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '956aba482021272690d298b56777bbc47cc534cd', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '41f66794a3c8c4370eca9adb25d6aa5cfa705300', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '10df619222401790e78687af57c3aff5c899cfc6', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: 'fb21a896341bef926bd3357a70f79ab70c3c1175', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '1da98656abb6639ec60a4110a122587b8f721b16', id: "ls-tooltip-master" })));
|
|
55
55
|
}
|
|
56
56
|
static get is() { return "ls-field-placement"; }
|
|
57
57
|
static get encapsulation() { return "shadow"; }
|
|
@@ -38,7 +38,7 @@ export class LsFieldProperties {
|
|
|
38
38
|
event.stopPropagation();
|
|
39
39
|
};
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: 'e7227a39b6d34da686b1077f3964b50babbfd3b7', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '9b0e0e549711681abf82a404668504439b42c68a' })));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "ls-field-properties"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js
CHANGED
|
@@ -52,10 +52,10 @@ export class LsFieldPropertiesAdvanced {
|
|
|
52
52
|
return '';
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: 'a7ad1697f4b329ac1a43928e8d3f248d7d83e8c2' }, h("div", { key: '453c1146cc0c240c9e5024f2239b46d051fe7f8f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '09f6842e5dd0cd3ce2304105f53776ab75de7bde', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: 'ec9e254f995db1a731559e6a486103c90a283454' }, "Advanced Properties")), this.expanded && (h("div", { key: '0d78df448e715ae48c9d3056cc2045eb80435471', class: 'field-set' }, h("ls-props-section", { key: '378b525bd9d90f67e66d23aef89c1a90e72191c8', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '7fff85c8ca9bf8623e09d3fbddc99193d02a223f', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
|
|
56
56
|
console.log(e);
|
|
57
57
|
this.alter({ fieldOrder: e.target.value }, 100);
|
|
58
|
-
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '
|
|
58
|
+
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '1acdb4e42e843c7df99ea8d591056c530ef0666d', sectionTitle: "Ref. Name" }, h("input", { key: '1cdb174f66cc80372ec45c7d633c0b5b92217015', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '9bf9c95ac4434883e04bba1cc25ce3615edbd724', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, h("select", { key: '49d87771e92f2355bbdc09ddb1f17e1e950691ee', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'ec72dcc31d227996bebcf70a3e090d98bd4103be', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'ac8684b302d4ad04b4838c508e537c4315659a85', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'de0cc8c8afe8848f0588850101a1223ff35823d9', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '038488bca973a04f6e71bb3ad6f3a585f2ddb9a3', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '4d8e5cb2195f46695c79c7fba470fc0e5c9706cb', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'c109689bac1c4817e13f64549cce1a375d1f7620', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "ls-field-properties-advanced"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesAutosign {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '8f7b942e74e8ca72125f9967333c05994d529b7c' }, h("div", { key: 'f59182d1ceeed8952ff89dc8b916d7b306e26b2d', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '6c82316c12286e0800c477255be78c6d87fba5cf' }, "Label: ", h("input", { key: '5c97471656ff9423ced68e73b5706f67dec961dd', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ec8a96054dbfcd714bd67a1e9ef26b3c204c77bc', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '15dfcbe70f384ed36264f70e29b6de1a146c0724', dataItem: this.dataItem }), h("ls-field-footer", { key: '69c1d133cb2aadfd442d16b5a2a1e045fecfa47c', dataItem: this.dataItem }), h("slot", { key: '4ec1b62695aea8064d6a8d88519f51545d711015' })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-autosign"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js
CHANGED
|
@@ -9,7 +9,7 @@ export class LsFieldPropertiesContainer {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '53ec50cb4bed6c89e5dd9c6b6f9b6c5806a24f4f' }, this.tabs.length > 1 && (h("div", { key: '9aab8cb38bbbeb7340369cf08c3d582a089d4f13', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), h("div", { key: '72e4e92e7686600e0ee69100cc3f5bb81e3c52ce', class: 'scrolling-container' }, h("slot", { key: 'd467efe7e8b3778ef2a87322d67efc5c1ced931f', name: this.selectedTab }))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "ls-field-properties-container"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesDate {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '8021caf2babf1e55e2cab2255de83ef630eb66a5' }, h("ls-field-properties-container", { key: '31c8586d9247496ae0667a47bda4624433a8adb5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '6dcabde29d1104cb7234a93e7b788dca5383f52c', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '225625b9689af57e73c902afd4914bf05303a2da', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '6ef5faeb8fe942b0e57cac89b2d2e1d5adc09dce', dataItem: this.dataItem })), h("div", { key: '4f9d118007cf10cfa98f904f4cbfc0f7880eff02', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '6447592c9b79be8a654cddea6546569c275509e2', dataItem: this.dataItem })), h("div", { key: '9ecb6fdf987d490aa0f9c304f608b9d54f516d10', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '00187429d6c2211018829e46c7d8083864198090', dataItem: this.dataItem }))), h("ls-field-footer", { key: '76593a46924b8dacf82a25bd570bb77abc530ef7', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-date"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js
CHANGED
|
@@ -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: '
|
|
5
|
+
return (h(Host, { key: '34393aa0aed559d479414795871cbee9b3a117eb' }, h("ls-field-properties-container", { key: '91c8b0a38cb9474200ec0c6bd58231393c21e10e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cb9c4d51d5d3e013262ceb60ba28df9f08f8e6b0', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '18c97178737c90a47c130caaab23eac7d47da9e8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '330d32e42271685620bff6c800844b1ed0cb7889', dataItem: this.dataItem })), h("div", { key: '9c5f12719c47710a0c35fd1f94b7944ad44d0cbe', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '53867c7cabea5e2b4b6a082fe46560145bff8606', dataItem: this.dataItem })), h("div", { key: 'cdb2ac01bf8156dbe0762f9e157e15fa04c94ad4', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'f5ab6c9af8bfb76c975749c2d437c4a3992bd026', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ede3a91942bc314741269fdf0acc536be3ef022c', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-dropdown"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesEmail {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'b8be9ad0c308bdbe727e04e24126d7fe866e2865' }, h("ls-field-properties-container", { key: '1998979a71327ff9cdac2b05b31b9ac26601a01f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '4824463a3b9244c32ae64d3c723bca2c5b70b6b9', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '483953b0115f46b55703a466c01258c4c0ef0a53', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f6face0b157671f407b4f42232d605643f6ce54b', dataItem: this.dataItem })), h("div", { key: 'c5f652ade0cbc6ae6d4e629a94e31364c1477f65', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'e6c68cf9a27dc8e8f8fdb044f82782e26fd88281', dataItem: this.dataItem })), h("div", { key: 'c0fe6dcf30a36de1c2be03c3ca8b15c2691b7a48', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7c87b56b0d3ddd53a61e5c36d74ef63a98273ef8', dataItem: this.dataItem }))), h("ls-field-footer", { key: '8b6dc7f7ac250296e842c9d7855431483ce5139c', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-email"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesFile {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'fa0b1b553dc115510672c4df9f38c134411fbd7f' }, h("ls-field-properties-container", { key: '4c823538c33402f3f3f4e85c5f61a5fea3c5946b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3ffd19f0e70dfe6877738fe37526fd3b71af698d', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '0a5e966cef74ebd6e011761227006e322bed1c3c', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '2b989eacec76fc3f77283b0920a2c1f4a1faa982', dataItem: this.dataItem })), h("div", { key: '0d5b3e94c8ea4678442d651c75d1af4df9c36856', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'e409d8e93f2226a0c12fdb973475dc3d9776a014', dataItem: this.dataItem })), h("div", { key: '9eae84be99f31b6c30567504f1ff0a878633da26', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '10320078816bd2e90d99972000f9ea1b20fb6774', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5c375f35260c960ec160e160b204533d2be9cb3e', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-file"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesGeneral {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '9231fc9a9506b2c24a5980dd7fc37a5feb90fcdd' }, h("ls-field-properties-container", { key: 'fff36ff8b257ac84e6ba221066c74c29b5a6ea1a', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '36546b46fd46b82ff4244978e6bfa5c816eac75d', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '10f57091190a7e395f8f01f98280a8f1299f0ecb', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '42b74f0a83dc7e3203e9fe3c4ff3f257174ae76d', dataItem: this.dataItem })), h("div", { key: '9041c439380fd62d4172dcf301fb3ce5c1d88ab5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'b3d7062cd82f5f8a9a4087141d62dc99c8991637', dataItem: this.dataItem })), h("div", { key: '0d083497fc1b689ed1712c4537d05582426067be', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'd388a3cb53de483bdcda41c3531a84e7608bb1a6', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'b9919112f4bf3d488ddcf07fd909549470d039a4', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-general"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesImage {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '3ff5c77d26f91c08c85ff399d0f6414e3d725ffa' }, h("ls-field-properties-container", { key: '94350b570e5bc4a40b23cc2053d8592aca715a73', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '79744756529ed9dab46cb07c845244fbb9257026', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd287536a889fe12aef700e9a097def0675034c84', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f0d2b04ecee2e9811445b57040bc42b8a20c169a', dataItem: this.dataItem })), h("div", { key: '9ce98863558b28fb10413f80cd9f3ae48474667f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '154aac09af7e7d3dee602774eed01c54151d64c5', dataItem: this.dataItem })), h("div", { key: 'fff7690a970a9d09e0488a1e9d651a61783f2833', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '94360dbb76fe205f2badd974d9c63c1a0443cc88', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'c11e8a59c700e91c900b4cba9f4d9ab7553fbbcd', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-image"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js
CHANGED
|
@@ -51,14 +51,14 @@ export class LsFieldPropertiesMultiple {
|
|
|
51
51
|
return { isSame: allSame, optional: allSame ? firstElementOptional : false };
|
|
52
52
|
};
|
|
53
53
|
render() {
|
|
54
|
-
return (h(Host, { key: '
|
|
54
|
+
return (h(Host, { key: '4c933e525573ac75516a6267699cf2439993a81a' }, h("ls-field-properties-container", { key: 'f36241842194992c468d3fd4550b8bb267547ba7', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '694f49d6e7390209635ef829c949c713e46d25a2', class: 'field-set', slot: "content" }, h("div", { key: '1cda11076eeac73dcf769c7fb75e6b112c31944b', class: 'ls-field-properties-section' }, h("div", { key: '6c50b81a9abf5238b5f0292d7761bed770094325', class: 'ls-field-properties-section-text' }, h("p", { key: '06529fce334986e650d7e143203681568e7b6667', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: '33e5853fd58be591bc7b4a94f29b763cf45060af', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '2c5789e7fc1e897a8eff069358ea1f300a3e410d', class: 'ls-field-type-wrapper', style: {
|
|
55
55
|
border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
|
|
56
56
|
background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
|
|
57
|
-
} }, h("div", { key: '
|
|
57
|
+
} }, h("div", { key: 'ae673892c6763901f61e32bcca01a272fa7912ec', class: 'ls-field-type-inner' }, h("div", { key: 'd627efdf5b3012d5fdd9c06972dcc91e5ee047de', class: 'ls-field-type-icon', style: {
|
|
58
58
|
border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
|
|
59
59
|
color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
|
|
60
60
|
background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
|
|
61
|
-
} }, h("ls-icon", { key: '
|
|
61
|
+
} }, h("ls-icon", { key: '4529db689b799afaa858c632247acb2f113dbfd2', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), h("p", { key: '1b1c13b07140baaab4228d8841cf44bdf96de05f', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: '22a7cc983467e83811dacd5a576602482e4a17bd', class: 'ls-field-properties-section row' }, h("div", { key: '579656ab2fcdf8606ba1bec64a22659b0ff9bdb7', class: 'ls-field-properties-section-text' }, h("p", { key: '6be5bb839073a4cf93ddabd17436c30ad7af9655', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: 'e373cb19aff6d0c7ab590b6fdd23e6543fadd3b6', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'e8286446d100ad167fa34e36f7e3dfbef9e0a81f', class: 'ls-field-properties-section' }, h("div", { key: 'b88a455310a8d54cec597131a930462e6bec2f76', class: 'ls-field-properties-section-text' }, h("p", { key: '5f13462dbd3e76d77a2d124c95e12badf31350d7', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '0326610a1e07cfdbb4f5c24a3a42b7fd1f610b7f', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '0ba3cb9760e5cc6cd36a4b23b2bc58496ef111de', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '8ed67e2339ad7c8a90befb4a988566de62691ed5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4dd7a56c1b9686a7ad7d971c99cd3469e6338a6a', dataItem: this.dataItem }), h("ls-field-size", { key: '919cda6e69cec2016c69240bf1520e75ee4da500', dataItem: this.dataItem })), h("div", { key: 'd8091c90a9c1defe36a93def542e7f2136a78de1', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'adc7d420039b1e03b35b1e833d5fd3c666b89afb', dataItem: this.dataItem }), h("ls-field-placement", { key: '4f373978bafaabcd22fa4131d2486db0703f3e4d', dataItem: this.dataItem }), h("ls-field-distribute", { key: '53f064af738a789c84e0ec294ade212be725568a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '343dbbf59c706bf321ca1fe5291af9f00e4e4acb', dataItem: this.dataItem }), h("slot", { key: '70468bdc38a4ea5371c7d49de8559fffa72b5b09' })));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "ls-field-properties-multiple"; }
|
|
64
64
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesNumber {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'cc2c8964352e5e6b6d266281a7f747f660005133' }, h("ls-field-properties-container", { key: 'f2d5529532cf2abfa59a2c6ec90281e81e2a5068', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ec018864c78e77b7570a497d1cb985cd11ec67a9', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '49f673e5220bcd1e0db764e15883fb1cd225b06e', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '49a5043c391cff90710de9e1a715bbf0dd347431', dataItem: this.dataItem })), h("div", { key: '669a57f7c5ed46518472e38997404be9c6de13e5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '6df37aa19b7bb1014875453e3581eca75a639904', dataItem: this.dataItem })), h("div", { key: '2212b1e2a81fa7acf2f9a7a8fd08aa32a89e70e5', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'd6d12bb5d35c3a7bdc88e277f7f22006357e8e21', dataItem: this.dataItem }))), h("ls-field-footer", { key: '9c8c889b5d775b98c0e6a14e752e672771803666', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-number"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesSignature {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: 'bbfe2be4e06b13285629996347cd32045c8db3dc' }, h("ls-field-properties-container", { key: 'ace79d18b04551bf1c8adde500edae043332152b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '9bfd16bcea95469c32517482a5694e95f29853ac', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'e918adbb62e2d19f8bcb711f4c07b9c61673cef5', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '49ece3d051327d76f1d0d750cd7b353a09d823ee', dataItem: this.dataItem })), h("div", { key: 'a2784b5ae9d24e0d052c70c73355ef6b148f25c7', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '3dc7c28736b8bb186ab82399777c24373d3d543a', dataItem: this.dataItem })), h("div", { key: '8f49d14198f08339bd2a549237cd7b6de0b48cbf', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'e4d33217c4699e762dd877015a9fa67c00ef7609', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'd1e06c42c5794fe8aaeb7825bcd71191c5d31ae2', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-signature"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
export class LsFieldPropertiesText {
|
|
3
3
|
dataItem;
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '8a607871955795b70d3a6b74e339de28514471db' }, h("ls-field-properties-container", { key: '2c437986cddc967e1643ab6137878e548daf8423', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f8a6a287b27a23364f2441c95d2e4a0d1bcd62d3', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '640ba532e1df494d5ea95021e4fb7313c983864e', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'c296dcec627fec8d0866e55b1674d06ee9ad4b98', dataItem: this.dataItem })), h("div", { key: '07844752ada02a962c55867ecb0e91d198fc3249', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '73a2800047ce66b3f59b55169f8b01dc217f6137', dataItem: this.dataItem })), h("div", { key: 'dde74cc32532cdf2b8c3e8b18634ac37f49dd350', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '984f0533a980d5d0e98f6bc3c497b6b45ae74cc9', dataItem: this.dataItem }))), h("ls-field-footer", { key: '027244ce357a48cc25d60486ce54a22a6e1be50f', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-text"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -17,7 +17,7 @@ export class LsFieldSize {
|
|
|
17
17
|
attachAllTooltips(this.component.shadowRoot);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: 'c64b1112e2549d2dc89f41b34d950817df6d182a' }, h("div", { key: '15a9ce2865a2490b02a2fdfcccd6e2a3d2f20811', class: 'ls-field-properties-section' }, h("div", { key: 'c89d71391e4591fcebed9e9e8a73db018893fd1d', class: 'ls-field-properties-section-text' }, h("p", { key: 'e68285c80aa1dd10719fe57476ec6e5bec647723', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '37548247f6afa990a5674a94c9e867f7474f8bf7', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'a4d8ab5f836596f233b7675fb45baf082e62b80c', class: 'button-group' }, h("button", { key: 'f9511e04d4972a6e853bf054cd8c36a29d917488', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: 'b3fcb08b7a9da2c12ba4a9789e65d1a977b7baa6', name: "field-scale" })), h("button", { key: 'c1a278fd2478160d534793a55de977ba76d0b394', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: '73157241ffe55cbfc3b9cd8801c5dbd543998946', name: "field-match-width" })), h("button", { key: '796d1ebe732b4b0537161549b7f8b0f38afab823', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: 'd1df875b9623562891ef01f5b53b343be85b51bc', name: "field-match-height" })))), h("slot", { key: '51d72c8def0e4eac4527ffadedb6496d078337a7' }), h("ls-tooltip", { key: 'aa62235c7cd42b985fd24d15aa5036334e87bcad', id: "ls-tooltip-master" })));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "ls-field-size"; }
|
|
23
23
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,14 +7,14 @@ export class LsFieldTypeDisplay {
|
|
|
7
7
|
fieldType = 'signature';
|
|
8
8
|
render() {
|
|
9
9
|
const color = defaultRolePalette[this.assignee % 100];
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'a6789ca82e6e4261c1193f6db019733d34904f14', class: 'ls-field-type-wrapper', style: {
|
|
11
11
|
border: `1px dashed ${color.s30}`,
|
|
12
12
|
background: color.s10,
|
|
13
|
-
} }, h("div", { key: '
|
|
13
|
+
} }, h("div", { key: 'a95e889ef2e532547ac9879dbba7a5d2d00a86c7', class: 'ls-field-type-inner' }, h("div", { key: '9762ab0e1daa88b474caff3cc1f527642d746473', class: 'ls-field-type-icon', style: {
|
|
14
14
|
border: `1px solid ${color.s60}`,
|
|
15
15
|
color: color.s60,
|
|
16
16
|
background: color.s10,
|
|
17
|
-
} }, h("ls-icon", { key: '
|
|
17
|
+
} }, h("ls-icon", { key: '26e53ab3b01fe6657f670f173238b07a0e0c5698', name: getFieldIcon(this.fieldType), size: "1.25rem" })), h("p", { key: '756ae8d043fd195e0d8258f5feb31a76105d817b', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "ls-field-type-display"; }
|
|
20
20
|
static get encapsulation() { return "shadow"; }
|
|
@@ -34,7 +34,7 @@ export class LsNumberInput {
|
|
|
34
34
|
? 'invalid'
|
|
35
35
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
36
36
|
const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
|
|
37
|
-
return (h("host", { key: '
|
|
37
|
+
return (h("host", { key: '854a934295c4f06d0a0218bb26df4c2b8347ad8c', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'b9b060518ad7934720558bace95664f0d270afd7', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '0c0262976564f452599eca98b4174e5885e86d51', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: '118d6e36fe7aa2bd1c63b1ede4d88f90c3e14eae', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: 'a2c613b5ce3fc312c27cf80e9f8c7c709a6ce9eb', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '03c2a74000eeaca0d8abe0f2f95519a863bd1939', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), h("div", { key: '7e213c19c8d7ae104325445d4f029c39fb922315', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '66ed47a6912f656722e70f7b0dc6a74c6de01db7', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '584e1ba750a17469773ff1534c01272a7c488730', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '49d03d49316bb601acb06e0517b63d3834300375', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: 'ceb2b9fb8f2741c91ec5906ac1bc8f058863d8d6', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: 'c40ea5faac37c75f9400868c667cc382a0173218', id: 'buttonIcon', name: 'plus-sm' })))));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "ls-number-input"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,7 +11,7 @@ export class LsRadioInput {
|
|
|
11
11
|
render() {
|
|
12
12
|
const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
|
|
13
13
|
const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
|
|
14
|
-
return (h("label", { key: '
|
|
14
|
+
return (h("label", { key: '31f548698a16eff81e0a2f270e89295b80446677', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: 'd69ea6c81a54cd9f933c8d3385ffb4e474aa91e4', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'fb893fd4d1df25350afda196ea3cbd6c9f02d435', class: 'spanContainer' }, h("span", { key: '9eaa69b5f8272d09a3c1b68af65e48bff5792493' }, icon && h("ls-icon", { key: '1253b0402ff1b21ce2ccdafbb5ae9a5f28c78c89', name: icon, size: "16" })), h("span", { key: '38e5be64234f87b69cc079440d596a7cbafbccbf' }, label))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "ls-radio-input"; }
|
|
17
17
|
static get originalStyleUrls() {
|
|
@@ -27,7 +27,7 @@ export class LsSelectInput {
|
|
|
27
27
|
: displayOnly
|
|
28
28
|
? 'displayOnly'
|
|
29
29
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
30
|
-
return (h("host", { key: '
|
|
30
|
+
return (h("host", { key: 'eb7e4a36fee35582c74440cec4097f59ec4ad625', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c8a8d1c1755cb5cb3bccc1c2a41e04762d1a2bb7', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: 'a75719b9aaf600d2dc3ce0bf2e14bece1a0fc804', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '623e514b4fef20cc8b7f137e55fbc2b796bb992e' })), h("div", { key: '24ca82a5e1a29f199103f34eab545fbf64c3aac0', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'bdf61ed3d35b0389e78f568ba1c8fa15e0ca7703', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "ls-select-input"; }
|
|
33
33
|
static get originalStyleUrls() {
|
|
@@ -35,13 +35,13 @@ export class LsTextInput {
|
|
|
35
35
|
: dirty && !valid
|
|
36
36
|
? 'invalid'
|
|
37
37
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '73aeceeb5ad23dbde6fc235dd1a7d01ca6104365', class: 'host' }, fieldIcon && (h("ls-icon", { key: '4ebdfae891e04adcb0fc60bb2a9061eb067d1824', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
|
|
39
39
|
this.changeHandler(e);
|
|
40
40
|
} })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true, onChange: (e) => {
|
|
41
41
|
this.changeHandler(e);
|
|
42
42
|
} })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
|
|
43
43
|
this.changeHandler(e);
|
|
44
|
-
} })), h("div", { key: '
|
|
44
|
+
} })), h("div", { key: '54b6c799db1d92dd4167eca819f777587b964b58', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'cd07e6e62e09d1b236154ccda999223027dd25ed', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'bf3ad9022b470678279bb17658d643f83fa41182', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '4ca8ff613fd4068b3b12b50d1348d46683e7b101', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '213c952e9ad92aec814a28d16ef15cc348171a37', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "ls-text-input"; }
|
|
47
47
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js
CHANGED
|
@@ -26,7 +26,7 @@ export class LsTextareaInput {
|
|
|
26
26
|
: displayOnly
|
|
27
27
|
? 'displayOnly'
|
|
28
28
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
29
|
-
return (h("host", { key: '
|
|
29
|
+
return (h("host", { key: 'eaaa6168607629b07b75063035d67c7cd2c58402', class: 'host' }, fieldIcon && (h("ls-icon", { key: '80b6aadb69eed18136649722ac4d39c30ea5dca0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '7fa3acb5519dfd7f070e409a5eeb619c475c7c19', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: '955bde0dbe46c4f9c713622e9dd9d3f64d4b8347', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'f944e321b4318a1123e3f0b5ecb09c0fae5d9a46', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '90124248ce441075d6c8b417631ad9797fad2973', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '4904a282de55a2ec3a8bf3ea25891a2d9e7dedf3', id: 'buttonIcon', name: buttonIcon }))))));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "ls-textarea-input"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -38,10 +38,10 @@ export class LsFormfield {
|
|
|
38
38
|
render() {
|
|
39
39
|
const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
|
|
40
40
|
const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
|
|
41
|
-
return (h("host", { key: '
|
|
41
|
+
return (h("host", { key: '287883cc6c4e64c69978b4cddb7dd128a8752e39', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'c55d579264fe88a6f2981230deba9299b3e6a840', class: "formfield-top-elements" }, h("div", { key: '9421f23783396994fa8179ee9e48eaebd9088576', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '9d4ae64ee8a468fa6284bfada671508afedfe3d6', name: labelIcon }), h("label", { key: '146f1845abd5037da007b60d1c6938c3d779fda7', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '1571c4bdf442295ad101262c4b31fae7c78c2fad', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
|
|
42
42
|
count ||
|
|
43
43
|
countMax ||
|
|
44
|
-
(descriptionText && (h("div", { key: '
|
|
44
|
+
(descriptionText && (h("div", { key: '4beee1b3de46e93e6f2140c843ea76f6fd83f1e1', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'afdead328fac758d58f6680d1f4abe9fe640d0b4', class: "formfield-count-container" }, h("p", { key: '874e22cdbf52ff5ee5b04a6a353cc8fdf88f789d', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'cc53500d95ed74d959f62d4a0093a90bd5bac9cc', class: countClass }, h("p", { key: 'd3db9761a6c627f2e75d36973c9f897c20cafff8' }, "/"), h("p", { key: 'b4098fc9c862d2b4923dc778e8db2d709f50e37c' }, countMax))))))))));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "ls-formfield"; }
|
|
47
47
|
static get originalStyleUrls() {
|
|
@@ -8,7 +8,7 @@ export class LsHelperBar {
|
|
|
8
8
|
attachAllTooltips(this.component.shadowRoot);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: '80424695aca9605bd33babee48b04cddcaefa9d9' }, h("div", { key: '979fba7eec4fd2bf68c1ed007c9cc3e4b74d0c02', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '2b10c0bef11fd14a63c7628f99ae8de2513adb28', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: '05b53b94530483978525287ff10dccc30ca76d0c', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: '864e327f400448697409a8642f811b54a61bd4b0', name: "keyboard" })), h("button", { key: 'ff49004d9d542840ad6e9ba5773b5ef4800464e0', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: '1fbff5315dbfc77f58614407c01cf49d73abcfae', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("button", { key: 'e143f7a303bec97b1e3b4908fba164c3254debac', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, h("ls-icon", { key: '7bec6819f47d101a99e52c9caeec453cb5c6375f', name: "support", "data-tooltip": "Contact Support", "data-tooltip-placement": "left" })), h("div", { key: 'ef1aebc179e96aa84fe9ca9a4317fdb6fcaff2f3', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: 'ac03a8fd323b0017bb5eb6b0aedb3ca2fed0978e' }, h("ls-icon", { key: '9c3a5b22caf69a0399ecae747e2bb41026ac455b', name: "question-mark-circle" }))), h("slot", { key: '3e618338807c195c821e0d08a04703d40fd6273f' }), h("ls-tooltip", { key: '30412afc90ae2ed34f669732d233457517727bbf', id: "ls-tooltip-master" })));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "ls-helper-bar"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class LsIcon {
|
|
|
25
25
|
console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h("host", { key: '
|
|
28
|
+
return (h("host", { key: 'c87c757eb7b4e09a565e9eb3dca45e46704aa30d' }, icons
|
|
29
29
|
?.filter((icon) => icon.name === this.name)
|
|
30
30
|
?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
31
31
|
height: `${this.size}`,
|
|
@@ -3,7 +3,7 @@ export class LsInputWrapper {
|
|
|
3
3
|
leadingIcon;
|
|
4
4
|
select = false;
|
|
5
5
|
render() {
|
|
6
|
-
return (h(Host, { key: '
|
|
6
|
+
return (h(Host, { key: 'c5c345dfc85cbd2ad6d6123fd0d2669abbf3bf6d' }, h("ls-icon", { key: '3e363388ca88bccf26a7e48329047b2bbbb24d88', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '5938b99b9ab437fd17577657a09d3969257831cc', id: "selectorIcon", name: "selector" }), h("slot", { key: '132b760aaa656b181d8330bb4e5f201c76013f20' })));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "ls-input-wrapper"; }
|
|
9
9
|
static get encapsulation() { return "shadow"; }
|