legalesign-document-viewer 0.3.8 → 0.4.0
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_42.cjs.entry.js → ls-document-options_45.cjs.entry.js} +304 -165
- package/dist/cjs/ls-document-options_45.cjs.entry.js.map +1 -0
- 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/collection/collection-manifest.json +3 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
- package/dist/collection/components/ls-document-options/ls-document-options.js +2 -0
- package/dist/collection/components/ls-document-options/ls-document-options.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/keyHandlers.js +5 -0
- package/dist/collection/components/ls-document-viewer/keyHandlers.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +55 -10
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +93 -115
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js +24 -5
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
- package/dist/collection/components/ls-editor-field/ls-editor-field.js +23 -2
- package/dist/collection/components/ls-editor-field/ls-editor-field.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 +14 -8
- package/dist/collection/components/ls-feature-column/ls-feature-column.js.map +1 -1
- 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 +1 -1
- 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 +2 -2
- package/dist/collection/components/ls-icon/ls-icon.js +22 -1
- package/dist/collection/components/ls-icon/ls-icon.js.map +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-participant-select/ls-participant-select.js.map +1 -1
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.css +449 -0
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +203 -0
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -0
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.css +29 -0
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +19 -0
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js.map +1 -0
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- 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-toolbar/ls-toolbar.js.map +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.css +11 -0
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +49 -5
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js.map +1 -1
- package/dist/collection/components/ls-tooltip/ls-tooltip.js +1 -1
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.css +159 -0
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +64 -0
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js.map +1 -0
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.css +90 -1
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +26 -1
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/types/LSApiRecipient.js +2 -0
- package/dist/collection/types/LSApiRecipient.js.map +1 -0
- 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 +197 -161
- 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.d.ts +11 -0
- package/dist/components/ls-recipient-card.js +9 -0
- package/dist/components/ls-recipient-card.js.map +1 -0
- package/dist/components/ls-recipient-manager.d.ts +11 -0
- package/dist/components/ls-recipient-manager.js +9 -0
- package/dist/components/ls-recipient-manager.js.map +1 -0
- 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-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.d.ts +11 -0
- package/dist/components/ls-validation-manager.js +9 -0
- package/dist/components/ls-validation-manager.js.map +1 -0
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-qx-naHxz.js → p-9pxwrFws.js} +4 -4
- package/dist/components/{p-qx-naHxz.js.map → p-9pxwrFws.js.map} +1 -1
- package/dist/components/{p-CSmx-jJT.js → p-AZOh1kUH.js} +16 -16
- package/dist/components/{p-CSmx-jJT.js.map → p-AZOh1kUH.js.map} +1 -1
- package/dist/components/{p-CEc76IM2.js → p-B-j9D08q.js} +4 -4
- package/dist/components/{p-CEc76IM2.js.map → p-B-j9D08q.js.map} +1 -1
- package/dist/components/{p-DLxAjAd4.js → p-B2TUFMT0.js} +5 -5
- package/dist/components/{p-DLxAjAd4.js.map → p-B2TUFMT0.js.map} +1 -1
- package/dist/components/{p-CNX4llIr.js → p-B3axAGVs.js} +4 -4
- package/dist/components/{p-CNX4llIr.js.map → p-B3axAGVs.js.map} +1 -1
- package/dist/components/{p-XF3M9gAr.js → p-BHQ0WY5x.js} +10 -10
- package/dist/components/{p-XF3M9gAr.js.map → p-BHQ0WY5x.js.map} +1 -1
- package/dist/components/{p-Djqb_4PL.js → p-BUfnTaTZ.js} +6 -6
- package/dist/components/{p-Djqb_4PL.js.map → p-BUfnTaTZ.js.map} +1 -1
- package/dist/components/{p-CAWxK_LI.js → p-BiG71xua.js} +29 -29
- package/dist/components/{p-CAWxK_LI.js.map → p-BiG71xua.js.map} +1 -1
- package/dist/components/{p-wgy1HDlb.js → p-BmIVpWDh.js} +16 -16
- package/dist/components/{p-wgy1HDlb.js.map → p-BmIVpWDh.js.map} +1 -1
- package/dist/components/{p-5pLj6W__.js → p-BooZeojy.js} +10 -10
- package/dist/components/{p-5pLj6W__.js.map → p-BooZeojy.js.map} +1 -1
- package/dist/components/{p-1dvcNcdF.js → p-BvGLH5NQ.js} +16 -16
- package/dist/components/{p-1dvcNcdF.js.map → p-BvGLH5NQ.js.map} +1 -1
- package/dist/components/{p-yu8Gmj9y.js → p-BzY8ubZE.js} +5 -5
- package/dist/components/{p-yu8Gmj9y.js.map → p-BzY8ubZE.js.map} +1 -1
- package/dist/components/p-C8TAonIH.js +71 -0
- package/dist/components/p-C8TAonIH.js.map +1 -0
- package/dist/components/{p-CAbrMIbN.js → p-CIoxINZp.js} +7 -5
- package/dist/components/p-CIoxINZp.js.map +1 -0
- package/dist/components/{p-DkCVXmg3.js → p-CNc1l7mG.js} +9 -9
- package/dist/components/{p-DkCVXmg3.js.map → p-CNc1l7mG.js.map} +1 -1
- package/dist/components/{p-h0r-SdI7.js → p-CTGwIImt.js} +4 -4
- package/dist/components/{p-h0r-SdI7.js.map → p-CTGwIImt.js.map} +1 -1
- package/dist/components/p-CTP4wFFE.js +105 -0
- package/dist/components/p-CTP4wFFE.js.map +1 -0
- package/dist/components/{p-DrD5JKw9.js → p-CUXWZqch.js} +10 -10
- package/dist/components/{p-DrD5JKw9.js.map → p-CUXWZqch.js.map} +1 -1
- package/dist/components/{p-B7dTg-FF.js → p-CXoPln5K.js} +16 -16
- package/dist/components/{p-B7dTg-FF.js.map → p-CXoPln5K.js.map} +1 -1
- package/dist/components/{p-DfYmuFSx.js → p-CaBVuofO.js} +3 -3
- package/dist/components/{p-DfYmuFSx.js.map → p-CaBVuofO.js.map} +1 -1
- package/dist/components/{p-BNC69LYf.js → p-CdFJ_FQz.js} +13 -13
- package/dist/components/{p-BNC69LYf.js.map → p-CdFJ_FQz.js.map} +1 -1
- package/dist/components/{p-BCoqHTq9.js → p-Cqxe6wZe.js} +6 -6
- package/dist/components/{p-BCoqHTq9.js.map → p-Cqxe6wZe.js.map} +1 -1
- package/dist/components/{p-DZPnGx2N.js → p-CrVSg3t4.js} +4 -4
- package/dist/components/{p-DZPnGx2N.js.map → p-CrVSg3t4.js.map} +1 -1
- package/dist/components/p-CrXwf_vC.js +134 -0
- package/dist/components/p-CrXwf_vC.js.map +1 -0
- package/dist/components/{p-CWfyjOto.js → p-CtV1B-_5.js} +5 -3
- package/dist/components/p-CtV1B-_5.js.map +1 -0
- package/dist/components/{p-IlkS4czy.js → p-CuyjSEEv.js} +14 -8
- package/dist/components/p-CuyjSEEv.js.map +1 -0
- package/dist/components/{p-C4YY0EyH.js → p-D-U9fbV-.js} +8 -8
- package/dist/components/{p-C4YY0EyH.js.map → p-D-U9fbV-.js.map} +1 -1
- package/dist/components/{p-BKPLevlT.js → p-D-yItxA4.js} +3 -3
- package/dist/components/{p-BKPLevlT.js.map → p-D-yItxA4.js.map} +1 -1
- package/dist/components/{p-XkANRt3Q.js → p-DC0HL60H.js} +3 -3
- package/dist/components/{p-XkANRt3Q.js.map → p-DC0HL60H.js.map} +1 -1
- package/dist/components/{p-CWMW0nzH.js → p-DCZnqvsu.js} +5 -5
- package/dist/components/{p-CWMW0nzH.js.map → p-DCZnqvsu.js.map} +1 -1
- package/dist/components/{p-BvIKgXkH.js → p-DGuG1Bmj.js} +6 -6
- package/dist/components/{p-BvIKgXkH.js.map → p-DGuG1Bmj.js.map} +1 -1
- package/dist/components/{p-Dk00ccBn.js → p-DKcMRnoh.js} +3 -3
- package/dist/components/{p-Dk00ccBn.js.map → p-DKcMRnoh.js.map} +1 -1
- package/dist/components/{p-Wuj0cujc.js → p-DMgdq7Zj.js} +12 -12
- package/dist/components/{p-Wuj0cujc.js.map → p-DMgdq7Zj.js.map} +1 -1
- package/dist/components/{p-sqcHMrnp.js → p-DPVPaPb1.js} +3 -3
- package/dist/components/{p-sqcHMrnp.js.map → p-DPVPaPb1.js.map} +1 -1
- package/dist/components/{p-IpGJwBtp.js → p-DUBoFEsx.js} +7 -7
- package/dist/components/p-DUBoFEsx.js.map +1 -0
- package/dist/components/p-DVtr8lsT.js +34 -0
- package/dist/components/p-DVtr8lsT.js.map +1 -0
- package/dist/components/{p-CeKcOUyM.js → p-DYB1QfP2.js} +16 -16
- package/dist/components/{p-CeKcOUyM.js.map → p-DYB1QfP2.js.map} +1 -1
- package/dist/components/{p-CdEPt9fv.js → p-DZ_KhOns.js} +7 -7
- package/dist/components/{p-CdEPt9fv.js.map → p-DZ_KhOns.js.map} +1 -1
- package/dist/components/{p-BphT81GV.js → p-DrfpABSq.js} +16 -16
- package/dist/components/{p-BphT81GV.js.map → p-DrfpABSq.js.map} +1 -1
- package/dist/components/p-G8kF15oY.js +67 -0
- package/dist/components/p-G8kF15oY.js.map +1 -0
- package/dist/components/{p-C7ohAVHE.js → p-HB8K0xP0.js} +5 -5
- package/dist/components/{p-C7ohAVHE.js.map → p-HB8K0xP0.js.map} +1 -1
- package/dist/components/{p-DWIo_K0q.js → p-Ji_SfsNu.js} +4 -4
- package/dist/components/{p-DWIo_K0q.js.map → p-Ji_SfsNu.js.map} +1 -1
- package/dist/components/{p-gE1FA92I.js → p-NoKw4xu7.js} +4 -4
- package/dist/components/{p-gE1FA92I.js.map → p-NoKw4xu7.js.map} +1 -1
- package/dist/components/{p-BnRYK-C4.js → p-R3_FOlEq.js} +7 -5
- package/dist/components/p-R3_FOlEq.js.map +1 -0
- package/dist/components/{p-D-OtQhJz.js → p-U9xqUgfL.js} +16 -16
- package/dist/components/{p-D-OtQhJz.js.map → p-U9xqUgfL.js.map} +1 -1
- package/dist/components/{p-CciiwtyT.js → p-cwpKMDgH.js} +15 -15
- package/dist/components/{p-CciiwtyT.js.map → p-cwpKMDgH.js.map} +1 -1
- package/dist/components/{p-B1U2Ui7F.js → p-jBcf1cHz.js} +16 -16
- package/dist/components/{p-B1U2Ui7F.js.map → p-jBcf1cHz.js.map} +1 -1
- package/dist/components/{p-hHXffFw5.js → p-qC7H9a3g.js} +16 -16
- package/dist/components/{p-hHXffFw5.js.map → p-qC7H9a3g.js.map} +1 -1
- package/dist/components/{p-DKbeIqEX.js → p-raaSYxtA.js} +4 -4
- package/dist/components/{p-DKbeIqEX.js.map → p-raaSYxtA.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_42.entry.js → ls-document-options_45.entry.js} +302 -166
- package/dist/esm/ls-document-options_45.entry.js.map +1 -0
- 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/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-76fe67f1.entry.js → p-350754cb.entry.js} +2 -2
- package/dist/ls-document-viewer/p-3a4da534.entry.js +2 -0
- package/dist/ls-document-viewer/p-3c5fa1d7.entry.js +2 -0
- package/dist/ls-document-viewer/p-f99e5789.entry.js +4922 -0
- package/dist/ls-document-viewer/p-f99e5789.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-14049937.entry.js → p-fbb241f1.entry.js} +2 -2
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +6 -15
- package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +1 -0
- package/dist/types/components/ls-feature-column/ls-feature-column.d.ts +2 -2
- package/dist/types/components/ls-icon/ls-icon.d.ts +1 -0
- package/dist/types/components/ls-recipient-card/ls-recipient-card.d.ts +25 -0
- package/dist/types/components/ls-recipient-manager/ls-recipient-manager.d.ts +3 -0
- package/dist/types/components/ls-toolbox-field/ls-toolbox-field.d.ts +3 -0
- package/dist/types/components/ls-validation-manager/ls-validation-manager.d.ts +9 -0
- package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts +1 -0
- package/dist/types/components.d.ts +167 -48
- package/dist/types/index.d.ts +1 -1
- package/dist/types/types/LSApiRecipient.d.ts +8 -0
- package/package.json +1 -1
- package/dist/cjs/ls-document-options_42.cjs.entry.js.map +0 -1
- package/dist/components/p-BmEXSmLf.js +0 -61
- package/dist/components/p-BmEXSmLf.js.map +0 -1
- package/dist/components/p-BnRYK-C4.js.map +0 -1
- package/dist/components/p-C28pfXKN.js +0 -128
- package/dist/components/p-C28pfXKN.js.map +0 -1
- package/dist/components/p-CAbrMIbN.js.map +0 -1
- package/dist/components/p-CWfyjOto.js.map +0 -1
- package/dist/components/p-IlkS4czy.js.map +0 -1
- package/dist/components/p-IpGJwBtp.js.map +0 -1
- package/dist/esm/ls-document-options_42.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-20ab7965.entry.js +0 -2
- package/dist/ls-document-viewer/p-7f4adac4.entry.js +0 -2
- package/dist/ls-document-viewer/p-fbf49a8c.entry.js +0 -4922
- package/dist/ls-document-viewer/p-fbf49a8c.entry.js.map +0 -1
- /package/dist/ls-document-viewer/{p-76fe67f1.entry.js.map → p-350754cb.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-20ab7965.entry.js.map → p-3a4da534.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-7f4adac4.entry.js.map → p-3c5fa1d7.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-14049937.entry.js.map → p-fbb241f1.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAG7G,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO1E,MAAM,OAAO,aAAa;IACb,SAAS,CAAc;IACT,QAAQ,CAAe;IACxC,QAAQ,GAAY,KAAK,CAAC;IAC1B,QAAQ,CAAU;IAClB,IAAI,CAA2E;IAC/E,IAAI,CAAoC;IACvC,SAAS,GAAY,KAAK,CAAC;IAC3B,QAAQ,GAAW,IAAI,CAAC;IACxB,cAAc,GAAY,KAAK,CAAC;IAChC,UAAU,CAAS;IACpB,YAAY,CAAiB;IAQrC,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAGtC,WAAW,CAAC,CAAgB;QAC1B,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;QACpF,CAAC;IACH,CAAC;IAGD,eAAe,CAAC,CAAC;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,CAAC,CAAC,OAAO;YAAE,OAAO;QAEvB,oEAAoE;QACpE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;YACjE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACvC,CAAC;IACH,CAAC;IAGD,iBAAiB;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;QAE3E,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,eAAe,CAAqB,CAAC;QAC9F,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE3B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,SAAS,GAAG,0BAA0B,CAAC;YAC/C,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;IAGD,eAAe,CAAC,KAAK;QACnB,0DAA0D;QAC1D,KAAK,CAAC,YAAY,CAAC,OAAO,CACxB,kBAAkB,EAClB,IAAI,CAAC,SAAS,CAAC;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC,CACH,CAAC;QACF,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;IACzC,CAAC;IAGD,oBAAoB,CAAC,SAAkB,EAAE,SAAkB;QACzD,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;YACtF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,wEAAwE,CAAC;QAC5G,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC/C,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;oBACtB,qGAAqG;oBACrG,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAgB,CAAC;oBACtF,uBAAuB;oBACvB,yDAAyD;oBACzD,uDAAuD;oBAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;oBACvD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC;gBACvD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE1C,uDAAuD;QACvD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;YACtF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,wEAAwE,CAAC;QAC5G,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;YACrC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,0CAA0C;IAC1C,6CAA6C;IAC7C,qDAAqD;IACrD,KAAK,CAAC,IAAY;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACpC,CAAC;IAEO,UAAU,CAAC;IAEnB,QAAQ,CAAC,IAAI,EAAE,KAAK;QAClB,IAAI,IAAI,CAAC,UAAU;YAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE;YACzF,4DACE,KAAK,EAAE;oBACL,iBAAiB,EAAE,IAAI;oBACvB,aAAa,EAAE,IAAI,CAAC,QAAQ;iBAC7B;gBAEA,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,gEAAS,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,EAAC,WAAW,EAAE,EAAE,aAAa,EAAE,KAAK,EAAC,GAAG;gBAC7H,8DACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,cAAc,EACnE,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,SAAS,EACtD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,GACzE;gBAEF,4DAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,2BAA2B,IACtF,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAK,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,eAAe,CACzG,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n tag: 'ls-editor-field',\n styleUrl: 'ls-editor-field.css',\n shadow: true,\n})\nexport class LsEditorField {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() selected: boolean = false;\n @Prop() readonly: boolean;\n @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n @Prop() page: { height: number; width: number };\n @State() isEditing: boolean = false;\n @State() heldEdge: string = null;\n @State() isEdgeDragging: boolean = false;\n @State() innerValue: string;\n private sizeObserver: ResizeObserver;\n\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Listen('keydown')\n handleInput(e: KeyboardEvent) {\n if (e.code === 'Enter') {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n }\n }\n\n @Listen('mousemove', { capture: true })\n handleMouseMove(e) {\n if (this.readonly) return;\n if (!e.clientX) return;\n\n // Determine which edge is being moved over and what cursor to show.\n if (Math.abs(e.offsetX) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetY) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else {\n this.component.style.cursor = 'move';\n }\n }\n\n @Listen('dblclick', { capture: true })\n handleDoubleClick() {\n if (this.readonly) return;\n this.isEditing = true;\n this.heldEdge = null;\n this.isEdgeDragging = false;\n this.sizeObserver.disconnect();\n this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n console.log(this.dataItem);\n\n if (editbox) {\n editbox.className = 'ls-editor-field-editable';\n editbox.focus();\n }\n }\n\n @Listen('dragstart', { capture: false, passive: false })\n handleDragStart(event) {\n // Add the target element's id to the data transfer object\n event.dataTransfer.setData(\n 'application/json',\n JSON.stringify({\n type: this.type,\n }),\n );\n event.dataTransfer.dropEffect = 'move';\n }\n\n @Watch('selected')\n watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n if (_newValue) {\n this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = '#ffffff';\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = 'none';\n }\n }\n\n componentDidLoad() {\n this.sizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n if (entry.contentRect) {\n // const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;\n const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n // console.log(editbox)\n // editbox.style.height = entry.contentRect.height + \"px\"\n // editbox.style.width = entry.contentRect.width + \"px\"\n\n movebox.style.height = entry.contentRect.height + 'px';\n movebox.style.width = entry.contentRect.width + 'px';\n }\n }\n });\n\n this.sizeObserver.observe(this.component);\n\n // New dropped components automatically need selecting.\n if (this.selected) {\n this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = '#ffffff';\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = 'none';\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 900);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n this.update.emit(diffs);\n }, delay);\n }\n\n render() {\n return (\n <Host style={{ border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` }}>\n <div\n class={{\n 'ls-editor-field': true,\n 'is-selected': this.selected,\n }}\n >\n {!this.dataItem?.optional && <ls-icon name=\"required\" size=\"12\" class=\"required-icon\" customStyle={{ verticalAlign: 'top'}}/>}\n <input\n id=\"editing-input\"\n class={this.isEditing ? 'ls-editor-field-editable' : 'hidden-field'}\n type={getInputType(this.dataItem.validation).inputType}\n value={this.dataItem?.value}\n checked={this.dataItem?.value ? true : false}\n onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n />\n\n <div id=\"field-info\" class={this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable'}>\n {this.dataItem.value.length && this.dataItem.value || this.dataItem?.label || this.dataItem?.formElementType}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n tag: 'ls-editor-field',\n styleUrl: 'ls-editor-field.css',\n shadow: true,\n})\nexport class LsEditorField {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() selected: boolean = false;\n @Prop() readonly: boolean;\n @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n @Prop() page: { height: number; width: number };\n @Prop() fixedAspect: number | null = null;\n @State() isEditing: boolean = false;\n @State() heldEdge: string = null;\n @State() isEdgeDragging: boolean = false;\n @State() innerValue: string;\n private sizeObserver: ResizeObserver;\n\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n @Listen('keydown')\n handleInput(e: KeyboardEvent) {\n if (e.code === 'Enter') {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n }\n }\n\n @Listen('mousemove', { capture: true })\n handleMouseMove(e) {\n if (this.readonly) return;\n if (!e.clientX) return;\n\n // Determine which edge is being moved over and what cursor to show.\n if (Math.abs(e.offsetX) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {\n this.component.style.cursor = 'ew-resize';\n } else if (Math.abs(e.offsetY) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {\n this.component.style.cursor = 'ns-resize';\n } else {\n this.component.style.cursor = 'move';\n }\n }\n\n @Listen('dblclick', { capture: true })\n handleDoubleClick() {\n if (this.readonly) return;\n this.isEditing = true;\n this.heldEdge = null;\n this.isEdgeDragging = false;\n this.sizeObserver.disconnect();\n this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n console.log(this.dataItem);\n\n if (editbox) {\n editbox.className = 'ls-editor-field-editable';\n editbox.focus();\n }\n }\n\n @Listen('dragstart', { capture: false, passive: false })\n handleDragStart(event) {\n // Add the target element's id to the data transfer object\n event.dataTransfer.setData(\n 'application/json',\n JSON.stringify({\n type: this.type,\n }),\n );\n event.dataTransfer.dropEffect = 'move';\n }\n\n @Watch('selected')\n watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n if (_newValue) {\n this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = '#ffffff';\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = 'none';\n }\n }\n\n componentDidLoad() {\n this.sizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n if (entry.contentRect) {\n // const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;\n const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n // console.log(editbox)\n // editbox.style.height = entry.contentRect.height + \"px\"\n // editbox.style.width = entry.contentRect.width + \"px\"\n\n movebox.style.height = entry.contentRect.height + 'px';\n movebox.style.width = entry.contentRect.width + 'px';\n }\n }\n });\n\n this.sizeObserver.observe(this.component);\n\n // New dropped components automatically need selecting.\n if (this.selected) {\n this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = '#ffffff';\n this.component.style.opacity = '0.7';\n this.component.style.boxShadow = 'none';\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 900);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n this.update.emit(diffs);\n }, delay);\n }\n\n render() {\n return (\n <Host style={{ border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` }}>\n <div\n class={{\n 'ls-editor-field': true,\n 'is-selected': this.selected,\n }}\n >\n {!this.dataItem?.optional && <ls-icon name=\"required\" size=\"12\" class=\"required-icon\" customStyle={{ verticalAlign: 'top'}}/>}\n <input\n id=\"editing-input\"\n class={this.isEditing ? 'ls-editor-field-editable' : 'hidden-field'}\n type={getInputType(this.dataItem.validation).inputType}\n value={this.dataItem?.value}\n checked={this.dataItem?.value ? true : false}\n onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n />\n\n <div id=\"field-info\" class={this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable'}>\n {this.dataItem.value.length && this.dataItem.value || this.dataItem?.label || this.dataItem?.formElementType}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -23,7 +23,7 @@ export class LsEditorTable {
|
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'ffe897428c34a78dc5ba8da43fe72414f67393cb' }, h("table", { key: 'ae2af258372dec94b87db132bcecff4223cd1ead', id: "ls-editor-table" }), h("slot", { key: 'ef198fa73001fec2d580e6b0c5d2979fd984b70a' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "ls-editor-table"; }
|
|
29
29
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,16 +18,22 @@ export class LsFeatureColoumn {
|
|
|
18
18
|
attachAllTooltips(this.component.shadowRoot);
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '4fd2314ce9b9461709932c09b77c2aae76b48d3b' }, h("div", { key: '164ded248f4b21510a9c0dad300454932a7ac626', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
22
22
|
this.manage.emit('document');
|
|
23
23
|
this.manager = 'document';
|
|
24
|
-
}, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
24
|
+
}, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '87179deb691675be659b0cb29d084c2be916a70b', name: "document", size: "24" })), h("div", { key: '82c8446a337944b9b0d23fbae4560d5ab33c82fa', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25
25
|
this.manage.emit('toolbox');
|
|
26
26
|
this.manager = 'toolbox';
|
|
27
|
-
}, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
27
|
+
}, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'b2fa80b83b525533060ab3018cf0af9d69e3f4fb', name: "typing-input", size: "24" })), h("div", { key: 'c7026f640638638a5526fb641063756e188b4be6', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
28
28
|
this.manage.emit('participant');
|
|
29
29
|
this.manager = 'participant';
|
|
30
|
-
}, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
30
|
+
}, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '99239c87618b2a164f35c8d48ef3f8a4ab2c2fda', name: "user-group", size: "24" })), h("div", { key: 'fdd1db3a219676dcae045c84050dfe7c7469c8b1', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
31
|
+
this.manage.emit('recipient');
|
|
32
|
+
this.manager = 'recipient';
|
|
33
|
+
}, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '5c1f9ad51ce582d368d1e68d6d13645a3ec76056', name: "user-group", size: "24" })), h("div", { key: '688205cb35217107f70d09917e2922b60cf4f124', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
34
|
+
this.manage.emit('validation');
|
|
35
|
+
this.manager = 'validation';
|
|
36
|
+
}, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '30a2f14f246333c809e6dcaa5c0173f9704abc74', name: "adjustments", size: "24" })), h("slot", { key: 'bc159f07100a29564ee74328c2bc2f7196f84f47' }), h("ls-tooltip", { key: '856f0f1f6b5dbbbf461788ae940719bf57876206', id: "ls-tooltip-master" })));
|
|
31
37
|
}
|
|
32
38
|
static get is() { return "ls-feature-column"; }
|
|
33
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,8 +54,8 @@ export class LsFeatureColoumn {
|
|
|
48
54
|
"attribute": "manager",
|
|
49
55
|
"mutable": true,
|
|
50
56
|
"complexType": {
|
|
51
|
-
"original": "'document' | 'toolbox' | 'participant'",
|
|
52
|
-
"resolved": "\"document\" | \"participant\" | \"toolbox\"",
|
|
57
|
+
"original": "'document' | 'toolbox' | 'participant'| 'recipient' | 'validation'",
|
|
58
|
+
"resolved": "\"document\" | \"participant\" | \"recipient\" | \"toolbox\" | \"validation\"",
|
|
53
59
|
"references": {}
|
|
54
60
|
},
|
|
55
61
|
"required": false,
|
|
@@ -97,8 +103,8 @@ export class LsFeatureColoumn {
|
|
|
97
103
|
"text": ""
|
|
98
104
|
},
|
|
99
105
|
"complexType": {
|
|
100
|
-
"original": "'document' | 'toolbox' | 'participant'",
|
|
101
|
-
"resolved": "\"document\" | \"participant\" | \"toolbox\"",
|
|
106
|
+
"original": "'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'",
|
|
107
|
+
"resolved": "\"document\" | \"participant\" | \"recipient\" | \"toolbox\" | \"validation\"",
|
|
102
108
|
"references": {}
|
|
103
109
|
}
|
|
104
110
|
}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ls-feature-column.js","sourceRoot":"","sources":["../../../src/components/ls-feature-column/ls-feature-column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAgB,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,OAAO,gBAAgB;IAChB,SAAS,CAAc;IAClC;;;OAGG;IACsB,OAAO,
|
|
1
|
+
{"version":3,"file":"ls-feature-column.js","sourceRoot":"","sources":["../../../src/components/ls-feature-column/ls-feature-column.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-feature-column',\n styleUrl: 'ls-feature-column.css',\n shadow: true,\n})\nexport class LsFeatureColoumn {\n @Element() component: HTMLElement;\n /**\n * Determines / sets which of the far left 'managers' is active.\n * {'document' | 'toolbox' | 'participant' }\n */\n @Prop({ mutable: true }) manager: 'document' | 'toolbox' | 'participant'| 'recipient' | 'validation' = 'toolbox';\n\n\n /**\n * The mode that document viewer is being used in.\n * {'preview' | 'editor' | 'custom'}\n */\n @Prop() mode: 'preview' | 'editor' | 'compose' = 'editor';\n\n // Send an manager change up the DOM\n @Event() manage: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n }\n\n render() {\n return (\n <Host>\n <div\n class={this.mode !== \"editor\" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon'}\n onClick={() => {\n this.manage.emit('document');\n this.manager = 'document';\n }}\n data-tooltip-title=\"Template Details\"\n data-tooltip=\"View and edit Template properties\"\n data-tooltip-placement=\"right\"\n >\n <ls-icon name=\"document\" size=\"24\" />\n </div>\n <div\n class={this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon'}\n onClick={() => {\n this.manage.emit('toolbox');\n this.manager = 'toolbox';\n }}\n data-tooltip-title=\"Field Types\"\n data-tooltip=\"Select and place Form Field Elements\"\n data-tooltip-placement=\"right\"\n >\n <ls-icon name=\"typing-input\" size=\"24\" />\n </div>\n \n <div\n class={this.mode !== \"editor\" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon'}\n onClick={() => {\n this.manage.emit('participant');\n this.manager = 'participant';\n }}\n data-tooltip-title=\"Participants\"\n data-tooltip=\"Manage Signers, Witnesses and Approvers\"\n data-tooltip-placement=\"right\"\n >\n <ls-icon name=\"user-group\" size=\"24\" />\n </div>\n\n <div\n class={this.mode !== \"compose\" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon'}\n onClick={() => {\n this.manage.emit('recipient');\n this.manager = 'recipient';\n }}\n data-tooltip-title=\"Recipients\"\n data-tooltip=\"View the list of Recipients for this document\"\n data-tooltip-placement=\"right\"\n >\n <ls-icon name=\"user-group\" size=\"24\" />\n </div>\n\n <div\n class={this.mode !== \"preview\" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon'}\n onClick={() => {\n this.manage.emit('validation');\n this.manager = 'validation';\n }}\n data-tooltip-title=\"Validation\"\n data-tooltip=\"View the list of Recipients for this document\"\n data-tooltip-placement=\"right\"\n >\n <ls-icon name=\"adjustments\" size=\"24\" />\n </div>\n\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}
|
|
@@ -120,9 +120,9 @@ export class LsFieldAlignment {
|
|
|
120
120
|
attachAllTooltips(this.component.shadowRoot);
|
|
121
121
|
}
|
|
122
122
|
render() {
|
|
123
|
-
return (h(Host, { key: '
|
|
123
|
+
return (h(Host, { key: 'ff91106055b553840ec7cea1879831b4c67386ab' }, h("div", { key: '74d6d92db343203f303c0f15b2374e0a9c845b77', class: 'ls-field-properties-section' }, h("div", { key: 'bfd04b955977341041dcf7c843c6357c84161dc7', class: 'ls-field-properties-section-text' }, h("p", { key: 'c0f2cca8fedf5cfa7c834794f587c88c6a1aa960', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'e25aafb98356cb281c218c2d749b9965046cf079', 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: '423dd85ddf396fa13f222eeddf1df1180bd4bf51', class: 'multi-button-group-row' }, h("div", { key: '5e1adbaa0bc58934af572aef687fdd833f4738ec', class: 'button-group' }, h("button", { key: 'e4e6d565781f0455e26b10360fa7ac73aa205203', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: '355a0590e97eecd9284d87ff06234a74d7af631d', name: "field-alignment-left" })), h("button", { key: 'c33adc4c659ce5d7580febfde642bcfd5941d51e', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: '1d809c339e1a3a3bccf5dce4b39e7f54727879fa', name: "field-alignment-centre" })), h("button", { key: 'd07eb6abeb1c6fd448baa766c44b4a67d6958169', onClick: () => {
|
|
124
124
|
this.right();
|
|
125
|
-
}, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: '
|
|
125
|
+
}, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: 'd9fcb4753b7528d334774badca2b3721aa618eb6', name: "field-alignment-right" }))), h("div", { key: '8bc6e5c74c3257b6cf0cf1972a9ac1575f81858c', class: 'button-group' }, h("button", { key: '4fa65b94f2337d08c2f38a46a525f96d30f02531', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: '8fbe38a0ea22e0ca50eb0625d66fafa73e0f8588', name: "field-alignment-top" })), h("button", { key: '15b2b3fbfdfa3998edb0fd3ddee0e0c45e5688b8', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: 'e5a0c30844cd64171f67339fa6a981ff63aec1de', name: "field-alignment-middle" })), h("button", { key: 'a98cb23b87a3b55864b24f1451fdd57bbd2c4554', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: 'd022dfe301b8e04cbb4f6dd3143e2db1cade82e5', name: "field-alignment-bottom" }))))), h("slot", { key: 'd88145120dd088adcd12b9e40d8c85c623447d99' }), h("ls-tooltip", { key: '46d836e0b43cd99f4784fc2eeec48f726916059a', id: "ls-tooltip-master" })));
|
|
126
126
|
}
|
|
127
127
|
static get is() { return "ls-field-alignment"; }
|
|
128
128
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,9 +28,9 @@ export class LsFieldContent {
|
|
|
28
28
|
return !typesWithValue.includes(this.dataItem?.elementType);
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h(Host, { key: '
|
|
31
|
+
return (h(Host, { key: 'ea54ac72a01daec82ce341886b234c645aa60db1' }, h("ls-props-section", { key: '60df9d1bae753c9ab040e47c01d7ee8855610153', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: 'ea9af34cb06da7ed83bb4739783e6302aa266b01', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: 'eca42ca34e5a5e97cdea9de46bc70f41756a0aa6', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: 'cebf77f8c11e04b915cf2b5c7c150ed20bed1438', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: (ev) => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: 'ec954a15b94a426b8c2ee4cc2f039e90b138404c', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: '903c214ba08295790ef1d215c6b0076de29f9e86', value: this.dataItem?.label, placeholder: "eg. Sign Here", onInput: (e) => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: '8426bf506f0094574883c4fcfd2423fbbe6f99bb', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: '914992f012a9feace4e23083be3bbaa8512cd3bc', value: this.dataItem?.value, placeholder: "e.g. Gordon Smith", onInput: (e) => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'dd69da6537735e5564162805a3b2f36787ea5323', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: '05180642ab28a84e81614a142e68c36402bebc31', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: (e) => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '4ba34bb716a3559c8731a067de1cecaefcc41740', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: 'd9f2abcb55f28bee04e360cf90e3d1d0fd68990a', select: true }, h("select", { key: '89c33d60decbc4788a8c3ccdec1930513fa7dc6d', onChange: (ev) => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
|
|
32
32
|
.filter(type => type.formType === this.dataItem?.elementType)
|
|
33
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '
|
|
33
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: 'a2dc5760ad030b2aee4254f9aba78e916d326ac5' })));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "ls-field-content"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -34,7 +34,7 @@ export class LsFieldDimensions {
|
|
|
34
34
|
attachAllTooltips(this.component.shadowRoot);
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: '33579f54ee4ea80fcfe74694597cbe046eeaa87f' }, this.isMultiple(this.dataItem) && (h("div", { key: '7a101d3396be251cd8749d353bc241f096aec914', class: 'ls-field-properties-section' }, h("div", { key: 'cac711c2d9b1d8f2374bfd32885a1dc7e3f9163b', class: 'ls-field-properties-section-text' }, h("p", { key: 'b816d4ac4e7cadfa65c0c804af4ada6076a31379', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '96f0213da2d04c64fc0e3bf86acbcd6c3a36be1d', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'd4687b42e8088f2f1eb9677e75e272e1ad1ce959', class: 'input-row' }, h("div", { key: '720e0823fc8587086d1ac0f43d90d051d6caa8fe', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '3d6e310b920031bfa8edb3c4adfac5d68697c8f4', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'c20b328c11c45d3edac7d4c65f5b5d015d20662d', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '95b69d2ee2729e64e6bb436683a6b7f680826f7c', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'f0ca45ce64c4d755ddc9520b266732cf83ab5895', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'd71eb9d329024ecfda33d7b8250be5d5e2aa560c', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'b6302ab188570fd27fcda8792a79390c35952ca1', class: 'field-set' }, h("div", { key: '226bec5f9fe17232e426b90c38cfb58aabef8c69', class: 'ls-field-properties-section' }, h("div", { key: '51a67e29166ae49a39a0bc34cdbfe42ec19b33f8', class: 'ls-field-properties-section-text' }, h("p", { key: 'e8d050055f282e521e57126df0a5a4fe1572e06c', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '5080e801f5b421179b0a921a32effe44250720fa', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '5332e942f03a3e49b97de9ff8da730a4262464ef', class: 'input-row' }, h("div", { key: 'b71901cef0176c508f69f5d4ae243227382aaa1a', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: 'e3760f612e014a65ce1d77c071fe32d16e601e2f', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'daccd33e44b07f81e9803754cdb98255f5440299', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", value: this.dataItem?.width, onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '758fb5c95a621b6a00d56df0b9b19a10e8a11e4e', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: '1ddb453f3deeb8ad10f3515084270645a7cee4db', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'bdcc41257dfaabf722de6d659a161f663ebf5480', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => this.alter({ height: e.target.value }) })))), h("div", { key: '4573550b0cf5e3d0177423d01f8e24ad9e9696cd', class: 'ls-field-properties-section' }, h("div", { key: 'b7aba2228f5680987444faef112357bb4429a9d2', class: 'ls-field-properties-section-text' }, h("p", { key: '2b02d3952d9fe4c32c749a27a10eb89e42bf0464', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '410961d4d006fb6b129641f9ab38e0788d9f63a6', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '9a12372bccf8aab4744744cd7d5d50f40ff596a3', class: 'button-group' }, h("button", { key: 'ee2fdd6a760117dfa4646d03050ea0f7fd48edfd', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: '86d5c41b3cf232946ff80ffa240d2098bfc5579e', name: "field-scale" })), h("button", { key: '30241bd561165cf02f2b6560738c55032489a9b1', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: '7416c03def8311f90dad7ef12bdb8bb253a1f0a3', name: "field-match-width" })), h("button", { key: 'ee0820d337d7f401d5cbecedc3e06ed5ba317f2a', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '6d72b1d4cc65059b033bb268345024361d358df7', name: "field-match-height" })))))), h("ls-tooltip", { key: 'b20549bc97e99eb1cbcbffd10a20e85c3dc3cd4b', id: "ls-tooltip-master" })));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "ls-field-dimensions"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -139,15 +139,15 @@ export class LsFieldDistribute {
|
|
|
139
139
|
attachAllTooltips(this.component.shadowRoot);
|
|
140
140
|
}
|
|
141
141
|
render() {
|
|
142
|
-
return (h(Host, { key: '
|
|
142
|
+
return (h(Host, { key: '59048599a1e37b88e7badb22082e6e6081a8b111' }, h("div", { key: 'c4031a27356d60ce690bea54743898deea973bb8', class: 'ls-field-properties-section' }, h("div", { key: 'f85a158b0b80b2606daac10a10da18f5ea67c3bf', class: 'ls-field-properties-section-text' }, h("p", { key: '1222eb8d6d940d3bec5927ad7ad969a390dde235', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'f8ad9958b46185515711d032e2acd7e9903e0b54', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '8d2d50a1e516ac954017ea13a630a11e3e676df5', class: 'button-group' }, h("button", { key: '382a8695ddb78b177d10389f4d096892eb24d2e2', onClick: () => {
|
|
143
143
|
this.distributeVertical();
|
|
144
|
-
}, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '
|
|
144
|
+
}, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '7ddc6ac479e424277332f90b384870628b90158a', name: "field-distribute-vertically" })), h("button", { key: '8ab9a9a772ca63f73d28407d2ef35ca1d4e86b3c', onClick: () => {
|
|
145
145
|
this.distributeHorizontal();
|
|
146
|
-
}, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '
|
|
146
|
+
}, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '4f91aecee5ec3230176e61b791771f4fa4b8524a', name: "field-distribute-horizontally" })))), h("div", { key: '2ad325847587990f8280456373cd94bfa0bf4890', class: 'ls-field-properties-section' }, h("div", { key: '59fcde4b64e86eeeece1f9a2e69a360d3762e23f', class: 'ls-field-properties-section-text' }, h("p", { key: '5ab744d8783ba4eaf86aee1575341325dea435ce', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '58cc8ce5cb15a81383d37c78914927dea4982c42', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '16f31fdfdbf4fd051d776da9196e613ec343f9fb', class: 'input-row' }, h("div", { key: 'd08f3225de705e36f3aec87405ac7de020b138a0', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '860b1bda1c40824cb8b5fec757f626677760e5c0', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: '94b41cb6ca0c4c9312a206f94c81039d361079e8', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
|
|
147
147
|
this.gapVertical(parseInt(e.target.value));
|
|
148
|
-
}, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '
|
|
148
|
+
}, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: 'e5ad73ae44a263aacebf207ad2d84401b0c9b4a3', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: '4a716b0aa37048e1086f52242da95dd33499ae8c', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: '3ce5e41259cbfc38fcf528e324a8771630d92a9d', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
|
|
149
149
|
this.gapHorizontal(parseInt(e.target.value));
|
|
150
|
-
}, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '
|
|
150
|
+
}, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '31b08e72a9d47b65ba78fa9b631e154342956f3c', id: "ls-tooltip-master" }), h("slot", { key: '7e5507606832d343a15f11d8a7cc5ebcce0aff7f' })));
|
|
151
151
|
}
|
|
152
152
|
static get is() { return "ls-field-distribute"; }
|
|
153
153
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class LsFieldFooter {
|
|
|
23
23
|
// this.selectFields.emit([newItem]);
|
|
24
24
|
};
|
|
25
25
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: 'da4f1c828b80134ae2403ca2be1aa2ee84a76e9d' }, h("div", { key: '32894e6120275c76f38e9d6cd6b359e0dfef6ebf', class: 'button-footer' }, h("button", { key: 'a63924c5a7911db1d5427d7a9b2fd4df66f96dd8', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: '8007f022d9c3109d58b5b4acdf1badeb5d84c42c', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: 'c32a9e070f4e7109a8a57322aa42435c07a25cf7', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: '1de10eabdd1b3d902f890121c0ee44c79e07eb39', name: "trash", size: "20" }), "Delete")), h("slot", { key: 'b0e99a1fc8aa193e3104c4fe64a421c541451114' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "ls-field-footer"; }
|
|
29
29
|
static get encapsulation() { return "shadow"; }
|
|
@@ -47,31 +47,31 @@ export class LsFieldFormat {
|
|
|
47
47
|
return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
|
|
48
48
|
};
|
|
49
49
|
render() {
|
|
50
|
-
return (h(Host, { key: '
|
|
50
|
+
return (h(Host, { key: '91904dea2ef41d927e3da5887baa4a323591cb1a', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'a54cf1a79c973ce5af75edc991d60899d21add2a', class: 'ls-field-format-bar' }, h("div", { key: 'd42c031a6436d31f48f1b886acf491b7b9e0d1eb', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '41c34e54cc96fb8b8a3d8f27f6fa2442d8b71311', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'a0845bcf73385eaf2d3c31629eddb71ee3ffcd36', id: "ls-toolbar-font-select", onChange: input => {
|
|
51
51
|
this.alter({ fontName: input.target.value });
|
|
52
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
52
|
+
}, class: 'has-leading-icon' }, h("option", { key: '2d75ace90ec9c92dd0ad0375a9d4442d542191aa', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'da10b03b8918bd7aa624e266bf4d8d03d52c6041', value: "arial" }, "Arial"), h("option", { key: '22fad1090e9aef80739ebe48f035feb2ef1af845', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '606131c91403d285f25b311ee39872ea9ad9b37d', value: "courier" }, "Courier"), h("option", { key: '3130923722b981b56671400489fbd538df4b0577', value: "helvetica" }, "Helvetica"), h("option", { key: '31d9bcf4d4b66a9d0d4834a7568e66f28ae6167a', value: "verdana" }, "Verdana")), h("ls-icon", { key: '7d81c85294b2fb8419b8dae5c6b048607da99390', id: "selectorIcon", name: "selector" })), h("div", { key: '7264390a9d7df8190e30e0372fb13dac8a3cd18f', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '18bc7f3d890d32727def93564743e1805fbedaee', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '560fcadff4e48f5c294c3400bb662380fcb30b59', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
|
|
53
53
|
if (input.target.value === '')
|
|
54
54
|
return;
|
|
55
55
|
this.alter({ fontSize: input.target.value });
|
|
56
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
56
|
+
}, class: 'has-leading-icon' })), h("div", { key: '531d5d3392b5418d0c117e3ff62a999c9aa5a164', class: 'button-group' }, h("button", { key: 'a37a10f9c317b1d4d2e545da018562182d0133be', onClick: () => {
|
|
57
57
|
this.alter({ align: 'left' });
|
|
58
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
58
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '7495967a664b752e9af12343e1778cfbe2067b5a', name: "menu-alt-2" })), h("button", { key: 'caa6369eabbe15f8c6fd46e0300160a3c95874dd', onClick: () => {
|
|
59
59
|
this.alter({ align: 'center' });
|
|
60
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
60
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '6ed41fd2f767487167ab4717655e4e97765c42b0', name: "menu-alt-5" })), h("button", { key: 'b36dcde58f3193e6e415566c3d82bc4937c71cad', onClick: () => {
|
|
61
61
|
this.alter({ align: 'right' });
|
|
62
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
62
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '6627729479f641991e1838910139e5816336f6cb', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '4deb56b506fdca4033ddae85db997007ad884be8', class: 'ls-field-format-bar' }, h("div", { key: 'dcf37bd8f1702c8da10517b5e4f6a4e5e6ea6db9', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '5f5419591be0c1c3c1ca494d7f69239093b2efb1', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '0f04f71e6d5819838b45416a7b4895c14d903dfd', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'ae3f730149a57886aa76f10e239fd6b387130d0e', id: "ls-toolbar-font-select", onChange: input => {
|
|
63
63
|
this.alter({ fontName: input.target.value });
|
|
64
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
64
|
+
}, class: 'has-leading-icon' }, h("option", { key: '986f537ca8ee6f993d919ffcd8e065235a7af6cf', value: "arial" }, "Arial"), h("option", { key: '34868fc86461b734bc299a52d3bf764c5733c524', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'a0842823da3cc59df6e541e41fbadf985e34cd92', value: "courier" }, "Courier"), h("option", { key: 'deb6c832fe8ed0221557e74ef36cb52ae3506146', value: "helvetica" }, "Helvetica"), h("option", { key: '6e57150e9dd30b79556f2f7edbfc0c601fbea78b', value: "verdana" }, "Verdana"))), h("div", { key: '7e25a56576279c7cd2e356feb946c26ceaeb7cde', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: 'b2a0152766a14ca67d3c1aac071260b18f4d9f3c', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '8e6c594178eacadd4df80f2419f1c8dd7d6c220d', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
|
|
65
65
|
if (input.target.value === '')
|
|
66
66
|
return;
|
|
67
67
|
this.alter({ fontSize: input.target.value });
|
|
68
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
68
|
+
}, class: 'has-leading-icon' })), h("div", { key: '933b4baea697f8524adb3adc0ef13b7def5fb66c', class: 'button-group' }, h("button", { key: '40a062746ab0555b30cf6a27e8ff8ba8b2146310', onClick: () => {
|
|
69
69
|
this.alter({ align: 'left' });
|
|
70
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
70
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'd3d5b625a674e3360ee06208819dac9418220bba', name: "menu-alt-2" })), h("button", { key: '580006ab0a7e785a0a42bc7e06a16c534c26776e', onClick: () => {
|
|
71
71
|
this.alter({ align: 'center' });
|
|
72
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
72
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '315977f700bae7240260170681604315ca43f95d', name: "menu-alt-5" })), h("button", { key: 'dd568f27339beb1c88ca1beafc245c0537ba6880', onClick: () => {
|
|
73
73
|
this.alter({ align: 'right' });
|
|
74
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
74
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'd94a38666edc580c7a79a6b33b394c4dff37226e', name: "menu-alt-3" }))))), h("ls-tooltip", { key: 'd360f63e5eb2f42b4704ccf1407d09e4239c6924', id: "ls-tooltip-master" })));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "ls-field-format"; }
|
|
77
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -54,7 +54,7 @@ export class LsFieldPlacement {
|
|
|
54
54
|
attachAllTooltips(this.component.shadowRoot);
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: '36f80bd453b565aa02c8dee68a8b5b80be46fbd3' }, this.isMultiple(this.dataItem) && (h("div", { key: 'd6e02596d403c08237b3448f11aa74fb960dedc5', class: 'ls-field-properties-section' }, h("div", { key: '2ab8035a93780b0b64bf857471bfbff07d1aba6c', class: 'ls-field-properties-section-text' }, h("p", { key: 'bac56756ba1bdafd927c9e28b3895fbde1f52bc3', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '318c12a31ba6a0a31b345ba93999ab0d5ecde273', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '3db0489d706b906c06171e29e1924e712594458a', class: 'input-row' }, h("div", { key: '86a5a688a0b785749c106228661e663f36c50750', class: 'input-wrapper' }, h("ls-icon", { key: '3db8391837b1597257f53bf2b103717d5eb25df7', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '479f72ba56add255d6e7d734f2662f6b3d012d8e', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'ddad8591a8932c6e4ac34b14fedbfc4afce1a564', class: 'input-wrapper' }, h("ls-icon", { key: '1ec0551718d272397f6a6d3c43a9fe60121ca99c', id: "selectLeadingIcon", name: "y" }), h("input", { key: '096f6478c58ead15e95a105c87eb25c4c68b86a1', 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: 'a105ba59553c2736865a21c11c2577b165aa94bf', class: 'field-set' }, h("div", { key: '930ad119c2f86ad59289c3dad8bdaeb0cfcd36b8', class: 'ls-field-properties-section' }, h("div", { key: '97b922f2817763bfe4d8f4fedfcd809da2e4f434', class: 'ls-field-properties-section-text' }, h("p", { key: '430941cb15144fd09bbe73d4371b84e2cf5028bf', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '13e025ede881db06c9c0b5fbf90aa9c5b71255f8', 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: '4b1af4297bb322166534326685e380f2374c91f8', class: 'multi-button-group-row' }, h("div", { key: 'd9cf29743256caccc5604385070105a8af683cb6', class: 'button-group' }, h("button", { key: '5ea2c951887d85d5af04213c2203ec25e4fbefe3', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: 'ffc6e36fe9a28f21e1a3948d7224c3c8646a5ccd', name: "field-alignment-left" })), h("button", { key: '2c9f1114babf362d728982164df27cfce4e04bfd', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: 'af865e915619185adea9bfe382cf061b59b54af8', name: "field-alignment-centre" })), h("button", { key: 'c97819c2d6edf5d320b20bc07416a8ee8f10361d', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: 'fed4200b05434bd2657998c5525dbfa609358eac', name: "field-alignment-right" }))), h("div", { key: '3e56250bc7864903ef787b5ef3f14f43b0a5ecf8', class: 'button-group' }, h("button", { key: 'd18a486d4c9dd22d0f83638aaf5eaf36cbeecb19', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: '6b9320f2fde13f963bdc4c53cc0c2ca6686a5ce6', name: "field-alignment-top" })), h("button", { key: 'd1e78f8bc89486abec29109ae997f2605e134a50', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '2ad1a9390e580a09f9ca169e6ab20366c6507898', name: "field-alignment-middle" })), h("button", { key: '2137a6ea908d00e53c81c1c298a27fde3d2b3247', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '4e512b2acabc8d2e2a894d3b429198d16fb41543', name: "field-alignment-bottom" }))))), h("div", { key: '4fdef07cf4f116261144a9f53b1850a4bd2559c9', class: 'ls-field-properties-section' }, h("div", { key: '99e48ae43a5d1b0d35ce2d2c2ccb5df94d68cc4b', class: 'ls-field-properties-section-text' }, h("p", { key: 'b7a93783ad49d357f1b5b822369561b5283cd580', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: 'a88c03e04e11ede5025b247f07c52c6b024b554f', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '61e4ec2aac12f2be2300827845995ecb9555696d', class: 'input-row' }, h("div", { key: '43863231bb7a0ce543821f7de413fd284cb18f55', class: 'input-wrapper' }, h("ls-icon", { key: '60dca912811fe88c4033f7573899a26ca22908eb', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '3bf31dc6936e88aa3fd27ba4a60ca4bb795253dd', 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: '29352b34720c158e6591d7d3867669c997425cb9', class: 'input-wrapper' }, h("ls-icon", { key: 'c16b59dcdf2f3ffa86bca1ac575b69348ae890a7', id: "selectLeadingIcon", name: "y" }), h("input", { key: '8407294860edcb522d2a5242a893505258107a81', 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: '4633eed1c771f4d61b84b1c63f46db6a4c984b8a', class: 'ls-field-properties-section' }, h("div", { key: 'fb638934d31730924063153d7e3f0c3a75093513', class: 'ls-field-properties-section-text' }, h("p", { key: '2cc5bd58cc7ea4c47e5d3f30010dd6803efbf6ab', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: '4e005e2313e41ffde5f7e6b589626fb60c404885', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '159221fb40cb44a621376efa8667ad974a10bf15', class: 'button-group' }, h("button", { key: '94e77d93a649c1cbe6241fe16a61096730b2e5c6', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: 'c7dc3e6ec99437e53208a84e74ddc9cd0bdf64f5', name: "field-distribute-vertically" })), h("button", { key: 'a902b5756be14223d96c78c5c8139dc0e21027b8', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: 'd54c20b9ad2690aac670803b4bfcad33dbc057b0', name: "field-distribute-horizontally" })))), h("div", { key: '3c335da8e5b0e263c447fe7333a8bd55a733e15d', class: 'ls-field-properties-section' }, h("div", { key: '968955d96417608abadde4e1a6a159d34d170d95', class: 'ls-field-properties-section-text' }, h("p", { key: '2a9a1bf3122c26aad9e4bb64f7f3ddacbac0ce7f', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '89242423bcbd787101cd020bb49765ca27d0c3dc', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '9e997914d995fb2ead747c345a22921b4474ff76', class: 'input-row' }, h("div", { key: '36c4f48520f96109a2901e658e3a28e62afb7c3c', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '6e2a9152d67a35924c3d7ba08b99dc5c3331c574', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '8574410027adbe8253a2d0faae3109cc28f77d38', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '8652785d2e7741520e375f098f494c3bbbb8480e', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: 'e3b3234d36bb5f369e33d45156665ddecb12efaf', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '0375c413df83613ab4597fd5431bffecdf679877', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '0d80fcdc8f9353c13d228ce7297bc87988456f24', id: "ls-tooltip-master" })));
|
|
58
58
|
}
|
|
59
59
|
static get is() { return "ls-field-placement"; }
|
|
60
60
|
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: '8b14975eed8fd2bbeb0fce44fa332ea5ca50bcc9', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '3e5c926ef4f6e45b814c1ca4f9e8ea48434a3ae4' })));
|
|
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
|
@@ -55,10 +55,10 @@ export class LsFieldPropertiesAdvanced {
|
|
|
55
55
|
return '';
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '525aca5b25e79b70c7edfb024c1ad333076fae54' }, h("div", { key: '6e785de381db8c33d362f47250e3233d1ec85883', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'e1ba6a77f53ac7a3d5c094eec85b29c6976b2c3a', name: this.expanded ? 'expand' : 'collapse', size: "20", solid: true }), h("p", { key: '841527428aed8dd8805af990ce2feced57fbd067' }, "Advanced Properties")), this.expanded && (h("div", { key: '47d1956fd618aed368ae522e7ea5e919121e72e4', class: 'field-set' }, h("ls-props-section", { key: '2650024b73a3dabd3d510fc3431a235011684e68', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '76da63a43c571d48fd84e59a72e6f69e8bdd43eb', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
|
|
59
59
|
console.log(e);
|
|
60
60
|
this.alter({ fieldOrder: e.target.value }, 100);
|
|
61
|
-
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '
|
|
61
|
+
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: 'dafbad02f11bcabffd31e88d9a706fe48370f4b3', sectionTitle: "Ref. Name" }, h("input", { key: '97c830d6a867fbdb4e97ef2bbfef1381877f24f3', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '428b4964bc93131748697eed41130cadbf3aa201', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, h("select", { key: '4ce87c075e789519a47b3f501d15f2e65b877103', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '35e994dcf2a4328b988ff56fa0217cc1364e7c17', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: '008319f53d1ce8fa2f16aa3e2992fcc14325ba1e', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'afa8bc473058f3edd507d1a9a7d26359dedb2e7d', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '70b0a4bdb81c68b1be7c80c33c118c6e8ebcf3e7', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: 'abc77933b19cbccb685a3a6da362aeaceecd0b38', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'b5c6738d7800471a00f71bbe0158e9d1483f4460', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "ls-field-properties-advanced"; }
|
|
64
64
|
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: '9285ab2a5cb12f9b91271be75e75fa7195409073' }, h("div", { key: 'c08e687347c27506b2957468b396c9671acf1e0e', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: 'aefb685cd71e70b7a5ae0331870b2dd767ed55dd' }, "Label: ", h("input", { key: '8e12b81736653e6cc1242890f23666551cfb6378', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ff49889d87a43ce879585149539943618d6864df', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd7d8034eedcbb9ad75ab945e96386066d1f43a03', dataItem: this.dataItem }), h("ls-field-footer", { key: 'f14b774253690484099d2660cb764618207f27de', dataItem: this.dataItem }), h("slot", { key: '78bca0ddb0e6d84c046f33a4a1d1570c0d20adf0' })));
|
|
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: 'e19c0cdbd6e2ff2258804d46f8faa3c726daae23' }, this.tabs.length > 1 && (h("div", { key: 'b0b5329bec449c6da23646a0983bd3f636a44ac1', 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: '72450e3a8bae527a73408c89ef719c78cd1e81db', class: 'scrolling-container' }, h("slot", { key: 'b088d8010f2e3cc24847382acfcc4188b4df9df7', 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: 'f78f03bccce97c0d12ae21e3f7879f4a83452d0b' }, h("ls-field-properties-container", { key: '6f2391a7ed6e85dda3b868a15a735c05701c1f3d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cce3f53fa0b32efe341fe9682775928c7a1645a8', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2a4a986d17ec0e3537d75988cd61820d673ab364', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'be070de8f0d9c212e8849498055b232e90f77a21', dataItem: this.dataItem })), h("div", { key: '4218d20c0ad2987fde6b7ad190c77e6f45580e0d', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '902fc665b8dd167afdb8fb90101458b63d381956', dataItem: this.dataItem })), h("div", { key: 'a9f23940fe88417be866999d8f03d53c24e9eef4', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7b80f9305ae3ae83c4f807693faeb0085e9dae7d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5feb5badd9c982424988daa66127b2b89af53c47', 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: 'cf4a701ae1a4e4a794874e5b5442ccb13162494a' }, h("ls-field-properties-container", { key: '8b10f1d45a86eb0cb7a150476513c10d00f643f5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ebd19d3770cb563e90cf84e3aa4a8a6f16c15d22', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '1827b4b81665b50127ca658d17e0ab8da3955276', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '0da9e6aee8307e7d5501c62b1f984e30acaf7edb', dataItem: this.dataItem })), h("div", { key: 'cb811972008d6d6aab3675e404ae518d92e3da67', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '80a7f0ceebf44088b0ceba2bb66526e4b7b2ccd4', dataItem: this.dataItem })), h("div", { key: '67ab96868f2e20f6134823efa2c9f915a0451990', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'bf4530ef267aae9efe0c48e26dc2068d8ec2c198', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ebfad46e949d644af64d2e30b56377339df95d19', 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: '30fd66966b014f070b6677c826fabafb0c225eee' }, h("ls-field-properties-container", { key: '8201505f1d5a4d460d3d6b0d0735098750471cf4', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '17004940d7dac75dbef27ef61796685f1d886b76', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2e3a9de0cbc6ca5180e028534ed4ccbc422bc207', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '36d07ceac363a42c6bed429914a8459b66eeb4e8', dataItem: this.dataItem })), h("div", { key: '578f3a12bff6f3a032e70e1814e3918fd07347d6', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4d10b99dcac6cc22b2ebe1c73e9a5082448c4d5d', dataItem: this.dataItem })), h("div", { key: '65aaf87dbe3ae8cbbeba7dd131624609f77cfa93', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'b3d9b2305ea6e717fc7214cd797e0b2c6b19c186', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ff4aedff1fdef6df7112a1a49c1bc6ef86bee460', 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: '793c278f31cf863add93c7465cede135ee51512f' }, h("ls-field-properties-container", { key: '54d20224c2f629da4e0499a4335c38ceab50066f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ef927fbcfdd145123ba87b9d172bd98364b283f8', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'a0de4e95eec2b9746ed0f0dd8894a40a0eab5f95', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '557295236a921b08b58df8b769af32c9353ffe48', dataItem: this.dataItem })), h("div", { key: '4c3bc45d9f84177a6ea1cbcda178de302551c5f0', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'ad70e188c3e483724c2c6c33e7918e53cf2f288f', dataItem: this.dataItem })), h("div", { key: '4b757f9c215af017c6f58565cc3075ee27f1b21f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '95ce9cd140d9f0abf15b0f250e73a7c4647f1ef9', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3c0317518f63abca0471fd429ed9856f76ace6ff', 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: '51ee28edf66a199e6fb108cca166c70906b909bb' }, h("ls-field-properties-container", { key: '0873c36bffe29a1027aedacfd5713b64152dc17e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cab05eb3ca7deb99567f1bf3fee25d454ba30283', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '86c4aec175cd5749493bf00ca6ce74996c089659', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd83a285dbf707f9694c44c877e625aec6b6ef034', dataItem: this.dataItem })), h("div", { key: 'a5d7b9b529f0c392777f6693f5b691f69ce12c75', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '907fe3d7e5bed707b9e36aa9d23c715560ca28c5', dataItem: this.dataItem })), h("div", { key: 'd163d16cdce6ee20ed1f45b21cadec28fa72c6f9', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'e9e827f77a90e5a141928ad680d81fa418e232bc', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5eb492578fdd032fcbde081911cfb40955807d3e', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-general"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|