legalesign-document-viewer 0.1.7 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{ls-document-options_36.cjs.entry.js → ls-document-options_37.cjs.entry.js} +77 -47
- package/dist/cjs/ls-document-options_37.cjs.entry.js.map +1 -0
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.css +370 -0
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +107 -0
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -0
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js.map +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +2 -2
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js.map +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +2 -2
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js.map +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +2 -2
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js.map +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +2 -2
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js.map +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +2 -2
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js.map +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +4 -4
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +2 -2
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js.map +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +2 -2
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js.map +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +2 -2
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- 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 +1 -1
- 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-icon/ls-icon.js +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +8 -8
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-toggle/ls-toggle.js +1 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +1 -1
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +52 -46
- package/dist/components/ls-document-viewer.js.map +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-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.d.ts +11 -0
- package/dist/components/ls-field-properties-advanced.js +9 -0
- package/dist/components/ls-field-properties-advanced.js.map +1 -0
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- 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-formfield.js +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-number-input.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-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/{p-BMsZB-GL.js → p-1Ir9-yQU.js} +31 -25
- package/dist/components/p-1Ir9-yQU.js.map +1 -0
- package/dist/components/{p-CQr7nmKb.js → p-3LU2FV3W.js} +3 -3
- package/dist/components/{p-CQr7nmKb.js.map → p-3LU2FV3W.js.map} +1 -1
- package/dist/components/{p-C2ZxEVhB.js → p-B7VyU7YH.js} +22 -10
- package/dist/components/p-B7VyU7YH.js.map +1 -0
- package/dist/components/{p-BMRIiOsQ.js → p-BCpsA9BY.js} +6 -6
- package/dist/components/{p-BMRIiOsQ.js.map → p-BCpsA9BY.js.map} +1 -1
- package/dist/components/{p-9Z-GK0Bd.js → p-BPkbTOIU.js} +3 -3
- package/dist/components/{p-9Z-GK0Bd.js.map → p-BPkbTOIU.js.map} +1 -1
- package/dist/components/{p-CdEexh_g.js → p-BSN2cMdj.js} +18 -12
- package/dist/components/p-BSN2cMdj.js.map +1 -0
- package/dist/components/{p-Dc4pAKEn.js → p-Bby5tjrS.js} +4 -4
- package/dist/components/{p-Dc4pAKEn.js.map → p-Bby5tjrS.js.map} +1 -1
- package/dist/components/{p-V-QJ5j_K.js → p-Bh-iiZW1.js} +5 -5
- package/dist/components/{p-V-QJ5j_K.js.map → p-Bh-iiZW1.js.map} +1 -1
- package/dist/components/{p-BdJAlep4.js → p-BneR1hef.js} +10 -10
- package/dist/components/{p-BdJAlep4.js.map → p-BneR1hef.js.map} +1 -1
- package/dist/components/{p-8Yvey07o.js → p-Bpzk1RMu.js} +4 -4
- package/dist/components/{p-8Yvey07o.js.map → p-Bpzk1RMu.js.map} +1 -1
- package/dist/components/{p-DeaQdy4U.js → p-BsqbS8f_.js} +4 -4
- package/dist/components/{p-DeaQdy4U.js.map → p-BsqbS8f_.js.map} +1 -1
- package/dist/components/{p-DVFCDy_Y.js → p-C6YMMVJ1.js} +22 -10
- package/dist/components/p-C6YMMVJ1.js.map +1 -0
- package/dist/components/p-CfCokEUT.js +53 -0
- package/dist/components/p-CfCokEUT.js.map +1 -0
- package/dist/components/{p-DxZasSi4.js → p-CtMHOHAp.js} +4 -4
- package/dist/components/{p-DxZasSi4.js.map → p-CtMHOHAp.js.map} +1 -1
- package/dist/components/{p-BVXVFpxy.js → p-CttUZd3c.js} +3 -3
- package/dist/components/{p-BVXVFpxy.js.map → p-CttUZd3c.js.map} +1 -1
- package/dist/components/{p-DOULSSR_.js → p-CuNrTyGb.js} +11 -11
- package/dist/components/{p-DOULSSR_.js.map → p-CuNrTyGb.js.map} +1 -1
- package/dist/components/{p-8Um41Jug.js → p-DCLBmOtj.js} +22 -10
- package/dist/components/p-DCLBmOtj.js.map +1 -0
- package/dist/components/{p-ChfFmzMa.js → p-DEE854iZ.js} +13 -13
- package/dist/components/{p-ChfFmzMa.js.map → p-DEE854iZ.js.map} +1 -1
- package/dist/components/{p-BuX-_d2U.js → p-DVz19y7K.js} +3 -3
- package/dist/components/{p-BuX-_d2U.js.map → p-DVz19y7K.js.map} +1 -1
- package/dist/components/{p-DKOj6SYm.js → p-DY_A9zAm.js} +4 -4
- package/dist/components/{p-DKOj6SYm.js.map → p-DY_A9zAm.js.map} +1 -1
- package/dist/components/{p-CixKuBuL.js → p-DjavAQqZ.js} +3 -3
- package/dist/components/{p-CixKuBuL.js.map → p-DjavAQqZ.js.map} +1 -1
- package/dist/components/{p-Cotorbsf.js → p-DoywjJAr.js} +3 -3
- package/dist/components/{p-Cotorbsf.js.map → p-DoywjJAr.js.map} +1 -1
- package/dist/components/{p-CoH616os.js → p-Dsf8KDrt.js} +6 -6
- package/dist/components/{p-CoH616os.js.map → p-Dsf8KDrt.js.map} +1 -1
- package/dist/components/{p-C5iwKF3r.js → p-DzHh5tyo.js} +22 -10
- package/dist/components/p-DzHh5tyo.js.map +1 -0
- package/dist/components/{p-vll2Fgrb.js → p-DzmtJl3e.js} +3 -3
- package/dist/components/{p-vll2Fgrb.js.map → p-DzmtJl3e.js.map} +1 -1
- package/dist/components/{p-CiKsFis4.js → p-Dzn5xAM4.js} +18 -6
- package/dist/components/p-Dzn5xAM4.js.map +1 -0
- package/dist/components/{p-DEu3aUkH.js → p-EsA1p6L3.js} +16 -10
- package/dist/components/{p-C2ZxEVhB.js.map → p-EsA1p6L3.js.map} +1 -1
- package/dist/components/{p-CdL5cKO8.js → p-JBc2BCIT.js} +4 -4
- package/dist/components/{p-CdL5cKO8.js.map → p-JBc2BCIT.js.map} +1 -1
- package/dist/components/{p-DLF5DiJI.js → p-aOAZ6c8y.js} +10 -10
- package/dist/components/{p-DLF5DiJI.js.map → p-aOAZ6c8y.js.map} +1 -1
- package/dist/components/{p-C9d-OiqW.js → p-iC6XYfS_.js} +3 -3
- package/dist/components/{p-C9d-OiqW.js.map → p-iC6XYfS_.js.map} +1 -1
- package/dist/components/{p-DIeSYRR1.js → p-lTOSc-NN.js} +4 -4
- package/dist/components/{p-DIeSYRR1.js.map → p-lTOSc-NN.js.map} +1 -1
- package/dist/components/{p-BFSBsh85.js → p-p3xY_X0j.js} +3 -3
- package/dist/components/{p-BFSBsh85.js.map → p-p3xY_X0j.js.map} +1 -1
- package/dist/components/{p-BvQE1dGX.js → p-rEZh-cMt.js} +8 -8
- package/dist/components/{p-BvQE1dGX.js.map → p-rEZh-cMt.js.map} +1 -1
- package/dist/components/{p-4a5NqPpg.js → p-ucaurEVy.js} +22 -10
- package/dist/components/p-ucaurEVy.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{ls-document-options_36.entry.js → ls-document-options_37.entry.js} +77 -48
- package/dist/esm/ls-document-options_37.entry.js.map +1 -0
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-ce21a4d4.entry.js → p-79589774.entry.js} +5 -5
- package/dist/ls-document-viewer/p-79589774.entry.js.map +1 -0
- package/dist/types/components/ls-field-properties-advanced/ls-field-properties-advanced.d.ts +12 -0
- package/dist/types/components.d.ts +35 -2
- package/package.json +1 -1
- package/dist/cjs/ls-document-options_36.cjs.entry.js.map +0 -1
- package/dist/components/p-4a5NqPpg.js.map +0 -1
- package/dist/components/p-8Um41Jug.js.map +0 -1
- package/dist/components/p-BMsZB-GL.js.map +0 -1
- package/dist/components/p-C5iwKF3r.js.map +0 -1
- package/dist/components/p-CdEexh_g.js.map +0 -1
- package/dist/components/p-CiKsFis4.js.map +0 -1
- package/dist/components/p-DEu3aUkH.js.map +0 -1
- package/dist/components/p-DVFCDy_Y.js.map +0 -1
- package/dist/esm/ls-document-options_36.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-ce21a4d4.entry.js.map +0 -1
package/dist/cjs/{ls-document-options_36.cjs.entry.js → ls-document-options_37.cjs.entry.js}
RENAMED
|
@@ -25679,6 +25679,35 @@ const LsFieldProperties = class {
|
|
|
25679
25679
|
};
|
|
25680
25680
|
LsFieldProperties.style = lsFieldPropertiesCss;
|
|
25681
25681
|
|
|
25682
|
+
const lsFieldPropertiesAdvancedCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}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:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){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:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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)}";
|
|
25683
|
+
|
|
25684
|
+
const LsFieldPropertiesAdvanced = class {
|
|
25685
|
+
constructor(hostRef) {
|
|
25686
|
+
index.registerInstance(this, hostRef);
|
|
25687
|
+
this.mutate = index.createEvent(this, "mutate");
|
|
25688
|
+
this.update = index.createEvent(this, "update");
|
|
25689
|
+
}
|
|
25690
|
+
dataItem;
|
|
25691
|
+
mutate;
|
|
25692
|
+
update;
|
|
25693
|
+
isSingle(dt) {
|
|
25694
|
+
return dt.length === undefined;
|
|
25695
|
+
}
|
|
25696
|
+
isMultiple(dt) {
|
|
25697
|
+
return typeof dt.length === 'number';
|
|
25698
|
+
}
|
|
25699
|
+
alter(diff) {
|
|
25700
|
+
const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } };
|
|
25701
|
+
this.dataItem = singleDiff.data;
|
|
25702
|
+
this.mutate.emit([singleDiff]);
|
|
25703
|
+
this.update.emit([singleDiff]);
|
|
25704
|
+
}
|
|
25705
|
+
render() {
|
|
25706
|
+
return (index.h(index.Host, { key: '9db4cd78401c5785435d9aafc8cb3c7fb614b1ae' }, index.h("div", { key: '82cda8357b0732858290836e55ce5bb7d056645d', class: 'ls-field-properties-section' }, index.h("div", { key: '000e5c487b233dc2d874953cd57d5f852adbdf30', class: 'ls-field-properties-section-text' }, index.h("p", { key: '7374ba4511b5006d0ed055d05ede48d7c55ca118', class: 'ls-field-properties-section-title' }, "Field Order"), index.h("p", { key: '87730310fd37317853db9eb87537cfdbac2a9949', class: 'ls-field-properties-section-description' }, "Determines what order fields will be filled in by the user")), index.h("div", { key: '233cf8923cb1aa40691a56c7c7a54d01077c7c12', class: 'input-row' }, index.h("div", { key: '2a914e37afb6894e22859cf520edad73fc75d77c', class: 'input-wrapper' }, index.h("input", { key: '0d3a4cdde9f5d42268aa474ec921f91a8b8d9f6f', value: this.dataItem?.fieldOrder, width: "30", placeholder: "eg. Sign Here", onChange: e => this.alter({ fieldOrder: e.target.value }) })))), index.h("div", { key: 'cec3927f2d17d7a4b381e76d7a054935681d9aad', class: 'ls-field-properties-section' }, index.h("div", { key: 'de16a720b2f10f77ee04082c5cb3ec518aa29714', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'b07443dcc8497b3a5b2ac5663eec2fd1b17b4b3d', class: 'ls-field-properties-section-title' }, "Ref Name")), index.h("div", { key: 'cd9958ce25c3526d97cc8c1cd99c1156f6cd0fe3', class: 'input-row' }, index.h("div", { key: '9d2cfec0632235ff8fe4c632b864a7f2afae4963', class: 'input-wrapper' }, index.h("input", { key: '2bef08755600cb235894ffb17f73055b7ea5be0b', value: this.dataItem?.link, width: "30", placeholder: "", onChange: e => this.alter({ link: e.target.value }) }))), index.h("div", { key: '3cc0bc3d7e8df8a1120f4b800a12b30232b27249', class: 'ls-field-properties-section-text' }, index.h("p", { key: '57965a81f5f99a4bbb395c04e6be010f15080d09', class: 'ls-field-properties-section-title' }, "Link Field")), index.h("div", { key: '07f606e7eb6a11462423560d7181955190a2fc18', class: 'input-row' }, index.h("div", { key: '2d88a8a25866da1fd2c53b6b3677e134bf7efc53', class: 'input-wrapper' }, index.h("input", { key: '07e7be923fc6e227497b88bd1a8218f1d7d58f34', value: this.dataItem?.logicGroup, width: "30", placeholder: "", onChange: e => this.alter({ logicGroup: e.target.value }) }))), index.h("div", { key: '2380c71f3f1829d55ba5d9d872f186e4d7f36f81', class: 'ls-field-properties-section-text' }, index.h("p", { key: '041c472bfce4eb2f7b6a6d8b120d6b7e60b8cb30', class: 'ls-field-properties-section-title' }, "Link Value")), index.h("div", { key: '0738a56b9bfd6c61380988db1bd30000d2abe629', class: 'input-row' }, index.h("div", { key: '30616a2de6d2f6e0fa4469fe4b82fb02e572a002', class: 'input-wrapper' }, index.h("input", { key: '38248c99c7cfb3b310e0098ddd856eebd3ec682f', value: this.dataItem?.logicAction, width: "30", placeholder: "", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
25707
|
+
}
|
|
25708
|
+
};
|
|
25709
|
+
LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss;
|
|
25710
|
+
|
|
25682
25711
|
const lsFieldPropertiesAutosignCss = ":host{display:block}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)}";
|
|
25683
25712
|
|
|
25684
25713
|
const LsFieldPropertiesAutosign = class {
|
|
@@ -25687,7 +25716,7 @@ const LsFieldPropertiesAutosign = class {
|
|
|
25687
25716
|
}
|
|
25688
25717
|
dataItem;
|
|
25689
25718
|
render() {
|
|
25690
|
-
return (index.h(index.Host, { key: '
|
|
25719
|
+
return (index.h(index.Host, { key: '106baf6078e7e3fbfa113671ea875bfb0e7dc8f6' }, index.h("div", { key: 'b9921a07cc1d20d8c9578047c2e50f45c278447c', class: "ls-field-properties-section" }, "Self Sign Field"), index.h("div", { key: '1660ad7c808cb752968747bad6e38e962cc0f2be' }, "Label: ", index.h("input", { key: '394e6a663c8de52d332c247883d8948dce07d31b', value: this.dataItem?.label, width: "30" })), index.h("ls-field-dimensions", { key: '4bd5749daead65ff9adc83d10ae9b0d54e461a75', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'bf6097eba469cddaa68744471134724ea4e0f0ab', dataItem: this.dataItem }), index.h("ls-field-footer", { key: '117a7ec610671b4eac29cbfc165ecf2bac6996fe', dataItem: this.dataItem }), index.h("slot", { key: '05c5ca8763e0f049320bb409866c7af1bb2c49d1' })));
|
|
25691
25720
|
}
|
|
25692
25721
|
};
|
|
25693
25722
|
LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss;
|
|
@@ -25704,7 +25733,7 @@ const LsFieldPropertiesDate = class {
|
|
|
25704
25733
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25705
25734
|
};
|
|
25706
25735
|
render() {
|
|
25707
|
-
return (index.h(index.Host, { key: '
|
|
25736
|
+
return (index.h(index.Host, { key: 'd1a6ba059b431d85b3906cc038e217cf4e60f8c7' }, index.h("div", { key: 'b750583787c40a935124c52ae0b13c2ce9ed80f2', class: 'tabs-container' }, index.h("button", { key: '0df286bf99ce1d3b83759090757d01fe0f119f48', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: '235c07615ee0ef81753a86590bc3d5dfc8ec4532', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: 'f5ebda46bc5c195d26ff0c8238d01dbf39b8f3f2', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: 'fa6fbf5dddf48a1bf26dbba0e3febfcf912ac0c6', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25708
25737
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25709
25738
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25710
25739
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25713,7 +25742,7 @@ const LsFieldPropertiesDate = class {
|
|
|
25713
25742
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25714
25743
|
} }, index.h("ls-icon", { name: "calender", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Date")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes
|
|
25715
25744
|
.filter(type => type.formType === 'date')
|
|
25716
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("
|
|
25745
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("ls-field-footer", { key: '405988b81e0c2d742f2dd5fb6ffe7693aaec8f19', dataItem: this.dataItem }), index.h("slot", { key: 'e90fadaf4267e49a7a65cc0c6667dfac68e384ad' })));
|
|
25717
25746
|
}
|
|
25718
25747
|
};
|
|
25719
25748
|
LsFieldPropertiesDate.style = lsFieldPropertiesDateCss;
|
|
@@ -25730,7 +25759,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
25730
25759
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25731
25760
|
};
|
|
25732
25761
|
render() {
|
|
25733
|
-
return (index.h(index.Host, { key: '
|
|
25762
|
+
return (index.h(index.Host, { key: 'b741906dfa72de32482b30b0d81b5abec6165e18' }, index.h("div", { key: '15edda534be8ae737d8cae1bfc260a93703c1c70', class: 'tabs-container' }, index.h("button", { key: 'a35fec9c469e66cb572f5b5de277d8a996fe415d', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: '8f54db0c50fbd032d1234994fb1a827b6b6c3934', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: '3f3ce8876f6c18dcc243a2b33271ce137d862665', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: 'eb77f486f5903c236e3fd386686cf523ba8485bb', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25734
25763
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25735
25764
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25736
25765
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25739,7 +25768,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
25739
25768
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25740
25769
|
} }, index.h("ls-icon", { name: "at-symbol", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Email")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes
|
|
25741
25770
|
.filter(type => type.formType === 'email')
|
|
25742
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("
|
|
25771
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("ls-field-footer", { key: '8e6f1a5f663f3e4e1f581e7a564cb559d7cdfaa4', dataItem: this.dataItem }), index.h("slot", { key: 'd2e7f0cc1d21a60e8bed1310c9c0d622eb7b8c5b' })));
|
|
25743
25772
|
}
|
|
25744
25773
|
};
|
|
25745
25774
|
LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss;
|
|
@@ -25756,7 +25785,7 @@ const LsFieldPropertiesFile = class {
|
|
|
25756
25785
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25757
25786
|
};
|
|
25758
25787
|
render() {
|
|
25759
|
-
return (index.h(index.Host, { key: '
|
|
25788
|
+
return (index.h(index.Host, { key: '65e737710ea3f5aacc21de12026563e463dc37bd' }, index.h("div", { key: '4ea35008f5e56e36deb5966e21d6644e14d6efd3', class: 'tabs-container' }, index.h("button", { key: 'b76ebdd33fc41ffd0081104ef09897b76a417f50', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: '0f248932c2fff46ff4e5dfb8cd91a783ea553e3e', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: 'dd3492ccb892284955cab55e7b334b9126c63f0f', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: 'c5e9796e2d457776a4e083b4a2cad297d48d7362', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25760
25789
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25761
25790
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25762
25791
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25765,7 +25794,7 @@ const LsFieldPropertiesFile = class {
|
|
|
25765
25794
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25766
25795
|
} }, index.h("ls-icon", { name: "upload", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "File")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes
|
|
25767
25796
|
.filter(type => type.formType === 'file')
|
|
25768
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("div", { key: '
|
|
25797
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("div", { key: '0e7b6052fe6e2c19e588ba46d2db2d6eaaa26080', class: 'button-footer' }, index.h("button", { key: 'da9510fbee51c94a451c50b158a56e3817ab9949', class: 'secondary' }, index.h("ls-icon", { key: 'c5de471f0ea4bb7d0db08191ab4b99a80482c243', name: "field-duplicate", size: "20" }), "Duplicate"), index.h("button", { key: 'ff14d0698727e642f949cf107add28947265fd05', class: 'destructive' }, index.h("ls-icon", { key: '7716e8bad7979118ac6dd48b5e5e72bc9aafe84d', name: "trash", size: "20" }), "Delete")), index.h("slot", { key: 'eb07cae4b50fed38c86c544dd8df3a4434e0dfe2' })));
|
|
25769
25798
|
}
|
|
25770
25799
|
};
|
|
25771
25800
|
LsFieldPropertiesFile.style = lsFieldPropertiesFileCss;
|
|
@@ -25782,14 +25811,14 @@ const LsFieldPropertiesGeneral = class {
|
|
|
25782
25811
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25783
25812
|
};
|
|
25784
25813
|
render() {
|
|
25785
|
-
return (index.h(index.Host, { key: '
|
|
25814
|
+
return (index.h(index.Host, { key: '461e177c696ed0da752186c25bb242f6faee243f' }, index.h("div", { key: '153617ab69b1a0be41cf808b281715b566d90261', class: 'tabs-container' }, index.h("button", { key: 'cfd701dc893a50b4f7ab085fd7d89a2a6c0b28e9', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: '055bb8d1ed5d93ed61d511dd637aa879cbd796fd', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: '7b6beb2ed10b93a1342dd99b3ed83aeb5c0cc59d', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: '2bbfba8cccbd15e7a8bc115bd604beb952333086', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25786
25815
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25787
25816
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25788
25817
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
25789
25818
|
border: `1px solid var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25790
25819
|
color: `var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25791
25820
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25792
|
-
} }, index.h("ls-icon", { name: "field-placement", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "General Field")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("
|
|
25821
|
+
} }, index.h("ls-icon", { name: "field-placement", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "General Field")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("ls-field-footer", { key: 'a02ee9360e50bc493bc6acefc034c097e9ce1c47', dataItem: this.dataItem }), index.h("slot", { key: '99c2da4fac145ad86694b0765c6b8e90fedfb1a1' })));
|
|
25793
25822
|
}
|
|
25794
25823
|
};
|
|
25795
25824
|
LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss;
|
|
@@ -25806,7 +25835,7 @@ const LsFieldPropertiesImage = class {
|
|
|
25806
25835
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25807
25836
|
};
|
|
25808
25837
|
render() {
|
|
25809
|
-
return (index.h(index.Host, { key: '
|
|
25838
|
+
return (index.h(index.Host, { key: '5ffa41837d73b2ac3ba546319d7c7adec3fbe1e9' }, index.h("div", { key: '78770ca65d1febe94fed397862c73ec26d1a22c8', class: 'tabs-container' }, index.h("button", { key: '0f20a3098730302a4656413752e9af60f8118bf4', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: '1baa2520f1e61e51f4b8943c0a1ca50be3476618', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: 'a0f60dd67b5cb91bb92a30b2c6ee0c83a15a87e5', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: '3ecad5dd74f1d94dcfbabdc526fa89e5c5855c87', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25810
25839
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25811
25840
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25812
25841
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25815,7 +25844,7 @@ const LsFieldPropertiesImage = class {
|
|
|
25815
25844
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25816
25845
|
} }, index.h("ls-icon", { name: "photograph", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Image")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes
|
|
25817
25846
|
.filter(type => type.formType === 'image')
|
|
25818
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("
|
|
25847
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("ls-field-footer", { key: '40338f4a5a9acc4b2f1e2a78fb722e542ed9c997', dataItem: this.dataItem }), index.h("slot", { key: 'fefc376ff81f49e2b46548661d8d8bc477795b5d' })));
|
|
25819
25848
|
}
|
|
25820
25849
|
};
|
|
25821
25850
|
LsFieldPropertiesImage.style = lsFieldPropertiesImageCss;
|
|
@@ -25846,7 +25875,7 @@ const LsFieldPropertiesMultiple = class {
|
|
|
25846
25875
|
index.registerInstance(this, hostRef);
|
|
25847
25876
|
}
|
|
25848
25877
|
dataItem;
|
|
25849
|
-
fieldSet = '
|
|
25878
|
+
fieldSet = 'placement';
|
|
25850
25879
|
signerColor = (index) => {
|
|
25851
25880
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25852
25881
|
};
|
|
@@ -25872,14 +25901,14 @@ const LsFieldPropertiesMultiple = class {
|
|
|
25872
25901
|
return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };
|
|
25873
25902
|
};
|
|
25874
25903
|
render() {
|
|
25875
|
-
return (index.h(index.Host, { key: '
|
|
25904
|
+
return (index.h(index.Host, { key: '67ff5dab433187490a0f3fe718f2e91594dcd1c8' }, index.h("div", { key: 'd1a777fc10a1e3311abdc7d0fef13ed2855a364d', class: 'tabs-container' }, index.h("button", { key: 'f1bc8ab9fd14b90f22b1ba05b271469e7bc12c13', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: 'a5e3d0ca5c37cdc9f150ea68391ec443b8c8d3cd', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: 'd61f3deb4b3bdc5155c9b064b3b6522fb06c6168', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: '98b19c703274b7cd6197270b75405b6ea53d7c69', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-alignment", { dataItem: this.dataItem }), index.h("ls-field-placement", { dataItem: this.dataItem }), index.h("ls-field-distribute", { dataItem: this.dataItem }))) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-size", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25876
25905
|
border: `1px dashed var(--${this.signerColor(this.allSignersSame().signer)}-30)`,
|
|
25877
25906
|
background: `var(--${this.signerColor(this.allSignersSame().signer)}-10)`,
|
|
25878
25907
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
25879
25908
|
border: `1px solid var(--${this.signerColor(this.allSignersSame().signer)}-60)`,
|
|
25880
25909
|
color: `var(--${this.signerColor(this.allSignersSame().signer)}-60)`,
|
|
25881
25910
|
background: `var(--${this.signerColor(this.allSignersSame().signer)}-10)`,
|
|
25882
|
-
} }, index.h("ls-icon", { name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), index.h("p", { class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))))), index.h("ls-field-footer", { key: '
|
|
25911
|
+
} }, index.h("ls-icon", { name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), index.h("p", { class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))))), index.h("ls-field-footer", { key: 'eb1f15c27a5aba8df2f3b2e61bb1edc7382531ee' }), index.h("slot", { key: 'b31676899c85de1dc84db13171baf3a82e5b0850' })));
|
|
25883
25912
|
}
|
|
25884
25913
|
};
|
|
25885
25914
|
LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss;
|
|
@@ -25896,7 +25925,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
25896
25925
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25897
25926
|
};
|
|
25898
25927
|
render() {
|
|
25899
|
-
return (index.h(index.Host, { key: '
|
|
25928
|
+
return (index.h(index.Host, { key: 'cca927ba308008b8e3d0e8090028e45e2ec22735' }, index.h("div", { key: '66243d7f21a02eaba21e325442835ce84829f02b', class: 'tabs-container' }, index.h("button", { key: '7ba4b571a6211d043b443df31db8ceaa86f455ab', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: 'fe360d92cea02df8a7b12bb5296d9a6741653770', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: 'e5f87a53dd66d24f46860078476292c67a832fae', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: 'e50efb43af10a15b489ef6395b4f8ccc0442cd85', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25900
25929
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25901
25930
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25902
25931
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25905,7 +25934,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
25905
25934
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25906
25935
|
} }, index.h("ls-icon", { name: "hashtag", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Number")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes
|
|
25907
25936
|
.filter(type => type.formType === 'number')
|
|
25908
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("
|
|
25937
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("ls-field-footer", { key: '325650677f39b6534817c3c1cbaa9a5479104f6f', dataItem: this.dataItem }), index.h("slot", { key: '98cf0f57a9e05135e7d3736e921187e6bcf66868' })));
|
|
25909
25938
|
}
|
|
25910
25939
|
};
|
|
25911
25940
|
LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss;
|
|
@@ -25926,14 +25955,14 @@ const LsFieldPropertiesSignature = class {
|
|
|
25926
25955
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25927
25956
|
};
|
|
25928
25957
|
render() {
|
|
25929
|
-
return (index.h(index.Host, { key: '
|
|
25958
|
+
return (index.h(index.Host, { key: '1caf5f5db83bc6846138bd817b0aa9fe8a9dfc9c' }, index.h("div", { key: '98bdac172040bef5252297b01e1885bd8c004111', class: 'tabs-container' }, index.h("button", { key: '460b7f0ecfd8ff15dc930d06fe93d8efb9cde26f', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: 'a7db8a7b899ffc212058710ec4844426a7a6d313', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: '63ce529b2e1fb54b9729e31dd71cb712f137e14a', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: '8c7d8ddc6e4d83cccba7ac50c9e6f4866ddf463d', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25930
25959
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25931
25960
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25932
25961
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
25933
25962
|
border: `1px solid var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25934
25963
|
color: `var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25935
25964
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25936
|
-
} }, index.h("ls-icon", { name: "signature", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Signature")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" }))))), index.h("ls-field-footer", { key: '
|
|
25965
|
+
} }, index.h("ls-icon", { name: "signature", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Signature")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" }))))), index.h("ls-field-footer", { key: '7d96ce5c94ff73a88fa6dad7a9e7791b4387b9b9', dataItem: this.dataItem }), index.h("slot", { key: 'eadea60c5c0193a14b6eaf1a636cba15a8ad53b9' })));
|
|
25937
25966
|
}
|
|
25938
25967
|
};
|
|
25939
25968
|
LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss;
|
|
@@ -25950,7 +25979,7 @@ const LsFieldPropertiesText = class {
|
|
|
25950
25979
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25951
25980
|
};
|
|
25952
25981
|
render() {
|
|
25953
|
-
return (index.h(index.Host, { key: '
|
|
25982
|
+
return (index.h(index.Host, { key: '8e6f6f25980bbd4e2cb3123f0cda6cb76d967ba9' }, index.h("div", { key: '2d28f09ded07153696230a2932035974dae0f169', class: 'tabs-container' }, index.h("button", { key: '69c4fbb6ccf98cee8ea806215f61330d3da449d3', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), index.h("button", { key: 'cb9e207cb035ebeb46b3125696063f41f724be63', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), index.h("button", { key: '3a9c7d0046fa122e8ed87e2c28fc5be43ed7533b', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), index.h("div", { key: '12fc4203e64a318fa0a768f13d9f69f5dc6248fb', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (index.h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (index.h("div", { class: 'field-set' }, index.h("ls-field-dimensions", { dataItem: this.dataItem }))) : (index.h("div", { class: 'field-set' }, index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), index.h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25954
25983
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25955
25984
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25956
25985
|
} }, index.h("div", { class: 'ls-field-type-inner' }, index.h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25959,7 +25988,7 @@ const LsFieldPropertiesText = class {
|
|
|
25959
25988
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25960
25989
|
} }, index.h("ls-icon", { name: "text", size: "20" })), index.h("p", { class: 'ls-field-type-name' }, "Text")))), index.h("div", { class: 'ls-field-properties-section row' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", null)), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), index.h("div", { class: 'ls-field-properties-section' }, index.h("div", { class: 'ls-field-properties-section-text' }, index.h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), index.h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), index.h("div", { class: 'input-wrapper' }, index.h("ls-icon", { id: "selectorIcon", name: "selector" }), index.h("select", null, validationTypes
|
|
25961
25990
|
.filter(type => type.formType === 'text')
|
|
25962
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("div", { key: '
|
|
25991
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), index.h("div", { key: '7586851acb82a9badbd364b59c808d056e97c9bb', class: 'button-footer' }, index.h("button", { key: '1f1c0d2ae6a183ea83c49ebee5a230a4d4bc41cf', class: 'secondary' }, index.h("ls-icon", { key: 'c0b3ad3c6542255bc2b41119de3523f554d17a99', name: "field-duplicate", size: "20" }), "Duplicate"), index.h("button", { key: 'bfe7655f4ae2801eb41a1b9a585c2948f2a800c7', class: 'destructive' }, index.h("ls-icon", { key: 'b85fac5202d8a0170e781edaf821acc328a9209a', name: "trash", size: "20" }), "Delete")), index.h("slot", { key: '46bac101ac459901721484c329b6a0766cea88db' })));
|
|
25963
25992
|
}
|
|
25964
25993
|
};
|
|
25965
25994
|
LsFieldPropertiesText.style = lsFieldPropertiesTextCss;
|
|
@@ -25986,7 +26015,7 @@ const LsFieldSize = class {
|
|
|
25986
26015
|
this.update.emit(diffs);
|
|
25987
26016
|
}
|
|
25988
26017
|
render() {
|
|
25989
|
-
return (index.h(index.Host, { key: '
|
|
26018
|
+
return (index.h(index.Host, { key: '98547af2fe2d69ad705ca35f48f2c5cdda099a75' }, index.h("div", { key: 'a28dc120fdf4c70fbd0fa928995a991bea108518', class: 'ls-field-properties-section' }, index.h("div", { key: '27a33d016bd7d8236e041be5e51fd0f42a23cbc5', class: 'ls-field-properties-section-text' }, index.h("p", { key: '2d163b2619ae8ddb254facc3063924771ae8aa5a', class: 'ls-field-properties-section-title' }, "Scale and Resize"), index.h("p", { key: '552806be351b283e0b6d54084826e63cae46a18e', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), index.h("div", { key: 'b6452db5ffe0c222de4cb26db3f7a568e51e31ae', class: 'button-group' }, index.h("button", { key: '57d4bfb89e80e3c579c390cc2df7a6f4b5a1e7be', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height and width as the first selected field.", "data-tooltip-place": "top" }, index.h("ls-icon", { key: '5c833c5c80a8ab3cb7bdb3056f89583026eeb7a2', name: "field-scale" })), index.h("button", { key: '44d9ec9a8d0de7912db0617288c7c018d0dc0fe4', "aria-label": "Make selected fields the same width as the first selected field.", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same width as the first selected field.", "data-tooltip-place": "top" }, index.h("ls-icon", { key: '117f52044058c1ecbab46b72d0498677373c5667', name: "field-match-width" })), index.h("button", { key: 'a24a113a4ed35f02b49ce65b3e0f4c95f9656545', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height as the first selected field.", "data-tooltip-place": "top" }, index.h("ls-icon", { key: 'b8f800d8a113950de839ffd7b61e9e4ab3d4969b', name: "field-match-height" })))), index.h("slot", { key: '8bd0085b3a9ef307ec5ea42a4577d77aea3c3448' })));
|
|
25990
26019
|
}
|
|
25991
26020
|
};
|
|
25992
26021
|
LsFieldSize.style = lsFieldSizeCss;
|
|
@@ -26034,10 +26063,10 @@ const LsFormfield = class {
|
|
|
26034
26063
|
render() {
|
|
26035
26064
|
const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
|
|
26036
26065
|
const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
|
|
26037
|
-
return (index.h("host", { key: '
|
|
26066
|
+
return (index.h("host", { key: 'cd4de6c8dd8399530dcf5087ec932a9f87034c2b', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: '66f5f2893e8b715a7f5f68e77af8ae16e8c015fc', class: "formfield-top-elements" }, index.h("div", { key: '52c7805ea9920bbeb95dd3f2cb570531f301d7f0', class: "formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '0523cafbe32e898ca12a2da19cf48a3f2d4b9192', name: labelIcon }), index.h("label", { key: 'c2290dca28e5fc6db163eb2681b3a5716318913c', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: '6f775314505004cd43aeb0d511d80cd3bce8301a', name: 'information-circle' })), extraLabel === 'optional' ? (index.h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (index.h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (index.h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onInput: (event) => this.handleChange(event) })) : as === 'select' ? (index.h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, index.h("slot", null))) : as === 'radio' ? (index.h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (index.h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (index.h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (index.h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (index.h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (index.h("p", null, "placeholder")), errorText ||
|
|
26038
26067
|
count ||
|
|
26039
26068
|
countMax ||
|
|
26040
|
-
(descriptionText && (index.h("div", { key: '
|
|
26069
|
+
(descriptionText && (index.h("div", { key: '792451e5b8490e42937cfef56afcc9875dd19960', class: "formfield-bottom-elements" }, errorText && !valid ? index.h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? index.h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (index.h("div", { key: 'ffbba12478b8724f771f7bb2e97e32535ffa6b2d', class: "formfield-count-container" }, index.h("p", { key: '140867dbe52880b2b7d262847ec4fbe827a63236', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: 'c1c25a3b7f810d2614d286034a76f214d6e5d64b', class: countClass }, index.h("p", { key: 'bc364afebb1650e5c35de6fb5334cffe6c3de736' }, "/"), index.h("p", { key: '7d82bdb23ab08a47f66773856afbb0b14aa30e64' }, countMax))))))))));
|
|
26041
26070
|
}
|
|
26042
26071
|
static get watchers() { return {
|
|
26043
26072
|
"value": ["valueWatcher"]
|
|
@@ -33069,7 +33098,7 @@ const LsIcon = class {
|
|
|
33069
33098
|
console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
|
|
33070
33099
|
}
|
|
33071
33100
|
render() {
|
|
33072
|
-
return (index.h("host", { key: '
|
|
33101
|
+
return (index.h("host", { key: '57f4194dd8219dfda70127ad03ada603438e0b47' }, icons
|
|
33073
33102
|
?.filter((icon) => icon.name === this.name)
|
|
33074
33103
|
?.map((icon) => (index.h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
33075
33104
|
height: `${this.size}px`,
|
|
@@ -33120,7 +33149,7 @@ const LsNumberInput = class {
|
|
|
33120
33149
|
? 'invalid'
|
|
33121
33150
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33122
33151
|
const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
|
|
33123
|
-
return (index.h("host", { key: '
|
|
33152
|
+
return (index.h("host", { key: 'c5e3922c847c62ba187a2d4482cb1d00e87ba833', class: type === 'ls' && 'host' }, type === 'ls' && (index.h("button", { key: '8150a612dbd9d7ec0eb01c4dc380b20085168026', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, index.h("ls-icon", { key: '5bdbcc88d744bc21f57437c7786ed88cf337c37f', id: 'buttonIcon', name: 'minus-sm' }))), index.h("div", { key: '9be97c20b91dc7149f3076e441588be4c1bcbc4c', class: 'input-container' }, fieldIcon && (index.h("ls-icon", { key: '4c61a843bfe2a404f33be624a9e0d974ca1ac51b', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("input", { key: '5920abb0ede5c05c8a9fc06f00a61739c413fdcd', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), index.h("div", { key: '7c74720b9c29a0bbb4b59c27f16defecaf7f7b4a', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '5de94f9e0627a2e3c9614a2b030f3ad1ef82c63d', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (index.h("button", { key: 'a24ca1d6cf66b7c7e07963f25d3e65ff2ed26914', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '80bd58b24794f468a23884b2da8d42d3c3e45554', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (index.h("button", { key: '844d1183f557748642c336bd0f4f6e74ef7f9f74', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, index.h("ls-icon", { key: 'd96b4f76efb2206b6776a737fe2baa1b8601bd3b', id: 'buttonIcon', name: 'plus-sm' })))));
|
|
33124
33153
|
}
|
|
33125
33154
|
};
|
|
33126
33155
|
LsNumberInput.style = lsNumberInputCss;
|
|
@@ -33179,7 +33208,7 @@ const LsParticipantManager = class {
|
|
|
33179
33208
|
return index > 200 ? 'gray' : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
33180
33209
|
};
|
|
33181
33210
|
render() {
|
|
33182
|
-
return (index.h(index.Host, { key: '
|
|
33211
|
+
return (index.h(index.Host, { key: '42b6d146cc2155c18759b2239b94e6a2061be7a8' }, index.h("div", { key: '6aabfc38a5efc199b46cce0f5184e5e0b6aedc70', class: "ls-editor-infobox" }, index.h("h2", { key: '9a1c852dad10756a01af085ba9e3d4ca6fcc4550', class: "toolbox-section-title" }, "Participants"), index.h("p", { key: 'd074b9ad19836f29501f727bcd7c194667fe42d5', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { key: '0bf744b4645c9476673a78c1bbdfdfae712ea308', class: "participant-list" }, this.template && this.template?.roles.map((r, index$1) => {
|
|
33183
33212
|
return (index.h("div", { class: "participant-card", onClick: () => {
|
|
33184
33213
|
this.selectedHandler(r);
|
|
33185
33214
|
}, style: {
|
|
@@ -33199,7 +33228,7 @@ const LsParticipantManager = class {
|
|
|
33199
33228
|
color: `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33200
33229
|
textTransform: 'capitalize'
|
|
33201
33230
|
} }, r.roleType))));
|
|
33202
|
-
})), index.h("div", { key: '
|
|
33231
|
+
})), index.h("div", { key: 'c439b737066174e8067665b0693e9b576aa3a1d9', class: 'add-participant-button' }, index.h("button", { key: '02b7de44dc38942ed7b78e8ad853202bc93b779a', onClick: () => this.createHandler() }, index.h("ls-icon", { key: '00d4bbacbc5bdcc72580c275a42e5288fc464133', name: "user-add", size: "20", color: "var(--gray-100, #45484D);" }), index.h("p", { key: '2f9677949581108623e917e2ecaaec90b5d60e6f' }, "Add Participant"))), index.h("slot", { key: '762710558e4f5f6e1e6a18ba12e9d0a895eac5c2' })));
|
|
33203
33232
|
}
|
|
33204
33233
|
};
|
|
33205
33234
|
LsParticipantManager.style = lsParticipantManagerCss;
|
|
@@ -33254,21 +33283,21 @@ const LsParticipantSelect = class {
|
|
|
33254
33283
|
};
|
|
33255
33284
|
render() {
|
|
33256
33285
|
console.log(this.selectedRole);
|
|
33257
|
-
return (index.h(index.Host, { key: '
|
|
33286
|
+
return (index.h(index.Host, { key: '2546c595c144d147e18b90f75d32abe3f4483a05' }, index.h("div", { key: 'd9dd58e668607ea40d3b8d4c92ba4d0cc7d31741', class: "dropdown" }, index.h("div", { key: 'd3d6d7dcaa53a4132a8a076b1aff505fcfe2e22f', class: "dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: 'db053131d580bf0c6f95aba0f76722968c64f5dd', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f08bf0b9f6d35e97b74d6752920ada2db331588b', 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" }), index.h("path", { key: '6acc3898fc70f6ed562b6b417a6287d9e8d9aa0f', 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" }), index.h("path", { key: 'e3d63db7bde1bf0c2d80ddeb32a75cdd7d8ee3c5', 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" }), index.h("path", { key: 'e70e7f62e32e576d2f818fc9668cf67efe90eff6', 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" })), index.h("p", { key: 'e0f59a31396c7cbe83625c6cda5de3355a37af30', class: 'placing-fields-text' }, "Placing Fields for"), index.h("div", { key: '736d9cf4b6739f4d79a9dc0ea95d72d4c209c720', class: 'selected-role-label', style: {
|
|
33258
33287
|
background: `var(--${this.participantColor(this.selectedRole?.signerIndex)}-20)`,
|
|
33259
33288
|
color: `var(--${this.participantColor(this.selectedRole?.signerIndex)}-90)`,
|
|
33260
|
-
} }, index.h("ls-icon", { key: '
|
|
33261
|
-
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: '
|
|
33289
|
+
} }, index.h("ls-icon", { key: '20db02315c6cebeab0160d1887098f13c8d43bb7', size: "18", name: this.selectedRole?.roleType === 'SENDER' ? 'user' : this.selectedRole?.roleType === 'APPROVER' ? 'check-circle' : this.selectedRole?.roleType === 'WITNESS' ? 'eye' : 'signature' }), this.selectedRole.name ||
|
|
33290
|
+
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: 'e031663587e0818a85d4a6a0e4741cf64fe93d9f', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: '5c4a6f35485357aef4cc4a1f815e129caec7ee6c', name: "chevron-down" }))), this.isOpen && (index.h("div", { key: 'e7a39dcefb844c284dd1966d0fe4e252fa6c61e4', class: "dropdown-list" }, index.h("div", { key: '9265d73fee2da37d2f06a6fc72551e5ce50bb378', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33262
33291
|
'--background-selected': `var(--${defaultRolePalette[0]}-10)`,
|
|
33263
33292
|
'--check-icon-selected': `var(--${defaultRolePalette[0]}-50)`,
|
|
33264
|
-
}, 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') }, index.h("div", { key: '
|
|
33293
|
+
}, 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') }, index.h("div", { key: '5396b4f41ec9687befaa65bc3fad7028b89ce5a1', class: 'role-icon', style: {
|
|
33265
33294
|
background: `var(--${defaultRolePalette[0]}-40)`,
|
|
33266
33295
|
color: `var(--${defaultRolePalette[0]}-80)`,
|
|
33267
|
-
} }, index.h("ls-icon", { key: '
|
|
33296
|
+
} }, index.h("ls-icon", { key: '69241bdb27d0408c843edcca4e7077e741819747', name: "user" })), index.h("div", { key: '7cbe54d018e5064c13e0b7fa40c9ae56c1d484a1', class: 'role-text' }, index.h("p", { key: 'd2cf6f7ef8a1f2a4d4aed67cc9f657810c59c309', class: 'role-name', style: {
|
|
33268
33297
|
'--role-name-selected': `var(--${defaultRolePalette[0]}-100)`,
|
|
33269
|
-
} }, 'Sender'), index.h("p", { key: '
|
|
33298
|
+
} }, 'Sender'), index.h("p", { key: '6c62ba47fb4d6a6c2787594045accbbc598a2909', class: 'role-type', style: {
|
|
33270
33299
|
'--role-type-selected': `var(--${defaultRolePalette[0]}-80)`,
|
|
33271
|
-
} }, "You")), index.h("ls-icon", { key: '
|
|
33300
|
+
} }, "You")), index.h("ls-icon", { key: '23affdb808fde5972b4b1cd55ff4349332341fde', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (index.h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33272
33301
|
'--background-selected': `var(--${this.participantColor(r?.signerIndex)}-10)`,
|
|
33273
33302
|
'--check-icon-selected': `var(--${this.participantColor(r?.signerIndex)}-50)`,
|
|
33274
33303
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
@@ -33280,7 +33309,7 @@ const LsParticipantSelect = class {
|
|
|
33280
33309
|
'--role-name-selected': `var(--${this.participantColor(r?.signerIndex)}-100)`,
|
|
33281
33310
|
} }, r.name || r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`), index.h("p", { class: 'role-type', style: {
|
|
33282
33311
|
'--role-type-selected': `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33283
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), index.h("slot", { key: '
|
|
33312
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), index.h("slot", { key: '0b22057a23c3ffabc137bd677529eacaf151a689' })));
|
|
33284
33313
|
}
|
|
33285
33314
|
};
|
|
33286
33315
|
LsParticipantSelect.style = lsParticipantSelectCss;
|
|
@@ -33301,7 +33330,7 @@ const LsRadioInput = class {
|
|
|
33301
33330
|
render() {
|
|
33302
33331
|
const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
|
|
33303
33332
|
const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
|
|
33304
|
-
return (index.h("label", { key: '
|
|
33333
|
+
return (index.h("label", { key: 'e2d3e56e5167a562793bb0a8c227f436098f162d', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, index.h("input", { key: '09c8cc16cbb64dc3528ab5d5ebd2343c6ced3a70', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), index.h("div", { key: 'c2dc15132ded49f6d9f55bd7d394c908500734d0', class: 'spanContainer' }, index.h("span", { key: '931aa12172f4c5de77045d4ef6a57d429e4cf4f0' }, icon && index.h("ls-icon", { key: '264705022c6e12f4bf421f8dae595a607a44f00b', name: icon, size: "16" })), index.h("span", { key: '45872253b0cf7571fb061e04f4d4cadc5e838424' }, label))));
|
|
33305
33334
|
}
|
|
33306
33335
|
};
|
|
33307
33336
|
LsRadioInput.style = lsRadioInputCss;
|
|
@@ -33338,7 +33367,7 @@ const LsSelectInput = class {
|
|
|
33338
33367
|
: displayOnly
|
|
33339
33368
|
? 'displayOnly'
|
|
33340
33369
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33341
|
-
return (index.h("host", { key: '
|
|
33370
|
+
return (index.h("host", { key: '1a19eb5a6afbcd82294bca60ea5bad6d79f077f7', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'c78b6fc5275df51ed5360b26336b901ebe02ce52', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("select", { key: '80f259e36cf655fab7e073f5c06acbdcfddcde95', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, index.h("slot", { key: 'e5bec3c8e55c593616037844b2d827871a7ccb77' })), index.h("div", { key: 'ec67f53732de7806efe6fd863b9d0e737eac8198', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: 'fc3dd4c07a8faac3122c418f0646c495d33b912b', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (index.h("button", { class: 'button', onClick: buttonClick }, index.h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (index.h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
|
|
33342
33371
|
}
|
|
33343
33372
|
};
|
|
33344
33373
|
LsSelectInput.style = lsSelectInputCss;
|
|
@@ -33384,11 +33413,11 @@ const LsStatusbar = class {
|
|
|
33384
33413
|
}
|
|
33385
33414
|
render() {
|
|
33386
33415
|
console.log('editor', this.editor);
|
|
33387
|
-
return (index.h(index.Host, { key: '
|
|
33416
|
+
return (index.h(index.Host, { key: 'fc7781c2c5a924b0a7ab90959492f761786518a4' }, index.h("div", { key: '4a2a72594cc7cb4a9ef4be91e34a0646c9d63d75', class: "status-bar-section" }, index.h("button", { key: '744bb3198b39dd76d0a9efa5b74e5514cd94cc9a', onClick: () => this.setZoom(this.editor.zoom * 0.8) }, index.h("ls-icon", { key: '0b854dea52202f0b102b9e4459a11ec8f1f3f44e', name: "zoom-out" })), index.h("div", { key: '2a3b8dc7ab9ceedf64f224e08479903aa61c1d2e' }, index.h("input", { key: 'cf20f6bea7a1a2821e4fb8cda2001ba9805f07e1', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), index.h("button", { key: 'f961d1171cf4a3184b466478d98db577ea3c7d97', onClick: () => this.setZoom(this.editor.zoom / 0.8) }, index.h("ls-icon", { key: '3c899a42721039209a2816ee486f40ca699a2660', name: "zoom-in" }))), index.h("div", { key: 'f4400312361c6508caab82290c388ef50087d0b7', class: "status-bar-section" }, index.h("button", { key: '0b5ff66419088d9efc53a56da417228835a0d6c3', onClick: () => this.fitWidth() }, index.h("ls-icon", { key: '2c51acad35dadc37c926b6d93ccf9864c8603197', name: "fit-width" })), index.h("button", { key: '199a4d7a1ee262335898f4a0b9f743f5dbb58a6c', onClick: () => this.fitHeight() }, index.h("ls-icon", { key: 'ebf72e264d3978a77f6aa42af33172c201bd0ed3', name: "fit-height" }))), index.h("div", { key: '232fe73b3c843ddfc5337967afa5263d26b039ac', class: "status-bar-section" }, index.h("button", { key: '8462ed44d60662584133af1c2e9b4f169524e3ee', onClick: () => {
|
|
33388
33417
|
this.editor.pagePrev();
|
|
33389
|
-
} }, index.h("ls-icon", { key: '
|
|
33418
|
+
} }, index.h("ls-icon", { key: 'ed62c9d938f759fbc13f236b2605dde42abe71ff', name: "chevron-left" })), index.h("p", { key: 'e2d701a6f41428a61d3bc9f40ca6eca95a8c9f03' }, "1 / 2"), index.h("button", { key: '63f5df0c0fffbb448b7882a59b18c0964849b8f1', onClick: () => {
|
|
33390
33419
|
this.editor.pageNext();
|
|
33391
|
-
} }, index.h("ls-icon", { key: '
|
|
33420
|
+
} }, index.h("ls-icon", { key: 'ec596ac9fe71b1f79a48b4622cff8c35cf7004c0', name: "chevron-right" }))), index.h("slot", { key: '38af107db608c1595eb4a2ce8879e5b8593b2f2a' })));
|
|
33392
33421
|
}
|
|
33393
33422
|
};
|
|
33394
33423
|
LsStatusbar.style = lsStatusbarCss;
|
|
@@ -33428,7 +33457,7 @@ const LsTextInput = class {
|
|
|
33428
33457
|
: dirty && !valid
|
|
33429
33458
|
? 'invalid'
|
|
33430
33459
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33431
|
-
return (index.h(index.Host, { key: '
|
|
33460
|
+
return (index.h(index.Host, { key: 'db79cff0e48b633e862776b12a2e5dcd443bf710', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '74cdc714699243b8e12a59570597a71780dc612a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (index.h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })) : type === 'displayonly' ? (index.h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true })) : (index.h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })), index.h("div", { key: '6d10e6d29bbb4253ca80349c87fcd587958558db', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '1bb407fb405080e21b43c7c424c6c54949b1cec3', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '9d66c970210ed8ae898a2a843193ce3601004273', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '905a87886a05dc642bedee095157d4c35dcdb45d', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (index.h("ls-icon-button", { key: '726e82e0afcc93d061a7ea5b5d33e2341da23e70', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
|
|
33432
33461
|
}
|
|
33433
33462
|
};
|
|
33434
33463
|
LsTextInput.style = lsTextInputCss;
|
|
@@ -33464,7 +33493,7 @@ const LsTextareaInput = class {
|
|
|
33464
33493
|
: displayOnly
|
|
33465
33494
|
? 'displayOnly'
|
|
33466
33495
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33467
|
-
return (index.h("host", { key: '
|
|
33496
|
+
return (index.h("host", { key: '52a02c0528016be1702751526201236b891821f1', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'd8e5496a1c1874f4873304f23827b18347e03b4a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("textarea", { key: '2c6c117270f605babfc13ef2e8b0925364219e68', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), index.h("div", { key: 'd106b408d2dfc3423bd3e4eb8bcfdc94784ffc35', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '315f8e40f8fddbc347325f99e30fd0da0026fd61', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '9795d8028761deffc64d932c3ccc7d6e82e7d905', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: 'fa5c412681a1b01a36c759100c4c009e870a0d0d', id: 'buttonIcon', name: buttonIcon }))))));
|
|
33468
33497
|
}
|
|
33469
33498
|
};
|
|
33470
33499
|
LsTextareaInput.style = lsTextareaInputCss;
|
|
@@ -33476,7 +33505,7 @@ const LsToggle = class {
|
|
|
33476
33505
|
index.registerInstance(this, hostRef);
|
|
33477
33506
|
}
|
|
33478
33507
|
render() {
|
|
33479
|
-
return (index.h(index.Host, { key: '
|
|
33508
|
+
return (index.h(index.Host, { key: '2ba79ca25f70615ba9c0c5d1c80d076ffd70b56f' }, index.h("label", { key: 'fb36b4a32987fd2649fb261a7545d7cb6a77fae1', class: "switch" }, index.h("input", { key: '7fc8ceaa8520e553c2c5c8647e6aeba9dd818672', type: "checkbox" }), index.h("span", { key: '0525930788e55b0bcc5052d4228028971f3af7ff', class: "slider round" })), index.h("slot", { key: 'd95d740346777a2d51a72c115367f30701da45ee' })));
|
|
33480
33509
|
}
|
|
33481
33510
|
};
|
|
33482
33511
|
LsToggle.style = lsToggleCss;
|
|
@@ -33519,7 +33548,7 @@ const LsToolbar = class {
|
|
|
33519
33548
|
this.update.emit(diffs);
|
|
33520
33549
|
}
|
|
33521
33550
|
render() {
|
|
33522
|
-
return (index.h(index.Host, { key: '
|
|
33551
|
+
return (index.h(index.Host, { key: '23262246e33898029d23aeb17b0404eaf438e55c' }, this.dataItem && this.dataItem.length > 1 ? (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }))) : (index.h("div", { class: 'rowbox' }, this.dataItem && this.dataItem.length === 1 ? (index.h("ls-field-format", { dataItem: this?.dataItem })) : (index.h("ls-participant-select", { roles: this.template?.roles, dataItem: this?.dataItem })))), index.h("slot", { key: '415c3c763e3f42f2e7375bcc9c74ebf777fce30a' })));
|
|
33523
33552
|
}
|
|
33524
33553
|
};
|
|
33525
33554
|
LsToolbar.style = lsToolbarCss;
|
|
@@ -33573,7 +33602,7 @@ const LsToolboxField = class {
|
|
|
33573
33602
|
}
|
|
33574
33603
|
}
|
|
33575
33604
|
render() {
|
|
33576
|
-
return (index.h(index.Host, { key: '
|
|
33605
|
+
return (index.h(index.Host, { key: 'a25992d9ba60c16ea2dbdb8def90888240d3e21c', draggable: "true" }, index.h("div", { key: 'ed40b47f1dcdf0f5d235aa6113941a1ae988c4ce', class: "toolbox-field-icon", style: { '--signer-color-light': `var(--${this.color}-10)`, '--signer-color': `var(--${this.color}-60)` } }, index.h("ls-icon", { key: '9dd0f6d8c45eaa4615a7948a31eefc255d63f7d9', name: this.icon, size: "20" })), index.h("p", { key: '86bede27a53ccc7fae202a2115c72036c4214b5e', class: "toolbox-field-label" }, this.label), index.h("ls-icon", { key: '84de9ecb8ea571f956e8ff048ed3e08382e2c695', name: "drag-vertical", size: "16", color: "#787a80" })));
|
|
33577
33606
|
}
|
|
33578
33607
|
};
|
|
33579
33608
|
LsToolboxField.style = lsToolboxFieldCss;
|
|
@@ -33590,6 +33619,7 @@ exports.ls_field_footer = LsFieldFooter;
|
|
|
33590
33619
|
exports.ls_field_format = LsFieldFormat;
|
|
33591
33620
|
exports.ls_field_placement = LsFieldPlacement;
|
|
33592
33621
|
exports.ls_field_properties = LsFieldProperties;
|
|
33622
|
+
exports.ls_field_properties_advanced = LsFieldPropertiesAdvanced;
|
|
33593
33623
|
exports.ls_field_properties_autosign = LsFieldPropertiesAutosign;
|
|
33594
33624
|
exports.ls_field_properties_date = LsFieldPropertiesDate;
|
|
33595
33625
|
exports.ls_field_properties_email = LsFieldPropertiesEmail;
|
|
@@ -33614,6 +33644,6 @@ exports.ls_textarea_input = LsTextareaInput;
|
|
|
33614
33644
|
exports.ls_toggle = LsToggle;
|
|
33615
33645
|
exports.ls_toolbar = LsToolbar;
|
|
33616
33646
|
exports.ls_toolbox_field = LsToolboxField;
|
|
33617
|
-
//# sourceMappingURL=ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-autosign.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-formfield.ls-icon.ls-number-input.ls-participant-manager.ls-participant-select.ls-radio-input.ls-select-input.ls-statusbar.ls-text-input.ls-textarea-input.ls-toggle.ls-toolbar.ls-toolbox-field.entry.cjs.js.map
|
|
33647
|
+
//# sourceMappingURL=ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-formfield.ls-icon.ls-number-input.ls-participant-manager.ls-participant-select.ls-radio-input.ls-select-input.ls-statusbar.ls-text-input.ls-textarea-input.ls-toggle.ls-toolbar.ls-toolbox-field.entry.cjs.js.map
|
|
33618
33648
|
|
|
33619
|
-
//# sourceMappingURL=ls-document-
|
|
33649
|
+
//# sourceMappingURL=ls-document-options_37.cjs.entry.js.map
|