legalesign-document-viewer 0.3.6 → 0.3.8
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 +28 -0
- package/dist/cjs/ls-compose-manager.cjs.entry.js.map +1 -0
- package/dist/cjs/ls-compose-manager.entry.cjs.js.map +1 -0
- package/dist/cjs/ls-document-options_42.cjs.entry.js +106 -101
- package/dist/cjs/ls-document-options_42.cjs.entry.js.map +1 -1
- 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 +1 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.css +3 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +55 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js.map +1 -0
- package/dist/collection/components/ls-document-options/ls-document-options.js +3 -3
- package/dist/collection/components/ls-document-options/ls-document-options.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/adapter/templateActions.js +2 -2
- package/dist/collection/components/ls-document-viewer/adapter/templateActions.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +16 -16
- 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.css +4 -0
- package/dist/collection/components/ls-feature-column/ls-feature-column.js +29 -5
- 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 +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 +9 -9
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +3 -3
- 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-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 +2 -2
- 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-tag/ls-validation-tag.js +22 -1
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
- package/dist/collection/types/LSApiTemplate.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/ls-compose-manager.d.ts +11 -0
- package/dist/components/ls-compose-manager.js +47 -0
- package/dist/components/ls-compose-manager.js.map +1 -0
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +52 -52
- 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 +15 -15
- 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 +9 -9
- 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-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-tag.js +1 -1
- package/dist/components/{p-Ymh-2OnV.js → p-1dvcNcdF.js} +17 -17
- package/dist/components/{p-Ymh-2OnV.js.map → p-1dvcNcdF.js.map} +1 -1
- package/dist/components/{p-0l2bXbFG.js → p-5pLj6W__.js} +11 -11
- package/dist/components/{p-0l2bXbFG.js.map → p-5pLj6W__.js.map} +1 -1
- package/dist/components/{p-D7BMvkxF.js → p-B1U2Ui7F.js} +17 -17
- package/dist/components/{p-D7BMvkxF.js.map → p-B1U2Ui7F.js.map} +1 -1
- package/dist/components/{p-DO4zTNa2.js → p-B7dTg-FF.js} +17 -17
- package/dist/components/{p-DO4zTNa2.js.map → p-B7dTg-FF.js.map} +1 -1
- package/dist/components/{p-D8-qPGsJ.js → p-BCoqHTq9.js} +7 -7
- package/dist/components/{p-D8-qPGsJ.js.map → p-BCoqHTq9.js.map} +1 -1
- package/dist/components/{p-DPHDQvBy.js → p-BKPLevlT.js} +4 -4
- package/dist/components/{p-DPHDQvBy.js.map → p-BKPLevlT.js.map} +1 -1
- package/dist/components/{p-C0DxZPf7.js → p-BNC69LYf.js} +14 -14
- package/dist/components/{p-C0DxZPf7.js.map → p-BNC69LYf.js.map} +1 -1
- package/dist/components/{p-Dns9yEdO.js → p-BmEXSmLf.js} +8 -6
- package/dist/components/p-BmEXSmLf.js.map +1 -0
- package/dist/components/{p-GVTVbJVE.js → p-BnRYK-C4.js} +8 -8
- package/dist/components/p-BnRYK-C4.js.map +1 -0
- package/dist/components/{p-Z79iUN1m.js → p-BphT81GV.js} +17 -17
- package/dist/components/{p-Z79iUN1m.js.map → p-BphT81GV.js.map} +1 -1
- package/dist/components/{p-Pb_M5CHe.js → p-BvIKgXkH.js} +7 -7
- package/dist/components/{p-Pb_M5CHe.js.map → p-BvIKgXkH.js.map} +1 -1
- package/dist/components/{p-CEfaqMjm.js → p-C28pfXKN.js} +8 -8
- package/dist/components/{p-CEfaqMjm.js.map → p-C28pfXKN.js.map} +1 -1
- package/dist/components/{p-BKpv-kC8.js → p-C4YY0EyH.js} +9 -9
- package/dist/components/{p-BKpv-kC8.js.map → p-C4YY0EyH.js.map} +1 -1
- package/dist/components/{p-CIaA9Qz9.js → p-C7ohAVHE.js} +6 -6
- package/dist/components/{p-CIaA9Qz9.js.map → p-C7ohAVHE.js.map} +1 -1
- package/dist/components/{p-DSWW2hzE.js → p-CAWxK_LI.js} +30 -30
- package/dist/components/{p-DSWW2hzE.js.map → p-CAWxK_LI.js.map} +1 -1
- package/dist/components/{p-DZm_unSc.js → p-CAbrMIbN.js} +6 -6
- package/dist/components/p-CAbrMIbN.js.map +1 -0
- package/dist/components/{p-D0Dhti1c.js → p-CEc76IM2.js} +5 -5
- package/dist/components/{p-D0Dhti1c.js.map → p-CEc76IM2.js.map} +1 -1
- package/dist/components/{p-BvHSBTD8.js → p-CEhCcP_A.js} +3 -3
- package/dist/components/{p-BvHSBTD8.js.map → p-CEhCcP_A.js.map} +1 -1
- package/dist/components/{p-Jxy3zvjl.js → p-CNX4llIr.js} +5 -5
- package/dist/components/{p-Jxy3zvjl.js.map → p-CNX4llIr.js.map} +1 -1
- package/dist/components/{p-yqhOKUzi.js → p-CSmx-jJT.js} +17 -17
- package/dist/components/{p-yqhOKUzi.js.map → p-CSmx-jJT.js.map} +1 -1
- package/dist/components/{p-Ccn3ZZcu.js → p-CWMW0nzH.js} +6 -6
- package/dist/components/{p-Ccn3ZZcu.js.map → p-CWMW0nzH.js.map} +1 -1
- package/dist/components/{p-DdA-gazu.js → p-CWfyjOto.js} +4 -4
- package/dist/components/{p-DdA-gazu.js.map → p-CWfyjOto.js.map} +1 -1
- package/dist/components/{p-B-CwRcyM.js → p-CciiwtyT.js} +16 -16
- package/dist/components/{p-B-CwRcyM.js.map → p-CciiwtyT.js.map} +1 -1
- package/dist/components/{p-Cvpba_Hj.js → p-CdEPt9fv.js} +8 -8
- package/dist/components/{p-Cvpba_Hj.js.map → p-CdEPt9fv.js.map} +1 -1
- package/dist/components/{p-BnXLoyl5.js → p-CeKcOUyM.js} +17 -17
- package/dist/components/{p-BnXLoyl5.js.map → p-CeKcOUyM.js.map} +1 -1
- package/dist/components/{p-CHTd656b.js → p-D-OtQhJz.js} +17 -17
- package/dist/components/{p-CHTd656b.js.map → p-D-OtQhJz.js.map} +1 -1
- package/dist/components/{p-DmRC_Wu_.js → p-DKbeIqEX.js} +5 -5
- package/dist/components/{p-DmRC_Wu_.js.map → p-DKbeIqEX.js.map} +1 -1
- package/dist/components/{p-ehKlmMJ5.js → p-DLxAjAd4.js} +6 -6
- package/dist/components/{p-ehKlmMJ5.js.map → p-DLxAjAd4.js.map} +1 -1
- package/dist/components/{p-CPWE3RPb.js → p-DWIo_K0q.js} +5 -5
- package/dist/components/{p-CPWE3RPb.js.map → p-DWIo_K0q.js.map} +1 -1
- package/dist/components/{p-DYigxUng.js → p-DZPnGx2N.js} +5 -5
- package/dist/components/{p-DYigxUng.js.map → p-DZPnGx2N.js.map} +1 -1
- package/dist/components/{p-ByytASxI.js → p-DfYmuFSx.js} +4 -4
- package/dist/components/{p-ByytASxI.js.map → p-DfYmuFSx.js.map} +1 -1
- package/dist/components/{p-C3Yf2XxL.js → p-Djqb_4PL.js} +7 -7
- package/dist/components/{p-C3Yf2XxL.js.map → p-Djqb_4PL.js.map} +1 -1
- package/dist/components/{p-DmpTMpIK.js → p-Dk00ccBn.js} +4 -4
- package/dist/components/{p-DmpTMpIK.js.map → p-Dk00ccBn.js.map} +1 -1
- package/dist/components/{p-sXbu_0hu.js → p-DkCVXmg3.js} +10 -10
- package/dist/components/{p-sXbu_0hu.js.map → p-DkCVXmg3.js.map} +1 -1
- package/dist/components/{p-D_bOpI93.js → p-DrD5JKw9.js} +11 -11
- package/dist/components/{p-D_bOpI93.js.map → p-DrD5JKw9.js.map} +1 -1
- package/dist/components/{p-DRlasxvX.js → p-IlkS4czy.js} +17 -12
- package/dist/components/p-IlkS4czy.js.map +1 -0
- package/dist/components/{p-BMoeVwvV.js → p-IpGJwBtp.js} +8 -8
- package/dist/components/{p-BMoeVwvV.js.map → p-IpGJwBtp.js.map} +1 -1
- package/dist/components/{p-D1G_SpA3.js → p-Wuj0cujc.js} +13 -13
- package/dist/components/{p-D1G_SpA3.js.map → p-Wuj0cujc.js.map} +1 -1
- package/dist/components/{p-BfYQbwHx.js → p-XF3M9gAr.js} +11 -11
- package/dist/components/{p-BfYQbwHx.js.map → p-XF3M9gAr.js.map} +1 -1
- package/dist/components/{p-CZoubBus.js → p-XkANRt3Q.js} +4 -4
- package/dist/components/{p-CZoubBus.js.map → p-XkANRt3Q.js.map} +1 -1
- package/dist/components/{p-ChsJHskx.js → p-gE1FA92I.js} +5 -5
- package/dist/components/{p-ChsJHskx.js.map → p-gE1FA92I.js.map} +1 -1
- package/dist/components/{p-BhKW6QAV.js → p-h0r-SdI7.js} +5 -5
- package/dist/components/{p-BhKW6QAV.js.map → p-h0r-SdI7.js.map} +1 -1
- package/dist/components/{p-hM61nVV6.js → p-hHXffFw5.js} +17 -17
- package/dist/components/{p-hM61nVV6.js.map → p-hHXffFw5.js.map} +1 -1
- package/dist/components/{p-D81uQuBt.js → p-qx-naHxz.js} +5 -5
- package/dist/components/{p-D81uQuBt.js.map → p-qx-naHxz.js.map} +1 -1
- package/dist/components/{p-DXhpjcQC.js → p-sqcHMrnp.js} +4 -4
- package/dist/components/{p-DXhpjcQC.js.map → p-sqcHMrnp.js.map} +1 -1
- package/dist/components/{p-B6WHuozd.js → p-wgy1HDlb.js} +17 -17
- package/dist/components/{p-B6WHuozd.js.map → p-wgy1HDlb.js.map} +1 -1
- package/dist/components/{p-CesULiVv.js → p-yu8Gmj9y.js} +6 -6
- package/dist/components/{p-CesULiVv.js.map → p-yu8Gmj9y.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-compose-manager.entry.js +26 -0
- package/dist/esm/ls-compose-manager.entry.js.map +1 -0
- package/dist/esm/ls-document-options_42.entry.js +106 -101
- package/dist/esm/ls-document-options_42.entry.js.map +1 -1
- 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-compose-manager.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-d2eaa2ec.entry.js → p-14049937.entry.js} +2 -2
- package/dist/ls-document-viewer/p-20ab7965.entry.js +2 -0
- package/dist/ls-document-viewer/p-20ab7965.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-cfb2d2ff.entry.js → p-76fe67f1.entry.js} +2 -2
- package/dist/ls-document-viewer/p-7f4adac4.entry.js +2 -0
- package/dist/ls-document-viewer/{p-3d9bde07.entry.js → p-fbf49a8c.entry.js} +5 -5
- package/dist/ls-document-viewer/p-fbf49a8c.entry.js.map +1 -0
- package/dist/types/components/ls-compose-manager/ls-compose-manager.d.ts +9 -0
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +4 -3
- package/dist/types/components/ls-feature-column/ls-feature-column.d.ts +5 -0
- package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts +1 -0
- package/dist/types/components.d.ts +49 -10
- package/dist/types/types/LSApiTemplate.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/p-DRlasxvX.js.map +0 -1
- package/dist/components/p-DZm_unSc.js.map +0 -1
- package/dist/components/p-Dns9yEdO.js.map +0 -1
- package/dist/components/p-GVTVbJVE.js.map +0 -1
- package/dist/ls-document-viewer/p-3d9bde07.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-3ff5b214.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-d2eaa2ec.entry.js.map → p-14049937.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-cfb2d2ff.entry.js.map → p-76fe67f1.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-3ff5b214.entry.js.map → p-7f4adac4.entry.js.map} +0 -0
|
@@ -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: '0859768e92a4f7224215188f1d13a2ee0c0c14ec', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '8606bbf54a949da3f2d4f420ba8d8378781fd3d7', class: 'ls-field-format-bar' }, h("div", { key: '6e5d6285fd8db5d20a4865d49ecf4469c025c1fa', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '7b97bd42a675f58b2e310d76b1e59b60073acf01', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'ac649c3e78d624de918971651513a7526881a5df', 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: '2fa116dd41a13cc71bb4c8160186e4584dc60ad0', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '0b07c4d09a90bd3a0a2ca050cf35aabcc24f2ace', value: "arial" }, "Arial"), h("option", { key: 'dc8f38707436d7e2e4cacc555412246865015ea7', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2cbed009b7533c646a3cc57aa04edfcb9a79a5e6', value: "courier" }, "Courier"), h("option", { key: '6fe8e2e5259b92894b2be99590681d22ca0e8598', value: "helvetica" }, "Helvetica"), h("option", { key: '6e4b87f7cf94250898d276032124ae4080911600', value: "verdana" }, "Verdana")), h("ls-icon", { key: '1f594749ac4dc21892121e85923af160cff581df', id: "selectorIcon", name: "selector" })), h("div", { key: 'e006f2c18ce8054c58f3b156b25cae1e327009ac', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: 'a9a1c9155ac7698326e1eedb6072d19d8394ae81', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'ec699259b7c1bedfcbe3691664b403d55ca3cdfa', 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: 'fdc37da4848f995a7085f3b0d1d94ee83e9d2d75', class: 'button-group' }, h("button", { key: '6748c66d477ce772f9d7995d037136fa8b43baf1', 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: 'f02a4eeb2beb0631b5fc488339ce8764b2c564e2', name: "menu-alt-2" })), h("button", { key: '48ec7d3352d4eee35654251cdc59e0dafa5e1fbc', 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: '0eb3fd96fe38e31090c1ec3b1cd2d861c14fe5e9', name: "menu-alt-5" })), h("button", { key: 'f30306089378abf1fdab633480d2b95d706f7c8c', 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: '484d852d603f6a7881b305075815c50e8dd535db', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: 'd1339b6c32da71f11b29e4bdc248048387cd7ab5', class: 'ls-field-format-bar' }, h("div", { key: '3a954196fd960cdc7dbee0cb45bdcfe58c0de239', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: 'd02872fcaf09718ffcf12705471aad6df7dbcb45', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '81c3986067d0a771a330dc23ccb3615eda7fbfe8', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'eaa54d107c3c4dcaf3dc7f2d4942a169e8ebe831', 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: '6113ae9df3d6717e3a33623c15e351b2c331db87', value: "arial" }, "Arial"), h("option", { key: '743d03597ca544b60ad6d62a62b141abd1869d78', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '6c720cb9f70d8ca398c8ff81919f2a07d5d23f19', value: "courier" }, "Courier"), h("option", { key: 'f7bc35f462739f30b6152ed1cf2474783b8b1a15', value: "helvetica" }, "Helvetica"), h("option", { key: '184d4bd8709fb38bc55a1a848aad7fd24dbc76e5', value: "verdana" }, "Verdana"))), h("div", { key: 'dac26543643e5946a3baff9bf4069541bbbf32fe', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '7be6dc41f28296511db4d3426f407d549bee0ab7', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '9e0f3265cb43a1cb1c083ec53f22563c6b9442c6', 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: 'c48b8e847e9804d55fd1520c2e77afff0f189c02', class: 'button-group' }, h("button", { key: 'ee09f693a8cfc903b0f2493e309db02d1b48ed4a', 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: 'd6286a5c0e6f2aba78904bc2e508b098ea0cb7fc', name: "menu-alt-2" })), h("button", { key: 'af66340f8916d687228a5187600bc0d4fdaff1ee', 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: '13c8d90de703dd4c5a276476d92bd8802fd5f4ac', name: "menu-alt-5" })), h("button", { key: '26495ec3565171416a08fd697251f5f8d9e74f7f', 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: 'f07037517347d5efb7d6e91d24fe383f3aa47d7b', name: "menu-alt-3" }))))), h("ls-tooltip", { key: '407f95e6552cd794ce590e5a606a48a382ff1c3c', 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: 'fb898a434a220151e5975d087a1ed23137f3325b' }, this.isMultiple(this.dataItem) && (h("div", { key: 'e1b38e180f51b8d110476faeb3d5875d04965131', class: 'ls-field-properties-section' }, h("div", { key: '4d063be5ccd36a34666ae5245a49d34bb24472a7', class: 'ls-field-properties-section-text' }, h("p", { key: '0c4985637290ec604d9847e264ba4b0b7046dca2', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '4f61c592d32742726354895c1aab4be11887d171', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '1ac7de1d1d21091aa5c4ee173695f2fa824201e2', class: 'input-row' }, h("div", { key: 'fe416a4fdf442af3b052ce0e4eb344e4e5799ded', class: 'input-wrapper' }, h("ls-icon", { key: '17176b317f796691d3522365fd7b5cbbc5dfd89b', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: 'bcc77980a9207d2d3f1892b8e6f75ec1b623689e', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '7a301ac2c29fd4868cf9671ef1b61c3ac8d33223', class: 'input-wrapper' }, h("ls-icon", { key: 'cdc10ed979803476f5229071340aeed809b7b2c1', id: "selectLeadingIcon", name: "y" }), h("input", { key: '33263a8eace33568aac8ca6903b6df8dd9059a41', 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: '76c65fe03f221a6b033377d3bbd083a36be7d179', class: 'field-set' }, h("div", { key: 'd43d7497318acd5bc7401e8f4165e254602fad1f', class: 'ls-field-properties-section' }, h("div", { key: '40ee63a2016741c9bb248a359584c4824b55010b', class: 'ls-field-properties-section-text' }, h("p", { key: 'ec9955d17bbb584e01783c10b86b02bb8badb6d9', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '6191719e404adb163e959e39a0630503ea970cc3', 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: '505b9a4b530e837202d0bbe2517e663a26dde081', class: 'multi-button-group-row' }, h("div", { key: '32935ba6f86dad3fb7229508f53fab532c5cafe6', class: 'button-group' }, h("button", { key: '0ae8e210d9c79f2e60a938b1344b6267bd5370b0', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '3dff2ebda866b74161e0bfcd1e956d0505864dee', name: "field-alignment-left" })), h("button", { key: '84d1bcd563736af427464f37d5574bb1671c278a', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: '4c64afa4e16cdcf71d2c810402e323066ca85e69', name: "field-alignment-centre" })), h("button", { key: '45d8ca5e6630e7aac05655dced8f3ac99fe18716', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: 'bbbbe62f11f4de87aa50354013bd569b9860391c', name: "field-alignment-right" }))), h("div", { key: 'f254beb900ae30f9028e4a40ee739fafa7bffa55', class: 'button-group' }, h("button", { key: '18ee712f692df33fef3a529d16edd56760bae177', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: 'b2d42db41524b20fc2147dcdb231e1d7e6f343cd', name: "field-alignment-top" })), h("button", { key: '02de8cc536f6fa7bd437f82015bf6f5098e98f17', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '86aa7faaf3a3b5f022141101fdf419afdcdf09fa', name: "field-alignment-middle" })), h("button", { key: '8de725ca74947a1ca14adf684b1ab1b9a2fbe869', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '2c58fd242ce46ddf935f6090c4192a2c1e3815db', name: "field-alignment-bottom" }))))), h("div", { key: 'd9c49c6aa200e05a832482b0da86757d921a698f', class: 'ls-field-properties-section' }, h("div", { key: 'e2b93079a3c34918058b9694b98a5d4aa3e0d007', class: 'ls-field-properties-section-text' }, h("p", { key: 'f524259dde1c143cc72e021956af8d7f841c3aec', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '366f18dbd3f944dd14ea4039b0dac91fed7dced9', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '6418197eaf1053991594eea86d1b63711ed74e4f', class: 'input-row' }, h("div", { key: '5f09df65c570ccab010d20bfba93a203973cef9b', class: 'input-wrapper' }, h("ls-icon", { key: '176ea252b68660b68fb4d4472b5b5023969d9c56', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '4428dde7157b2d60ae3f6cf33e31c0712cea64fc', 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: '57aed801893c3b02356b83ec57ff68a379cdb7d0', class: 'input-wrapper' }, h("ls-icon", { key: '78db1a1abeaf0bc5902bf9803cdd635d2e6da345', id: "selectLeadingIcon", name: "y" }), h("input", { key: '17ad6d8336f9dd30a7ed0810bf6bc69fd02912a5', 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: '3e195a988520632f41beec5e54e939db3dccb249', class: 'ls-field-properties-section' }, h("div", { key: '13d439b92f183f163f2e26ef38b627a80f4ea64c', class: 'ls-field-properties-section-text' }, h("p", { key: 'c86b7d06d259b113ba2dbe692740e4c2c35fe60b', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'cda8975a184164bd9d9dee4a043df8c43c8aca1d', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '35f15695f98adc7e6a2425d55b3ef63ed0f3003b', class: 'button-group' }, h("button", { key: '39f0bba58102fd6115484c307c195a9821b2f0c5', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '34d4dbb1717ed486d77554f6fcd3c8e8364b8153', name: "field-distribute-vertically" })), h("button", { key: 'd408509d0578c68667f70f0ddc5b646061262ad1', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '9ff5a1f589c74f5b7586041352c01a90e1dbaccb', name: "field-distribute-horizontally" })))), h("div", { key: 'e0c8fb79c488bc72c511c31f35c09814f7f63a05', class: 'ls-field-properties-section' }, h("div", { key: '1006e99a23bed70cea2e5ce5abeedf3fef755f87', class: 'ls-field-properties-section-text' }, h("p", { key: '4c66b4acf7f189dd51f348126db730b0488b5d4b', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '7c8f37adbe000de9621d9a874ee44255122ec9f3', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '52d2fd9e5605016389a7e9460f249077199af067', class: 'input-row' }, h("div", { key: '4094c09f154818cd7a401120c5dde1bc32fb58f2', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: 'd5d01efb6c3d1f15a055d97f3376cdb309241dd3', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: 'c98d95fa83a77542352fdd514d001c6ebe868491', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: 'a02eedc46700c2b55ae949939a03e977e9661d80', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '8a1189c052e118771127095c57efc958592bc1f3', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '7a2cc4c1a8082b18160294144ab53b6a38d63235', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '7f7f6a8f2bee35667b3511d49819e3b16fe4e8ec', 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: 'e10f84f92b07c03c076dcee664c2acfb968e7626', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '24fa6ef914db2f305854bb21240effc5a86478f3' })));
|
|
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: '229d7ddd665d729e9e677814b0636cb2150397e2' }, h("div", { key: 'fde44b85c29bc148d8b4f2bd835622be2227e962', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '0722b4102c79b815105d163a8710265abe839008', name: this.expanded ? 'expand' : 'collapse', size: "20", solid: true }), h("p", { key: '40d0fe3c61437359436320f24dd0ff09b1e079c4' }, "Advanced Properties")), this.expanded && (h("div", { key: '5eb41b7685321264dca681525254d68cb83f2290', class: 'field-set' }, h("ls-props-section", { key: '940f314bf3ade17bd6d73b6f4b3b22315aa781a2', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '326bb6acc0948e774e29e414919c9b8ae6f51213', 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: '86c67a544da6feb588ad0582dcaca95e793f9c83', sectionTitle: "Ref. Name" }, h("input", { key: 'a76eed6902eece334c51e045b056cc7aca047b22', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '74633905b6c63c4b2315a8f624a31ddcdd9424dc', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, h("select", { key: 'd6ae68fa08d437b49df08e108afe136db5d366c1', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '9d626ed40dce45e6c2b9ae043269532128e18f60', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'fcd485e0b7dff9d79e45cb7830543b9ea51757ee', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: '414f7d46c9d4b32c64338c3ac031f191926d9fbb', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '09fe5d2ec3822ef21c777792b6a4e53f24cc686a', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: 'd3a7b937c486cb922ee40925a1b5d0796945f667', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'c3762f4d14ab872e6de69ce06e292e424d83488f', 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: '3fbad8ed745b4900fc76f2f5642c4aeda93193f9' }, h("div", { key: 'f433089f386eaf85cde4dac1f800634730b2e9d0', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '8142d175bc2e494aa4741b4c2c4e82523f117bba' }, "Label: ", h("input", { key: '70b4e47422f4e090d01946171a4bb3618949e9a6', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '17cbfbad642d9919e44632b78b72bf7694957e37', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'b3e3704ee4e17b85f536581795a8331adc6d0a4c', dataItem: this.dataItem }), h("ls-field-footer", { key: 'eca74f7af4fd303c81be26df4863965c5acea42c', dataItem: this.dataItem }), h("slot", { key: 'b880e6d4331cef73aa9f1e0a329cdb56835a8a22' })));
|
|
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: '3fa6c8fd48b21f1fedfb5af0270afed918c2639f' }, this.tabs.length > 1 && (h("div", { key: '2314daf0f47d5f4a694eae0d9aac3f0a775df26d', 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: '967f6c1b1b7d24a14dd9520d8fbd4b7d16041a03', class: 'scrolling-container' }, h("slot", { key: '4e190919fbb04a3b159acb0b522f160c91218e20', 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: 'ea5bd0d382ad32fa79de34674dbb745a55048089' }, h("ls-field-properties-container", { key: '787ad9439736b7ee01ecb2c9042bb7308fe4ac45', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ef59ba835a6ffedee3a197206924e9e39c01d820', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '4649ae40b11ccd292332cee9c27a6b1830bf33de', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '4459ea3865782cf7143e129ab8305f43133f51f1', dataItem: this.dataItem })), h("div", { key: 'a458ef9a2e60b54d3125c43be725384f09b9428e', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f49bbb7263642b2f56d45011008e1b7a7d846dc8', dataItem: this.dataItem })), h("div", { key: '972244ffb6d6be51a0cce0daecd8adaaa2978c18', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'b03300627b1a07ca540c490c042decf092ecd71c', dataItem: this.dataItem }))), h("ls-field-footer", { key: '05a527172d65454d5094f3ad8af56050e485ad4b', 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: 'c205e50348c57bcce7ae2ad52f32c042825c3bc9' }, h("ls-field-properties-container", { key: 'ab77b6522f4fd21adc65c2490906d5f40f432106', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '2a3acde05c571a7814492b9b9f0643406dece58b', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'a5244ad6be0ec95b141012896ba5b9e528fdcaf4', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f584a9b5b27cb38c3af0682833b761a591b2d1f4', dataItem: this.dataItem })), h("div", { key: 'e53bc67e7bb258016092185412ce5c7efa5d997b', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '666ba3ee948d1c1f67ecc51d6348b0e96b14cf10', dataItem: this.dataItem })), h("div", { key: '107f1265cea6ea2d9aef5c9b08ea11bdfb89bf08', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '10357639a406a7d0091e4114d582f4bf3c6a05ad', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e79eb42805233a06312aa7d5d78cac1fc627f3bf', 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: '03f17e83adf2d96c97d3e81fe8f8d27004e8d04d' }, h("ls-field-properties-container", { key: '9f0dcde98baf608dee974ea9aa80433165698b9e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3e2a0b21f95cf09caa10239620a7dfb95fdf1ee3', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'f24d926e602f70fc96bb5da5acc7c8b21a98b485', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'a64bfebb79abcbe6c215222daa8b7cf932e488ab', dataItem: this.dataItem })), h("div", { key: 'c39bc587c5283a5de9b6f45f1c323101fbb252e1', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a2006559f2789c94242b80be1144a98a4da1ec56', dataItem: this.dataItem })), h("div", { key: '5402c41ada0a9e317298fd9de9364f59d08631a7', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'e92280d9d3edf4e361075571f2e6ae0079d98cb5', dataItem: this.dataItem }))), h("ls-field-footer", { key: '0962db2f1c55d0012861b07e65b6ccabb1fb0624', 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: 'e289cf173e59ca8863d0e269c2e5bee7425c4c23' }, h("ls-field-properties-container", { key: '17da20002aae28cabd1a7c4a1e3ce8c30cbabf5a', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5f24deadae0363e970c4d2bf0fe579bef9743e10', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '57170d0c508faea47601f218c26b6203f0408429', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '314d1554716d6c1da161304bd21038db0fa64685', dataItem: this.dataItem })), h("div", { key: '594675307f7f04e0f3fb34b2c502c5ced276ae97', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '672a068e51101ec33216ed718760a80807a5c2dc', dataItem: this.dataItem })), h("div", { key: '48f6333bc7c7f78f8151a2d32e3a66383f40cb4b', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '9093062db1751a58a1f0b4fa1ac15edf4add0b26', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ee1373c67ee077b70aec28777d8f578de088f3a5', 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: 'd9e8a7d86953c989a5eef39a673175dedb50bc51' }, h("ls-field-properties-container", { key: 'cbf124ad40f0ea03550002d8c7c7dea7e852bde1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'b445b69cabad7d6aedc1ab0a4421d5eabe265b20', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd73a461930b6d7937e5017c507dfaa4c92f6c0b9', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '46142a3640788ef49f3b45bfc683f709d1e48550', dataItem: this.dataItem })), h("div", { key: 'c13dc1d2b1c2699de0bcb24522c5aa973c4670d5', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '29253aed81bd3b6d75394cba030c477873aeee33', dataItem: this.dataItem })), h("div", { key: 'e3fc96036bb64306dffefe120648a160b18c5658', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'aeabd4c7fb911fba4baac92af14cf37f5311fb03', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'f4ff8e73493eb107d7cdedfdf415322e2bbff961', 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: '76698e021703b31b3eadf875acdc783c07b66566' }, h("ls-field-properties-container", { key: '48868b667e0164882b8690b41de396a66025046c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd03ebcbf3e125a66b0a918a381a4f5604fe67021', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '4fc4cdd553efe775c21b2245e853c35611271c3c', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'dd8be6bf4d096d7d36f5c1cf199acf87b0481090', dataItem: this.dataItem })), h("div", { key: '92958af42a9d4627c990b24eb032ca5dd3b16da1', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '21135e63bb0e438e36b39f3b58396f6776e219d9', dataItem: this.dataItem })), h("div", { key: '3990cd9d9232835603fa8815b7f486edfcec9f6c', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '4e71a306733b04a0f47dff219c1d5ef75d4d41a5', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'bf7c9a0a67944f57c72b759f9628390e808f9225', 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: 'bfdda69abaed0fcd9dfb19849859154093198c88' }, h("ls-field-properties-container", { key: '04274011b6c6c35a1e54c5581cd053ba934feda7', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '912d0929b96b030a536c7577b7f44eb189c38765', class: 'field-set', slot: "content" }, h("div", { key: '258f174030134fd125ae9695a9e4ecc6252a9dc4', class: 'ls-field-properties-section' }, h("div", { key: 'd3fdb50f7f55b97c3d5b992b2e12fca3b5a8d043', class: 'ls-field-properties-section-text' }, h("p", { key: '9421cdf63e77a7c85274e21fb4b1c438eaed24e1', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: '76010f503fa82a18b6f7a7010545f126ac55003c', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '5521f46efb712ca2cbc263a7d1ae849906c3c499', 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: '68aa7e9078c323708b80fba47f02b7e41623b9b7', class: 'ls-field-type-inner' }, h("div", { key: '642364397abe4e2a9714b72068e0cd4aef10fb9b', 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: '617bafcce3fb5e65fd2d44201d2299f8e2ad45c7', name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { key: '9527b42f7ce91d818665a5dabb6b2c94730867c6', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: 'c757c7305c211a3f79aeddf1fcf0a872c0d6c9cf', class: 'ls-field-properties-section row' }, h("div", { key: '7a4d87b96c4d6784cce29af4b6da339d46d565bb', class: 'ls-field-properties-section-text' }, h("p", { key: 'eceffe0d60419e6ef4f3d71abceaf2f6cc55e01e', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: '48621d156a4b302699790d85248b70c1f0df4ee7', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '7595cb6725b7a95d40cf39bfbad8244fb2612ea8', class: 'ls-field-properties-section' }, h("div", { key: 'e0a9190c22f68591f781270ba4c30a6971880d80', class: 'ls-field-properties-section-text' }, h("p", { key: 'ca9901a54c2a1da198edaa1caee318323d70e9d2', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '8e545a6f9ab543393eda2fa07f073c39a3304bbf', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '83ccd1ebd9fbe5d65c91d23139cbac2c2a5eef63', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: 'a07a0fdd4463726f90e41cd4aa7db9e750826752', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'eb583d2ffa80991273669b5fca2c0a75f0cf66f2', dataItem: this.dataItem }), h("ls-field-size", { key: '8af73481f3d96e57cf88956ad666defd7376a117', dataItem: this.dataItem })), h("div", { key: '87e64ebc361a53161126741375abb334a81fe2f4', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: 'b68f9529080b2cc30bf1a3b6880ffd91fcbc21d0', dataItem: this.dataItem }), h("ls-field-placement", { key: 'bd5bacdced9b4a63133ed1f0c45833b35ab58b34', dataItem: this.dataItem }), h("ls-field-distribute", { key: '5453ebb56fc40756851fe743802233a561b33230', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5afbea2b2e7dedef37708c58185164c808cd6f14' }), h("slot", { key: 'e9959dac10aac9b52570c35690e8c54f6b383125' })));
|
|
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: 'db90db665d22502d206f5330ba827268c47785c2' }, h("ls-field-properties-container", { key: '1c1c7134c4c28fd81842e002bb3ada2bb852d6a5', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '4911a725c941f66c316f7fc7e1c9d0a614136a15', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '4b511a769d3429baa62d02dd9669d5d8f22ce85a', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3a8bb88ca5b4cb12e18a5558868ab3bcf2d7b6e5', dataItem: this.dataItem })), h("div", { key: 'f615161a6602570f0016ddea2863cf96720de792', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'cab573453a3d47fa69da8a4d2f23281d6281cacc', dataItem: this.dataItem })), h("div", { key: 'aa45f96deeaccb9a026e928b339931623efb9aeb', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '48ac2e5bfe8a16f377b01cbb623b63ff2ef8b892', dataItem: this.dataItem }))), h("ls-field-footer", { key: '46b32fd0db50e8849912a91e0ed3d9e63c0fa30e', 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: '02e78851b6ca20e33932a2a550dafd5d29352b50' }, h("ls-field-properties-container", { key: '1015224ce0904522d1118d1336724566c10a3753', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f129653a8a72b98515bc86f009efc244bc5dfb57', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2aba89ef0ff8fa235781b9748489afe14777b77e', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '55e58f14d60268ccc47d41d2855bdd5851958394', dataItem: this.dataItem })), h("div", { key: 'f785a53490abddbc310d2b284e0296fd7ad5c067', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '8967b5835f02da80be52b1366cfca124a07f4183', dataItem: this.dataItem })), h("div", { key: 'efd458a075dda8da676116c5e5519e1c67bcb38b', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7c522339eb7c7b1c981638f0018dd17c02de3677', dataItem: this.dataItem }))), h("ls-field-footer", { key: '00cd07765992762ed6be618e977b4dde2873f14a', 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: '2b39b35e43c8d7cbdb7410b619f84e9b78d48dbb' }, h("ls-field-properties-container", { key: '3b3e1de3aa432d086b0fe8aedf5974434be91442', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'c68272bde4cce9da24fd82e7dbd5bd84e8caed0b', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'c0f445bc87a3819ff43ae1c800ae83a359fce868', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '14883237dc564a456b867c9f6b2d6b4d4ea9416a', dataItem: this.dataItem })), h("div", { key: '99a1a759e6f2729226d6b1c97b27bb9f9ae58353', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'daa9dc100af158ac33d3d092d0d8c7a3124142f2', dataItem: this.dataItem })), h("div", { key: 'f3a344c3cdf560af2e353649389fae85bf2853cc', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '69155ffd459edca6c3bd1aa9041232642af5df6d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5dc160251e1c3e5e7a7cb0bc5ac1fbaab00847e3', dataItem: this.dataItem })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-field-properties-text"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class LsFieldSize {
|
|
|
19
19
|
attachAllTooltips(this.component.shadowRoot);
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '0b8df35dcb2ee5245be7d0beb5f1ae984424978c' }, h("div", { key: '96bea8f8279951acb209d96d6a11b580b5862821', class: 'ls-field-properties-section' }, h("div", { key: '4b32cfaec2f3f8f2b677b5298b0f527f8139723c', class: 'ls-field-properties-section-text' }, h("p", { key: '050832fd7779067d66ffe20ef0698e52b25624bc', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'c99e2028b0d87e4ddf1f0e78c60e91e78a9f1a2d', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '3118c3d2cc73a8fcfa8bf9777ce5f9b95947c2e5', class: 'button-group' }, h("button", { key: '26820ee61e198b053f9f1c87bccf8394944538f5', 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: '4022d9a4a20aa8582f3f269795e1467437e0db5c', name: "field-scale" })), h("button", { key: '728050c518a04fd0a5304c32e15e44bbe99dbb0a', "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: '6eb796f3793e6a15992e7b6e5a460c65bc787da6', name: "field-match-width" })), h("button", { key: '66639239b17674cb06359722b0b37d10a55dc365', 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: '2c48339fe3c5c2e9b097505933d761d922cae925', name: "field-match-height" })))), h("slot", { key: '79ef838cc29f96218979dca1e6bea57dcfa6c2ce' }), h("ls-tooltip", { key: '39fe2902455b9359639b84c320053c512b84c0ce', id: "ls-tooltip-master" })));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "ls-field-size"; }
|
|
25
25
|
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: '4d15751a743942918a0c7e8b025463cfffbd6d37', 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: 'cdcdf83eec1604f955c7c550eea52442fcd7aa23', class: 'ls-field-type-inner' }, h("div", { key: 'fe0bd8f529ab5634ba8c01ee5c7aa4becbd6a86b', 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: 'ed265b5db6f2d4e3f05dfb35216318ef4bd9c99d', name: getFieldIcon(this.fieldType), size: "20" })), h("p", { key: 'bcb69b6e46c2368dffbdada92f4a6e8154e28b51', 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: 'd6cdf484589c9d227c511a994358b15f0a7203c1', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'b3665e37f2149dcb1ee8b5ffed682fe98b9a3409', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '3771591b8fbcea7c81ec8cb12af31317e0b4fc5c', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: 'f9ed1f49415c23e68a2b81c876f2a6d31faa39d7', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: 'e8a348c725b9d16534f35fd72606a238da2f55b0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '0d9610e847f3434e738105e77bc598351ebcaed9', 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: '88b3e499da6232a8b6f63e0c0568a5be2c213879', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '7dd7cba9b45fd859c687104781325fca32c406c1', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '27912c7c17b1562cade0bcca96338c95add8d680', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '96e96b4925f196db4e138d63867fe82b9baa9a04', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: '26b423107fb452c73bb1b440971bdcb72009dc2b', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: '8846ca0764c058fc83a2824dfc787da2e0a6afc2', 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: 'e7e8bafe15e29f9f8b78024f8921c445e3bfdc3f', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: 'baf93f6fa384dabba7151c9108e88b1a20d27b7b', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: '714f8c7c84c2e5b1a4af7d8e5433a25628468783', class: 'spanContainer' }, h("span", { key: 'c1eb6e3c43aa9d51a8bb17523e701a035b6bcb66' }, icon && h("ls-icon", { key: '742786b7193584666d255f2b82824935fbe41878', name: icon, size: "16" })), h("span", { key: 'dbaccc572cee54235321c7d4c0782f8313fb33ad' }, 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: 'e22bd6924365a77cebda382a7ee9445263de716f', class: 'host' }, fieldIcon && (h("ls-icon", { key: '4e0d8d395c7874235f2618c39331ebb77112bd25', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '68077a1eae69a43ec4c37dff022c096bfd7c0c4d', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '13f5f193359e4752bb790d2d8b518b5bb6f91e49' })), h("div", { key: 'a06550b784b85776e9976b7a27e51dab2be69e5d', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '7d70d7d3a28ed3082518d588c0b6d6be04829412', 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: '9f58679c7e72b2aa0bb0efb777c1d17420d9fbc6', class: 'host' }, fieldIcon && (h("ls-icon", { key: '7fc0da24a79e8b0aca1a72a998a86c070b8a33d6', 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: 'a9873657c293611cb5b0bfdc7c2936ad2859e1e1', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'b22a919a5886cfd395c19693d3311ea7c34de25f', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '2b09bca182cedcb44d124bb91a588878075c1290', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '08e4457eba4879b4dcb1a6f0e8df18694b172f4e', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '56dd71d1b86db74a61bc187d3f85caa3bc001a69', 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: '05b7cf86fb66c48b317fc10ea80a3ace14995b8c', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'feadc66f81c470b50c41734d917c3d9976224719', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: 'de65b8db3f8f9925f4d4a0db0bd2498f4371d7cd', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'bde7626f2001a10b9d1eda52d07daebb511277f8', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '86b31eec02b683803802d9a4fbe50e83fcc1afa5', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'aaeeee06d1568469cd070ce9a2715aef1a8b11d3', class: 'button', onClick: buttonClick }, h("ls-icon", { key: 'cdeca2f643972e176867ebe111431608fc32cc93', 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: '19aa13876ebe0c20b2ec0ec83c749e4119a8100e', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'e1dcf69ba8c3f9ec62376d9e303737eebf92da0a', class: "formfield-top-elements" }, h("div", { key: 'ea50d721ef6a77e7d67a7304cd758921cc3e1866', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '267f18033109fd18bbfef712471e5ce81f7351d1', name: labelIcon }), h("label", { key: '3a87fe6e53db73708040d03a8dd78758b89b1771', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: 'ea94d57fd409df19e6808fc94bbdabee51cf4410', 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: '6a17a0eb6234a6beec0dda3e4ccd06a16d95b17f', 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: '3e579b2aee967c2a6ea6973926afa2f3a33535e1', class: "formfield-count-container" }, h("p", { key: 'c47b78ed6863386f9b933bde960c5252a2facca8', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '19fb3b5e4fb2467c6aae75c7f8c52802edc5229e', class: countClass }, h("p", { key: 'e68d2d8abb15be6b1f66fc085d8b5df73f083911' }, "/"), h("p", { key: '11d569dc63c78755822f54ab5c08fa63b898ce12' }, countMax))))))))));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "ls-formfield"; }
|
|
47
47
|
static get originalStyleUrls() {
|
|
@@ -8,11 +8,11 @@ export class LsHelperBar {
|
|
|
8
8
|
attachAllTooltips(this.component.shadowRoot);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: '0242b574b0c0ba959a967b662728d4c1efcedf91' }, h("div", { key: '655d3577366a9a89c1020deb4331de5b802678f0', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '5ccc942d2074f1a2d96e599765b9a6a738c476ac', style: !this.expanded ? { display: 'none' } : { display: 'block' }, id: "keyboard-btn", ref: el => {
|
|
12
12
|
if (el) {
|
|
13
13
|
this.shortcutsBtn = el;
|
|
14
14
|
}
|
|
15
|
-
} }, h("ls-keyboard-shortcuts", { key: '
|
|
15
|
+
} }, h("ls-keyboard-shortcuts", { key: '6a1068c2875a3b2bd7eaa177ad9a88ecd1ce7ade', referenceElement: this.shortcutsBtn }), h("ls-icon", { key: '4cd22a3a90d8043d1ddcb42371dcc2dcd8bd2b13', name: "keyboard" })), h("button", { key: '603450f893dedef6f328fc37e18481432c6fa2b2', style: !this.expanded ? { display: 'none' } : { display: 'block' }, "data-pendo": "launch-new-edit-tour" }, h("ls-icon", { key: '125053796a842e701ee55602fe43fa02800bbe78', name: "map", "data-tooltip": "Take a Guided Tour", "data-tooltip-placement": "left" })), h("button", { key: '61621774787715e41c57a8a5ab3fb1d160428380', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: 'f7b2cacaee5ed9b10e1f52619e7f91c25c41a269', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("div", { key: '794b4362a4f338af6b8a7000c9e163aa17c0cb38', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '7830114f56e458cc507a05a1f0198ee96d833454' }, h("ls-icon", { key: '3d4dd69c36922d3aef54d7936ae2f13d980a5446', name: "question-mark-circle" }))), h("slot", { key: '38d21c37b910bb7e759d94516c6f9ba19cc29715' }), h("ls-tooltip", { key: 'a0a1b1e60c81168afb1278e1280c5eabb92cc824', id: "ls-tooltip-master" })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "ls-helper-bar"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -24,7 +24,7 @@ export class LsIcon {
|
|
|
24
24
|
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.');
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h("host", { key: '
|
|
27
|
+
return (h("host", { key: 'fb29f9489142bd9b56a79741034a27f0f8523040' }, icons
|
|
28
28
|
?.filter((icon) => icon.name === this.name)
|
|
29
29
|
?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
30
30
|
height: `${this.size}px`,
|