legalesign-document-viewer 0.6.2 → 0.6.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-compose-manager.cjs.entry.js +2 -2
- package/dist/cjs/{ls-document-options_46.cjs.entry.js → ls-document-options_45.cjs.entry.js} +106 -146
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ls-formfield.cjs.entry.js +2 -2
- package/dist/cjs/ls-number-input_5.cjs.entry.js +6 -6
- package/dist/cjs/ls-title-input.cjs.entry.js +49 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
- package/dist/collection/components/ls-document-viewer/editorUtils.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +20 -2
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-editor-table/ls-editor-table.js +1 -1
- package/dist/collection/components/ls-feature-column/ls-feature-column.js +6 -6
- package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +2 -2
- package/dist/collection/components/ls-field-content/ls-field-content.js +2 -2
- package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +3 -3
- package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +5 -5
- package/dist/collection/components/ls-field-footer/ls-field-footer.js +1 -1
- package/dist/collection/components/ls-field-format/ls-field-format.js +11 -11
- package/dist/collection/components/ls-field-placement/ls-field-placement.js +1 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.js +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +2 -2
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
- package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +3 -3
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +2 -2
- package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +1 -1
- package/dist/collection/components/ls-formfield/ls-formfield.js +2 -2
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
- package/dist/collection/components/ls-icon/ls-icon.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-page-loader/ls-page-loader.js +2 -2
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +8 -8
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +9 -9
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-tooltip/ls-tooltip.js +1 -1
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
- package/dist/components/ls-compose-manager.js +2 -2
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +88 -90
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-editor-table.js +1 -1
- package/dist/components/ls-feature-column.js +1 -1
- package/dist/components/ls-field-alignment.js +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-dimensions.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-footer.js +1 -1
- package/dist/components/ls-field-format.js +1 -1
- package/dist/components/ls-field-placement.js +1 -1
- package/dist/components/ls-field-properties-advanced.js +1 -1
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-container.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +14 -14
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-image.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-field-size.js +1 -1
- package/dist/components/ls-field-type-display.js +1 -1
- package/dist/components/ls-formfield.js +8 -8
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-number-input.js +1 -1
- package/dist/components/ls-page-loader.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-radio-input.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-select-input.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-text-input.js +1 -1
- package/dist/components/ls-textarea-input.js +1 -1
- package/dist/components/ls-title-input.js +71 -1
- package/dist/components/ls-title-input.js.map +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-tooltip.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-Du60SSaA.js → p-B5cnJ7Uh.js} +4 -4
- package/dist/components/{p-Du60SSaA.js.map → p-B5cnJ7Uh.js.map} +1 -1
- package/dist/components/{p-mRzg677Y.js → p-B6kmJVw0.js} +4 -4
- package/dist/components/{p-mRzg677Y.js.map → p-B6kmJVw0.js.map} +1 -1
- package/dist/components/{p-CGQK3l8F.js → p-BDTgDxaX.js} +4 -4
- package/dist/components/{p-CGQK3l8F.js.map → p-BDTgDxaX.js.map} +1 -1
- package/dist/components/{p-BQZBAjo_.js → p-BFUdzGLI.js} +3 -3
- package/dist/components/{p-BQZBAjo_.js.map → p-BFUdzGLI.js.map} +1 -1
- package/dist/components/{p-D4sy9pOl.js → p-BFkdb2U_.js} +16 -16
- package/dist/components/{p-D4sy9pOl.js.map → p-BFkdb2U_.js.map} +1 -1
- package/dist/components/{p-DKaEsQyk.js → p-BQL_JBkw.js} +4 -4
- package/dist/components/{p-DKaEsQyk.js.map → p-BQL_JBkw.js.map} +1 -1
- package/dist/components/{p-C9CUft6J.js → p-BSpwN-xy.js} +6 -6
- package/dist/components/{p-C9CUft6J.js.map → p-BSpwN-xy.js.map} +1 -1
- package/dist/components/{p-D4LYfv_D.js → p-BWxN_Vjk.js} +16 -16
- package/dist/components/{p-D4LYfv_D.js.map → p-BWxN_Vjk.js.map} +1 -1
- package/dist/components/{p-CazTGpgq.js → p-B_JOCgcw.js} +4 -4
- package/dist/components/{p-CazTGpgq.js.map → p-B_JOCgcw.js.map} +1 -1
- package/dist/components/{p-Dyy8mvcD.js → p-BgkYJeKL.js} +16 -16
- package/dist/components/{p-Dyy8mvcD.js.map → p-BgkYJeKL.js.map} +1 -1
- package/dist/components/{p-Dz_jxFKX.js → p-Bkyhs-9F.js} +3 -3
- package/dist/components/{p-Dz_jxFKX.js.map → p-Bkyhs-9F.js.map} +1 -1
- package/dist/components/{p-BbRzNkJ-.js → p-BrNFnrQ5.js} +4 -4
- package/dist/components/{p-BbRzNkJ-.js.map → p-BrNFnrQ5.js.map} +1 -1
- package/dist/components/{p-xfxA2gr3.js → p-Bs5jafH9.js} +16 -16
- package/dist/components/{p-xfxA2gr3.js.map → p-Bs5jafH9.js.map} +1 -1
- package/dist/components/{p-DY31qJMn.js → p-C0jnLrrj.js} +29 -29
- package/dist/components/{p-DY31qJMn.js.map → p-C0jnLrrj.js.map} +1 -1
- package/dist/components/{p-BqmNrlid.js → p-C5Vb76Fm.js} +16 -16
- package/dist/components/{p-BqmNrlid.js.map → p-C5Vb76Fm.js.map} +1 -1
- package/dist/components/{p-BjENvp2j.js → p-C6pzA2Lp.js} +4 -4
- package/dist/components/{p-BjENvp2j.js.map → p-C6pzA2Lp.js.map} +1 -1
- package/dist/components/{p-BCPpSevg.js → p-CH80YX8k.js} +5 -5
- package/dist/components/{p-BCPpSevg.js.map → p-CH80YX8k.js.map} +1 -1
- package/dist/components/{p-BFlzDwrT.js → p-CHOBv8qd.js} +6 -6
- package/dist/components/{p-BFlzDwrT.js.map → p-CHOBv8qd.js.map} +1 -1
- package/dist/components/{p-jpsL_Z0S.js → p-CHZeQy3Z.js} +10 -10
- package/dist/components/{p-jpsL_Z0S.js.map → p-CHZeQy3Z.js.map} +1 -1
- package/dist/components/{p-DFIjS6r1.js → p-CJkBPERb.js} +10 -10
- package/dist/components/{p-DFIjS6r1.js.map → p-CJkBPERb.js.map} +1 -1
- package/dist/components/{p-CXXb9tnA.js → p-CKGxyjXl.js} +16 -16
- package/dist/components/{p-CXXb9tnA.js.map → p-CKGxyjXl.js.map} +1 -1
- package/dist/components/{p-CUdAWxnx.js → p-CPvKTPe5.js} +15 -15
- package/dist/components/{p-CUdAWxnx.js.map → p-CPvKTPe5.js.map} +1 -1
- package/dist/components/{p-C1FhAvg1.js → p-CQbfOsEw.js} +10 -10
- package/dist/components/{p-C1FhAvg1.js.map → p-CQbfOsEw.js.map} +1 -1
- package/dist/components/{p-DeiaBmYM.js → p-CUKHkPYp.js} +7 -7
- package/dist/components/{p-DeiaBmYM.js.map → p-CUKHkPYp.js.map} +1 -1
- package/dist/components/{p-CpViLazu.js → p-CidVEtba.js} +13 -13
- package/dist/components/{p-CpViLazu.js.map → p-CidVEtba.js.map} +1 -1
- package/dist/components/{p-CDebJ6iA.js → p-CkhPBlI9.js} +16 -16
- package/dist/components/{p-CDebJ6iA.js.map → p-CkhPBlI9.js.map} +1 -1
- package/dist/components/{p-DCiK4Zkr.js → p-CkqxItxD.js} +5 -5
- package/dist/components/{p-DCiK4Zkr.js.map → p-CkqxItxD.js.map} +1 -1
- package/dist/components/{p-aDB_kHQ9.js → p-CntMVGQM.js} +4 -4
- package/dist/components/{p-aDB_kHQ9.js.map → p-CntMVGQM.js.map} +1 -1
- package/dist/components/{p-CJSY3-Q3.js → p-CwkNbClZ.js} +3 -3
- package/dist/components/{p-CJSY3-Q3.js.map → p-CwkNbClZ.js.map} +1 -1
- package/dist/components/{p-BHkzqT6a.js → p-Czl42iXj.js} +7 -7
- package/dist/components/{p-BHkzqT6a.js.map → p-Czl42iXj.js.map} +1 -1
- package/dist/components/{p-CEB07hOR.js → p-D1Vbun-H.js} +3 -3
- package/dist/components/{p-CEB07hOR.js.map → p-D1Vbun-H.js.map} +1 -1
- package/dist/components/{p-BcS632QQ.js → p-D2OTJcln.js} +3 -3
- package/dist/components/{p-BcS632QQ.js.map → p-D2OTJcln.js.map} +1 -1
- package/dist/components/{p-y-KagAwA.js → p-D7jf6qmY.js} +8 -8
- package/dist/components/{p-y-KagAwA.js.map → p-D7jf6qmY.js.map} +1 -1
- package/dist/components/{p-BcSJFRsU.js → p-DK4_6BnD.js} +12 -12
- package/dist/components/{p-BcSJFRsU.js.map → p-DK4_6BnD.js.map} +1 -1
- package/dist/components/{p-DSUzA701.js → p-DLH6tfrF.js} +5 -5
- package/dist/components/{p-DSUzA701.js.map → p-DLH6tfrF.js.map} +1 -1
- package/dist/components/{p-DCHe6qj9.js → p-DYgxVYY_.js} +16 -16
- package/dist/components/{p-DCHe6qj9.js.map → p-DYgxVYY_.js.map} +1 -1
- package/dist/components/{p-BIPw2c6i.js → p-DZJAZNpf.js} +9 -9
- package/dist/components/{p-BIPw2c6i.js.map → p-DZJAZNpf.js.map} +1 -1
- package/dist/components/{p-T-mzC4lc.js → p-DeijuJkt.js} +7 -7
- package/dist/components/{p-T-mzC4lc.js.map → p-DeijuJkt.js.map} +1 -1
- package/dist/components/{p-Bbzg-qau.js → p-DfkXv1vI.js} +3 -3
- package/dist/components/{p-Bbzg-qau.js.map → p-DfkXv1vI.js.map} +1 -1
- package/dist/components/{p-D95fiMAP.js → p-DnyBXRV4.js} +3 -3
- package/dist/components/{p-D95fiMAP.js.map → p-DnyBXRV4.js.map} +1 -1
- package/dist/components/{p-B3DQQkl0.js → p-Drbp3Wll.js} +3 -3
- package/dist/components/{p-B3DQQkl0.js.map → p-Drbp3Wll.js.map} +1 -1
- package/dist/components/{p-B_6EV5o3.js → p-DzeltV9H.js} +7 -7
- package/dist/components/{p-B_6EV5o3.js.map → p-DzeltV9H.js.map} +1 -1
- package/dist/components/{p-DazmCUCS.js → p-QIG8yroe.js} +10 -10
- package/dist/components/{p-DazmCUCS.js.map → p-QIG8yroe.js.map} +1 -1
- package/dist/components/{p-B0UsrnF-.js → p-SKySuEfc.js} +16 -16
- package/dist/components/{p-B0UsrnF-.js.map → p-SKySuEfc.js.map} +1 -1
- package/dist/components/{p-rOYFY0lA.js → p-kug3tj7P.js} +6 -6
- package/dist/components/{p-rOYFY0lA.js.map → p-kug3tj7P.js.map} +1 -1
- package/dist/components/{p-6JLudxC8.js → p-n1WnrNQm.js} +6 -6
- package/dist/components/{p-6JLudxC8.js.map → p-n1WnrNQm.js.map} +1 -1
- package/dist/components/{p-CvSaf_ja.js → p-nmGTYrW-.js} +5 -5
- package/dist/components/{p-CvSaf_ja.js.map → p-nmGTYrW-.js.map} +1 -1
- package/dist/components/{p-CdXSq0ok.js → p-pkGFr1Z2.js} +10 -10
- package/dist/components/{p-CdXSq0ok.js.map → p-pkGFr1Z2.js.map} +1 -1
- package/dist/components/{p-D836X_cy.js → p-tbdpKil5.js} +5 -5
- package/dist/components/{p-D836X_cy.js.map → p-tbdpKil5.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-compose-manager.entry.js +2 -2
- package/dist/esm/{ls-document-options_46.entry.js → ls-document-options_45.entry.js} +106 -145
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-properties-dropdown.entry.js +1 -1
- package/dist/esm/ls-formfield.entry.js +2 -2
- package/dist/esm/ls-number-input_5.entry.js +6 -6
- package/dist/{components/p-JIZHOmMy.js → esm/ls-title-input.entry.js} +10 -39
- package/dist/esm/ls-title-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-d223d66a.entry.js → p-00ab25ff.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-1442f973.entry.js → p-131fe514.entry.js} +2 -2
- package/dist/ls-document-viewer/p-96fe16df.entry.js +2 -0
- package/dist/ls-document-viewer/p-9d295f9a.entry.js +2 -0
- package/dist/ls-document-viewer/p-9d295f9a.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-ccbc4663.entry.js +2 -0
- package/dist/ls-document-viewer/{p-0ccba83b.entry.js → p-fbdef951.entry.js} +3 -3
- package/dist/ls-document-viewer/p-fbdef951.entry.js.map +1 -0
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +3 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/dist/components/p-JIZHOmMy.js.map +0 -1
- package/dist/ls-document-viewer/p-0ccba83b.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-31f8c44a.entry.js +0 -2
- package/dist/ls-document-viewer/p-caa89c6c.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-d223d66a.entry.js.map → p-00ab25ff.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-1442f973.entry.js.map → p-131fe514.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-31f8c44a.entry.js.map → p-96fe16df.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-caa89c6c.entry.js.map → p-ccbc4663.entry.js.map} +0 -0
|
@@ -65,7 +65,7 @@ export class LsRecipientCard {
|
|
|
65
65
|
render() {
|
|
66
66
|
const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
|
|
67
67
|
const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
|
|
68
|
-
return (h(Host, { key: '
|
|
68
|
+
return (h(Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, h("div", { key: 'c77bea20d29c2abe70294403fa44401a46e4e930', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
|
|
69
69
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
|
|
70
70
|
border: `1px solid ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
71
71
|
outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
|
|
@@ -77,14 +77,14 @@ export class LsRecipientCard {
|
|
|
77
77
|
this.setIsHovered(true);
|
|
78
78
|
}, onMouseLeave: () => {
|
|
79
79
|
this.setIsHovered(false);
|
|
80
|
-
} }, h("div", { key: '
|
|
80
|
+
} }, h("div", { key: '4bc11b093120878066273e874aa9882e6e39e7bc', class: 'participant-card-inner' }, h("div", { key: '944f9692a566a1a1c79aaa8dc059323d80b471fe', class: 'participant-card-top-items' }, h("div", { key: 'fb955e6daec5ed9695585eb2af23ce56d2cb6929', class: 'role-label', style: {
|
|
81
81
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
|
|
82
82
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
|
|
83
|
-
} }, h("ls-icon", { key: '
|
|
83
|
+
} }, h("ls-icon", { key: '2d1e276bde796354e98f52069ab6048d3b481f11', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'Signer'), h("ls-icon", { key: '5b24b29b958e95b6bb8768aa58beccd5c0b2edc6', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '8f6621f8c95f0f40fed3ce646f08abdb43dfe92e', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && recipientSignatures.length === 0 ? 'block' : 'none' } })), h("div", { key: 'c66e5675ad85ec2670f7fd451d6087c6279004ad', class: 'participant-card-text' }, h("p", { key: '9430c5b17a9af2b946f9704cca36c47809a6c22c', class: "participant-text-description", style: {
|
|
84
84
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
|
|
85
|
-
} }, this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '
|
|
85
|
+
} }, this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: 'adacb17c980d30db40aa5ecc5242ea56c8cfea88', class: "participant-text-type", style: {
|
|
86
86
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
|
|
87
|
-
} }, this.recipient.email)), h("div", { key: '
|
|
87
|
+
} }, this.recipient.email)), h("div", { key: '74f92c9be85a13f24ebf3a0062307e727ff91d21', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: '582305497fd7216b8d1b2ad9099909cb087ac9ed', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: '1d6b1339d14d1a20b191d24b252b76770b9afe11', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'ddd544a2b90174b57ab08eafeffdbb301a395def', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '59b7070b8de29037a928f379a9b206c428363250', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'efd9647eeb4cf3b0ef2e4b53750c1b2a79183cba', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: 'c8c45da7b41019e4f608e14d41933b6c0cffaab8', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '2b492c3cbab7c15bc2c33adf6d823e984d753483', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '23c8df40155b90ee0b85b59750a2560114fc9340', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '3e8626852735666572168f082cb8c5ddc2e11cb7', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: 'd7b88874a12fa7f8ce3db5c7ec0df30f5f2eabfc', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '3cb77d82364e2669ddb3b4823227fb8c7dd6a331', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'ab118340a9ff3f79b5e4a73d0466fd23947b14e0', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '9790ff5b2adebaf0cc37d6d76e752693a870e0ba', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '59b014db250eec0aa8a26cdf71c10fe80ca61eba', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '663ed6dcbf31fbc950578c271e2e86b78d8f7387' }), h("ls-tooltip", { key: '18346e1c26aa528bf4afe88b87d67241984d1fca', id: "ls-tooltip-master" })));
|
|
88
88
|
}
|
|
89
89
|
static get is() { return "ls-recipient-card"; }
|
|
90
90
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class LsRecipientManager {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: '0f12c8ff059ebcbceeb8ff2ee0db8497d67fbfa3' }, h("div", { key: 'eda623d455ff62c8047f4ce467f13bbd23738e89', class: 'ls-editor-infobox' }, h("h2", { key: '956fef19fba1a44292fcbc038ce57af91c7fe166', class: "toolbox-section-title" }, "Recipients & Fields"), h("p", { key: 'cbf75c6e5bd530872302ef4c9916e852bd75a497', class: "toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), h("slot", { key: '9b4af48532eb0816884f1c6f82cd241da42152c8' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "ls-recipient-manager"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -41,11 +41,11 @@ export class LsStatusbar {
|
|
|
41
41
|
this.zoom = this.editor.zoom;
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (h(Host, { key: '
|
|
44
|
+
return (h(Host, { key: '742649860d07568bedad7ac48f4ff1234f36ada2' }, h("div", { key: 'b73fd6a065b4555a03379d34136f116ee1202b53', class: 'controls-bar' }, h("div", { key: '239a34feeb09897c702e41cb48d46498790acc34', class: 'status-bar-section' }, h("button", { key: '86f520fde505a24906c5367b4c63200b1ad8498a', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '45c62bdfb7fe4f396dec82d7115fd5880eb8f6fb', name: "zoom-out" })), h("div", { key: '0959ad89fedc90e91838259309378606fe103182' }, h("input", { key: '5106a0e09eca1893ead1a65d0de37b5795f53c75', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: 'c5b3e3f39a3827b465ddee80c781cbad5dcae29b', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: '1c5991679cc1f00f0f96b3360f5a42cc1a0be317', name: "zoom-in" }))), h("div", { key: '4ddfb42b653b3d4d394b61e743e2a267469c065d', class: 'status-bar-section' }, h("button", { key: 'ccc4dfe63c36d868d7ca29ea1b8950d5c6e581b0', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '27cd530f53fdb08b0ef4bbad028212e10a3a0e5e', name: "fit-width" })), h("button", { key: '94fce3b1f6670c4649de853fe62020af9ff134d2', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: 'e80029b552ed1baaabc20eb0a24eaf0372da0482', name: "fit-height" }))), h("div", { key: 'f170ca484686d49c62f6267055b6145dc81a49ff', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '922de1aa27ed6b91d2953124cddf129f281c652a', onClick: () => {
|
|
45
45
|
this.editor.pagePrev();
|
|
46
|
-
}, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: '
|
|
46
|
+
}, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: 'cbac7f953a9fe3ffaf61eedb9858d4fe46ad8d50', name: "chevron-left" })), h("p", { key: '740baed4e96aef4464efa3e3419e47c00d8883e0' }, this.page, " / ", this.pageCount), h("button", { key: '16e04101bcb32d631b2d960db74d1bd6ae58134f', onClick: () => {
|
|
47
47
|
this.editor.pageNext();
|
|
48
|
-
}, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: '
|
|
48
|
+
}, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: '316539966dba01f60a4cee86525b064dbcb4ee4b', name: "chevron-right" })))), h("ls-helper-bar", { key: '7170b31dfb9b812d0ac2f8a0d4899c431f0a4050' }), h("ls-tooltip", { key: '028555d3641d0d1b6cf044118352947bb61c0ca3', id: "ls-tooltip-master" }), h("slot", { key: 'e1eb6f13c458677c03f038971500f5e67034e2f7' })));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "ls-statusbar"; }
|
|
51
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -21,7 +21,7 @@ export class LsTitleInput {
|
|
|
21
21
|
}, delay);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: '68149392db6f0d2408e02cb6506ddd84fb292ab6' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
|
|
25
25
|
e.preventDefault();
|
|
26
26
|
this.alter({ title: e.target.value });
|
|
27
27
|
}, onKeyUp: e => {
|
|
@@ -7,9 +7,9 @@ export class LsToggle {
|
|
|
7
7
|
this.valueChange.emit(value);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '4926b3cebed736be76a1278a63f9a82c0930e284' }, h("label", { key: 'caf1b2c86e88c5121598fa9a1551e5b9e36020f0', class: "switch" }, h("input", { key: '3a8b61c32756d1e295ea31cca74d7abca7485382', type: "checkbox", checked: this.checked, onChange: (e) => {
|
|
11
11
|
this.changeHandler(e.target.checked);
|
|
12
|
-
} }), h("span", { key: '
|
|
12
|
+
} }), h("span", { key: 'fac8746b8699c2e4e50b67210ef41833f747caf5', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: '5c269a541252849337676f443befe596d9c289ef' })));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "ls-toggle"; }
|
|
15
15
|
static get originalStyleUrls() {
|
|
@@ -42,7 +42,7 @@ export class LsToolbar {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: '85a5469c9299fb2446b60c2c05796dc6813d53cc', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), h("ls-tooltip", { key: 'dfb036d33dbd2945d0fabc8a35043cf82d28922f', id: "ls-tooltip-master" }), h("slot", { key: '0f85417255f02fab434ad66c41850174abd87b93' })));
|
|
46
46
|
}
|
|
47
47
|
static get is() { return "ls-toolbar"; }
|
|
48
48
|
static get encapsulation() { return "shadow"; }
|
|
@@ -69,7 +69,7 @@ export class LsToolboxField {
|
|
|
69
69
|
attachAllTooltips(this.component.shadowRoot);
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: '839ca32d4ef3117e241d2f70837dd32b88da7808', draggable: "true" }, h("div", { key: '1b06e4c676d3527caca6dd2d3b1a5bf47ccbc94b', class: 'ls-toolbox-field', style: this.isSelected && {
|
|
73
73
|
background: defaultRolePalette[this.signer % 100].s10,
|
|
74
74
|
border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
|
|
75
75
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
@@ -84,9 +84,9 @@ export class LsToolboxField {
|
|
|
84
84
|
defaultWidth: this.defaultWidth,
|
|
85
85
|
fixedAspect: this.fixedAspect,
|
|
86
86
|
});
|
|
87
|
-
} }, h("div", { key: '
|
|
87
|
+
} }, h("div", { key: 'a58fa5a5554c77c500ded10d55aa14c314c2a63f', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: 'f3cf977768c1a66323f1843cc5c3cfbfbb35d2c7', name: this.icon, size: "1.25rem" })), h("p", { key: '8723f3d54dbfe9fe41dfe667a363729602bc1294', class: "toolbox-field-label", style: this.isSelected && {
|
|
88
88
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
89
|
-
} }, this.label), this.redDot && (h("div", { key: '
|
|
89
|
+
} }, this.label), this.redDot && (h("div", { key: '78905ebc7b639ac564baec469de56110af4de677', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: '5adc59245e67a703d76ca833664c2103300c1de3', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: 'fc072d33c1517bd2b2ee0601aab4e05cb10fcb4d', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '49d08025b8820015f270c2b8901756379c989960', id: "ls-tooltip-master", tooltipText: "Something" })));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "ls-toolbox-field"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|
|
@@ -51,7 +51,7 @@ export class LsTooltip {
|
|
|
51
51
|
innerTooltip.classList.add('hidden');
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
54
|
+
return (h("div", { key: 'bb3c3563534fb4f82bf8131fc72e7150bad14643', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, h("div", { key: '1b83967bb5998ca144d594bb6c3b095a6d5444b6', id: "arrow" }), this.tooltipTitle && h("p", { key: '34124650deab98677a96136deeea75105d519378', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, h("slot", { key: '8b5056aa82878462b4cd84bced4510f3c1deb632' })));
|
|
55
55
|
}
|
|
56
56
|
static get is() { return "ls-tooltip"; }
|
|
57
57
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class LsValidationManager {
|
|
|
7
7
|
*/
|
|
8
8
|
validationErrors;
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '17054e51ff3c813bc21cfa0d31d2f4a1e50c61bd' }, h("div", { key: '5329fb8ee04c83c44735f77f5f64dd8359504383' }, h("div", { key: '0e82e6baa0ff3140fcfb407383f5ad40314362c8' }, h("div", { key: 'd215f37c3da4743009cfaa23de398a8d6b62df11', class: 'validation-section-title' }, "Action Required"), h("p", { key: 'e266b4a5c8839b5ede7418077e3375682f75273a', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
|
|
11
11
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
12
12
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
13
13
|
return (h("div", { key: idx, class: 'required-field', style: {
|
|
@@ -18,7 +18,7 @@ export class LsValidationManager {
|
|
|
18
18
|
'--field-text-color-hover': pallette.s80,
|
|
19
19
|
'--field-border-color-hover': pallette.s60,
|
|
20
20
|
} }, h("div", { class: 'required-field-items-left' }, h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
|
|
21
|
-
})), h("slot", { key: '
|
|
21
|
+
})), h("slot", { key: 'f35df50a91083189dd4499ebf079b4d5aab6ac4b' })));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "ls-validation-manager"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class LsValidationTag {
|
|
|
8
8
|
showDropDown = true;
|
|
9
9
|
changeSigner;
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: '3d35054497871b54feeb3e0eedaa903be6e1b4d3' }, h("div", { key: '711a71ba209c8f74e1b333e241e7359714259d8a', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { key: '3f784f67fc1d2b179bf6a51f510ef938950496e9', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (h("ls-icon", { key: '1c7709371773a90e79fdb077825f344932b8d7d4', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && h("ls-icon", { key: '6feff3852d30b2e891c1e27bed1fb2197fea446b', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'a0508ab9db937e72b0c7ef8291a14ba94f26dac1', class: 'field-dropdown' }, h("div", { key: '0262044399613dc19a14cd4dc87c82ae7b2371b6', class: 'dropdown-header' }, h("h2", { key: '42fdb3cd6a28c868c26d80141e2d912151f07065' }, "Fields Required"), h("p", { key: '3d357a0bae361a860d900906ee5ff116f1a92f4e' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
|
|
12
12
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
13
13
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
14
14
|
return (h("div", { key: idx, class: 'required-field', style: {
|
|
@@ -19,7 +19,7 @@ export class LsValidationTag {
|
|
|
19
19
|
'--field-text-color-hover': pallette.s80,
|
|
20
20
|
'--field-border-color-hover': pallette.s60,
|
|
21
21
|
} }, h("div", { class: 'required-field-items-left' }, h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
|
|
22
|
-
}))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: '
|
|
22
|
+
}))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'bf4f08b4da83ad75e3e8a499f9dfc97ee085efeb', class: 'field-dropdown compose' }, h("div", { key: '70aec3fe87c88f18f2c031f4ab5e39ff905e02dd', class: "validation-tag-header" }, h("p", { key: '8b254b7593f6920c03705e056ab6e23042ad4034', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
|
|
23
23
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
24
24
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
25
25
|
return (h("div", { class: "validation-tag-row", key: idx, onClick: () => {
|
|
@@ -16,10 +16,10 @@ const LsComposeManager$1 = /*@__PURE__*/ proxyCustomElement(class LsComposeManag
|
|
|
16
16
|
*/
|
|
17
17
|
template;
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '1c77d727d4f65f1a2e42c5808680e6a36936ba47' }, h("div", { key: 'f2b8d75d2418caf66e3e876f14a1d30a11995ae2', class: "ls-editor-infobox" }, h("h2", { key: '4e004575b6eb22bcfa36523d840c507799150500', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: '2e1e2b675feea5eb15552af4ab49df79fdf26225', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: 'fcd3b08d87661571b03dba8e73f3ae24b8e622ed', class: "participant-list" }, this.template &&
|
|
20
20
|
this.template?.roles.map(() => {
|
|
21
21
|
return (h("div", null));
|
|
22
|
-
})), h("slot", { key: '
|
|
22
|
+
})), h("slot", { key: '1dc283d85b7d38ae9e1d784a09814b2ec0482fc9' })));
|
|
23
23
|
}
|
|
24
24
|
static get style() { return lsComposeManagerCss(); }
|
|
25
25
|
}, [769, "ls-compose-manager", {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-nmGTYrW-.js';
|
|
2
2
|
|
|
3
3
|
const LsDocumentOptions = LsDocumentOptions$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|