legalesign-document-viewer 0.2.18 → 0.2.19
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/{index-DqDUg8D7.js → index-DruwRbfl.js} +15 -2
- package/dist/cjs/index-DruwRbfl.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/ls-document-options_44.cjs.entry.js +106 -75
- package/dist/cjs/ls-document-options_44.cjs.entry.js.map +1 -1
- package/dist/cjs/ls-document-viewer.cjs.js +2 -2
- package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +1 -1
- package/dist/collection/components/ls-document-options/ls-document-options.js +4 -5
- package/dist/collection/components/ls-document-options/ls-document-options.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/editorUtils.js +2 -17
- package/dist/collection/components/ls-document-viewer/editorUtils.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +6 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +15 -13
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js +6 -4
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/validator.js +1 -1
- package/dist/collection/components/ls-document-viewer/validator.js.map +1 -1
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +3 -3
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js.map +1 -1
- package/dist/collection/components/ls-participant-card/ls-participant-card.css +37 -3
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +37 -10
- package/dist/collection/components/ls-participant-card/ls-participant-card.js.map +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +25 -7
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js.map +1 -1
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +33 -36
- package/dist/collection/components/ls-participant-select/ls-participant-select.js.map +1 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.css +2 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.js.map +1 -1
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +1 -1
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +68 -64
- 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 +12 -12
- 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 +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-number-input.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-validation-tag.js +1 -1
- package/dist/components/{p-D3FTfizs.js → p-5D8PsBm3.js} +4 -4
- package/dist/components/{p-D3FTfizs.js.map → p-5D8PsBm3.js.map} +1 -1
- package/dist/components/{p-DMMnoA4j.js → p-5bipMnyu.js} +27 -27
- package/dist/components/{p-DMMnoA4j.js.map → p-5bipMnyu.js.map} +1 -1
- package/dist/components/{p-PlRt3hai.js → p-5dvIIDY3.js} +4 -4
- package/dist/components/{p-PlRt3hai.js.map → p-5dvIIDY3.js.map} +1 -1
- package/dist/components/{p-BjFkOQE2.js → p-8U1vQjh6.js} +14 -14
- package/dist/components/{p-BjFkOQE2.js.map → p-8U1vQjh6.js.map} +1 -1
- package/dist/components/{p-DedKsdai.js → p-B3nXZzYN.js} +4 -4
- package/dist/components/{p-DedKsdai.js.map → p-B3nXZzYN.js.map} +1 -1
- package/dist/components/{p-D7kumolq.js → p-BClQCPwn.js} +4 -4
- package/dist/components/{p-D7kumolq.js.map → p-BClQCPwn.js.map} +1 -1
- package/dist/components/{p-D9m0QSvy.js → p-BLqzepwP.js} +5 -5
- package/dist/components/{p-D9m0QSvy.js.map → p-BLqzepwP.js.map} +1 -1
- package/dist/components/p-BO65LHPL.js +147 -0
- package/dist/components/p-BO65LHPL.js.map +1 -0
- package/dist/components/{p-BilmyMZI.js → p-BOES-kpO.js} +14 -14
- package/dist/components/{p-BilmyMZI.js.map → p-BOES-kpO.js.map} +1 -1
- package/dist/components/{p-DjfDnBZ1.js → p-BWLt02JN.js} +15 -2
- package/dist/components/p-BWLt02JN.js.map +1 -0
- package/dist/components/{p-B_NmEzQ7.js → p-BYfxQYIe.js} +14 -14
- package/dist/components/{p-B_NmEzQ7.js.map → p-BYfxQYIe.js.map} +1 -1
- package/dist/components/{p-BRLSnaia.js → p-BZmc1jRS.js} +12 -12
- package/dist/components/{p-BRLSnaia.js.map → p-BZmc1jRS.js.map} +1 -1
- package/dist/components/{p-HwxhESdb.js → p-B_RSAYa_.js} +4 -4
- package/dist/components/{p-HwxhESdb.js.map → p-B_RSAYa_.js.map} +1 -1
- package/dist/components/{p-BTkwdXtg.js → p-BcERGojX.js} +3 -3
- package/dist/components/{p-BTkwdXtg.js.map → p-BcERGojX.js.map} +1 -1
- package/dist/components/{p-XTkbfo1k.js → p-BdHdKShC.js} +5 -5
- package/dist/components/{p-XTkbfo1k.js.map → p-BdHdKShC.js.map} +1 -1
- package/dist/components/{p-WpDmGPlV.js → p-C19Sk5Pv.js} +9 -9
- package/dist/components/{p-WpDmGPlV.js.map → p-C19Sk5Pv.js.map} +1 -1
- package/dist/components/{p-B-MQpwUM.js → p-C1qHGnSs.js} +4 -19
- package/dist/components/p-C1qHGnSs.js.map +1 -0
- package/dist/components/{p-Diiu5PgI.js → p-C2AvJYU2.js} +4 -4
- package/dist/components/{p-Diiu5PgI.js.map → p-C2AvJYU2.js.map} +1 -1
- package/dist/components/{p-zUGMkAns.js → p-C4yNfeqL.js} +4 -4
- package/dist/components/{p-zUGMkAns.js.map → p-C4yNfeqL.js.map} +1 -1
- package/dist/components/p-CATruwEZ.js +94 -0
- package/dist/components/p-CATruwEZ.js.map +1 -0
- package/dist/components/{p-FDV-xQ4p.js → p-CFM4LGyt.js} +14 -14
- package/dist/components/{p-FDV-xQ4p.js.map → p-CFM4LGyt.js.map} +1 -1
- package/dist/components/{p-DWNbQoKy.js → p-CIMsSQwZ.js} +36 -17
- package/dist/components/p-CIMsSQwZ.js.map +1 -0
- package/dist/components/{p-BhIPFVxz.js → p-CKpdUPQa.js} +4 -4
- package/dist/components/{p-BhIPFVxz.js.map → p-CKpdUPQa.js.map} +1 -1
- package/dist/components/{p-DkNcLKhc.js → p-CTcGU-0M.js} +4 -4
- package/dist/components/{p-DkNcLKhc.js.map → p-CTcGU-0M.js.map} +1 -1
- package/dist/components/{p-D_w94geo.js → p-CXf5rRrm.js} +3 -3
- package/dist/components/{p-D_w94geo.js.map → p-CXf5rRrm.js.map} +1 -1
- package/dist/components/{p-BHrfmA8s.js → p-CXfTLG4X.js} +15 -16
- package/dist/components/p-CXfTLG4X.js.map +1 -0
- package/dist/components/{p-w22N5I-l.js → p-CYXQyrVE.js} +3 -3
- package/dist/components/{p-w22N5I-l.js.map → p-CYXQyrVE.js.map} +1 -1
- package/dist/components/{p-CsQFaTRj.js → p-CkFBf2X6.js} +8 -8
- package/dist/components/{p-CsQFaTRj.js.map → p-CkFBf2X6.js.map} +1 -1
- package/dist/components/{p-CWzJSXfJ.js → p-CkgCA2si.js} +4 -4
- package/dist/components/{p-CWzJSXfJ.js.map → p-CkgCA2si.js.map} +1 -1
- package/dist/components/{p-udzp6R_t.js → p-Cp5JvKGz.js} +30 -12
- package/dist/components/p-Cp5JvKGz.js.map +1 -0
- package/dist/components/{p-B_6X4Dj9.js → p-D7fmSEF_.js} +14 -14
- package/dist/components/{p-B_6X4Dj9.js.map → p-D7fmSEF_.js.map} +1 -1
- package/dist/components/{p-C1dxLL7L.js → p-DJwEQOhf.js} +3 -3
- package/dist/components/{p-C1dxLL7L.js.map → p-DJwEQOhf.js.map} +1 -1
- package/dist/components/{p-C4WAsTO3.js → p-DNYMtQaJ.js} +14 -14
- package/dist/components/{p-C4WAsTO3.js.map → p-DNYMtQaJ.js.map} +1 -1
- package/dist/components/{p-Cj_UymrF.js → p-DPTEeSlE.js} +5 -5
- package/dist/components/p-DPTEeSlE.js.map +1 -0
- package/dist/components/{p-Dkv2SHBh.js → p-DVYZ-l9i.js} +4 -4
- package/dist/components/{p-Dkv2SHBh.js.map → p-DVYZ-l9i.js.map} +1 -1
- package/dist/components/{p-BFkGGLWP.js → p-DjBw61k9.js} +14 -14
- package/dist/components/{p-BFkGGLWP.js.map → p-DjBw61k9.js.map} +1 -1
- package/dist/components/{p-BSoSLQYh.js → p-DvrE7Co1.js} +4 -4
- package/dist/components/{p-BSoSLQYh.js.map → p-DvrE7Co1.js.map} +1 -1
- package/dist/components/{p-D2YMJ0Aw.js → p-Dz71sI_1.js} +9 -9
- package/dist/components/{p-D2YMJ0Aw.js.map → p-Dz71sI_1.js.map} +1 -1
- package/dist/components/{p-BhfOYgiv.js → p-EJeMGdQu.js} +5 -5
- package/dist/components/{p-BhfOYgiv.js.map → p-EJeMGdQu.js.map} +1 -1
- package/dist/components/{p-DwVBt06x.js → p-EXjgBKTQ.js} +4 -4
- package/dist/components/{p-DwVBt06x.js.map → p-EXjgBKTQ.js.map} +1 -1
- package/dist/components/{p-Cq59orUr.js → p-FYWJbZt4.js} +4 -4
- package/dist/components/{p-Cq59orUr.js.map → p-FYWJbZt4.js.map} +1 -1
- package/dist/components/{p-1WwuurWL.js → p-LAdbaH1v.js} +5 -5
- package/dist/components/p-LAdbaH1v.js.map +1 -0
- package/dist/components/{p-By0To2FW.js → p-TSI6GwEl.js} +4 -4
- package/dist/components/{p-By0To2FW.js.map → p-TSI6GwEl.js.map} +1 -1
- package/dist/components/{p-Cu1yVewC.js → p-gc1S5qea.js} +14 -14
- package/dist/components/{p-Cu1yVewC.js.map → p-gc1S5qea.js.map} +1 -1
- package/dist/components/{p-CpNSQOFF.js → p-pj0dnyXK.js} +4 -4
- package/dist/components/{p-CpNSQOFF.js.map → p-pj0dnyXK.js.map} +1 -1
- package/dist/esm/{index-BwkWPcyG.js → index-CjW5NqdW.js} +15 -2
- package/dist/esm/index-CjW5NqdW.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/ls-document-options_44.entry.js +106 -75
- package/dist/esm/ls-document-options_44.entry.js.map +1 -1
- package/dist/esm/ls-document-viewer.js +3 -3
- package/dist/esm/ls-field-properties-dropdown.entry.js +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-7c302d79.entry.js → p-798903b4.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-8473f817.entry.js → p-996dc931.entry.js} +6 -6
- package/dist/ls-document-viewer/p-996dc931.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-BwkWPcyG.js → p-CjW5NqdW.js} +2 -2
- package/dist/ls-document-viewer/p-CjW5NqdW.js.map +1 -0
- package/dist/types/components/ls-document-options/ls-document-options.d.ts +1 -1
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +4 -4
- package/dist/types/components/ls-participant-card/ls-participant-card.d.ts +5 -1
- package/dist/types/components/ls-participant-manager/ls-participant-manager.d.ts +4 -0
- package/dist/types/components/ls-participant-select/ls-participant-select.d.ts +2 -2
- package/dist/types/components.d.ts +4 -4
- package/package.json +1 -1
- package/dist/cjs/index-DqDUg8D7.js.map +0 -1
- package/dist/components/p-1WwuurWL.js.map +0 -1
- package/dist/components/p-B-MQpwUM.js.map +0 -1
- package/dist/components/p-BHrfmA8s.js.map +0 -1
- package/dist/components/p-BY5udTK7.js +0 -94
- package/dist/components/p-BY5udTK7.js.map +0 -1
- package/dist/components/p-Cj_UymrF.js.map +0 -1
- package/dist/components/p-DWNbQoKy.js.map +0 -1
- package/dist/components/p-DjfDnBZ1.js.map +0 -1
- package/dist/components/p-lkNnKQtr.js +0 -140
- package/dist/components/p-lkNnKQtr.js.map +0 -1
- package/dist/components/p-udzp6R_t.js.map +0 -1
- package/dist/esm/index-BwkWPcyG.js.map +0 -1
- package/dist/ls-document-viewer/p-8473f817.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-BwkWPcyG.js.map +0 -1
- /package/dist/ls-document-viewer/{p-7c302d79.entry.js.map → p-798903b4.entry.js.map} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CjW5NqdW.js';
|
|
2
2
|
|
|
3
3
|
const lsDocumentOptionsCss = ":host{display:block}.ls-editor-infobox{padding:2px 8px 2px 8px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.template-details{display:flex;flex-direction:column;gap:0.75rem}.template-detail-section{display:flex;padding:0.75rem;align-items:center;gap:0.5rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #fff)}.template-detail-section-title{color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;width:100%}.column{display:flex;flex-direction:column;align-items:flex-start}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
4
4
|
|
|
@@ -19,13 +19,12 @@ const LsDocumentOptions = class {
|
|
|
19
19
|
}
|
|
20
20
|
mutate;
|
|
21
21
|
update;
|
|
22
|
-
alter(
|
|
23
|
-
|
|
24
|
-
this.
|
|
25
|
-
this.mutate.emit([{ action: 'update', data: { ...this.template, ...template } }]);
|
|
22
|
+
alter(changedDetails) {
|
|
23
|
+
this.update.emit([{ action: 'update', data: { ...this.template, ...changedDetails } }]);
|
|
24
|
+
this.mutate.emit([{ action: 'update', data: { ...this.template, ...changedDetails } }]);
|
|
26
25
|
}
|
|
27
26
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: 'cf73422a524bb4ce9aba485e0107e0c5bdfc111c' }, h("div", { key: '9643e57e98221fc18028b369d311702308006af3', class: "ls-editor-infobox" }, h("h2", { key: '21761608b0f30ea8029d7c34359eb953e09a877c', class: "toolbox-section-title" }, "Template Details"), h("p", { key: '6478a3f2fe582956a07dd94fd678495295b89b16', class: "toolbox-section-description" }, "Details and insights about the Template.")), h("div", { key: 'f178b1b998582d54182b21d371e2f470a51be88a', class: 'template-details' }, h("div", { key: '302fc0d678593e10f3fa35b92fcaa8aa0141ff95', class: 'template-detail-section column' }, h("p", { key: 'ce93dd65dfbd7771e9b99263f6b52b11a1709438', class: "template-detail-section-title" }, "Name"), h("ls-formfield", { key: '2ed97f87424591fa979dbdc6fa44b5c8936aec07', as: "text", value: this.template?.title, style: { width: '100%' }, onValueChange: (e) => { this.alter({ title: e.detail }); } })), h("div", { key: '188f6151fb84d0a38960f39de6573bb100fe22bd', class: 'template-detail-section' }, h("p", { key: '58bfb11ef3eeecd8eb5b3c1dca9ade4f57a6054b', class: "template-detail-section-title" }, "Auto Archive"), h("ls-toggle", { key: 'ea5e98a7e2cf43f44b5f713037bd80d17fcd63d4', checked: this.template?.autoArchive, onValueChange: (e) => { this.alter({ autoArchive: e.detail }); } })), h("div", { key: '983ce91d8979286f4a47282111ff8121eaa231fd', class: 'template-detail-section' }, h("p", { key: 'd8f530b80fe00b0caed7d6808468958a945476fb', class: "template-detail-section-title" }, "Lock"), h("ls-toggle", { key: '9d567f64221707e0a3cd6fa481d10b8b8db960a5', checked: this.template?.locked, onValueChange: (e) => { this.alter({ locked: e.detail }); } })), h("div", { key: '1c232a0030ad9ad08f0d6fe5a1e56bb53d9d5df4', class: 'template-detail-section column' }, h("p", { key: '5ae3d7643e06649decb443675d7c0f2a368119da', class: "template-detail-section-title" }, "Pages"), h("ls-label", { key: 'e96b93c0314b25ef31fb482ea0db5c9c3eab5010', text: this.template?.pageCount })), h("div", { key: '523d4e15f9d89d7a2233b07f82aeb6aad86d6b5c', class: 'template-detail-section column' }, h("p", { key: 'c00eb240243337384d518fb4912ee6da44f03ddd', class: "template-detail-section-title" }, "Date Created"), " ", this.template?.created), h("div", { key: 'aae3a62cfaa6936127607e4a2068042fa53aa021', class: 'template-detail-section column' }, h("p", { key: 'a4b90c564e4989614aef70cd1af07f79b03a4c74', class: "template-detail-section-title" }, "Created By"), " ", this.template?.createdBy)), h("slot", { key: 'ca8666f8d48133b5385ca03f30e78d0c68c9508a' })));
|
|
29
28
|
}
|
|
30
29
|
static get watchers() { return {
|
|
31
30
|
"template": ["selectedHandler"]
|
|
@@ -20036,24 +20035,9 @@ function matchData(data) {
|
|
|
20036
20035
|
fi.setAttribute('id', 'ls-field-' + id);
|
|
20037
20036
|
fi.dataItem = { ...data.obj, id };
|
|
20038
20037
|
}
|
|
20039
|
-
else if (prefix === 'rol') {
|
|
20040
|
-
var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager');
|
|
20041
|
-
// Note this respread ensures that re-renders are triggered
|
|
20042
|
-
this._template = { ...this._template, roles: [...this._template.roles, { ...data.obj, id }] };
|
|
20043
|
-
participantManager.template = this._template;
|
|
20044
|
-
}
|
|
20045
|
-
}
|
|
20046
|
-
else if (data.event.action === 'delete') {
|
|
20047
|
-
if (prefix === 'rol') {
|
|
20048
|
-
var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager');
|
|
20049
|
-
this._template = { ...this._template, roles: this._template.roles.filter(r => r.id !== id) };
|
|
20050
|
-
participantManager.template = this._template;
|
|
20051
|
-
}
|
|
20052
20038
|
}
|
|
20053
|
-
|
|
20054
|
-
|
|
20055
|
-
syncRoles.bind(this)();
|
|
20056
|
-
}
|
|
20039
|
+
if (prefix === 'rol') {
|
|
20040
|
+
syncRoles.bind(this)();
|
|
20057
20041
|
}
|
|
20058
20042
|
}
|
|
20059
20043
|
async function syncRoles() {
|
|
@@ -20261,6 +20245,7 @@ function debounce(data, delay) {
|
|
|
20261
20245
|
function mouseDown(e) {
|
|
20262
20246
|
if (e.offsetX < 0 || e.offsetY < 0)
|
|
20263
20247
|
return;
|
|
20248
|
+
// console.log('mousedown', e);
|
|
20264
20249
|
// Find if this was
|
|
20265
20250
|
// - a hit on a field edge RESIZE
|
|
20266
20251
|
// - a hit on the middle of a field MOVE
|
|
@@ -20309,10 +20294,11 @@ function mouseDown(e) {
|
|
|
20309
20294
|
this.selectionBox = null;
|
|
20310
20295
|
}
|
|
20311
20296
|
else {
|
|
20312
|
-
console.log('start mouse down reset');
|
|
20297
|
+
// console.log('start mouse down reset');
|
|
20313
20298
|
this.startLocations = null;
|
|
20314
20299
|
this.startMouse = null;
|
|
20315
20300
|
this.selectionBox = { x: e.clientX, y: e.clientY };
|
|
20301
|
+
// console.log('empty space reset selected', this.selectionBox);
|
|
20316
20302
|
this.selectFields.emit([]);
|
|
20317
20303
|
this.selected = [];
|
|
20318
20304
|
this.component.style.cursor = 'crosshair';
|
|
@@ -20364,6 +20350,8 @@ function mouseMove(event) {
|
|
|
20364
20350
|
}
|
|
20365
20351
|
else if (this.startLocations && !this.edgeSide && this.startMouse && event.buttons === 1) {
|
|
20366
20352
|
this.isMoving = true;
|
|
20353
|
+
var box = this.component.shadowRoot.getElementById('ls-box-selector');
|
|
20354
|
+
box.style.visibility = 'hidden';
|
|
20367
20355
|
// Move one or more selected items
|
|
20368
20356
|
const movedX = event.screenX - this.startMouse.x;
|
|
20369
20357
|
const movedY = event.screenY - this.startMouse.y;
|
|
@@ -20379,7 +20367,7 @@ function mouseUp(event) {
|
|
|
20379
20367
|
this.edgeSide = null;
|
|
20380
20368
|
this.startMouse = null;
|
|
20381
20369
|
this.component.style.cursor = 'auto';
|
|
20382
|
-
console.log('mouse up');
|
|
20370
|
+
// console.log('mouse up');
|
|
20383
20371
|
// find what was inside the selection box emit the select event and change their style
|
|
20384
20372
|
if (this.selectionBox) {
|
|
20385
20373
|
var box = this.component.shadowRoot.getElementById('ls-box-selector');
|
|
@@ -20388,7 +20376,6 @@ function mouseUp(event) {
|
|
|
20388
20376
|
this.selectionBox = null;
|
|
20389
20377
|
const found = findIn(fields, box, true, event.shiftKey);
|
|
20390
20378
|
this.selected = Array.from(found);
|
|
20391
|
-
console.log(found, this.selectionBox);
|
|
20392
20379
|
this.selectFields.emit(found.map(fx => fx.dataItem));
|
|
20393
20380
|
}
|
|
20394
20381
|
}
|
|
@@ -20483,7 +20470,6 @@ function mouseDrop(event) {
|
|
|
20483
20470
|
templateId: this._template.id,
|
|
20484
20471
|
},
|
|
20485
20472
|
};
|
|
20486
|
-
console.log(newData);
|
|
20487
20473
|
this.mutate.emit([newData]);
|
|
20488
20474
|
this.update.emit([newData]);
|
|
20489
20475
|
}
|
|
@@ -24702,7 +24688,7 @@ function validate(t) {
|
|
|
24702
24688
|
var errors = [];
|
|
24703
24689
|
// Check for missing signatures
|
|
24704
24690
|
t.roles.forEach(tr => {
|
|
24705
|
-
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex).length === 0) {
|
|
24691
|
+
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex && tr.roleType !== 'APPROVER').length === 0) {
|
|
24706
24692
|
errors.push({
|
|
24707
24693
|
id: tr.id,
|
|
24708
24694
|
title: 'Missing signature.',
|
|
@@ -24725,7 +24711,7 @@ function validate(t) {
|
|
|
24725
24711
|
return errors;
|
|
24726
24712
|
}
|
|
24727
24713
|
|
|
24728
|
-
const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:16px;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox{padding:2px 8px 2px 8px}#pdf-canvas{top:0px;left:0px;width:100px;height:100px}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:
|
|
24714
|
+
const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:16px;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox{padding:2px 8px 2px 8px}#pdf-canvas{top:0px;left:0px;width:100px;height:100px;box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 380px 2rem 380px}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.prevButton{position:relative;bottom:30px}.nextButton{position:relative;bottom:30px}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer{position:relative;height:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
24729
24715
|
|
|
24730
24716
|
pdfExports.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';
|
|
24731
24717
|
const LsDocumentViewer = class {
|
|
@@ -24772,10 +24758,10 @@ const LsDocumentViewer = class {
|
|
|
24772
24758
|
*/
|
|
24773
24759
|
token;
|
|
24774
24760
|
/**
|
|
24775
|
-
|
|
24776
|
-
|
|
24777
|
-
|
|
24778
|
-
|
|
24761
|
+
* This will override the default production user pool.
|
|
24762
|
+
* Almost exclusively used for internal development.
|
|
24763
|
+
* {string}
|
|
24764
|
+
*/
|
|
24779
24765
|
userpool;
|
|
24780
24766
|
/**
|
|
24781
24767
|
* This will override the default production graphql endpoint.
|
|
@@ -24902,6 +24888,7 @@ const LsDocumentViewer = class {
|
|
|
24902
24888
|
// Updates are internal event between LS controls not to be confused with mutate
|
|
24903
24889
|
addParticpantHandler(event) {
|
|
24904
24890
|
const defaultExperience = this.groupInfo.experienceConnection.experiences.find(x => x.defaultExperience === true);
|
|
24891
|
+
const parent = this._template.roles.find(r => r.id === event.detail.parent);
|
|
24905
24892
|
const data = [
|
|
24906
24893
|
{
|
|
24907
24894
|
action: 'create',
|
|
@@ -24909,8 +24896,8 @@ const LsDocumentViewer = class {
|
|
|
24909
24896
|
id: btoa('rol' + crypto.randomUUID()),
|
|
24910
24897
|
name: 'Signer ' + (this._template.roles.length + 1),
|
|
24911
24898
|
roleType: event.detail.type,
|
|
24912
|
-
signerIndex: this._template.roles.length
|
|
24913
|
-
ordinal: this._template.roles.length,
|
|
24899
|
+
signerIndex: event.detail.type === 'WITNESS' ? 100 + parent.signerIndex : this._template.roles.length,
|
|
24900
|
+
ordinal: event.detail.type === 'WITNESS' ? parent.ordinal + 1 : this._template.roles.length,
|
|
24914
24901
|
signerParent: event.detail.parent,
|
|
24915
24902
|
experience: defaultExperience.id,
|
|
24916
24903
|
templateId: this._template.id,
|
|
@@ -24923,10 +24910,10 @@ const LsDocumentViewer = class {
|
|
|
24923
24910
|
// Send selection changes to bars and panels if in use.
|
|
24924
24911
|
selectFieldsHandler(event) {
|
|
24925
24912
|
const fields = Array.from(this.component.shadowRoot.querySelectorAll('ls-editor-field'));
|
|
24926
|
-
// update the template with all the latest values in the
|
|
24913
|
+
// update the template with all the latest values in the
|
|
24927
24914
|
this._template = {
|
|
24928
24915
|
...this._template,
|
|
24929
|
-
elementConnection: { ...this._template.elementConnection, templateElements: fields.map(ef => ef.dataItem) }
|
|
24916
|
+
elementConnection: { ...this._template.elementConnection, templateElements: fields.map(ef => ef.dataItem) },
|
|
24930
24917
|
};
|
|
24931
24918
|
var toolbar = this.component.shadowRoot.getElementById('ls-toolbar');
|
|
24932
24919
|
if (toolbar)
|
|
@@ -25021,11 +25008,13 @@ const LsDocumentViewer = class {
|
|
|
25021
25008
|
const preparedRoles = newTemplate.roles.map((ro) => {
|
|
25022
25009
|
return { ...ro, templateId: newTemplate.id };
|
|
25023
25010
|
});
|
|
25011
|
+
this.signer = preparedRoles.length > 0 ? 1 : 0;
|
|
25024
25012
|
this._template = {
|
|
25025
25013
|
...newTemplate,
|
|
25026
25014
|
elementConnection: { ...newTemplate.elementConnection, templateElements: fields },
|
|
25027
25015
|
roles: preparedRoles,
|
|
25028
25016
|
};
|
|
25017
|
+
console.log(this._template);
|
|
25029
25018
|
}
|
|
25030
25019
|
/**
|
|
25031
25020
|
* Render the page based on pageNumber
|
|
@@ -25171,12 +25160,11 @@ const LsDocumentViewer = class {
|
|
|
25171
25160
|
this.load();
|
|
25172
25161
|
}
|
|
25173
25162
|
componentDidLoad() {
|
|
25174
|
-
const box = this.component.shadowRoot.querySelector('
|
|
25175
|
-
box.
|
|
25176
|
-
box.scrollLeft = (box.scrollWidth - box.clientWidth) / 2;
|
|
25163
|
+
const box = this.component.shadowRoot.querySelector('.document-frame-wrapper');
|
|
25164
|
+
box.scrollLeft = -380;
|
|
25177
25165
|
}
|
|
25178
25166
|
render() {
|
|
25179
|
-
return (h(Host, { key: '
|
|
25167
|
+
return (h(Host, { key: '772256fe57cd8d2aa9584044d3341ae94f5d856a' }, h(h.Fragment, null, h("div", { key: '3a047e1c06d8da29de6545555e67bf07d879bb90', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: 'd1c6be4cdd857c8e38f77a036b6594aa44b8fb28', validationErrors: this.validationErrors })), h("div", { key: 'bb06ebe66befacf101094d6b7d25a40a0c9cff0d', class: "page-header" }, h("p", { key: '1b56235e4994ae43add1b084a5c6de2f40ad5c26', class: "header-text-1" }, "Template Creation"), h("p", { key: '9573e82cb20082b311c31d4752c59618c0164c3a' }, "/"), h("p", { key: 'ac2f7068d3a7b9fab04be3e5b0e354251db9ae0d', class: "header-text-2" }, this._template?.title)), h("form", { key: '5e1b6cefe3d2f12ab7fb711af9a189887744509e', id: "ls-editor-form" }, this.showtoolbox === true ? (h("div", { class: "leftBox" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, h("ls-feature-column", { onManage: manager => {
|
|
25180
25168
|
if (manager.detail === 'document') {
|
|
25181
25169
|
var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
|
|
25182
25170
|
documentManager.template = this._template;
|
|
@@ -25189,7 +25177,7 @@ const LsDocumentViewer = class {
|
|
|
25189
25177
|
} }), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Participant Fields"), h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { class: "fields-box" }, this.signer > 0 ? (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", signer: this.signer })) : (h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", signer: this.signer })), h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", signer: this.signer }), h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", signer: this.signer }), h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", signer: this.signer }), h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", signer: this.signer }), h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", signer: this.signer }), h("div", { class: 'expand-fields-row', onClick: () => (this.expandfields = !this.expandfields) }, h("ls-icon", { name: this.expandfields ? 'expand' : 'collapse', size: "20", solid: true }), h("p", null, "More Field Types")), this.expandfields && (h("div", { class: "fields-box" }, h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", signer: this.signer }), h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "hashtag", signer: this.signer }), h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", signer: this.signer }), h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", signer: this.signer }), h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", signer: this.signer }), h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", signer: this.signer }))))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
|
|
25190
25178
|
this.selected = [];
|
|
25191
25179
|
e.preventDefault();
|
|
25192
|
-
} }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: '
|
|
25180
|
+
} }, h("ls-icon", { name: "x", size: "20" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), h("ls-toolbar", { key: '71e1039ef2125174823e1731f00da673fb3610d3', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: '34104168b0dfaf818f1811f20a76f087c87d9e2e', id: "ls-mid-area" }, h("div", { key: '12b3c327d7629deba257d0d44d478ad2a93775bb', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: 'b41998ec0bf1323db3b355fe6fb6cd2cb22cf02d', id: "ls-document-frame" }, h("canvas", { key: 'd756a54e89a8f463b26db71d1bb51bebbfc3564e', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), h("ls-editor-table", { key: 'd9387528cab97c0a2533164c55e627eda6b40c9b', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: 'cbf35e7c60ddf374b4e6181594a763fc116654e2', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'fd5030967606ba707b0f654aa14a5086289a8c02', editor: this }))))));
|
|
25193
25181
|
}
|
|
25194
25182
|
static get watchers() { return {
|
|
25195
25183
|
"mode": ["modeHandler"],
|
|
@@ -26186,7 +26174,7 @@ const LsFieldPropertiesContainer = class {
|
|
|
26186
26174
|
}
|
|
26187
26175
|
}
|
|
26188
26176
|
render() {
|
|
26189
|
-
return (h(Host, { key: '
|
|
26177
|
+
return (h(Host, { key: 'bd5cdce632c977e1fc528c9dc019957d693faf94' }, this.tabs.length > 1 && (h("div", { key: '971328b1f38c3693934665bcefb84133da76d04f', 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: '096910732325077d5d22526d4928ad7ce9c9d7d8', class: 'scrolling-container' }, h("slot", { key: '0d5a8ae8dfc46e2e469d46140e2d6b2a5ecd3aad', name: this.selectedTab }))));
|
|
26190
26178
|
}
|
|
26191
26179
|
};
|
|
26192
26180
|
LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss;
|
|
@@ -33575,7 +33563,7 @@ const LsNumberInput = class {
|
|
|
33575
33563
|
};
|
|
33576
33564
|
LsNumberInput.style = lsNumberInputCss;
|
|
33577
33565
|
|
|
33578
|
-
const lsParticipantCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch
|
|
33566
|
+
const lsParticipantCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px;width:100%}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
33579
33567
|
|
|
33580
33568
|
const LsParticipantCard = class {
|
|
33581
33569
|
constructor(hostRef) {
|
|
@@ -33583,6 +33571,7 @@ const LsParticipantCard = class {
|
|
|
33583
33571
|
this.mutate = createEvent(this, "mutate");
|
|
33584
33572
|
this.update = createEvent(this, "update");
|
|
33585
33573
|
this.opened = createEvent(this, "opened");
|
|
33574
|
+
this.addParticipant = createEvent(this, "addParticipant");
|
|
33586
33575
|
}
|
|
33587
33576
|
get component() { return getElement(this); }
|
|
33588
33577
|
signer;
|
|
@@ -33623,41 +33612,47 @@ const LsParticipantCard = class {
|
|
|
33623
33612
|
this.opened.emit(this.signer);
|
|
33624
33613
|
}
|
|
33625
33614
|
}
|
|
33615
|
+
addParticipant;
|
|
33626
33616
|
render() {
|
|
33627
33617
|
const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) || [];
|
|
33628
|
-
|
|
33618
|
+
const child = this.template.roles.find(r => r.signerParent === this.signer.id);
|
|
33619
|
+
return (h(Host, { key: '050ce0bf860dfebc0f79d45295b6876a8c714c61' }, h("div", { key: '03a6151b022ee20de49836d55362ca7842d91c2b', class: 'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card'), style: {
|
|
33629
33620
|
background: defaultRolePalette[this.signer?.signerIndex % 100].s10,
|
|
33630
33621
|
border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,
|
|
33631
|
-
marginTop: this.signer.
|
|
33622
|
+
marginTop: this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',
|
|
33632
33623
|
}, onMouseEnter: e => e.currentTarget.querySelector('.button-set')?.classList.remove('hidden'), onMouseLeave: e => e.currentTarget.querySelector('.button-set')?.classList.add('hidden'), onDblClick: () => {
|
|
33633
33624
|
this.editable = true;
|
|
33634
|
-
} }, h("div", { key: '
|
|
33625
|
+
} }, h("div", { key: '4471c63e21cba70ca9c99e08518b58aa27d51ba7', class: 'participant-card-inner' }, h("div", { key: '2880b2ada85743bb5aebb533cf51e837b275329e', class: 'participant-card-top-items' }, h("div", { key: '3d4eb8164d136326349cece0b18f5c53b0f88a49', class: 'role-label', style: {
|
|
33635
33626
|
background: defaultRolePalette[this.signer?.signerIndex % 100].s20,
|
|
33636
33627
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s90,
|
|
33637
|
-
} }, h("ls-icon", { key: '
|
|
33628
|
+
} }, h("ls-icon", { key: 'dad3b4055bdd45df6f8e5085f459961da09d010f', name: this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye' }), 'Participant ' + (this.signer?.signerIndex || '')), h("div", { key: '07fe8b88998c7121217db858c231dcc1cc1707fe', class: 'button-set hidden' }, this.index > 0 && this.signer.roleType !== 'WITNESS' && (h("div", { key: '830f21fbae631a0e8e42af15a91d67c9547c1c01', class: "innerButton", onClick: () => {
|
|
33638
33629
|
this.swapHandler(this.signer, this.template.roles[this.index - 1]);
|
|
33639
33630
|
}, style: {
|
|
33640
33631
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33641
33632
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33642
|
-
} }, h("ls-icon", { key: '
|
|
33633
|
+
} }, h("ls-icon", { key: '8b09d4c2d21c0da1d1e2b8d259808f17db459cbb', name: "arrow-up", size: "18" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (h("div", { key: '615157461249449a36d2de250682f61476a9f201', class: "innerButton", onClick: () => {
|
|
33643
33634
|
this.swapHandler(this.signer, this.template.roles[this.index + 1]);
|
|
33644
33635
|
}, style: {
|
|
33645
33636
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33646
33637
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33647
|
-
} }, h("ls-icon", { key: '
|
|
33638
|
+
} }, h("ls-icon", { key: 'f5272e02633d855779e651e7210f93d345832b88', name: "arrow-down", size: "18" }))), h("div", { key: '83fcb361f4610ca0f08db9d6be84ad3cf3abd5d8', class: "innerButton", onClick: () => {
|
|
33648
33639
|
this.editable = !this.editable;
|
|
33649
33640
|
}, style: {
|
|
33650
33641
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33651
33642
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33652
|
-
} }, h("ls-icon", { key: '
|
|
33643
|
+
} }, h("ls-icon", { key: '9aea4e29845683be3ab72ad4aba8897e2e8f4a2f', name: this.editable ? 'check' : 'pencil-alt', size: "18" })), h("div", { key: '451e0cc218f1f505e64a9783902d8627c4c1a005', class: "innerButton", onClick: () => {
|
|
33653
33644
|
this.deleteHandler(this.signer);
|
|
33654
33645
|
}, style: {
|
|
33655
33646
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33656
33647
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33657
|
-
} }, h("ls-icon", { key: '
|
|
33648
|
+
} }, h("ls-icon", { key: '5678a46062f0ea120d60e070a86f5b1a75d06662', name: "trash", size: "18" })))), this.editable ? (h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (h("ls-input-wrapper", { leadingIcon: "eye" }, h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
|
|
33658
33649
|
if (e.key === 'Enter' || e.keyCode === 13)
|
|
33659
33650
|
this.editable = false;
|
|
33660
|
-
} })
|
|
33651
|
+
} }), this.signer?.roleType === 'SIGNER' && !child ? (h("button", { class: 'tertiary', onClick: () => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id }) }, h("ls-icon", { name: "plus", style: { marginRight: '0.25rem' } }), "Add Witness")) : this.signer?.roleType === 'SIGNER' && child ? (h("button", { class: 'destructive', onClick: () => {
|
|
33652
|
+
this.deleteHandler(child);
|
|
33653
|
+
} }, h("ls-icon", { name: "minus-sm", style: { marginRight: '0.25rem' } }), "Remove Witness")) : this.signer?.roleType === 'WITNESS' ? (h("button", { class: 'destructive', onClick: () => {
|
|
33654
|
+
this.deleteHandler(this.signer);
|
|
33655
|
+
} }, h("ls-icon", { name: "minus-sm", style: { marginRight: '0.25rem' } }), "Remove Witness")) : null)) : (h("div", { class: 'participant-card-text' }, h("p", { class: "participant-text-description", style: {
|
|
33661
33656
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s100,
|
|
33662
33657
|
} }, this.signer.name || `${this.signer.signerIndex > 100 ? 'Witness' : 'Signer'} ${this.signer.signerIndex + 1}`), h("p", { class: "participant-text-type", style: {
|
|
33663
33658
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s80,
|
|
@@ -33665,7 +33660,7 @@ const LsParticipantCard = class {
|
|
|
33665
33660
|
} }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (h("div", { class: 'role-label fields', style: {
|
|
33666
33661
|
background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,
|
|
33667
33662
|
color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,
|
|
33668
|
-
} }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "16", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: '
|
|
33663
|
+
} }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "16", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: 'ba159f7a2d34de4926bb44ce1aca658cd470833d' })));
|
|
33669
33664
|
}
|
|
33670
33665
|
static get watchers() { return {
|
|
33671
33666
|
"editable": ["modeHandler"]
|
|
@@ -33709,17 +33704,35 @@ const LsParticipantManager = class {
|
|
|
33709
33704
|
handleOpened(event) {
|
|
33710
33705
|
const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');
|
|
33711
33706
|
participants.forEach(element => {
|
|
33712
|
-
|
|
33713
|
-
|
|
33707
|
+
const isTarget = element.signer?.id === event.detail.id;
|
|
33708
|
+
element.editable = isTarget;
|
|
33709
|
+
if (isTarget) {
|
|
33710
|
+
element.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
33711
|
+
}
|
|
33714
33712
|
});
|
|
33715
33713
|
}
|
|
33714
|
+
handleOpenNewWitness(event) {
|
|
33715
|
+
const { parent } = event.detail;
|
|
33716
|
+
const observer = new MutationObserver(() => {
|
|
33717
|
+
const participants = this.element.shadowRoot.querySelectorAll('ls-participant-card');
|
|
33718
|
+
participants.forEach(element => {
|
|
33719
|
+
const isTarget = element.signer?.signerParent === parent;
|
|
33720
|
+
element.editable = isTarget;
|
|
33721
|
+
if (isTarget) {
|
|
33722
|
+
element.scrollIntoView({ behavior: 'smooth', block: 'center' });
|
|
33723
|
+
}
|
|
33724
|
+
});
|
|
33725
|
+
observer.disconnect();
|
|
33726
|
+
});
|
|
33727
|
+
observer.observe(this.element.shadowRoot, { childList: true, subtree: true });
|
|
33728
|
+
}
|
|
33716
33729
|
render() {
|
|
33717
|
-
return (h(Host, { key: '
|
|
33730
|
+
return (h(Host, { key: '969b4cc1f4e86d87035c5c84365dea9607c85fff' }, h("div", { key: 'a50e3c6131d31f523a458c0a1729181eea1ce007', class: "ls-editor-infobox" }, h("h2", { key: '5e4b848099eb0d3a79b4fa172111288d7b07e278', class: "toolbox-section-title" }, "Participants"), h("p", { key: 'fa9267c09a4c443832f76bb88f8c74d69c9838e3', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { key: '97aceae65cb31344ad3a724daf7f64c469fd6741', class: "participant-list" }, this.template &&
|
|
33718
33731
|
this.template?.roles.map((r, index) => {
|
|
33719
|
-
return h("ls-participant-card", { signer: r, index: index, template: this.template, onOpened:
|
|
33732
|
+
return (h("ls-participant-card", { signer: r, index: index, template: this.template, onOpened: event => {
|
|
33720
33733
|
this.handleOpened.bind(this)(event);
|
|
33721
|
-
} });
|
|
33722
|
-
})), h("div", { key: '
|
|
33734
|
+
}, onAddParticipant: event => this.handleOpenNewWitness(event) }));
|
|
33735
|
+
})), h("div", { key: '1067a4fbd87d7bcbce1a99d4aeb9a04bacfeea36', class: 'add-participant-button' }, h("button", { key: 'f0529ee33de114f8d7b5a222d27440686cf9eb0b', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, h("ls-icon", { key: 'fab11a0945db10cfde4c537d26e84cfa410cd8a9', name: "user-add", size: "20", color: "var(--gray-100, #45484D);" }), h("p", { key: '384ec2ea99caff3321d3d5d70105e6a07c2466fe' }, "Add Participant"))), h("slot", { key: 'd0689801afd208555d353f1472e64968c5934647' })));
|
|
33723
33736
|
}
|
|
33724
33737
|
};
|
|
33725
33738
|
LsParticipantManager.style = lsParticipantManagerCss;
|
|
@@ -33732,7 +33745,6 @@ const LsParticipantSelect = class {
|
|
|
33732
33745
|
this.roleChange = createEvent(this, "roleChange");
|
|
33733
33746
|
this.addParticipant = createEvent(this, "addParticipant");
|
|
33734
33747
|
}
|
|
33735
|
-
dataItem;
|
|
33736
33748
|
/**
|
|
33737
33749
|
* The id of the currently selected role.
|
|
33738
33750
|
* {string}
|
|
@@ -33742,7 +33754,23 @@ const LsParticipantSelect = class {
|
|
|
33742
33754
|
* The currently selected role.
|
|
33743
33755
|
* {number}
|
|
33744
33756
|
*/
|
|
33745
|
-
selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER' };
|
|
33757
|
+
selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: true };
|
|
33758
|
+
handleRoleLoad() {
|
|
33759
|
+
if (this.selectedRole.default) {
|
|
33760
|
+
if (this.roles.length > 0) {
|
|
33761
|
+
const initialRole = this.roles.find(r => r.signerIndex === 1);
|
|
33762
|
+
if (initialRole) {
|
|
33763
|
+
this.selectedRole = { ...initialRole, default: false };
|
|
33764
|
+
}
|
|
33765
|
+
}
|
|
33766
|
+
}
|
|
33767
|
+
else {
|
|
33768
|
+
const updatedRole = this.roles.find(r => r.signerIndex === this.selectedRole.signerIndex);
|
|
33769
|
+
if (updatedRole) {
|
|
33770
|
+
this.selectedRole = { ...updatedRole, default: false };
|
|
33771
|
+
}
|
|
33772
|
+
}
|
|
33773
|
+
}
|
|
33746
33774
|
/**
|
|
33747
33775
|
* The current template roles.
|
|
33748
33776
|
* {LSApiRole}
|
|
@@ -33755,7 +33783,7 @@ const LsParticipantSelect = class {
|
|
|
33755
33783
|
roleChange;
|
|
33756
33784
|
addParticipant;
|
|
33757
33785
|
selectRole(role) {
|
|
33758
|
-
this.selectedRole = role;
|
|
33786
|
+
this.selectedRole = { ...role, default: false };
|
|
33759
33787
|
this.isOpen = false;
|
|
33760
33788
|
this.roleChange.emit(role.signerIndex);
|
|
33761
33789
|
}
|
|
@@ -33763,27 +33791,27 @@ const LsParticipantSelect = class {
|
|
|
33763
33791
|
this.addParticipant.emit({ type: 'SIGNER' });
|
|
33764
33792
|
}
|
|
33765
33793
|
render() {
|
|
33766
|
-
return (h(Host, { key: '
|
|
33794
|
+
return (h(Host, { key: 'f053e6c27cba0319ca92871a534070d753961aac' }, h("div", { key: 'b037b74c477b5f7ad338bc707a1f08bdfb131535', class: "dropdown" }, h("div", { key: 'c97336eab86a36d45b9ddef78a6df0e8babada63', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'fa69fa36ad9b6e6ae4adfca7017a4457068365d1', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '860b63abd43343f27b9fd8d597a152bf7e34dc93', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: '7eeff168b2553f4e79be6d4a8d1bad31282ec5ac', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: '10216191c461f85e93f97c40d0a9f818cafe6f19', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: 'c2677a36fe8ffc04141dd8e565916d425b23120f', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: '977b8593c1eba8a9cafc93f3c548596df4f14383', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: '7a9decad70156db7451571a813d98ac29bb55969', class: 'selected-role-label', style: {
|
|
33767
33795
|
background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
|
|
33768
33796
|
color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
|
|
33769
|
-
} }, h("ls-icon", { key: '
|
|
33797
|
+
} }, h("ls-icon", { key: '1bceddc0d5bdcdc9a4550e6871c6f23b130e13a4', size: "18", name: this.selectedRole?.roleType === 'SENDER'
|
|
33770
33798
|
? 'user'
|
|
33771
33799
|
: this.selectedRole?.roleType === 'APPROVER'
|
|
33772
33800
|
? 'check-circle'
|
|
33773
33801
|
: this.selectedRole?.roleType === 'WITNESS'
|
|
33774
33802
|
? 'eye'
|
|
33775
33803
|
: 'signature' }), this.selectedRole.name ||
|
|
33776
|
-
(this.selectedRole.
|
|
33804
|
+
(this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: 'deac6e0ce1405949e279df80396664520ea0a446', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '39bb00d902adf511c3122dd8b4a158cfea84dc02', name: "chevron-down" }))), this.isOpen && (h("div", { key: '4e1c77622d07e09ad73e8607f2fb7012ab170599', class: "dropdown-list" }, h("div", { key: '6333a4f6d8a87b41054b0e0bacefe836093cd64f', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33777
33805
|
'--background-selected': defaultRolePalette[0].s10,
|
|
33778
33806
|
'--check-icon-selected': defaultRolePalette[0].s50,
|
|
33779
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '
|
|
33807
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '0172efaa68fd05cc5c8833833f4f44af92d505bc', class: 'role-icon', style: {
|
|
33780
33808
|
background: defaultRolePalette[0].s50,
|
|
33781
33809
|
color: defaultRolePalette[0].s80,
|
|
33782
|
-
} }, h("ls-icon", { key: '
|
|
33810
|
+
} }, h("ls-icon", { key: '5dc564e507733c2732ab79c3a8437eb275c6aefe', name: "user" })), h("div", { key: '9d1a26aa3fceb79612afe66929b9b04fa6c46b66', class: 'role-text' }, h("p", { key: 'e89116bb21fb1fa9c00acac2173688629fe2d637', class: 'role-name', style: {
|
|
33783
33811
|
'--role-name-selected': defaultRolePalette[0].s80,
|
|
33784
|
-
} }, 'Sender'), h("p", { key: '
|
|
33812
|
+
} }, 'Sender'), h("p", { key: '00bb513c28a580faab973e74779c77b6e123aa6d', class: 'role-type', style: {
|
|
33785
33813
|
'--role-type-selected': defaultRolePalette[0].s80,
|
|
33786
|
-
} }, "You")), h("ls-icon", { key: '
|
|
33814
|
+
} }, "You")), h("ls-icon", { key: '9c375a9cffbc93e6566f496a379f910d7d82ad2e', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33787
33815
|
'--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
|
|
33788
33816
|
'--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
|
|
33789
33817
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
@@ -33795,11 +33823,14 @@ const LsParticipantSelect = class {
|
|
|
33795
33823
|
'--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
|
|
33796
33824
|
} }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), h("p", { class: 'role-type', style: {
|
|
33797
33825
|
'--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
|
|
33798
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '
|
|
33826
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '876d0510b3522b4de6c81a04950e0cbe6d56a7ef', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
|
|
33799
33827
|
'--background-selected': defaultRolePalette[1].s10,
|
|
33800
33828
|
'--check-icon-selected': defaultRolePalette[1].s50,
|
|
33801
|
-
} }, h("div", { key: '
|
|
33829
|
+
} }, h("div", { key: '18e18d420039303a144a9a40ae73307421e6ddf0', class: 'add-participant-icon' }, h("ls-icon", { key: 'f6fa96cc87ee795b827067035b2887dd5af67b71', name: "user-add" })), h("div", { key: 'd17693f290f0aba4d16e3d7c92e9d899e18bfd2b', class: 'role-text' }, h("p", { key: '6cbd301f3414c84d1dc14e4afa764c920d180b66', class: 'role-name' }, "Add Participant"), h("p", { key: '93ff716ae9b2bbdb976f3bb674963c686e8b236d', class: 'role-type' }, "Add a new Signer")), h("ls-icon", { key: 'b6c771b3e0773de88ab729a2e8d09c9051b09d5f', class: 'plus-icon', name: "plus" }))))), h("slot", { key: 'cd90a24546b04b907c6e82980827fb133ea9b37a' })));
|
|
33802
33830
|
}
|
|
33831
|
+
static get watchers() { return {
|
|
33832
|
+
"roles": ["handleRoleLoad"]
|
|
33833
|
+
}; }
|
|
33803
33834
|
};
|
|
33804
33835
|
LsParticipantSelect.style = lsParticipantSelectCss;
|
|
33805
33836
|
|
|
@@ -34032,7 +34063,7 @@ const LsToggle = class {
|
|
|
34032
34063
|
};
|
|
34033
34064
|
LsToggle.style = lsToggleCss;
|
|
34034
34065
|
|
|
34035
|
-
const lsToolbarCss = ":host{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.
|
|
34066
|
+
const lsToolbarCss = ":host{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
34036
34067
|
|
|
34037
34068
|
const LsToolbar = class {
|
|
34038
34069
|
constructor(hostRef) {
|
|
@@ -34076,7 +34107,7 @@ const LsToolbar = class {
|
|
|
34076
34107
|
this.update.emit(diffs);
|
|
34077
34108
|
}
|
|
34078
34109
|
render() {
|
|
34079
|
-
return (h(Host, { key: '930227762fac4d6c8ff5053cf6f844d9e4b5366a' }, 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, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles,
|
|
34110
|
+
return (h(Host, { key: '930227762fac4d6c8ff5053cf6f844d9e4b5366a' }, 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, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("slot", { key: '4d23f1bc7e9abe32194bd1628084ab47624ad7c5' })));
|
|
34080
34111
|
}
|
|
34081
34112
|
};
|
|
34082
34113
|
LsToolbar.style = lsToolbarCss;
|
|
@@ -34145,7 +34176,7 @@ const LsValidationTag = class {
|
|
|
34145
34176
|
validationErrors = [];
|
|
34146
34177
|
isExpanded = false;
|
|
34147
34178
|
render() {
|
|
34148
|
-
return (h(Host, { key: '19a7fa173b5753ee1323adf935c9b76aab197a1b' }, h("div", { key: '5c0b59aa90ee1bf2c39f341e167437ae0cfb700b', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && h("div", { key: '209d7861899401458d8a5fa7a64665d7e7991a51', class: 'field-counter' }, this.validationErrors.length), this.validationErrors.length > 0 && (h("ls-icon", { key: '0a528826d3b7d67382a934259c1fd515a931a108', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } }))), this.isExpanded && (h("div", { key: '
|
|
34179
|
+
return (h(Host, { key: '19a7fa173b5753ee1323adf935c9b76aab197a1b' }, h("div", { key: '5c0b59aa90ee1bf2c39f341e167437ae0cfb700b', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && h("div", { key: '209d7861899401458d8a5fa7a64665d7e7991a51', class: 'field-counter' }, this.validationErrors.length), this.validationErrors.length > 0 && (h("ls-icon", { key: '0a528826d3b7d67382a934259c1fd515a931a108', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } }))), this.isExpanded && this.validationErrors.length !== 0 && (h("div", { key: 'b02370495b444d5fdffce3b6424ebdada55da955', class: 'field-dropdown' }, h("div", { key: 'aa939c4bf56a8e5ba53ec3f09d76a897a3c279a9', class: 'dropdown-header' }, h("h2", { key: 'cf3d5932c59a742bdefd9a05007d1d6b657789cc' }, "Signature Fields Required"), h("p", { key: '2c231dc8f4fd0d0f14f173aae3251078551ab056' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
|
|
34149
34180
|
const pallette = defaultRolePalette[field?.role?.signerIndex || field?.element?.signer || 0];
|
|
34150
34181
|
return (h("div", { key: idx, class: 'required-field', style: {
|
|
34151
34182
|
'--field-background': pallette.s10,
|