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
|
@@ -25677,6 +25677,35 @@ const LsFieldProperties = class {
|
|
|
25677
25677
|
};
|
|
25678
25678
|
LsFieldProperties.style = lsFieldPropertiesCss;
|
|
25679
25679
|
|
|
25680
|
+
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)}";
|
|
25681
|
+
|
|
25682
|
+
const LsFieldPropertiesAdvanced = class {
|
|
25683
|
+
constructor(hostRef) {
|
|
25684
|
+
registerInstance(this, hostRef);
|
|
25685
|
+
this.mutate = createEvent(this, "mutate");
|
|
25686
|
+
this.update = createEvent(this, "update");
|
|
25687
|
+
}
|
|
25688
|
+
dataItem;
|
|
25689
|
+
mutate;
|
|
25690
|
+
update;
|
|
25691
|
+
isSingle(dt) {
|
|
25692
|
+
return dt.length === undefined;
|
|
25693
|
+
}
|
|
25694
|
+
isMultiple(dt) {
|
|
25695
|
+
return typeof dt.length === 'number';
|
|
25696
|
+
}
|
|
25697
|
+
alter(diff) {
|
|
25698
|
+
const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } };
|
|
25699
|
+
this.dataItem = singleDiff.data;
|
|
25700
|
+
this.mutate.emit([singleDiff]);
|
|
25701
|
+
this.update.emit([singleDiff]);
|
|
25702
|
+
}
|
|
25703
|
+
render() {
|
|
25704
|
+
return (h(Host, { key: '9db4cd78401c5785435d9aafc8cb3c7fb614b1ae' }, h("div", { key: '82cda8357b0732858290836e55ce5bb7d056645d', class: 'ls-field-properties-section' }, h("div", { key: '000e5c487b233dc2d874953cd57d5f852adbdf30', class: 'ls-field-properties-section-text' }, h("p", { key: '7374ba4511b5006d0ed055d05ede48d7c55ca118', class: 'ls-field-properties-section-title' }, "Field Order"), h("p", { key: '87730310fd37317853db9eb87537cfdbac2a9949', class: 'ls-field-properties-section-description' }, "Determines what order fields will be filled in by the user")), h("div", { key: '233cf8923cb1aa40691a56c7c7a54d01077c7c12', class: 'input-row' }, h("div", { key: '2a914e37afb6894e22859cf520edad73fc75d77c', class: 'input-wrapper' }, h("input", { key: '0d3a4cdde9f5d42268aa474ec921f91a8b8d9f6f', value: this.dataItem?.fieldOrder, width: "30", placeholder: "eg. Sign Here", onChange: e => this.alter({ fieldOrder: e.target.value }) })))), h("div", { key: 'cec3927f2d17d7a4b381e76d7a054935681d9aad', class: 'ls-field-properties-section' }, h("div", { key: 'de16a720b2f10f77ee04082c5cb3ec518aa29714', class: 'ls-field-properties-section-text' }, h("p", { key: 'b07443dcc8497b3a5b2ac5663eec2fd1b17b4b3d', class: 'ls-field-properties-section-title' }, "Ref Name")), h("div", { key: 'cd9958ce25c3526d97cc8c1cd99c1156f6cd0fe3', class: 'input-row' }, h("div", { key: '9d2cfec0632235ff8fe4c632b864a7f2afae4963', class: 'input-wrapper' }, h("input", { key: '2bef08755600cb235894ffb17f73055b7ea5be0b', value: this.dataItem?.link, width: "30", placeholder: "", onChange: e => this.alter({ link: e.target.value }) }))), h("div", { key: '3cc0bc3d7e8df8a1120f4b800a12b30232b27249', class: 'ls-field-properties-section-text' }, h("p", { key: '57965a81f5f99a4bbb395c04e6be010f15080d09', class: 'ls-field-properties-section-title' }, "Link Field")), h("div", { key: '07f606e7eb6a11462423560d7181955190a2fc18', class: 'input-row' }, h("div", { key: '2d88a8a25866da1fd2c53b6b3677e134bf7efc53', class: 'input-wrapper' }, h("input", { key: '07e7be923fc6e227497b88bd1a8218f1d7d58f34', value: this.dataItem?.logicGroup, width: "30", placeholder: "", onChange: e => this.alter({ logicGroup: e.target.value }) }))), h("div", { key: '2380c71f3f1829d55ba5d9d872f186e4d7f36f81', class: 'ls-field-properties-section-text' }, h("p", { key: '041c472bfce4eb2f7b6a6d8b120d6b7e60b8cb30', class: 'ls-field-properties-section-title' }, "Link Value")), h("div", { key: '0738a56b9bfd6c61380988db1bd30000d2abe629', class: 'input-row' }, h("div", { key: '30616a2de6d2f6e0fa4469fe4b82fb02e572a002', class: 'input-wrapper' }, h("input", { key: '38248c99c7cfb3b310e0098ddd856eebd3ec682f', value: this.dataItem?.logicAction, width: "30", placeholder: "", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
25705
|
+
}
|
|
25706
|
+
};
|
|
25707
|
+
LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss;
|
|
25708
|
+
|
|
25680
25709
|
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)}";
|
|
25681
25710
|
|
|
25682
25711
|
const LsFieldPropertiesAutosign = class {
|
|
@@ -25685,7 +25714,7 @@ const LsFieldPropertiesAutosign = class {
|
|
|
25685
25714
|
}
|
|
25686
25715
|
dataItem;
|
|
25687
25716
|
render() {
|
|
25688
|
-
return (h(Host, { key: '
|
|
25717
|
+
return (h(Host, { key: '106baf6078e7e3fbfa113671ea875bfb0e7dc8f6' }, h("div", { key: 'b9921a07cc1d20d8c9578047c2e50f45c278447c', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '1660ad7c808cb752968747bad6e38e962cc0f2be' }, "Label: ", h("input", { key: '394e6a663c8de52d332c247883d8948dce07d31b', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '4bd5749daead65ff9adc83d10ae9b0d54e461a75', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'bf6097eba469cddaa68744471134724ea4e0f0ab', dataItem: this.dataItem }), h("ls-field-footer", { key: '117a7ec610671b4eac29cbfc165ecf2bac6996fe', dataItem: this.dataItem }), h("slot", { key: '05c5ca8763e0f049320bb409866c7af1bb2c49d1' })));
|
|
25689
25718
|
}
|
|
25690
25719
|
};
|
|
25691
25720
|
LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss;
|
|
@@ -25702,7 +25731,7 @@ const LsFieldPropertiesDate = class {
|
|
|
25702
25731
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25703
25732
|
};
|
|
25704
25733
|
render() {
|
|
25705
|
-
return (h(Host, { key: '
|
|
25734
|
+
return (h(Host, { key: 'd1a6ba059b431d85b3906cc038e217cf4e60f8c7' }, h("div", { key: 'b750583787c40a935124c52ae0b13c2ce9ed80f2', class: 'tabs-container' }, h("button", { key: '0df286bf99ce1d3b83759090757d01fe0f119f48', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '235c07615ee0ef81753a86590bc3d5dfc8ec4532', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'f5ebda46bc5c195d26ff0c8238d01dbf39b8f3f2', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'fa6fbf5dddf48a1bf26dbba0e3febfcf912ac0c6', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25706
25735
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25707
25736
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25708
25737
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25711,7 +25740,7 @@ const LsFieldPropertiesDate = class {
|
|
|
25711
25740
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25712
25741
|
} }, h("ls-icon", { name: "calender", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Date")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25713
25742
|
.filter(type => type.formType === 'date')
|
|
25714
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25743
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '405988b81e0c2d742f2dd5fb6ffe7693aaec8f19', dataItem: this.dataItem }), h("slot", { key: 'e90fadaf4267e49a7a65cc0c6667dfac68e384ad' })));
|
|
25715
25744
|
}
|
|
25716
25745
|
};
|
|
25717
25746
|
LsFieldPropertiesDate.style = lsFieldPropertiesDateCss;
|
|
@@ -25728,7 +25757,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
25728
25757
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25729
25758
|
};
|
|
25730
25759
|
render() {
|
|
25731
|
-
return (h(Host, { key: '
|
|
25760
|
+
return (h(Host, { key: 'b741906dfa72de32482b30b0d81b5abec6165e18' }, h("div", { key: '15edda534be8ae737d8cae1bfc260a93703c1c70', class: 'tabs-container' }, h("button", { key: 'a35fec9c469e66cb572f5b5de277d8a996fe415d', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '8f54db0c50fbd032d1234994fb1a827b6b6c3934', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '3f3ce8876f6c18dcc243a2b33271ce137d862665', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'eb77f486f5903c236e3fd386686cf523ba8485bb', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25732
25761
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25733
25762
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25734
25763
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25737,7 +25766,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
25737
25766
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25738
25767
|
} }, h("ls-icon", { name: "at-symbol", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Email")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25739
25768
|
.filter(type => type.formType === 'email')
|
|
25740
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25769
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '8e6f1a5f663f3e4e1f581e7a564cb559d7cdfaa4', dataItem: this.dataItem }), h("slot", { key: 'd2e7f0cc1d21a60e8bed1310c9c0d622eb7b8c5b' })));
|
|
25741
25770
|
}
|
|
25742
25771
|
};
|
|
25743
25772
|
LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss;
|
|
@@ -25754,7 +25783,7 @@ const LsFieldPropertiesFile = class {
|
|
|
25754
25783
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25755
25784
|
};
|
|
25756
25785
|
render() {
|
|
25757
|
-
return (h(Host, { key: '
|
|
25786
|
+
return (h(Host, { key: '65e737710ea3f5aacc21de12026563e463dc37bd' }, h("div", { key: '4ea35008f5e56e36deb5966e21d6644e14d6efd3', class: 'tabs-container' }, h("button", { key: 'b76ebdd33fc41ffd0081104ef09897b76a417f50', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '0f248932c2fff46ff4e5dfb8cd91a783ea553e3e', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'dd3492ccb892284955cab55e7b334b9126c63f0f', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'c5e9796e2d457776a4e083b4a2cad297d48d7362', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25758
25787
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25759
25788
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25760
25789
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25763,7 +25792,7 @@ const LsFieldPropertiesFile = class {
|
|
|
25763
25792
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25764
25793
|
} }, h("ls-icon", { name: "upload", size: "20" })), h("p", { class: 'ls-field-type-name' }, "File")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25765
25794
|
.filter(type => type.formType === 'file')
|
|
25766
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '
|
|
25795
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '0e7b6052fe6e2c19e588ba46d2db2d6eaaa26080', class: 'button-footer' }, h("button", { key: 'da9510fbee51c94a451c50b158a56e3817ab9949', class: 'secondary' }, h("ls-icon", { key: 'c5de471f0ea4bb7d0db08191ab4b99a80482c243', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: 'ff14d0698727e642f949cf107add28947265fd05', class: 'destructive' }, h("ls-icon", { key: '7716e8bad7979118ac6dd48b5e5e72bc9aafe84d', name: "trash", size: "20" }), "Delete")), h("slot", { key: 'eb07cae4b50fed38c86c544dd8df3a4434e0dfe2' })));
|
|
25767
25796
|
}
|
|
25768
25797
|
};
|
|
25769
25798
|
LsFieldPropertiesFile.style = lsFieldPropertiesFileCss;
|
|
@@ -25780,14 +25809,14 @@ const LsFieldPropertiesGeneral = class {
|
|
|
25780
25809
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25781
25810
|
};
|
|
25782
25811
|
render() {
|
|
25783
|
-
return (h(Host, { key: '
|
|
25812
|
+
return (h(Host, { key: '461e177c696ed0da752186c25bb242f6faee243f' }, h("div", { key: '153617ab69b1a0be41cf808b281715b566d90261', class: 'tabs-container' }, h("button", { key: 'cfd701dc893a50b4f7ab085fd7d89a2a6c0b28e9', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '055bb8d1ed5d93ed61d511dd637aa879cbd796fd', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '7b6beb2ed10b93a1342dd99b3ed83aeb5c0cc59d', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '2bbfba8cccbd15e7a8bc115bd604beb952333086', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25784
25813
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25785
25814
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25786
25815
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
25787
25816
|
border: `1px solid var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25788
25817
|
color: `var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25789
25818
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25790
|
-
} }, h("ls-icon", { name: "field-placement", size: "20" })), h("p", { class: 'ls-field-type-name' }, "General Field")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25819
|
+
} }, h("ls-icon", { name: "field-placement", size: "20" })), h("p", { class: 'ls-field-type-name' }, "General Field")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: 'a02ee9360e50bc493bc6acefc034c097e9ce1c47', dataItem: this.dataItem }), h("slot", { key: '99c2da4fac145ad86694b0765c6b8e90fedfb1a1' })));
|
|
25791
25820
|
}
|
|
25792
25821
|
};
|
|
25793
25822
|
LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss;
|
|
@@ -25804,7 +25833,7 @@ const LsFieldPropertiesImage = class {
|
|
|
25804
25833
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25805
25834
|
};
|
|
25806
25835
|
render() {
|
|
25807
|
-
return (h(Host, { key: '
|
|
25836
|
+
return (h(Host, { key: '5ffa41837d73b2ac3ba546319d7c7adec3fbe1e9' }, h("div", { key: '78770ca65d1febe94fed397862c73ec26d1a22c8', class: 'tabs-container' }, h("button", { key: '0f20a3098730302a4656413752e9af60f8118bf4', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: '1baa2520f1e61e51f4b8943c0a1ca50be3476618', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'a0f60dd67b5cb91bb92a30b2c6ee0c83a15a87e5', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '3ecad5dd74f1d94dcfbabdc526fa89e5c5855c87', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25808
25837
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25809
25838
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25810
25839
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25813,7 +25842,7 @@ const LsFieldPropertiesImage = class {
|
|
|
25813
25842
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25814
25843
|
} }, h("ls-icon", { name: "photograph", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Image")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25815
25844
|
.filter(type => type.formType === 'image')
|
|
25816
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25845
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '40338f4a5a9acc4b2f1e2a78fb722e542ed9c997', dataItem: this.dataItem }), h("slot", { key: 'fefc376ff81f49e2b46548661d8d8bc477795b5d' })));
|
|
25817
25846
|
}
|
|
25818
25847
|
};
|
|
25819
25848
|
LsFieldPropertiesImage.style = lsFieldPropertiesImageCss;
|
|
@@ -25844,7 +25873,7 @@ const LsFieldPropertiesMultiple = class {
|
|
|
25844
25873
|
registerInstance(this, hostRef);
|
|
25845
25874
|
}
|
|
25846
25875
|
dataItem;
|
|
25847
|
-
fieldSet = '
|
|
25876
|
+
fieldSet = 'placement';
|
|
25848
25877
|
signerColor = (index) => {
|
|
25849
25878
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25850
25879
|
};
|
|
@@ -25870,14 +25899,14 @@ const LsFieldPropertiesMultiple = class {
|
|
|
25870
25899
|
return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };
|
|
25871
25900
|
};
|
|
25872
25901
|
render() {
|
|
25873
|
-
return (h(Host, { key: '
|
|
25902
|
+
return (h(Host, { key: '67ff5dab433187490a0f3fe718f2e91594dcd1c8' }, h("div", { key: 'd1a777fc10a1e3311abdc7d0fef13ed2855a364d', class: 'tabs-container' }, h("button", { key: 'f1bc8ab9fd14b90f22b1ba05b271469e7bc12c13', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'a5e3d0ca5c37cdc9f150ea68391ec443b8c8d3cd', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'd61f3deb4b3bdc5155c9b064b3b6522fb06c6168', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '98b19c703274b7cd6197270b75405b6ea53d7c69', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("div", { class: 'field-set' }, h("ls-field-alignment", { dataItem: this.dataItem }), h("ls-field-placement", { dataItem: this.dataItem }), h("ls-field-distribute", { dataItem: this.dataItem }))) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-size", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25874
25903
|
border: `1px dashed var(--${this.signerColor(this.allSignersSame().signer)}-30)`,
|
|
25875
25904
|
background: `var(--${this.signerColor(this.allSignersSame().signer)}-10)`,
|
|
25876
25905
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
25877
25906
|
border: `1px solid var(--${this.signerColor(this.allSignersSame().signer)}-60)`,
|
|
25878
25907
|
color: `var(--${this.signerColor(this.allSignersSame().signer)}-60)`,
|
|
25879
25908
|
background: `var(--${this.signerColor(this.allSignersSame().signer)}-10)`,
|
|
25880
|
-
} }, h("ls-icon", { name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: '
|
|
25909
|
+
} }, h("ls-icon", { name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), h("p", { class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: 'eb1f15c27a5aba8df2f3b2e61bb1edc7382531ee' }), h("slot", { key: 'b31676899c85de1dc84db13171baf3a82e5b0850' })));
|
|
25881
25910
|
}
|
|
25882
25911
|
};
|
|
25883
25912
|
LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss;
|
|
@@ -25894,7 +25923,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
25894
25923
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25895
25924
|
};
|
|
25896
25925
|
render() {
|
|
25897
|
-
return (h(Host, { key: '
|
|
25926
|
+
return (h(Host, { key: 'cca927ba308008b8e3d0e8090028e45e2ec22735' }, h("div", { key: '66243d7f21a02eaba21e325442835ce84829f02b', class: 'tabs-container' }, h("button", { key: '7ba4b571a6211d043b443df31db8ceaa86f455ab', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'fe360d92cea02df8a7b12bb5296d9a6741653770', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: 'e5f87a53dd66d24f46860078476292c67a832fae', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: 'e50efb43af10a15b489ef6395b4f8ccc0442cd85', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25898
25927
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25899
25928
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25900
25929
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25903,7 +25932,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
25903
25932
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25904
25933
|
} }, h("ls-icon", { name: "hashtag", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Number")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25905
25934
|
.filter(type => type.formType === 'number')
|
|
25906
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("
|
|
25935
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("ls-field-footer", { key: '325650677f39b6534817c3c1cbaa9a5479104f6f', dataItem: this.dataItem }), h("slot", { key: '98cf0f57a9e05135e7d3736e921187e6bcf66868' })));
|
|
25907
25936
|
}
|
|
25908
25937
|
};
|
|
25909
25938
|
LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss;
|
|
@@ -25924,14 +25953,14 @@ const LsFieldPropertiesSignature = class {
|
|
|
25924
25953
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25925
25954
|
};
|
|
25926
25955
|
render() {
|
|
25927
|
-
return (h(Host, { key: '
|
|
25956
|
+
return (h(Host, { key: '1caf5f5db83bc6846138bd817b0aa9fe8a9dfc9c' }, h("div", { key: '98bdac172040bef5252297b01e1885bd8c004111', class: 'tabs-container' }, h("button", { key: '460b7f0ecfd8ff15dc930d06fe93d8efb9cde26f', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'a7db8a7b899ffc212058710ec4844426a7a6d313', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '63ce529b2e1fb54b9729e31dd71cb712f137e14a', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '8c7d8ddc6e4d83cccba7ac50c9e6f4866ddf463d', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }), h("ls-field-properties-advanced", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25928
25957
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25929
25958
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25930
25959
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
25931
25960
|
border: `1px solid var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25932
25961
|
color: `var(--${this.signerColor(this.dataItem?.signer)}-60)`,
|
|
25933
25962
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25934
|
-
} }, h("ls-icon", { name: "signature", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Signature")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: '
|
|
25963
|
+
} }, h("ls-icon", { name: "signature", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Signature")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" }))))), h("ls-field-footer", { key: '7d96ce5c94ff73a88fa6dad7a9e7791b4387b9b9', dataItem: this.dataItem }), h("slot", { key: 'eadea60c5c0193a14b6eaf1a636cba15a8ad53b9' })));
|
|
25935
25964
|
}
|
|
25936
25965
|
};
|
|
25937
25966
|
LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss;
|
|
@@ -25948,7 +25977,7 @@ const LsFieldPropertiesText = class {
|
|
|
25948
25977
|
return index > 200 ? defaultRolePalette[index - 200] : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
25949
25978
|
};
|
|
25950
25979
|
render() {
|
|
25951
|
-
return (h(Host, { key: '
|
|
25980
|
+
return (h(Host, { key: '8e6f6f25980bbd4e2cb3123f0cda6cb76d967ba9' }, h("div", { key: '2d28f09ded07153696230a2932035974dae0f169', class: 'tabs-container' }, h("button", { key: '69c4fbb6ccf98cee8ea806215f61330d3da449d3', class: this.fieldSet === 'content' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'content') }, "Content"), h("button", { key: 'cb9e207cb035ebeb46b3125696063f41f724be63', class: this.fieldSet === 'placement' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'placement') }, "Placement"), h("button", { key: '3a9c7d0046fa122e8ed87e2c28fc5be43ed7533b', class: this.fieldSet === 'dimensions' ? 'ls-tab active' : 'ls-tab', onClick: () => (this.fieldSet = 'dimensions') }, "Dimensions")), h("div", { key: '12fc4203e64a318fa0a768f13d9f69f5dc6248fb', class: 'scrolling-container' }, this.fieldSet === 'placement' ? (h("ls-field-placement", { dataItem: this.dataItem })) : this.fieldSet === 'dimensions' ? (h("div", { class: 'field-set' }, h("ls-field-dimensions", { dataItem: this.dataItem }))) : (h("div", { class: 'field-set' }, h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { class: 'ls-field-properties-section-description' }, "The Field you currently have selected")), h("div", { class: 'ls-field-type-wrapper', style: {
|
|
25952
25981
|
border: `1px dashed var(--${this.signerColor(this.dataItem?.signer)}-30)`,
|
|
25953
25982
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25954
25983
|
} }, h("div", { class: 'ls-field-type-inner' }, h("div", { class: 'ls-field-type-icon', style: {
|
|
@@ -25957,7 +25986,7 @@ const LsFieldPropertiesText = class {
|
|
|
25957
25986
|
background: `var(--${this.signerColor(this.dataItem?.signer)}-10)`,
|
|
25958
25987
|
} }, h("ls-icon", { name: "text", size: "20" })), h("p", { class: 'ls-field-type-name' }, "Text")))), h("div", { class: 'ls-field-properties-section row' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", null)), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { value: this.dataItem?.label, width: "30", placeholder: "eg. Sign Here" })), h("div", { class: 'ls-field-properties-section' }, h("div", { class: 'ls-field-properties-section-text' }, h("p", { class: 'ls-field-properties-section-title' }, "Content Format"), h("p", { class: 'ls-field-properties-section-description' }, "Select the specific format you want the Recipient to enter..")), h("div", { class: 'input-wrapper' }, h("ls-icon", { id: "selectorIcon", name: "selector" }), h("select", null, validationTypes
|
|
25959
25988
|
.filter(type => type.formType === 'text')
|
|
25960
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '
|
|
25989
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.value }, type.description))))))))), h("div", { key: '7586851acb82a9badbd364b59c808d056e97c9bb', class: 'button-footer' }, h("button", { key: '1f1c0d2ae6a183ea83c49ebee5a230a4d4bc41cf', class: 'secondary' }, h("ls-icon", { key: 'c0b3ad3c6542255bc2b41119de3523f554d17a99', name: "field-duplicate", size: "20" }), "Duplicate"), h("button", { key: 'bfe7655f4ae2801eb41a1b9a585c2948f2a800c7', class: 'destructive' }, h("ls-icon", { key: 'b85fac5202d8a0170e781edaf821acc328a9209a', name: "trash", size: "20" }), "Delete")), h("slot", { key: '46bac101ac459901721484c329b6a0766cea88db' })));
|
|
25961
25990
|
}
|
|
25962
25991
|
};
|
|
25963
25992
|
LsFieldPropertiesText.style = lsFieldPropertiesTextCss;
|
|
@@ -25984,7 +26013,7 @@ const LsFieldSize = class {
|
|
|
25984
26013
|
this.update.emit(diffs);
|
|
25985
26014
|
}
|
|
25986
26015
|
render() {
|
|
25987
|
-
return (h(Host, { key: '
|
|
26016
|
+
return (h(Host, { key: '98547af2fe2d69ad705ca35f48f2c5cdda099a75' }, h("div", { key: 'a28dc120fdf4c70fbd0fa928995a991bea108518', class: 'ls-field-properties-section' }, h("div", { key: '27a33d016bd7d8236e041be5e51fd0f42a23cbc5', class: 'ls-field-properties-section-text' }, h("p", { key: '2d163b2619ae8ddb254facc3063924771ae8aa5a', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '552806be351b283e0b6d54084826e63cae46a18e', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'b6452db5ffe0c222de4cb26db3f7a568e51e31ae', class: 'button-group' }, 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" }, h("ls-icon", { key: '5c833c5c80a8ab3cb7bdb3056f89583026eeb7a2', name: "field-scale" })), 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" }, h("ls-icon", { key: '117f52044058c1ecbab46b72d0498677373c5667', name: "field-match-width" })), 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" }, h("ls-icon", { key: 'b8f800d8a113950de839ffd7b61e9e4ab3d4969b', name: "field-match-height" })))), h("slot", { key: '8bd0085b3a9ef307ec5ea42a4577d77aea3c3448' })));
|
|
25988
26017
|
}
|
|
25989
26018
|
};
|
|
25990
26019
|
LsFieldSize.style = lsFieldSizeCss;
|
|
@@ -26032,10 +26061,10 @@ const LsFormfield = class {
|
|
|
26032
26061
|
render() {
|
|
26033
26062
|
const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
|
|
26034
26063
|
const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
|
|
26035
|
-
return (h("host", { key: '
|
|
26064
|
+
return (h("host", { key: 'cd4de6c8dd8399530dcf5087ec932a9f87034c2b', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '66f5f2893e8b715a7f5f68e77af8ae16e8c015fc', class: "formfield-top-elements" }, h("div", { key: '52c7805ea9920bbeb95dd3f2cb570531f301d7f0', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '0523cafbe32e898ca12a2da19cf48a3f2d4b9192', name: labelIcon }), h("label", { key: 'c2290dca28e5fc6db163eb2681b3a5716318913c', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '6f775314505004cd43aeb0d511d80cd3bce8301a', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onInput: (event) => this.handleChange(event) })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
|
|
26036
26065
|
count ||
|
|
26037
26066
|
countMax ||
|
|
26038
|
-
(descriptionText && (h("div", { key: '
|
|
26067
|
+
(descriptionText && (h("div", { key: '792451e5b8490e42937cfef56afcc9875dd19960', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'ffbba12478b8724f771f7bb2e97e32535ffa6b2d', class: "formfield-count-container" }, h("p", { key: '140867dbe52880b2b7d262847ec4fbe827a63236', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'c1c25a3b7f810d2614d286034a76f214d6e5d64b', class: countClass }, h("p", { key: 'bc364afebb1650e5c35de6fb5334cffe6c3de736' }, "/"), h("p", { key: '7d82bdb23ab08a47f66773856afbb0b14aa30e64' }, countMax))))))))));
|
|
26039
26068
|
}
|
|
26040
26069
|
static get watchers() { return {
|
|
26041
26070
|
"value": ["valueWatcher"]
|
|
@@ -33067,7 +33096,7 @@ const LsIcon = class {
|
|
|
33067
33096
|
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.');
|
|
33068
33097
|
}
|
|
33069
33098
|
render() {
|
|
33070
|
-
return (h("host", { key: '
|
|
33099
|
+
return (h("host", { key: '57f4194dd8219dfda70127ad03ada603438e0b47' }, icons
|
|
33071
33100
|
?.filter((icon) => icon.name === this.name)
|
|
33072
33101
|
?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
33073
33102
|
height: `${this.size}px`,
|
|
@@ -33118,7 +33147,7 @@ const LsNumberInput = class {
|
|
|
33118
33147
|
? 'invalid'
|
|
33119
33148
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33120
33149
|
const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
|
|
33121
|
-
return (h("host", { key: '
|
|
33150
|
+
return (h("host", { key: 'c5e3922c847c62ba187a2d4482cb1d00e87ba833', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: '8150a612dbd9d7ec0eb01c4dc380b20085168026', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '5bdbcc88d744bc21f57437c7786ed88cf337c37f', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: '9be97c20b91dc7149f3076e441588be4c1bcbc4c', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: '4c61a843bfe2a404f33be624a9e0d974ca1ac51b', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), 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) }), h("div", { key: '7c74720b9c29a0bbb4b59c27f16defecaf7f7b4a', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '5de94f9e0627a2e3c9614a2b030f3ad1ef82c63d', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: 'a24ca1d6cf66b7c7e07963f25d3e65ff2ed26914', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '80bd58b24794f468a23884b2da8d42d3c3e45554', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: '844d1183f557748642c336bd0f4f6e74ef7f9f74', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: 'd96b4f76efb2206b6776a737fe2baa1b8601bd3b', id: 'buttonIcon', name: 'plus-sm' })))));
|
|
33122
33151
|
}
|
|
33123
33152
|
};
|
|
33124
33153
|
LsNumberInput.style = lsNumberInputCss;
|
|
@@ -33177,7 +33206,7 @@ const LsParticipantManager = class {
|
|
|
33177
33206
|
return index > 200 ? 'gray' : index > 100 ? defaultRolePalette[index - 100] : defaultRolePalette[index] || defaultRolePalette[0];
|
|
33178
33207
|
};
|
|
33179
33208
|
render() {
|
|
33180
|
-
return (h(Host, { key: '
|
|
33209
|
+
return (h(Host, { key: '42b6d146cc2155c18759b2239b94e6a2061be7a8' }, h("div", { key: '6aabfc38a5efc199b46cce0f5184e5e0b6aedc70', class: "ls-editor-infobox" }, h("h2", { key: '9a1c852dad10756a01af085ba9e3d4ca6fcc4550', class: "toolbox-section-title" }, "Participants"), h("p", { key: 'd074b9ad19836f29501f727bcd7c194667fe42d5', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { key: '0bf744b4645c9476673a78c1bbdfdfae712ea308', class: "participant-list" }, this.template && this.template?.roles.map((r, index) => {
|
|
33181
33210
|
return (h("div", { class: "participant-card", onClick: () => {
|
|
33182
33211
|
this.selectedHandler(r);
|
|
33183
33212
|
}, style: {
|
|
@@ -33197,7 +33226,7 @@ const LsParticipantManager = class {
|
|
|
33197
33226
|
color: `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33198
33227
|
textTransform: 'capitalize'
|
|
33199
33228
|
} }, r.roleType))));
|
|
33200
|
-
})), h("div", { key: '
|
|
33229
|
+
})), h("div", { key: 'c439b737066174e8067665b0693e9b576aa3a1d9', class: 'add-participant-button' }, h("button", { key: '02b7de44dc38942ed7b78e8ad853202bc93b779a', onClick: () => this.createHandler() }, h("ls-icon", { key: '00d4bbacbc5bdcc72580c275a42e5288fc464133', name: "user-add", size: "20", color: "var(--gray-100, #45484D);" }), h("p", { key: '2f9677949581108623e917e2ecaaec90b5d60e6f' }, "Add Participant"))), h("slot", { key: '762710558e4f5f6e1e6a18ba12e9d0a895eac5c2' })));
|
|
33201
33230
|
}
|
|
33202
33231
|
};
|
|
33203
33232
|
LsParticipantManager.style = lsParticipantManagerCss;
|
|
@@ -33252,21 +33281,21 @@ const LsParticipantSelect = class {
|
|
|
33252
33281
|
};
|
|
33253
33282
|
render() {
|
|
33254
33283
|
console.log(this.selectedRole);
|
|
33255
|
-
return (h(Host, { key: '
|
|
33284
|
+
return (h(Host, { key: '2546c595c144d147e18b90f75d32abe3f4483a05' }, h("div", { key: 'd9dd58e668607ea40d3b8d4c92ba4d0cc7d31741', class: "dropdown" }, h("div", { key: 'd3d6d7dcaa53a4132a8a076b1aff505fcfe2e22f', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'db053131d580bf0c6f95aba0f76722968c64f5dd', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" }), 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" }), 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" }), 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" })), h("p", { key: 'e0f59a31396c7cbe83625c6cda5de3355a37af30', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: '736d9cf4b6739f4d79a9dc0ea95d72d4c209c720', class: 'selected-role-label', style: {
|
|
33256
33285
|
background: `var(--${this.participantColor(this.selectedRole?.signerIndex)}-20)`,
|
|
33257
33286
|
color: `var(--${this.participantColor(this.selectedRole?.signerIndex)}-90)`,
|
|
33258
|
-
} }, h("ls-icon", { key: '
|
|
33259
|
-
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '
|
|
33287
|
+
} }, 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 ||
|
|
33288
|
+
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: 'e031663587e0818a85d4a6a0e4741cf64fe93d9f', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '5c4a6f35485357aef4cc4a1f815e129caec7ee6c', name: "chevron-down" }))), this.isOpen && (h("div", { key: 'e7a39dcefb844c284dd1966d0fe4e252fa6c61e4', class: "dropdown-list" }, h("div", { key: '9265d73fee2da37d2f06a6fc72551e5ce50bb378', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33260
33289
|
'--background-selected': `var(--${defaultRolePalette[0]}-10)`,
|
|
33261
33290
|
'--check-icon-selected': `var(--${defaultRolePalette[0]}-50)`,
|
|
33262
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '
|
|
33291
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '5396b4f41ec9687befaa65bc3fad7028b89ce5a1', class: 'role-icon', style: {
|
|
33263
33292
|
background: `var(--${defaultRolePalette[0]}-40)`,
|
|
33264
33293
|
color: `var(--${defaultRolePalette[0]}-80)`,
|
|
33265
|
-
} }, h("ls-icon", { key: '
|
|
33294
|
+
} }, h("ls-icon", { key: '69241bdb27d0408c843edcca4e7077e741819747', name: "user" })), h("div", { key: '7cbe54d018e5064c13e0b7fa40c9ae56c1d484a1', class: 'role-text' }, h("p", { key: 'd2cf6f7ef8a1f2a4d4aed67cc9f657810c59c309', class: 'role-name', style: {
|
|
33266
33295
|
'--role-name-selected': `var(--${defaultRolePalette[0]}-100)`,
|
|
33267
|
-
} }, 'Sender'), h("p", { key: '
|
|
33296
|
+
} }, 'Sender'), h("p", { key: '6c62ba47fb4d6a6c2787594045accbbc598a2909', class: 'role-type', style: {
|
|
33268
33297
|
'--role-type-selected': `var(--${defaultRolePalette[0]}-80)`,
|
|
33269
|
-
} }, "You")), h("ls-icon", { key: '
|
|
33298
|
+
} }, "You")), 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 => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33270
33299
|
'--background-selected': `var(--${this.participantColor(r?.signerIndex)}-10)`,
|
|
33271
33300
|
'--check-icon-selected': `var(--${this.participantColor(r?.signerIndex)}-50)`,
|
|
33272
33301
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
@@ -33278,7 +33307,7 @@ const LsParticipantSelect = class {
|
|
|
33278
33307
|
'--role-name-selected': `var(--${this.participantColor(r?.signerIndex)}-100)`,
|
|
33279
33308
|
} }, r.name || r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`), h("p", { class: 'role-type', style: {
|
|
33280
33309
|
'--role-type-selected': `var(--${this.participantColor(r?.signerIndex)}-80)`,
|
|
33281
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), h("slot", { key: '
|
|
33310
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), h("slot", { key: '0b22057a23c3ffabc137bd677529eacaf151a689' })));
|
|
33282
33311
|
}
|
|
33283
33312
|
};
|
|
33284
33313
|
LsParticipantSelect.style = lsParticipantSelectCss;
|
|
@@ -33299,7 +33328,7 @@ const LsRadioInput = class {
|
|
|
33299
33328
|
render() {
|
|
33300
33329
|
const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
|
|
33301
33330
|
const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
|
|
33302
|
-
return (h("label", { key: '
|
|
33331
|
+
return (h("label", { key: 'e2d3e56e5167a562793bb0a8c227f436098f162d', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '09c8cc16cbb64dc3528ab5d5ebd2343c6ced3a70', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'c2dc15132ded49f6d9f55bd7d394c908500734d0', class: 'spanContainer' }, h("span", { key: '931aa12172f4c5de77045d4ef6a57d429e4cf4f0' }, icon && h("ls-icon", { key: '264705022c6e12f4bf421f8dae595a607a44f00b', name: icon, size: "16" })), h("span", { key: '45872253b0cf7571fb061e04f4d4cadc5e838424' }, label))));
|
|
33303
33332
|
}
|
|
33304
33333
|
};
|
|
33305
33334
|
LsRadioInput.style = lsRadioInputCss;
|
|
@@ -33336,7 +33365,7 @@ const LsSelectInput = class {
|
|
|
33336
33365
|
: displayOnly
|
|
33337
33366
|
? 'displayOnly'
|
|
33338
33367
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33339
|
-
return (h("host", { key: '
|
|
33368
|
+
return (h("host", { key: '1a19eb5a6afbcd82294bca60ea5bad6d79f077f7', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c78b6fc5275df51ed5360b26336b901ebe02ce52', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '80f259e36cf655fab7e073f5c06acbdcfddcde95', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: 'e5bec3c8e55c593616037844b2d827871a7ccb77' })), h("div", { key: 'ec67f53732de7806efe6fd863b9d0e737eac8198', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'fc3dd4c07a8faac3122c418f0646c495d33b912b', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
|
|
33340
33369
|
}
|
|
33341
33370
|
};
|
|
33342
33371
|
LsSelectInput.style = lsSelectInputCss;
|
|
@@ -33382,11 +33411,11 @@ const LsStatusbar = class {
|
|
|
33382
33411
|
}
|
|
33383
33412
|
render() {
|
|
33384
33413
|
console.log('editor', this.editor);
|
|
33385
|
-
return (h(Host, { key: '
|
|
33414
|
+
return (h(Host, { key: 'fc7781c2c5a924b0a7ab90959492f761786518a4' }, h("div", { key: '4a2a72594cc7cb4a9ef4be91e34a0646c9d63d75', class: "status-bar-section" }, h("button", { key: '744bb3198b39dd76d0a9efa5b74e5514cd94cc9a', onClick: () => this.setZoom(this.editor.zoom * 0.8) }, h("ls-icon", { key: '0b854dea52202f0b102b9e4459a11ec8f1f3f44e', name: "zoom-out" })), h("div", { key: '2a3b8dc7ab9ceedf64f224e08479903aa61c1d2e' }, h("input", { key: 'cf20f6bea7a1a2821e4fb8cda2001ba9805f07e1', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: 'f961d1171cf4a3184b466478d98db577ea3c7d97', onClick: () => this.setZoom(this.editor.zoom / 0.8) }, h("ls-icon", { key: '3c899a42721039209a2816ee486f40ca699a2660', name: "zoom-in" }))), h("div", { key: 'f4400312361c6508caab82290c388ef50087d0b7', class: "status-bar-section" }, h("button", { key: '0b5ff66419088d9efc53a56da417228835a0d6c3', onClick: () => this.fitWidth() }, h("ls-icon", { key: '2c51acad35dadc37c926b6d93ccf9864c8603197', name: "fit-width" })), h("button", { key: '199a4d7a1ee262335898f4a0b9f743f5dbb58a6c', onClick: () => this.fitHeight() }, h("ls-icon", { key: 'ebf72e264d3978a77f6aa42af33172c201bd0ed3', name: "fit-height" }))), h("div", { key: '232fe73b3c843ddfc5337967afa5263d26b039ac', class: "status-bar-section" }, h("button", { key: '8462ed44d60662584133af1c2e9b4f169524e3ee', onClick: () => {
|
|
33386
33415
|
this.editor.pagePrev();
|
|
33387
|
-
} }, h("ls-icon", { key: '
|
|
33416
|
+
} }, h("ls-icon", { key: 'ed62c9d938f759fbc13f236b2605dde42abe71ff', name: "chevron-left" })), h("p", { key: 'e2d701a6f41428a61d3bc9f40ca6eca95a8c9f03' }, "1 / 2"), h("button", { key: '63f5df0c0fffbb448b7882a59b18c0964849b8f1', onClick: () => {
|
|
33388
33417
|
this.editor.pageNext();
|
|
33389
|
-
} }, h("ls-icon", { key: '
|
|
33418
|
+
} }, h("ls-icon", { key: 'ec596ac9fe71b1f79a48b4622cff8c35cf7004c0', name: "chevron-right" }))), h("slot", { key: '38af107db608c1595eb4a2ce8879e5b8593b2f2a' })));
|
|
33390
33419
|
}
|
|
33391
33420
|
};
|
|
33392
33421
|
LsStatusbar.style = lsStatusbarCss;
|
|
@@ -33426,7 +33455,7 @@ const LsTextInput = class {
|
|
|
33426
33455
|
: dirty && !valid
|
|
33427
33456
|
? 'invalid'
|
|
33428
33457
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33429
|
-
return (h(Host, { key: '
|
|
33458
|
+
return (h(Host, { key: 'db79cff0e48b633e862776b12a2e5dcd443bf710', class: 'host' }, fieldIcon && (h("ls-icon", { key: '74cdc714699243b8e12a59570597a71780dc612a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })), h("div", { key: '6d10e6d29bbb4253ca80349c87fcd587958558db', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '1bb407fb405080e21b43c7c424c6c54949b1cec3', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '9d66c970210ed8ae898a2a843193ce3601004273', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '905a87886a05dc642bedee095157d4c35dcdb45d', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '726e82e0afcc93d061a7ea5b5d33e2341da23e70', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
|
|
33430
33459
|
}
|
|
33431
33460
|
};
|
|
33432
33461
|
LsTextInput.style = lsTextInputCss;
|
|
@@ -33462,7 +33491,7 @@ const LsTextareaInput = class {
|
|
|
33462
33491
|
: displayOnly
|
|
33463
33492
|
? 'displayOnly'
|
|
33464
33493
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33465
|
-
return (h("host", { key: '
|
|
33494
|
+
return (h("host", { key: '52a02c0528016be1702751526201236b891821f1', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'd8e5496a1c1874f4873304f23827b18347e03b4a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '2c6c117270f605babfc13ef2e8b0925364219e68', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'd106b408d2dfc3423bd3e4eb8bcfdc94784ffc35', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '315f8e40f8fddbc347325f99e30fd0da0026fd61', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '9795d8028761deffc64d932c3ccc7d6e82e7d905', class: 'button', onClick: buttonClick }, h("ls-icon", { key: 'fa5c412681a1b01a36c759100c4c009e870a0d0d', id: 'buttonIcon', name: buttonIcon }))))));
|
|
33466
33495
|
}
|
|
33467
33496
|
};
|
|
33468
33497
|
LsTextareaInput.style = lsTextareaInputCss;
|
|
@@ -33474,7 +33503,7 @@ const LsToggle = class {
|
|
|
33474
33503
|
registerInstance(this, hostRef);
|
|
33475
33504
|
}
|
|
33476
33505
|
render() {
|
|
33477
|
-
return (h(Host, { key: '
|
|
33506
|
+
return (h(Host, { key: '2ba79ca25f70615ba9c0c5d1c80d076ffd70b56f' }, h("label", { key: 'fb36b4a32987fd2649fb261a7545d7cb6a77fae1', class: "switch" }, h("input", { key: '7fc8ceaa8520e553c2c5c8647e6aeba9dd818672', type: "checkbox" }), h("span", { key: '0525930788e55b0bcc5052d4228028971f3af7ff', class: "slider round" })), h("slot", { key: 'd95d740346777a2d51a72c115367f30701da45ee' })));
|
|
33478
33507
|
}
|
|
33479
33508
|
};
|
|
33480
33509
|
LsToggle.style = lsToggleCss;
|
|
@@ -33517,7 +33546,7 @@ const LsToolbar = class {
|
|
|
33517
33546
|
this.update.emit(diffs);
|
|
33518
33547
|
}
|
|
33519
33548
|
render() {
|
|
33520
|
-
return (h(Host, { key: '
|
|
33549
|
+
return (h(Host, { key: '23262246e33898029d23aeb17b0404eaf438e55c' }, this.dataItem && this.dataItem.length > 1 ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, this.dataItem && this.dataItem.length === 1 ? (h("ls-field-format", { dataItem: this?.dataItem })) : (h("ls-participant-select", { roles: this.template?.roles, dataItem: this?.dataItem })))), h("slot", { key: '415c3c763e3f42f2e7375bcc9c74ebf777fce30a' })));
|
|
33521
33550
|
}
|
|
33522
33551
|
};
|
|
33523
33552
|
LsToolbar.style = lsToolbarCss;
|
|
@@ -33571,12 +33600,12 @@ const LsToolboxField = class {
|
|
|
33571
33600
|
}
|
|
33572
33601
|
}
|
|
33573
33602
|
render() {
|
|
33574
|
-
return (h(Host, { key: '
|
|
33603
|
+
return (h(Host, { key: 'a25992d9ba60c16ea2dbdb8def90888240d3e21c', draggable: "true" }, h("div", { key: 'ed40b47f1dcdf0f5d235aa6113941a1ae988c4ce', class: "toolbox-field-icon", style: { '--signer-color-light': `var(--${this.color}-10)`, '--signer-color': `var(--${this.color}-60)` } }, h("ls-icon", { key: '9dd0f6d8c45eaa4615a7948a31eefc255d63f7d9', name: this.icon, size: "20" })), h("p", { key: '86bede27a53ccc7fae202a2115c72036c4214b5e', class: "toolbox-field-label" }, this.label), h("ls-icon", { key: '84de9ecb8ea571f956e8ff048ed3e08382e2c695', name: "drag-vertical", size: "16", color: "#787a80" })));
|
|
33575
33604
|
}
|
|
33576
33605
|
};
|
|
33577
33606
|
LsToolboxField.style = lsToolboxFieldCss;
|
|
33578
33607
|
|
|
33579
|
-
export { LsDocumentOptions as ls_document_options, LsDocumentViewer as ls_document_viewer, LsEditorField as ls_editor_field, LsEditorTable as ls_editor_table, LsFeatureColoumn as ls_feature_column, LsFieldAlignment as ls_field_alignment, LsFieldDimensions as ls_field_dimensions, LsFieldDistribute as ls_field_distribute, LsFieldFooter as ls_field_footer, LsFieldFormat as ls_field_format, LsFieldPlacement as ls_field_placement, LsFieldProperties as ls_field_properties, LsFieldPropertiesAutosign as ls_field_properties_autosign, LsFieldPropertiesDate as ls_field_properties_date, LsFieldPropertiesEmail as ls_field_properties_email, LsFieldPropertiesFile as ls_field_properties_file, LsFieldPropertiesGeneral as ls_field_properties_general, LsFieldPropertiesImage as ls_field_properties_image, LsFieldPropertiesMultiple as ls_field_properties_multiple, LsFieldPropertiesNumber as ls_field_properties_number, LsFieldPropertiesSignature as ls_field_properties_signature, LsFieldPropertiesText as ls_field_properties_text, LsFieldSize as ls_field_size, LsFormfield as ls_formfield, LsIcon as ls_icon, LsNumberInput as ls_number_input, LsParticipantManager as ls_participant_manager, LsParticipantSelect as ls_participant_select, LsRadioInput as ls_radio_input, LsSelectInput as ls_select_input, LsStatusbar as ls_statusbar, LsTextInput as ls_text_input, LsTextareaInput as ls_textarea_input, LsToggle as ls_toggle, LsToolbar as ls_toolbar, LsToolboxField as ls_toolbox_field };
|
|
33580
|
-
//# 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.js.map
|
|
33608
|
+
export { LsDocumentOptions as ls_document_options, LsDocumentViewer as ls_document_viewer, LsEditorField as ls_editor_field, LsEditorTable as ls_editor_table, LsFeatureColoumn as ls_feature_column, LsFieldAlignment as ls_field_alignment, LsFieldDimensions as ls_field_dimensions, LsFieldDistribute as ls_field_distribute, LsFieldFooter as ls_field_footer, LsFieldFormat as ls_field_format, LsFieldPlacement as ls_field_placement, LsFieldProperties as ls_field_properties, LsFieldPropertiesAdvanced as ls_field_properties_advanced, LsFieldPropertiesAutosign as ls_field_properties_autosign, LsFieldPropertiesDate as ls_field_properties_date, LsFieldPropertiesEmail as ls_field_properties_email, LsFieldPropertiesFile as ls_field_properties_file, LsFieldPropertiesGeneral as ls_field_properties_general, LsFieldPropertiesImage as ls_field_properties_image, LsFieldPropertiesMultiple as ls_field_properties_multiple, LsFieldPropertiesNumber as ls_field_properties_number, LsFieldPropertiesSignature as ls_field_properties_signature, LsFieldPropertiesText as ls_field_properties_text, LsFieldSize as ls_field_size, LsFormfield as ls_formfield, LsIcon as ls_icon, LsNumberInput as ls_number_input, LsParticipantManager as ls_participant_manager, LsParticipantSelect as ls_participant_select, LsRadioInput as ls_radio_input, LsSelectInput as ls_select_input, LsStatusbar as ls_statusbar, LsTextInput as ls_text_input, LsTextareaInput as ls_textarea_input, LsToggle as ls_toggle, LsToolbar as ls_toolbar, LsToolboxField as ls_toolbox_field };
|
|
33609
|
+
//# 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.js.map
|
|
33581
33610
|
|
|
33582
|
-
//# sourceMappingURL=ls-document-
|
|
33611
|
+
//# sourceMappingURL=ls-document-options_37.entry.js.map
|