legalesign-document-viewer 0.2.10 → 0.2.11
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_43.cjs.entry.js +171 -78
- package/dist/cjs/ls-document-options_43.cjs.entry.js.map +1 -1
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/collection/components/ls-document-options/ls-document-options.js +62 -1
- package/dist/collection/components/ls-document-options/ls-document-options.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/adapter/LsDocumentAdapter.js +3 -2
- package/dist/collection/components/ls-document-viewer/adapter/LsDocumentAdapter.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/adapter/roleActions.js +4 -4
- package/dist/collection/components/ls-document-viewer/adapter/roleActions.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/editorCalculator.js +6 -0
- package/dist/collection/components/ls-document-viewer/editorCalculator.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +16 -18
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +10 -5
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/mouseHandlers.js.map +1 -1
- package/dist/collection/components/ls-editor-field/ls-editor-field.css +7 -0
- package/dist/collection/components/ls-editor-field/ls-editor-field.js +1 -1
- package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
- package/dist/collection/components/ls-field-content/ls-field-content.js +68 -2
- package/dist/collection/components/ls-field-content/ls-field-content.js.map +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.css +22 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +29 -4
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -1
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js.map +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +3 -3
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js.map +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +3 -3
- package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +2 -2
- package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +3 -3
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +33 -4
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js.map +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +3 -3
- package/dist/collection/components/ls-formfield/ls-formfield.js +28 -9
- package/dist/collection/components/ls-formfield/ls-formfield.js.map +1 -1
- package/dist/collection/components/ls-icon/ls-icon.js +2 -2
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +2 -2
- package/dist/collection/components/ls-participant-card/ls-participant-card.css +28 -2
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +14 -9
- package/dist/collection/components/ls-participant-card/ls-participant-card.js.map +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +8 -8
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-toggle/ls-toggle.js +49 -2
- package/dist/collection/components/ls-toggle/ls-toggle.js.map +1 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.css +6 -11
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +2 -2
- package/dist/collection/types/LSMutateEvent.js.map +1 -1
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +73 -51
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-feature-column.js +1 -1
- package/dist/components/ls-field-alignment.js +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-dimensions.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-footer.js +1 -1
- package/dist/components/ls-field-format.js +1 -1
- package/dist/components/ls-field-placement.js +1 -1
- package/dist/components/ls-field-properties-advanced.js +1 -1
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-container.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-image.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-field-size.js +1 -1
- package/dist/components/ls-field-type-display.js +1 -1
- package/dist/components/ls-formfield.js +1 -1
- package/dist/components/ls-icon.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-number-input.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-radio-input.js +1 -1
- package/dist/components/ls-select-input.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-text-input.js +1 -1
- package/dist/components/ls-textarea-input.js +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/{p-CjMHvkSx.js → p--fheLqrZ.js} +3 -3
- package/dist/components/{p-CjMHvkSx.js.map → p--fheLqrZ.js.map} +1 -1
- package/dist/components/{p-BA00o3_B.js → p-2UmdLAq_.js} +14 -14
- package/dist/components/p-2UmdLAq_.js.map +1 -0
- package/dist/components/{p-CAuyzHdc.js → p-B-eK779N.js} +26 -26
- package/dist/components/{p-CAuyzHdc.js.map → p-B-eK779N.js.map} +1 -1
- package/dist/components/{p-BWqGSxq5.js → p-B6M4f56h.js} +3 -3
- package/dist/components/{p-BWqGSxq5.js.map → p-B6M4f56h.js.map} +1 -1
- package/dist/components/{p-BabfUHqm.js → p-BACI1mCw.js} +4 -4
- package/dist/components/{p-BabfUHqm.js.map → p-BACI1mCw.js.map} +1 -1
- package/dist/components/{p-DvlAZt1N.js → p-BMGlyR62.js} +3 -3
- package/dist/components/{p-DvlAZt1N.js.map → p-BMGlyR62.js.map} +1 -1
- package/dist/components/{p-sp0SDpGC.js → p-BXFznEKF.js} +17 -11
- package/dist/components/p-BXFznEKF.js.map +1 -0
- package/dist/components/{p-CBCrQOl1.js → p-BZQ6_A7f.js} +3 -3
- package/dist/components/{p-CBCrQOl1.js.map → p-BZQ6_A7f.js.map} +1 -1
- package/dist/components/{p-CwibDgu-.js → p-Be1wOWnf.js} +4 -4
- package/dist/components/{p-CwibDgu-.js.map → p-Be1wOWnf.js.map} +1 -1
- package/dist/components/{p-CJtGZ5gi.js → p-BjEnmGcT.js} +14 -14
- package/dist/components/p-BjEnmGcT.js.map +1 -0
- package/dist/components/{p-DZIvEQf4.js → p-BjkAP0fz.js} +3 -3
- package/dist/components/{p-DZIvEQf4.js.map → p-BjkAP0fz.js.map} +1 -1
- package/dist/components/{p-CAz4MM75.js → p-BlEzYMrp.js} +11 -11
- package/dist/components/{p-CAz4MM75.js.map → p-BlEzYMrp.js.map} +1 -1
- package/dist/components/p-BrzLqF3a.js +122 -0
- package/dist/components/p-BrzLqF3a.js.map +1 -0
- package/dist/components/{p-D_xPgqKh.js → p-C-76CJRk.js} +15 -6
- package/dist/components/p-C-76CJRk.js.map +1 -0
- package/dist/components/{p-DsoUxXYJ.js → p-C0udtVoK.js} +14 -14
- package/dist/components/{p-DsoUxXYJ.js.map → p-C0udtVoK.js.map} +1 -1
- package/dist/components/{p-DMaeEjVo.js → p-CJGtnB3Y.js} +14 -14
- package/dist/components/{p-DMaeEjVo.js.map → p-CJGtnB3Y.js.map} +1 -1
- package/dist/components/{p-B6FJ4y4Z.js → p-CTkm0x2S.js} +3 -3
- package/dist/components/{p-B6FJ4y4Z.js.map → p-CTkm0x2S.js.map} +1 -1
- package/dist/components/{p-BJivWyaz.js → p-CYF3u9pO.js} +6 -6
- package/dist/components/{p-BJivWyaz.js.map → p-CYF3u9pO.js.map} +1 -1
- package/dist/components/{p-Ds7QyjZs.js → p-CjtCSSu6.js} +14 -14
- package/dist/components/{p-Ds7QyjZs.js.map → p-CjtCSSu6.js.map} +1 -1
- package/dist/components/{p-D0w6qVdJ.js → p-Cjul85r0.js} +3 -3
- package/dist/components/{p-D0w6qVdJ.js.map → p-Cjul85r0.js.map} +1 -1
- package/dist/components/{p-VV7XWae8.js → p-CyaIKArO.js} +11 -5
- package/dist/components/p-CyaIKArO.js.map +1 -0
- package/dist/components/{p-rPSdJJij.js → p-D0hPzy3-.js} +17 -5
- package/dist/components/p-D0hPzy3-.js.map +1 -0
- package/dist/components/{p-BAFmlVIM.js → p-D1ZlVU7D.js} +17 -15
- package/dist/components/p-D1ZlVU7D.js.map +1 -0
- package/dist/components/{p-DkTia1yV.js → p-DDGAtxSS.js} +29 -12
- package/dist/components/p-DDGAtxSS.js.map +1 -0
- package/dist/components/{p-CUBNvlvE.js → p-DEgX1Wvf.js} +4 -4
- package/dist/components/{p-CUBNvlvE.js.map → p-DEgX1Wvf.js.map} +1 -1
- package/dist/components/p-DIRAvPEw.js +87 -0
- package/dist/components/p-DIRAvPEw.js.map +1 -0
- package/dist/components/{p-DIJwqJno.js → p-DVyHfbCM.js} +4 -4
- package/dist/components/{p-DIJwqJno.js.map → p-DVyHfbCM.js.map} +1 -1
- package/dist/components/{p-Cbmf9Pw6.js → p-DdY_S-PS.js} +14 -14
- package/dist/components/{p-Cbmf9Pw6.js.map → p-DdY_S-PS.js.map} +1 -1
- package/dist/components/{p-DgnryVYJ.js → p-Dh4NjYGl.js} +4 -4
- package/dist/components/{p-DgnryVYJ.js.map → p-Dh4NjYGl.js.map} +1 -1
- package/dist/components/{p-DLaP71DP.js → p-DqcUxLAI.js} +14 -14
- package/dist/components/{p-DLaP71DP.js.map → p-DqcUxLAI.js.map} +1 -1
- package/dist/components/{p-B1BOQUb8.js → p-DxMK_Xd2.js} +14 -14
- package/dist/components/{p-B1BOQUb8.js.map → p-DxMK_Xd2.js.map} +1 -1
- package/dist/components/{p-C_-noUgH.js → p-OHOmdzUm.js} +3 -3
- package/dist/components/{p-C_-noUgH.js.map → p-OHOmdzUm.js.map} +1 -1
- package/dist/components/{p-CDq13hl8.js → p-RR8GRMeg.js} +7 -7
- package/dist/components/{p-CDq13hl8.js.map → p-RR8GRMeg.js.map} +1 -1
- package/dist/components/{p-CuAQ7zug.js → p-Sn0eF4R7.js} +4 -4
- package/dist/components/{p-CuAQ7zug.js.map → p-Sn0eF4R7.js.map} +1 -1
- package/dist/components/{p-3MsGX8HS.js → p-XrdJB_kX.js} +14 -14
- package/dist/components/{p-3MsGX8HS.js.map → p-XrdJB_kX.js.map} +1 -1
- package/dist/components/{p-BD71skor.js → p-a2RK076N.js} +4 -4
- package/dist/components/{p-BD71skor.js.map → p-a2RK076N.js.map} +1 -1
- package/dist/components/p-a2iwl17f.js +87 -0
- package/dist/components/p-a2iwl17f.js.map +1 -0
- package/dist/components/{p-BMlP2MBJ.js → p-aAOAosVj.js} +6 -6
- package/dist/components/{p-BMlP2MBJ.js.map → p-aAOAosVj.js.map} +1 -1
- package/dist/components/{p-DKUk0hhF.js → p-rqY4iuCY.js} +3 -3
- package/dist/components/{p-DKUk0hhF.js.map → p-rqY4iuCY.js.map} +1 -1
- package/dist/components/{p-DO9rVsz8.js → p-sLovfSwQ.js} +3 -3
- package/dist/components/{p-DO9rVsz8.js.map → p-sLovfSwQ.js.map} +1 -1
- package/dist/components/{p-EOQq6oKF.js → p-yOUMgYiI.js} +32 -10
- package/dist/components/p-yOUMgYiI.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-document-options_43.entry.js +172 -79
- package/dist/esm/ls-document-options_43.entry.js.map +1 -1
- 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-580af1b7.entry.js → p-4c2ec35a.entry.js} +6 -6
- package/dist/ls-document-viewer/p-4c2ec35a.entry.js.map +1 -0
- package/dist/types/components/ls-document-options/ls-document-options.d.ts +6 -0
- package/dist/types/components/ls-document-viewer/adapter/LsDocumentAdapter.d.ts +2 -1
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +1 -0
- package/dist/types/components/ls-field-content/ls-field-content.d.ts +8 -1
- package/dist/types/components/ls-field-properties-advanced/ls-field-properties-advanced.d.ts +1 -0
- package/dist/types/components/ls-formfield/inputs/ls-text-input/ls-text-input.d.ts +3 -0
- package/dist/types/components/ls-formfield/ls-formfield.d.ts +3 -1
- package/dist/types/components/ls-toggle/ls-toggle.d.ts +4 -0
- package/dist/types/components.d.ts +96 -2
- package/dist/types/types/LSMutateEvent.d.ts +3 -2
- package/package.json +1 -1
- package/dist/components/p-BA00o3_B.js.map +0 -1
- package/dist/components/p-BAFmlVIM.js.map +0 -1
- package/dist/components/p-CJtGZ5gi.js.map +0 -1
- package/dist/components/p-CgX-DHdf.js +0 -117
- package/dist/components/p-CgX-DHdf.js.map +0 -1
- package/dist/components/p-CybcOa1h.js +0 -87
- package/dist/components/p-CybcOa1h.js.map +0 -1
- package/dist/components/p-D_xPgqKh.js.map +0 -1
- package/dist/components/p-DkTia1yV.js.map +0 -1
- package/dist/components/p-EOQq6oKF.js.map +0 -1
- package/dist/components/p-RdvEI2ua.js +0 -69
- package/dist/components/p-RdvEI2ua.js.map +0 -1
- package/dist/components/p-VV7XWae8.js.map +0 -1
- package/dist/components/p-rPSdJJij.js.map +0 -1
- package/dist/components/p-sp0SDpGC.js.map +0 -1
- package/dist/ls-document-viewer/p-580af1b7.entry.js.map +0 -1
|
@@ -7,7 +7,10 @@ const lsDocumentOptionsCss = ":host{display:block}.ls-editor-infobox{padding:2px
|
|
|
7
7
|
const LsDocumentOptions = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
|
+
this.mutate = index.createEvent(this, "mutate");
|
|
11
|
+
this.update = index.createEvent(this, "update");
|
|
10
12
|
}
|
|
13
|
+
get component() { return index.getElement(this); }
|
|
11
14
|
/**
|
|
12
15
|
* The base template information (as JSON).
|
|
13
16
|
* {LSApiTemplate}
|
|
@@ -16,8 +19,22 @@ const LsDocumentOptions = class {
|
|
|
16
19
|
selectedHandler(newSelected, _oldSelected) {
|
|
17
20
|
console.log(newSelected, 'document manager');
|
|
18
21
|
}
|
|
22
|
+
mutate;
|
|
23
|
+
update;
|
|
24
|
+
alter(template) {
|
|
25
|
+
console.log(template);
|
|
26
|
+
this.update.emit([{ action: 'update', data: { ...this.template, ...template } }]);
|
|
27
|
+
this.mutate.emit([{ action: 'update', data: { ...this.template, ...template } }]);
|
|
28
|
+
}
|
|
29
|
+
// pure html components do not allow methods to be set in attributes so set on load
|
|
30
|
+
// https://stackoverflow.com/questions/49387964/pass-functions-to-stencil-component
|
|
31
|
+
// componentDidLoad() {
|
|
32
|
+
// var dropTarget = this.component.shadowRoot.getElementById('ls-form-field') as HTMLLsFormfieldElement;
|
|
33
|
+
// dropTarget.onChange = (ev) => { console.log(ev); this.alter({ title: (ev.target as any)?.value }) };
|
|
34
|
+
// this.on
|
|
35
|
+
// }
|
|
19
36
|
render() {
|
|
20
|
-
return (index.h(index.Host, { key: '
|
|
37
|
+
return (index.h(index.Host, { key: 'df602bee4eeb36c9b4e1ac89acd824842f808757' }, index.h("div", { key: '65a889d896bd0b16f8ee56b68a599c89b9d160e8', class: "ls-editor-infobox" }, index.h("h2", { key: '416cd08e39fcff18b1f919629510e01f71bef211', class: "toolbox-section-title" }, "Template Details"), index.h("p", { key: 'b69be1a590030591437dff787fe30d5309966232', class: "toolbox-section-description" }, "Details and insights about the Template.")), index.h("div", { key: 'cee4880bdde4301dabef3bdb7876deb3fa18c3d9', class: 'template-details' }, index.h("div", { key: '2fcd90472deb0d15f79951cc336f52eaa6fb27c8', class: 'template-detail-section column' }, index.h("p", { key: '1a292fff61f4f817de3d1f124ed113e13f6e90db', class: "template-detail-section-title" }, "Name"), index.h("ls-formfield", { key: '58d4fe7cc361002de2a8f19e0733624d0b0daef7', as: "text", value: this.template?.title, style: { width: '100%' }, onValueChange: (e) => { this.alter({ title: e.detail }); } })), index.h("div", { key: '400cc77a9e64f9e94eb2704ca7fb4d7e15bc59f1', class: 'template-detail-section' }, index.h("p", { key: '02735d0cebd7f51484e8e716e56f19167de6b127', class: "template-detail-section-title" }, "Auto Archive"), index.h("ls-toggle", { key: '751f91c6220c198eb45eab222a5b93977d838181', onValueChange: (e) => { this.alter({ autoArchive: e.detail }); } })), index.h("div", { key: 'fd67c724cefca1c743a245522bf9951166bc79d1', class: 'template-detail-section' }, index.h("p", { key: 'f5f4093ee50a78eb9b6bd6127328cdd73b2a878b', class: "template-detail-section-title" }, "Lock"), index.h("ls-toggle", { key: 'a952be5db9f643b061d9ab4cd215bbe68da1c150', onValueChange: (e) => { this.alter({ locked: e.detail }); } })), index.h("div", { key: '2792a4ee0daef919ccc3f7de1209ac50ae01cc31', class: 'template-detail-section column' }, index.h("p", { key: '221101ab9fcc2501d09cb7d573d384f209be3de0', class: "template-detail-section-title" }, "Pages"), index.h("ls-label", { key: 'bd23b7fc23ddc3ba15a519ee3c734528d39ec5d5', text: this.template?.pageDimensionArray?.length })), index.h("div", { key: '8f4611759bc9fdeea4ebded4b22f9909a3c42b34', class: 'template-detail-section column' }, index.h("p", { key: 'd07687d49484a4d153ca476156845cedea09ce13', class: "template-detail-section-title" }, "Date Created"), " ", this.template?.created), index.h("div", { key: '641c5ddf387680ba7802d7b4dc56a89654b6498f', class: 'template-detail-section column' }, index.h("p", { key: 'e526be19b26d30ff9681997ee49cc7db983eeec0', class: "template-detail-section-title" }, "Created By"), " ", this.template?.createdBy)), index.h("slot", { key: '8cf80adf2e0c01f6a7a1d1deea986213a14b358c' })));
|
|
21
38
|
}
|
|
22
39
|
static get watchers() { return {
|
|
23
40
|
"template": ["selectedHandler"]
|
|
@@ -19908,6 +19925,12 @@ const recalculateCoordinates = (d) => {
|
|
|
19908
19925
|
const ay = d.top / d.pageDimensions.height;
|
|
19909
19926
|
const bx = (d.left + d.width) / d.pageDimensions.width;
|
|
19910
19927
|
const by = (d.top + d.height) / d.pageDimensions.height;
|
|
19928
|
+
console.log({
|
|
19929
|
+
ax,
|
|
19930
|
+
ay,
|
|
19931
|
+
bx,
|
|
19932
|
+
by,
|
|
19933
|
+
}, 'recalc');
|
|
19911
19934
|
// Return with calculated styles that try to place it as it would appear on legacy signing page
|
|
19912
19935
|
return {
|
|
19913
19936
|
...d,
|
|
@@ -24338,7 +24361,7 @@ const deleteElement = obj => {
|
|
|
24338
24361
|
const createRole = (role) => {
|
|
24339
24362
|
const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
|
|
24340
24363
|
return `
|
|
24341
|
-
mutation
|
|
24364
|
+
mutation LDVAddRole {
|
|
24342
24365
|
createTemplateRole(input: {
|
|
24343
24366
|
templateId: "${role.templateId}"
|
|
24344
24367
|
signerIndex: ${role.signerIndex}
|
|
@@ -24353,7 +24376,7 @@ const createRole = (role) => {
|
|
|
24353
24376
|
// Remove a role
|
|
24354
24377
|
const deleteRole = (role) => {
|
|
24355
24378
|
return `
|
|
24356
|
-
mutation
|
|
24379
|
+
mutation LDVremoveRole {
|
|
24357
24380
|
deleteTemplateRole(input: {
|
|
24358
24381
|
templateRoleId: "${role.id}"
|
|
24359
24382
|
})
|
|
@@ -24363,7 +24386,7 @@ const deleteRole = (role) => {
|
|
|
24363
24386
|
const updateRole = (role) => {
|
|
24364
24387
|
const newParent = role?.signerParent ? `"${role.signerParent}"` : 'null';
|
|
24365
24388
|
return `
|
|
24366
|
-
mutation
|
|
24389
|
+
mutation LDVupdateRole {
|
|
24367
24390
|
updateTemplateRole(input: {
|
|
24368
24391
|
templateRoleId: "${role.id}"
|
|
24369
24392
|
signerIndex: ${role.signerIndex}
|
|
@@ -24375,6 +24398,16 @@ const updateRole = (role) => {
|
|
|
24375
24398
|
})
|
|
24376
24399
|
}`;
|
|
24377
24400
|
};
|
|
24401
|
+
// swap two adjacent roles
|
|
24402
|
+
const swapRoles = (roleId1, roleId2) => {
|
|
24403
|
+
return `
|
|
24404
|
+
mutation LDVswapRole {
|
|
24405
|
+
swapRoles(input: {
|
|
24406
|
+
roleId1: "${roleId1}"
|
|
24407
|
+
roleId2: "${roleId2}"
|
|
24408
|
+
})
|
|
24409
|
+
}`;
|
|
24410
|
+
};
|
|
24378
24411
|
|
|
24379
24412
|
// Add a role
|
|
24380
24413
|
const updateTemplate = template => {
|
|
@@ -24506,7 +24539,7 @@ class LsDocumentAdapter {
|
|
|
24506
24539
|
query = deleteRole(obj);
|
|
24507
24540
|
break;
|
|
24508
24541
|
case 'swap':
|
|
24509
|
-
query =
|
|
24542
|
+
query = swapRoles(obj, event.data2);
|
|
24510
24543
|
break;
|
|
24511
24544
|
}
|
|
24512
24545
|
break;
|
|
@@ -24519,6 +24552,7 @@ class LsDocumentAdapter {
|
|
|
24519
24552
|
break;
|
|
24520
24553
|
}
|
|
24521
24554
|
const result = await this.execute(accessToken, query);
|
|
24555
|
+
console.log(query, result);
|
|
24522
24556
|
return { result, obj, event };
|
|
24523
24557
|
};
|
|
24524
24558
|
/**
|
|
@@ -24641,7 +24675,7 @@ const getGroupData = (id) => {
|
|
|
24641
24675
|
`;
|
|
24642
24676
|
};
|
|
24643
24677
|
|
|
24644
|
-
const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{border-radius:16px;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100
|
|
24678
|
+
const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:16px;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{width:200px;border:1px gray solid;width:470px;min-width:390px;padding:4px;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:8px;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-editor-infobox{padding:2px 8px 2px 8px}#pdf-canvas{top:0px;left:0px;width:100px;height:100px}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:visible;max-height:100%;width:100vw;overflow:scroll}#ls-document-frame{position:relative;height:98vh}.prevButton{position:relative;bottom:30px}.nextButton{position:relative;bottom:30px}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer{position:relative;height:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
24645
24679
|
|
|
24646
24680
|
pdfExports.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';
|
|
24647
24681
|
const LsDocumentViewer = class {
|
|
@@ -24858,13 +24892,13 @@ const LsDocumentViewer = class {
|
|
|
24858
24892
|
this.zoom = z;
|
|
24859
24893
|
this.canvas = this.component.shadowRoot.getElementById('pdf-canvas');
|
|
24860
24894
|
const frame = this.component.shadowRoot.getElementById('ls-document-frame');
|
|
24861
|
-
const wrapper = this.component.shadowRoot.getElementById('document-frame-wrapper');
|
|
24895
|
+
// const wrapper = this.component.shadowRoot.getElementById('document-frame-wrapper') as HTMLDivElement;
|
|
24862
24896
|
this.canvas.style.height = this.pageDimensions[this.pageNum - 1].height * z + 'px';
|
|
24863
24897
|
this.canvas.style.width = this.pageDimensions[this.pageNum - 1].width * z + 'px';
|
|
24864
24898
|
frame.style.height = this.pageDimensions[this.pageNum - 1].height * z + 'px';
|
|
24865
24899
|
frame.style.width = this.pageDimensions[this.pageNum - 1].width * z + 'px';
|
|
24866
|
-
wrapper.style.height =
|
|
24867
|
-
wrapper.style.width = this.pageDimensions[this.pageNum - 1].width * z + 'px';
|
|
24900
|
+
// wrapper.style.height = this.pageDimensions[this.pageNum - 1].height * z + 200 + 'px';
|
|
24901
|
+
// wrapper.style.width = this.pageDimensions[this.pageNum - 1].width * z + 600 + 'px';
|
|
24868
24902
|
// place all fields at new zoom level
|
|
24869
24903
|
this.component.shadowRoot.querySelectorAll('ls-editor-field').forEach(fx => moveField.bind(this)(fx, fx.dataItem));
|
|
24870
24904
|
this.queueRenderPage(this.pageNum);
|
|
@@ -25041,8 +25075,13 @@ const LsDocumentViewer = class {
|
|
|
25041
25075
|
if (this.token && !this._template)
|
|
25042
25076
|
this.load();
|
|
25043
25077
|
}
|
|
25078
|
+
componentDidLoad() {
|
|
25079
|
+
const box = this.component.shadowRoot.querySelector('#document-frame-wrapper');
|
|
25080
|
+
box.scrollTop = (box.scrollHeight - box.clientHeight) / 2;
|
|
25081
|
+
box.scrollLeft = (box.scrollWidth - box.clientWidth) / 2;
|
|
25082
|
+
}
|
|
25044
25083
|
render() {
|
|
25045
|
-
return (index.h(index.Host, { key: '
|
|
25084
|
+
return (index.h(index.Host, { key: 'f226c5a0576eacff23a116a28d2c4f3494f7f104' }, index.h(index.h.Fragment, null, index.h("div", { key: 'e639ff97c64c798f004eb880ac3eeff971bfda34', class: "page-header" }, index.h("p", { key: '4d39a11db18943e8b224ded27de59180110769c5', class: "header-text-1" }, "Template Creation"), index.h("p", { key: 'c414c9939f263ef743f4c1c744b8215e32fded23' }, "/"), index.h("p", { key: '3ca828d331f6445f52587ccc0a810789956bab1b', class: "header-text-2" }, "Template Name")), index.h("form", { key: 'f0bd9486d22c55f73660f6fbdc3c8745ae3c2201', id: "ls-editor-form" }, this.showtoolbox === true ? (index.h("div", { class: "leftBox" }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, index.h("ls-feature-column", { onManage: manager => {
|
|
25046
25085
|
if (manager.detail === 'document') {
|
|
25047
25086
|
var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
|
|
25048
25087
|
documentManager.template = this._template;
|
|
@@ -25055,7 +25094,7 @@ const LsDocumentViewer = class {
|
|
|
25055
25094
|
} }), index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Participant Fields"), index.h("p", { class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { class: "fields-box" }, this.signer > 0 ? (index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", signer: this.signer })) : (index.h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", signer: this.signer })), index.h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", signer: this.signer }), index.h("div", { class: 'expand-fields-row', onClick: () => (this.expandfields = !this.expandfields) }, index.h("ls-icon", { name: this.expandfields ? 'expand' : 'collapse', size: "20", solid: true }), index.h("p", null, "More Field Types")), this.expandfields && (index.h("div", { class: "fields-box" }, index.h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", signer: this.signer }), index.h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", signer: this.signer }))))), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' })), this.showrightpanel && !this.displayTable && (index.h("div", { class: this.selected && this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
|
|
25056
25095
|
this.selected = [];
|
|
25057
25096
|
e.preventDefault();
|
|
25058
|
-
} }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("
|
|
25097
|
+
} }, index.h("ls-icon", { name: "x", size: "20" }))), index.h("ls-field-properties", { id: "my-field-panel" }), index.h("slot", null))))) : (index.h(index.h.Fragment, null)), index.h("ls-toolbar", { key: '58503d287b530b80fc34330e00cb3a3f24c5f490', id: "ls-toolbar", dataItem: this.selected ? this.selected.map(s => s.dataItem) : null, template: this._template }), index.h("div", { key: 'efb8e5c398ccce4ffb07f3373cb456e42aded4e7', id: "ls-mid-area" }, index.h("div", { key: 'e5ca86dfe5ddd84b8f0c2b73e6e5c8ea9c4c6b11', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: '1b8b7fc2b1485bccb0abced8020ac49d97e0cd90', id: "ls-document-frame" }, index.h("canvas", { key: '7945707591d04d8cf3152214140aed26cca8037c', id: "pdf-canvas", class: this.displayTable ? 'hidden' : '' }), index.h("ls-editor-table", { key: '889f17bf17a63d0b88f99f1b4801dbdbfb80fd72', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '2968db328f19735d9d20530889b35f0cc3d06f79', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: 'b090e33695891a437a8339cf96b85a8eb7ed389c', editor: this }))))));
|
|
25059
25098
|
}
|
|
25060
25099
|
static get watchers() { return {
|
|
25061
25100
|
"mode": ["modeHandler"],
|
|
@@ -25280,7 +25319,7 @@ const defaultRolePalette = [
|
|
|
25280
25319
|
];
|
|
25281
25320
|
// export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
|
|
25282
25321
|
|
|
25283
|
-
const lsEditorFieldCss = ":host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field{opacity:0.7}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.hidden-field{display:none}input{all:unset}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}";
|
|
25322
|
+
const lsEditorFieldCss = ":host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field{opacity:0.7}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.hidden-field{display:none}input{all:unset}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}.required-icon{position:absolute;top:2px;right:2px;color:var(--red-60)}";
|
|
25284
25323
|
|
|
25285
25324
|
const LsEditorField = class {
|
|
25286
25325
|
constructor(hostRef) {
|
|
@@ -25395,7 +25434,7 @@ const LsEditorField = class {
|
|
|
25395
25434
|
return (index.h(index.Host, { key: '5239d34cfda7e3a83d55d447a46a6bf728316fe9', style: { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` } }, index.h("div", { key: '59181ee2a080db4469d8d4e262ca69f27d9c3e2b', class: {
|
|
25396
25435
|
'ls-editor-field': true,
|
|
25397
25436
|
'is-selected': this.selected,
|
|
25398
|
-
} }, index.h("input", { key: '
|
|
25437
|
+
} }, !this.dataItem?.optional && index.h("ls-icon", { key: '9416fcdb2cce01b90858e16263a94efe668ffabe', name: "required", size: "12", class: "required-icon" }), index.h("input", { key: 'c92ba9a8b846b7e41d62cb4af3c501db6a2560f1', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value || this.innerValue, onChange: e => this.onInputChange(e) }), index.h("div", { key: 'e3663eb3363123cb166c61f27dadc2744928e737', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable' }, this.innerValue || this.dataItem?.label || this.dataItem?.formElementType))));
|
|
25399
25438
|
}
|
|
25400
25439
|
static get watchers() { return {
|
|
25401
25440
|
"selected": ["watchSelectedHandler"]
|
|
@@ -25602,13 +25641,35 @@ const lsFieldContentCss = ":host{display:flex;flex-direction:column;gap:1rem;wid
|
|
|
25602
25641
|
const LsFieldContent = class {
|
|
25603
25642
|
constructor(hostRef) {
|
|
25604
25643
|
index.registerInstance(this, hostRef);
|
|
25644
|
+
this.mutate = index.createEvent(this, "mutate");
|
|
25645
|
+
this.update = index.createEvent(this, "update");
|
|
25605
25646
|
}
|
|
25647
|
+
get component() { return index.getElement(this); }
|
|
25606
25648
|
dataItem;
|
|
25607
25649
|
showValidationTypes = true;
|
|
25650
|
+
mutate;
|
|
25651
|
+
update;
|
|
25652
|
+
// Send one or more mutations up the chain
|
|
25653
|
+
// The source of the chain fires the mutation
|
|
25654
|
+
// NOTE this alter is debounced to account for typing
|
|
25655
|
+
alter(diff) {
|
|
25656
|
+
this.dataItem = { ...this.dataItem, ...diff };
|
|
25657
|
+
this.debounce(this.dataItem, 500);
|
|
25658
|
+
}
|
|
25659
|
+
labeltimer;
|
|
25660
|
+
debounce(data, delay) {
|
|
25661
|
+
if (this.labeltimer)
|
|
25662
|
+
clearTimeout(this.labeltimer);
|
|
25663
|
+
this.labeltimer = setTimeout(() => {
|
|
25664
|
+
const diffs = [{ action: 'update', data }];
|
|
25665
|
+
this.mutate.emit(diffs);
|
|
25666
|
+
this.update.emit(diffs);
|
|
25667
|
+
}, delay);
|
|
25668
|
+
}
|
|
25608
25669
|
render() {
|
|
25609
|
-
return (index.h(index.Host, { key: '
|
|
25670
|
+
return (index.h(index.Host, { key: 'fbcd61d4be4223977b4111b2c6869824cc92ae95' }, index.h("ls-props-section", { key: 'c9ccee360ab21e0d87aac95bd68501e45f6a42de', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, index.h("ls-field-type-display", { key: '64d603f9f4fc2d29e058408db7f342387d40adde', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), index.h("ls-props-section", { key: '417e6a383ba695bdd2bc33ad72e9dba6571c003a', sectionTitle: "Required Field", row: true }, index.h("ls-toggle", { key: 'c0f5b0c545a81fbaa6822a69c8c3b39c5012f0f8', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: (ev) => this.alter({ optional: !ev.detail }) })), index.h("ls-props-section", { key: 'b66fbfe2058ce0a038e93731aec4e52ece3abcdd', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, index.h("input", { key: '13821df6723e1e06a4e1b40bb5f4ff4c3ed96f9b', value: this.dataItem?.label, placeholder: "eg. Sign Here", onInput: (e) => this.alter({ label: e.target.value }) })), this.showValidationTypes && (index.h("ls-props-section", { key: '15fc50a9cb4713fcfdbc0d28d4fc6f726bb0248a', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, index.h("ls-input-wrapper", { key: 'a1f58bc51a939d5e29b240890ca340cd5baa82f9', select: true }, index.h("select", { key: '168e0334ee15f426a8757fde2e1f416cf22b19a1', onChange: (ev) => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
|
|
25610
25671
|
.filter(type => type.formType === this.dataItem?.elementType)
|
|
25611
|
-
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.
|
|
25672
|
+
.map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), index.h("slot", { key: '7d32ed3bd6452b15c078614955d2bb2ababb812f' })));
|
|
25612
25673
|
}
|
|
25613
25674
|
};
|
|
25614
25675
|
LsFieldContent.style = lsFieldContentCss;
|
|
@@ -25934,7 +25995,7 @@ const LsFieldProperties = class {
|
|
|
25934
25995
|
};
|
|
25935
25996
|
LsFieldProperties.style = lsFieldPropertiesCss;
|
|
25936
25997
|
|
|
25937
|
-
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)}";
|
|
25998
|
+
const lsFieldPropertiesAdvancedCss = ":host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.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)}";
|
|
25938
25999
|
|
|
25939
26000
|
const LsFieldPropertiesAdvanced = class {
|
|
25940
26001
|
constructor(hostRef) {
|
|
@@ -25943,6 +26004,7 @@ const LsFieldPropertiesAdvanced = class {
|
|
|
25943
26004
|
this.update = index.createEvent(this, "update");
|
|
25944
26005
|
}
|
|
25945
26006
|
dataItem;
|
|
26007
|
+
expanded = false;
|
|
25946
26008
|
mutate;
|
|
25947
26009
|
update;
|
|
25948
26010
|
isSingle(dt) {
|
|
@@ -25954,8 +26016,12 @@ const LsFieldPropertiesAdvanced = class {
|
|
|
25954
26016
|
alter(diff) {
|
|
25955
26017
|
let diffs = [];
|
|
25956
26018
|
if (this.isMultiple(this.dataItem)) {
|
|
25957
|
-
this.dataItem = this.dataItem.map(di => {
|
|
25958
|
-
|
|
26019
|
+
this.dataItem = this.dataItem.map(di => {
|
|
26020
|
+
return { ...di, ...diff };
|
|
26021
|
+
});
|
|
26022
|
+
diffs = this.dataItem.map(di => {
|
|
26023
|
+
return { action: 'update', data: { ...di, ...diff } };
|
|
26024
|
+
});
|
|
25959
26025
|
}
|
|
25960
26026
|
else if (this.isMultiple(this.dataItem)) {
|
|
25961
26027
|
this.dataItem = { ...this.dataItem, ...diff };
|
|
@@ -25966,7 +26032,7 @@ const LsFieldPropertiesAdvanced = class {
|
|
|
25966
26032
|
}
|
|
25967
26033
|
getValue(key) {
|
|
25968
26034
|
if (this.isMultiple(this.dataItem)) {
|
|
25969
|
-
return
|
|
26035
|
+
return '';
|
|
25970
26036
|
}
|
|
25971
26037
|
else if (this.isSingle(this.dataItem)) {
|
|
25972
26038
|
return this.dataItem[key];
|
|
@@ -25974,7 +26040,7 @@ const LsFieldPropertiesAdvanced = class {
|
|
|
25974
26040
|
return '';
|
|
25975
26041
|
}
|
|
25976
26042
|
render() {
|
|
25977
|
-
return (index.h(index.Host, { key: '
|
|
26043
|
+
return (index.h(index.Host, { key: '13764250d68a05fbee356dbde639776287cdf9e5' }, index.h("div", { key: 'c92ad260794264e6404c899d2710481af8d10e44', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, index.h("ls-icon", { key: '5805196a133f130833092504f86487efd770a74a', name: this.expanded ? 'expand' : 'collapse', size: "20", solid: true }), index.h("p", { key: '5e9284bd0d1b616c39c3fd1a50613897edeb4968' }, "Advanced Properties")), this.expanded && (index.h("div", { key: 'a61dcdba03cab23524f21991fcbbf023a313b403', class: 'field-set' }, index.h("ls-props-section", { key: 'c0ca45f621a1f7cbcba368c7c9d2d168e534d51f', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, index.h("input", { key: '698ef61532e2ca9d00d509432f65b5b3b881fa37', value: this.getValue('fieldOrder'), type: "text", placeholder: "eg. 1", onChange: e => this.alter({ fieldOrder: e.target.value }) })), index.h("ls-props-section", { key: '540fd53b8452fb387bfb75fbd3a17f935295d300', sectionTitle: "Ref. Name" }, index.h("input", { key: '6658e31e3f9ca1190883b19a8103f37e434771c5', value: this.getValue('link'), placeholder: "eg. checkbox group", onChange: e => this.alter({ link: e.target.value }) })), index.h("ls-props-section", { key: '758601e648c189f4d8f0ff80ce5974a4c779c0bb', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, index.h("select", { key: 'a26d18acd3d15017267b0cafb0c346e4af9d8416', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, index.h("option", { key: '375df98bd655971a6a7fc35dce325657e6cd8a36', value: "0", selected: this.getValue('linkType') === '0' }, "None"), index.h("option", { key: '6100b1adfdd493723150acb3a8d8c73c5fb6dccd', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), index.h("option", { key: '2e7c259691e2b0e2bb59cdc6802d2ca96ff0a1f9', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), index.h("option", { key: '1efa3dc3df6b3c00d95e737e3e2717483426a68e', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), index.h("ls-props-section", { key: '29812fd14ef2c57990d242b7ee816c3cabcd547a', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, index.h("input", { key: '92ca9721c4b4bef3f91e3b69469175eddd2859d3', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
25978
26044
|
}
|
|
25979
26045
|
};
|
|
25980
26046
|
LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss;
|
|
@@ -25987,7 +26053,7 @@ const LsFieldPropertiesAutosign = class {
|
|
|
25987
26053
|
}
|
|
25988
26054
|
dataItem;
|
|
25989
26055
|
render() {
|
|
25990
|
-
return (index.h(index.Host, { key: '
|
|
26056
|
+
return (index.h(index.Host, { key: '509d9977fabd976760f5ac004627f377e9da5809' }, index.h("div", { key: '33a0e46c2fff043b4758decf242ef73ba925ce41', class: "ls-field-properties-section" }, "Self Sign Field"), index.h("div", { key: 'e72c11df7e14710a6a5bbcfd03b512ddcc08268f' }, "Label: ", index.h("input", { key: '0eea2722278b212fb9f9bf9c4030b6bedb80deaa', value: this.dataItem?.label, width: "30" })), index.h("ls-field-dimensions", { key: '43ccc8c1fd9c3adbd2970099a2347c093a643647', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '6fafad0b24e22d32e5ef648c0903770bdabda02a', dataItem: this.dataItem }), index.h("ls-field-footer", { key: 'ac6e9753309f751ee4cfc46a29077579b376a79b', dataItem: this.dataItem }), index.h("slot", { key: 'e6f61f7e6cd0f2e98748ce014fdde5a996297350' })));
|
|
25991
26057
|
}
|
|
25992
26058
|
};
|
|
25993
26059
|
LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss;
|
|
@@ -26007,7 +26073,7 @@ const LsFieldPropertiesContainer = class {
|
|
|
26007
26073
|
}
|
|
26008
26074
|
}
|
|
26009
26075
|
render() {
|
|
26010
|
-
return (index.h(index.Host, { key: '
|
|
26076
|
+
return (index.h(index.Host, { key: '6079b2c5963afbab2881822ad90626bb3d538bd4' }, this.tabs.length > 1 && (index.h("div", { key: 'd170b92c0570c51840884f125e8f60bb551c2d21', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (index.h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), index.h("div", { key: '5783106ef24e1cb20e34fb7f90a1013388461041', class: 'scrolling-container' }, index.h("slot", { key: 'ad3734e9292d10a8d092d6e361fc1d1c0270cfce', name: this.selectedTab }))));
|
|
26011
26077
|
}
|
|
26012
26078
|
};
|
|
26013
26079
|
LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss;
|
|
@@ -26020,7 +26086,7 @@ const LsFieldPropertiesDate = class {
|
|
|
26020
26086
|
}
|
|
26021
26087
|
dataItem;
|
|
26022
26088
|
render() {
|
|
26023
|
-
return (index.h(index.Host, { key: '
|
|
26089
|
+
return (index.h(index.Host, { key: '561f285f854c85ca972c64680815247b22dc9375' }, index.h("ls-field-properties-container", { key: '6db75b020fb217fc23eee221f2ae286487abeb1b', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'fc0948a3ee41b4a0c080a222d0ea072bea30698b', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '6671fa05122e2b42453636d88a2d8e04ec57df79', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '4e60347e00e3295dfd0f961ec785695fe8dcc2b2', dataItem: this.dataItem })), index.h("div", { key: 'c05bef5b9272591f1080cacc93bb04da8aa3ddce', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '605caaa6a8f45f84db210f9290ebac03bb4b444f', dataItem: this.dataItem })), index.h("div", { key: 'c29e769913ba3c8879916e32ed76b5f1368ca79f', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'ae23c6263ec6aa10d9c17e55836a6f8420e56913', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '5c905ba34549cad4a216003f2e5d15a4cbeb8bc3', dataItem: this.dataItem })));
|
|
26024
26090
|
}
|
|
26025
26091
|
};
|
|
26026
26092
|
LsFieldPropertiesDate.style = lsFieldPropertiesDateCss;
|
|
@@ -26033,7 +26099,7 @@ const LsFieldPropertiesEmail = class {
|
|
|
26033
26099
|
}
|
|
26034
26100
|
dataItem;
|
|
26035
26101
|
render() {
|
|
26036
|
-
return (index.h(index.Host, { key: '
|
|
26102
|
+
return (index.h(index.Host, { key: '33fea4828cffefd5eaae74a43e3a704fe2832cec' }, index.h("ls-field-properties-container", { key: '41d59f707ef7c197d69c332488e44cecb9204e3f', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'dfe52edf587bf1547cf51054e605e484f3116936', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '1fa27823f0e291b152ce523404212b0f0fb07cca', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'f4f95a13f16478e361bd25802c88ae21d1ebbdca', dataItem: this.dataItem })), index.h("div", { key: 'a47cc75a5d9a5a5dac56b72e0e6841cbd1250f4b', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'b94c59c4e089854cbea563499bccc5d665d90d94', dataItem: this.dataItem })), index.h("div", { key: '94e7a84e164c1211deb3b7ddbd1b5c51b9515893', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'c86e375a85dada5d92f44e4388ab455d7bd9a1ed', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '9fcc5e6eb73b6132671a55002cbd066f77e52d78', dataItem: this.dataItem })));
|
|
26037
26103
|
}
|
|
26038
26104
|
};
|
|
26039
26105
|
LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss;
|
|
@@ -26046,7 +26112,7 @@ const LsFieldPropertiesFile = class {
|
|
|
26046
26112
|
}
|
|
26047
26113
|
dataItem;
|
|
26048
26114
|
render() {
|
|
26049
|
-
return (index.h(index.Host, { key: '
|
|
26115
|
+
return (index.h(index.Host, { key: '162bcbf721f54f6ac81f0060c3583554d59b3797' }, index.h("ls-field-properties-container", { key: '6cf46415eeac665e770b64c0b78cfd8f953d48df', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'bc12cb0dba8cea583b9f93e557424b7557c7168b', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '8d98ac4999a22742e065e4d179019e2c8ffa2f69', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '67e42897a7f2c0754efc39d30b90e0b5dc17eab8', dataItem: this.dataItem })), index.h("div", { key: 'e4b704c373cd03e3087355af153d00fc8f5ccc46', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'c8345c4fca3c686bf78c82f75307191072e076d0', dataItem: this.dataItem })), index.h("div", { key: 'e2134cecb75e15e737bf42d9341e70042193b339', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '11f74937bfdc94ee064af348bbe70c69df73ce9c', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'cf65774013025576175ed7abd9dff747444dc1ef', dataItem: this.dataItem })));
|
|
26050
26116
|
}
|
|
26051
26117
|
};
|
|
26052
26118
|
LsFieldPropertiesFile.style = lsFieldPropertiesFileCss;
|
|
@@ -26059,7 +26125,7 @@ const LsFieldPropertiesGeneral = class {
|
|
|
26059
26125
|
}
|
|
26060
26126
|
dataItem;
|
|
26061
26127
|
render() {
|
|
26062
|
-
return (index.h(index.Host, { key: '
|
|
26128
|
+
return (index.h(index.Host, { key: '8e70b4c661db5622072b5336f7d0d3a291e31487' }, index.h("ls-field-properties-container", { key: '1668577d5901d93756fce93445b20fa547a07b90', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '660cdbd41acde0a9e1f24a61e3e00449f892b79e', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '0eb6046520c4639017d46c9f3daf18cb28c1fb77', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '51b3a5756cd9e26b54646064fa8424505fbbf899', dataItem: this.dataItem })), index.h("div", { key: '7ed6daa4612bd86167d523553e479d834af0330b', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'a72b43cec0cd7761e5264fd0abb16566940a33e8', dataItem: this.dataItem })), index.h("div", { key: 'ba570c0f5e1a04bd1002717fb3b6e158f1fe855f', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'e17bc93ab4ecc3aa05a97429da456e577d3695ee', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '862d7cf5de1bc450044008230db4481bca4647bb', dataItem: this.dataItem })));
|
|
26063
26129
|
}
|
|
26064
26130
|
};
|
|
26065
26131
|
LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss;
|
|
@@ -26072,7 +26138,7 @@ const LsFieldPropertiesImage = class {
|
|
|
26072
26138
|
}
|
|
26073
26139
|
dataItem;
|
|
26074
26140
|
render() {
|
|
26075
|
-
return (index.h(index.Host, { key: '
|
|
26141
|
+
return (index.h(index.Host, { key: '7dfab77e158e86d6f65114c2e2eb018f25fc5da1' }, index.h("ls-field-properties-container", { key: '2e4c9410600d561811ad58051ccb60b1ec8c9660', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'd9cf2997d89242ffdcb74b70768ad8b95d9ffec9', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '7df9cc00713c931ab241005fab037ed8061947a2', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '3c99ccc2516bfed139e6440b7fa4bd9d84ba0671', dataItem: this.dataItem })), index.h("div", { key: '15098eb0b2a578fdea90315452c9ace103c14f3c', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '611181fa07e91b053e3004334b10667034784bd0', dataItem: this.dataItem })), index.h("div", { key: '9b1ca8c7095d1f1f275300cae50bce3aa3673e21', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'c077fc5e6c365126da59f31c61fc74df463b6661', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '74cddb79b38d4580ad084c5e3b6a7055d611c31b', dataItem: this.dataItem })));
|
|
26076
26142
|
}
|
|
26077
26143
|
};
|
|
26078
26144
|
LsFieldPropertiesImage.style = lsFieldPropertiesImageCss;
|
|
@@ -26126,14 +26192,14 @@ const LsFieldPropertiesMultiple = class {
|
|
|
26126
26192
|
return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };
|
|
26127
26193
|
};
|
|
26128
26194
|
render() {
|
|
26129
|
-
return (index.h(index.Host, { key: '
|
|
26195
|
+
return (index.h(index.Host, { key: 'ebd6f5e2ce867dfa63377445ae76f97fa3b5e486' }, index.h("ls-field-properties-container", { key: 'cd41f97f58ba358b498d26cd8a5f66c5a8120c6b', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '67a9a3a30b1ffe4a404db3ac9607119a1c165d10', class: 'field-set', slot: "content" }, index.h("div", { key: '68f7f3db09e909fdcfe8baf6f550e36afd0ece11', class: 'ls-field-properties-section' }, index.h("div", { key: 'bd4a0ad7e320b759916fc36b0ab7999988e76ef8', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'c57b188697af8ba89202f4cf183490d2766764ed', class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { key: '8c4017440c558b8367ec13a794f97b28c97b1d1c', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), index.h("div", { key: '2cde399b2f7b8e47efcbcd1732cf69d3ba7c92f6', class: 'ls-field-type-wrapper', style: {
|
|
26130
26196
|
border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
|
|
26131
26197
|
background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
|
|
26132
|
-
} }, index.h("div", { key: '
|
|
26198
|
+
} }, index.h("div", { key: '7375db87dc102145a9b712995aed16674a16b704', class: 'ls-field-type-inner' }, index.h("div", { key: '060c591bdbb72e08d60cb0d23447f6242fe94455', class: 'ls-field-type-icon', style: {
|
|
26133
26199
|
border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
|
|
26134
26200
|
color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
|
|
26135
26201
|
background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
|
|
26136
|
-
} }, index.h("ls-icon", { key: '
|
|
26202
|
+
} }, index.h("ls-icon", { key: '7b103d1d2822194782c583e1e8ddf9be124e5922', name: getFieldIcon(this.allElementsSame().elementType), size: "20" })), index.h("p", { key: '698ccfac728993c3c1fd5327844b0d6fb4d4db10', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), index.h("div", { key: '92289d28ccecf9c32bc94f094224ae32d66984c4', class: 'ls-field-properties-section row' }, index.h("div", { key: 'fc125615d4a45c6d4c5aaeb24f2bb8287d38c877', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'f4f76e0e991f48256cde939e9e52ceccfffc4d60', class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", { key: '0db2516e7f430b95eebbef197eb744d6a21645d9' })), index.h("div", { key: '9f3f3dbed823a3ce722a80f932ffc2717b8249ac', class: 'ls-field-properties-section' }, index.h("div", { key: '8e830c49abffa3e45de9a063cfbe6a2d9d54b9db', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'f1acdc9affda38a87abc2c5b87d125cff7fd1296', class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { key: '9d71e80ac7625baae5e2e574e898308116545ee8', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { key: '0a29d55fc3d71c82e03b49f580044cc19b415676', value: this.allLabelsSame().label, width: "30", placeholder: "eg. Sign Here" }))), index.h("div", { key: '6ef362c04acbf78c5554539064107e8570fd0ec7', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'f7c662c8a4b5e1ffb1ba7b680eb7234daaac5e95', dataItem: this.dataItem }), index.h("ls-field-size", { key: '6422e8ef49213824b67228b98bcc0f47c091a81d', dataItem: this.dataItem })), index.h("div", { key: '922cc3b60aab600e1438a8787b4430906f622c76', class: 'field-set', slot: "placement" }, index.h("ls-field-alignment", { key: '8a156338302c4254ed3ed626ebeb2f09df91db6a', dataItem: this.dataItem }), index.h("ls-field-placement", { key: 'a52775d15c46ff881782e0f7e165ba7670ccbb35', dataItem: this.dataItem }), index.h("ls-field-distribute", { key: 'da6e5840c99d536982281c4ea1835f41adfd680e', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '5d265e78e5e7c785cf4ad458b1f24d6873d144d2' }), index.h("slot", { key: 'e25278e88b2dbda1fd28e18f893999c0ea7c90fc' })));
|
|
26137
26203
|
}
|
|
26138
26204
|
};
|
|
26139
26205
|
LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss;
|
|
@@ -26146,7 +26212,7 @@ const LsFieldPropertiesNumber = class {
|
|
|
26146
26212
|
}
|
|
26147
26213
|
dataItem;
|
|
26148
26214
|
render() {
|
|
26149
|
-
return (index.h(index.Host, { key: '
|
|
26215
|
+
return (index.h(index.Host, { key: '28f789781cad0b21b127126a26e4597162caa705' }, index.h("ls-field-properties-container", { key: 'd4fa12d0d1a2ff6d585e7a005b3d14126ea5ec12', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '6618c396a7116d3f7b00b99ec3bb0fcb3770dc58', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '384b7f0c1183881617a36462b4fea982ce0107eb', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '6a59f0c2618e69c5e227d9ee4ef102bca3850e8b', dataItem: this.dataItem })), index.h("div", { key: 'c1f1d99f634f542163ba0e39241fe60c3f5be902', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '01cbab95055b454847dd33d3712db5ed141dd604', dataItem: this.dataItem })), index.h("div", { key: '790e17ac8b8fb6db5ddd68ed52abad65eba01d18', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '46df1a8cb778b52773c85cc5a691d1aef77c3597', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '24e4d795a6f15948a353c48c761df9b9cf015891', dataItem: this.dataItem })));
|
|
26150
26216
|
}
|
|
26151
26217
|
};
|
|
26152
26218
|
LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss;
|
|
@@ -26159,7 +26225,7 @@ const LsFieldPropertiesSignature = class {
|
|
|
26159
26225
|
}
|
|
26160
26226
|
dataItem;
|
|
26161
26227
|
render() {
|
|
26162
|
-
return (index.h(index.Host, { key: '
|
|
26228
|
+
return (index.h(index.Host, { key: '723074ad497495421be9aa9e0464485d613d602d' }, index.h("ls-field-properties-container", { key: 'f73de10d2722092d486b3e6f38a1710ea18ad8bd', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '7a774106c2131d623934bcb42d1e0cea1b5e898f', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '4121046e5359c669973819d6f0749d2321740a61', dataItem: this.dataItem, showValidationTypes: false }), index.h("ls-field-properties-advanced", { key: 'cabcf54fdac5e05a3afb5efa069004b46edea4fc', dataItem: this.dataItem })), index.h("div", { key: '62b88a61f16d93aa8994a2eebfe61ed076799ba7', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '467047de4da0f166e2962481385bd3c27c6f740d', dataItem: this.dataItem })), index.h("div", { key: 'd72c0b59b468ff6133994345a9fe28da47d499c3', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '5b8b6eb72e23fac2347e9b23d95401cdc8054324', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '2543f517ad29a738a099f066edeb4d71b537d868', dataItem: this.dataItem })));
|
|
26163
26229
|
}
|
|
26164
26230
|
};
|
|
26165
26231
|
LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss;
|
|
@@ -26172,7 +26238,7 @@ const LsFieldPropertiesText = class {
|
|
|
26172
26238
|
}
|
|
26173
26239
|
dataItem;
|
|
26174
26240
|
render() {
|
|
26175
|
-
return (index.h(index.Host, { key: '
|
|
26241
|
+
return (index.h(index.Host, { key: '58852594bb3b81be39ac455c58ad22ed4aff8f10' }, index.h("ls-field-properties-container", { key: '062f48e72aa57d8a30fb4df5c857adb94f76694b', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '904551e8bf73d2a649ce03da5b9f379fd61b851a', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'f8a07c991e91dbbd3d7317fb95cca70ea33c98b6', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '54a68bba7ceb23cbf1b934f91161edc69af8ef3d', dataItem: this.dataItem })), index.h("div", { key: 'e9ad36107e86cab3ea207714591b5be3189f11f9', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '8356a632e1955f8d8eed05193874b22f9a7f5ce3', dataItem: this.dataItem })), index.h("div", { key: '9157aee2cf33e806cf90aede56a599df8b1481a7', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '6040dbecb1683bbe32479f6419852ef700f7925d', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '1b07b81900e3465fcba8bbaec3306a811b0acd4a', dataItem: this.dataItem })));
|
|
26176
26242
|
}
|
|
26177
26243
|
};
|
|
26178
26244
|
LsFieldPropertiesText.style = lsFieldPropertiesTextCss;
|
|
@@ -26199,7 +26265,7 @@ const LsFieldSize = class {
|
|
|
26199
26265
|
this.update.emit(diffs);
|
|
26200
26266
|
}
|
|
26201
26267
|
render() {
|
|
26202
|
-
return (index.h(index.Host, { key: '
|
|
26268
|
+
return (index.h(index.Host, { key: 'c14bef2bdf008df4b0e5ff64d283f55baa9275bd' }, index.h("div", { key: '660df296da3917e989be89fa019d89a828ed71a5', class: 'ls-field-properties-section' }, index.h("div", { key: 'da0b2e16fc684b2338537788c34f7bd2294efd32', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'b8b854c5d683aae0a115c9c4321aaff89b7b3ef8', class: 'ls-field-properties-section-title' }, "Scale and Resize"), index.h("p", { key: '1d251db8ca7deba828de09736b32dac64084163d', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), index.h("div", { key: '54832e47953a58f57c532b1d9ea9eb43c1650dbd', class: 'button-group' }, index.h("button", { key: 'df31f31e66ff576064e437a6b4ae4fcc5bcac6a8', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height and width as the first selected field.", "data-tooltip-place": "top" }, index.h("ls-icon", { key: 'bd0d751d84b06fed37478ebaa40c3e8d31e803d1', name: "field-scale" })), index.h("button", { key: '6f7e5aec604a303f798bbb047f815cfe132bb31e', "aria-label": "Make selected fields the same width as the first selected field.", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same width as the first selected field.", "data-tooltip-place": "top" }, index.h("ls-icon", { key: '2ba81548c5cd9b76c75bf25404f30d764323d021', name: "field-match-width" })), index.h("button", { key: 'a933306a2ced6b25378556631ca63a754b8694c6', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height as the first selected field.", "data-tooltip-place": "top" }, index.h("ls-icon", { key: 'dad3e8be3be3fe2681c9abc550f2d608d73a044f', name: "field-match-height" })))), index.h("slot", { key: 'a4ecdfe1a093ffe70e37ff21df9e1cc826a38bb7' })));
|
|
26203
26269
|
}
|
|
26204
26270
|
};
|
|
26205
26271
|
LsFieldSize.style = lsFieldSizeCss;
|
|
@@ -26234,14 +26300,14 @@ const LsFieldTypeDisplay = class {
|
|
|
26234
26300
|
fieldType = 'signature';
|
|
26235
26301
|
render() {
|
|
26236
26302
|
const color = defaultRolePalette[this.assignee % 100];
|
|
26237
|
-
return (index.h(index.Host, { key: '
|
|
26303
|
+
return (index.h(index.Host, { key: '874c6de79f2aa0f1b11a78d9ee996d2f2f8862d5', class: 'ls-field-type-wrapper', style: {
|
|
26238
26304
|
border: `1px dashed ${color.s30}`,
|
|
26239
26305
|
background: color.s10,
|
|
26240
|
-
} }, index.h("div", { key: '
|
|
26306
|
+
} }, index.h("div", { key: '1e504c8c0b0b4a7e09824c1c3234e70f8df4fded', class: 'ls-field-type-inner' }, index.h("div", { key: '1c1a30b7cb8978c31201eacd28d7e856281d23cc', class: 'ls-field-type-icon', style: {
|
|
26241
26307
|
border: `1px solid ${color.s60}`,
|
|
26242
26308
|
color: color.s60,
|
|
26243
26309
|
background: color.s10,
|
|
26244
|
-
} }, index.h("ls-icon", { key: '
|
|
26310
|
+
} }, index.h("ls-icon", { key: 'bcb81904254225e7c786209da4b51a1cf7dab829', name: getFieldIcon(this.fieldType), size: "20" })), index.h("p", { key: '5d5b5ad50597d2adf9b5c523147b17708a75920a', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
|
|
26245
26311
|
}
|
|
26246
26312
|
};
|
|
26247
26313
|
LsFieldTypeDisplay.style = lsFieldTypeDisplayCss;
|
|
@@ -26251,6 +26317,7 @@ const lsFormfieldCss = "* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.form
|
|
|
26251
26317
|
const LsFormfield = class {
|
|
26252
26318
|
constructor(hostRef) {
|
|
26253
26319
|
index.registerInstance(this, hostRef);
|
|
26320
|
+
this.valueChange = index.createEvent(this, "valueChange");
|
|
26254
26321
|
}
|
|
26255
26322
|
name;
|
|
26256
26323
|
fieldId;
|
|
@@ -26275,24 +26342,25 @@ const LsFormfield = class {
|
|
|
26275
26342
|
buttonIcon;
|
|
26276
26343
|
labelIcon;
|
|
26277
26344
|
fieldIcon;
|
|
26345
|
+
valueChange;
|
|
26346
|
+
changeHandler(value) {
|
|
26347
|
+
this.valueChange.emit(value);
|
|
26348
|
+
}
|
|
26278
26349
|
_value;
|
|
26279
26350
|
valueWatcher(newValue) {
|
|
26280
26351
|
this._value = newValue;
|
|
26352
|
+
console.log(newValue);
|
|
26281
26353
|
}
|
|
26282
26354
|
componentWillLoad() {
|
|
26283
26355
|
this.valueWatcher(this?.value?.toString());
|
|
26284
26356
|
}
|
|
26285
|
-
handleChange = (event) => {
|
|
26286
|
-
const target = event.target;
|
|
26287
|
-
this.value = target.value;
|
|
26288
|
-
};
|
|
26289
26357
|
render() {
|
|
26290
26358
|
const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
|
|
26291
26359
|
const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
|
|
26292
|
-
return (index.h("host", { key: '
|
|
26360
|
+
return (index.h("host", { key: 'daaac1d8b3f3a180d2f69a97b12a614365997663', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (index.h("div", { key: '7abc0a522b55d8aa3fd45d6f9e597e41d1cc56cc', class: "formfield-top-elements" }, index.h("div", { key: '11445bd1bebbd6c3cc0a18cd7248fb8d5a532ca9', class: "formfield-left-side" }, labelIcon && index.h("ls-icon", { key: '3bb504fd411e441bf781bbd14b641175b8cb8c45', name: labelIcon }), index.h("label", { key: 'be97a1f7f942fdf6311f2e6eb4a6fe72cd8a5c4c', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && index.h("ls-icon", { key: 'c4baa9c424af848fcc3258633d1cf340a51df004', name: 'information-circle' })), extraLabel === 'optional' ? (index.h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (index.h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (index.h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (index.h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, index.h("slot", null))) : as === 'radio' ? (index.h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (index.h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (index.h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (index.h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (index.h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (index.h("p", null, "placeholder")), errorText ||
|
|
26293
26361
|
count ||
|
|
26294
26362
|
countMax ||
|
|
26295
|
-
(descriptionText && (index.h("div", { key: '
|
|
26363
|
+
(descriptionText && (index.h("div", { key: '4a770018d94c2b2729f59358f9e7365f033432f1', class: "formfield-bottom-elements" }, errorText && !valid ? index.h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? index.h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (index.h("div", { key: '1d269de287a492fc8b5cc95cd6ebcb3c460dc818', class: "formfield-count-container" }, index.h("p", { key: '07155f4d0aa0e14d7b6aee7a2a30f66bc0b5e753', class: countClass }, value?.toString()?.length), countMax > 0 && (index.h("div", { key: 'a88c4244692d23c99140840ce0fc3b4e79650a2c', class: countClass }, index.h("p", { key: 'e12bd7d3b27a0c0e1298bd680bbac47be9951d56' }, "/"), index.h("p", { key: '64b75dc2f476e1755bcb6e8e7623146071134437' }, countMax))))))))));
|
|
26296
26364
|
}
|
|
26297
26365
|
static get watchers() { return {
|
|
26298
26366
|
"value": ["valueWatcher"]
|
|
@@ -33324,7 +33392,7 @@ const LsIcon = class {
|
|
|
33324
33392
|
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.');
|
|
33325
33393
|
}
|
|
33326
33394
|
render() {
|
|
33327
|
-
return (index.h("host", { key: '
|
|
33395
|
+
return (index.h("host", { key: 'd664f982e5c6680eff47d16f955715299f33e931' }, icons
|
|
33328
33396
|
?.filter((icon) => icon.name === this.name)
|
|
33329
33397
|
?.map((icon) => (index.h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
33330
33398
|
height: `${this.size}px`,
|
|
@@ -33343,7 +33411,7 @@ const LsInputWrapper = class {
|
|
|
33343
33411
|
leadingIcon;
|
|
33344
33412
|
select = false;
|
|
33345
33413
|
render() {
|
|
33346
|
-
return (index.h(index.Host, { key: '
|
|
33414
|
+
return (index.h(index.Host, { key: '6e88b53160b6e18d913292de6f9096dc1798e984' }, index.h("ls-icon", { key: 'be0553bf9dd52444fe3ebe2ac93b5077fe4fd138', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && index.h("ls-icon", { key: '613e6fdaf85148bd351f1a44e2bd7b32c7608ebf', id: "selectorIcon", name: "selector" }), index.h("slot", { key: '1dfa83a8b9fd0330513b2327426db292f566fedb' })));
|
|
33347
33415
|
}
|
|
33348
33416
|
};
|
|
33349
33417
|
LsInputWrapper.style = lsInputWrapperCss;
|
|
@@ -33389,12 +33457,12 @@ const LsNumberInput = class {
|
|
|
33389
33457
|
? 'invalid'
|
|
33390
33458
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33391
33459
|
const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
|
|
33392
|
-
return (index.h("host", { key: '
|
|
33460
|
+
return (index.h("host", { key: 'e89fbfda5732a9f5b04234e4640cfb03cef7d49d', class: type === 'ls' && 'host' }, type === 'ls' && (index.h("button", { key: '17906e0db50d93180c9482aaec28ea18dec49587', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, index.h("ls-icon", { key: '6935646d9d6a0cc6fe7f3b53f07125b3f6365979', id: 'buttonIcon', name: 'minus-sm' }))), index.h("div", { key: 'e49d192db60f5d0bce33da1db22e331d9651ac08', class: 'input-container' }, fieldIcon && (index.h("ls-icon", { key: 'a25f5885d2dd42308ccee52a63f8002f8c2345c3', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("input", { key: '4e59e3586f248a5e72d8efe1a423b74cd6271409', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), index.h("div", { key: 'f4958fbf9e0de963317734ab7d943fe17ac993f5', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '81c512051f8f187742ee2ab8f13dc51a13df3807', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (index.h("button", { key: 'f660f1415755667140b8420c628602973045ba66', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '9c4f16f97893e37f3c9a31dc46011ca22a0c0b1c', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (index.h("button", { key: 'b06543e661a5fc727fc2839fd01829be562a1011', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, index.h("ls-icon", { key: '0d232807d5304196ac7dca314435fd1dadf63116', id: 'buttonIcon', name: 'plus-sm' })))));
|
|
33393
33461
|
}
|
|
33394
33462
|
};
|
|
33395
33463
|
LsNumberInput.style = lsNumberInputCss;
|
|
33396
33464
|
|
|
33397
|
-
const lsParticipantCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;border-radius:1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.role-label{display:flex;padding:0.125rem 0.
|
|
33465
|
+
const lsParticipantCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;border-radius:1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px;width:100%}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,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.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
33398
33466
|
|
|
33399
33467
|
const LsParticipantCard = class {
|
|
33400
33468
|
constructor(hostRef) {
|
|
@@ -33417,38 +33485,40 @@ const LsParticipantCard = class {
|
|
|
33417
33485
|
}
|
|
33418
33486
|
swapHandler(role1, role2) {
|
|
33419
33487
|
this.update.emit([{ action: 'swap', data: role1, data2: role2 }]);
|
|
33488
|
+
this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);
|
|
33420
33489
|
}
|
|
33421
33490
|
render() {
|
|
33422
|
-
|
|
33491
|
+
const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) || [];
|
|
33492
|
+
return (index.h(index.Host, { key: '300399f367f4312a1a41e4042538358025bd9d32' }, index.h("div", { key: '5f693039b0dd611c617682a94ad9b490e47d4595', class: "participant-card", onClick: () => {
|
|
33423
33493
|
this.selectedHandler(this.signer);
|
|
33424
33494
|
}, style: {
|
|
33425
33495
|
background: defaultRolePalette[this.signer?.signerIndex % 100].s10,
|
|
33426
33496
|
border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,
|
|
33427
33497
|
marginTop: this.signer.signerIndex > 100 && '-0.813rem',
|
|
33428
|
-
}, onMouseEnter: e => e.currentTarget.querySelector('.button-set')?.classList.remove('hidden'), onMouseLeave: e => e.currentTarget.querySelector('.button-set')?.classList.add('hidden') }, index.h("div", { key: '
|
|
33498
|
+
}, onMouseEnter: e => e.currentTarget.querySelector('.button-set')?.classList.remove('hidden'), onMouseLeave: e => e.currentTarget.querySelector('.button-set')?.classList.add('hidden') }, index.h("div", { key: 'e0091f70bd9dd2d992b7b929930326af9fc07e8d', class: 'participant-card-inner' }, index.h("div", { key: 'e954256599d9189b68b50b6b75bb62a1583a5340', class: 'participant-card-top-items' }, index.h("div", { key: '22ab590f8670f502e4a38d757dd9b409ed19f450', class: 'role-label', style: {
|
|
33429
33499
|
background: defaultRolePalette[this.signer?.signerIndex % 100].s20,
|
|
33430
33500
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s90,
|
|
33431
|
-
} }, index.h("ls-icon", { key: '
|
|
33501
|
+
} }, index.h("ls-icon", { key: '0e314f53b07b487d7d6b39c4143bbb9d7ae98b80', name: this.signer?.signerIndex > 100 ? 'eye' : 'signature' }), 'Participant ' + (this.signer?.signerIndex || '')), !this.editable && (index.h("div", { key: '119b5fbaa16a0a9268ca77a277b108894b7e71cf', class: 'button-set hidden' }, this.index > 0 && (index.h("div", { key: '6b241a08436d20678b79daa30c49636bd3c17800', class: "innerButton", onClick: () => {
|
|
33432
33502
|
this.swapHandler(this.signer, this.template.roles[this.index - 1]);
|
|
33433
33503
|
}, style: {
|
|
33434
33504
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33435
33505
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33436
|
-
} }, index.h("ls-icon", { key: '
|
|
33506
|
+
} }, index.h("ls-icon", { key: '59e635917341faa1442ab316a727764dac4282e9', name: "arrow-up", size: "18" }))), this.signer.signerIndex !== this.template.roles.length && (index.h("div", { key: '4346610f1ef79bee775b9e6b7d28434d8f522615', class: "innerButton", onClick: () => {
|
|
33437
33507
|
this.swapHandler(this.signer, this.template.roles[this.index + 1]);
|
|
33438
33508
|
}, style: {
|
|
33439
33509
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33440
33510
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33441
|
-
} }, index.h("ls-icon", { key: '
|
|
33511
|
+
} }, index.h("ls-icon", { key: '0d85a63b0d8441ca06ded1eda695237078597810', name: "arrow-down", size: "18" }))), index.h("div", { key: 'd14f861436b44bc43f2f46f804c785425de4cb8b', class: "innerButton", onClick: () => {
|
|
33442
33512
|
this.editable = true;
|
|
33443
33513
|
}, style: {
|
|
33444
33514
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33445
33515
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33446
|
-
} }, index.h("ls-icon", { key: '
|
|
33516
|
+
} }, index.h("ls-icon", { key: '4f4dce9110dcab1f23439427bc4112acee768584', name: "pencil-alt", size: "18" })), index.h("div", { key: 'cc9d0a0ae6f7d1449d7f7d30055e1b204021ebda', class: "innerButton", onClick: () => {
|
|
33447
33517
|
this.deleteHandler(this.signer);
|
|
33448
33518
|
}, style: {
|
|
33449
33519
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
33450
33520
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
33451
|
-
} }, index.h("ls-icon", { key: '
|
|
33521
|
+
} }, index.h("ls-icon", { key: '648d735c2c4647082db6e2a1a1596034963c6b25', name: "trash", size: "18" }))))), this.editable ? (index.h("form", { class: 'participant-card-inner', onSubmit: e => {
|
|
33452
33522
|
e.preventDefault();
|
|
33453
33523
|
this.update.emit([
|
|
33454
33524
|
{
|
|
@@ -33461,12 +33531,15 @@ const LsParticipantCard = class {
|
|
|
33461
33531
|
},
|
|
33462
33532
|
]);
|
|
33463
33533
|
this.editable = false;
|
|
33464
|
-
} }, index.h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'eye' : 'signature' }, index.h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon' }, index.h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), index.h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer"))), index.h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name }), index.h("button", { type: "submit", class: "
|
|
33534
|
+
} }, index.h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'eye' : 'signature' }, index.h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon' }, index.h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), index.h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer"))), index.h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name }), index.h("div", { class: 'form-button-set' }, index.h("button", { type: "cancel", class: "secondary full-width" }, "Cancel"), index.h("button", { type: "submit", class: "full-width" }, "Save")))) : (index.h("div", { class: 'participant-card-text' }, index.h("p", { class: "participant-text-description", style: {
|
|
33465
33535
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s100,
|
|
33466
33536
|
} }, this.signer.name || `${this.signer.signerIndex > 100 ? 'Witness' : 'Signer'} ${this.signer.signerIndex + 1}`), index.h("p", { class: "participant-text-type", style: {
|
|
33467
33537
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s80,
|
|
33468
33538
|
textTransform: 'capitalize',
|
|
33469
|
-
} }, this.signer.roleType.toLowerCase())
|
|
33539
|
+
} }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (index.h("div", { class: 'role-label fields', style: {
|
|
33540
|
+
background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,
|
|
33541
|
+
color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,
|
|
33542
|
+
} }, participantFields.length === 0 && index.h("ls-icon", { name: "exclamation-circle", size: "16", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), index.h("slot", { key: 'dda0b0195b5058a91e9249bc3f251f6da598973f' })));
|
|
33470
33543
|
}
|
|
33471
33544
|
};
|
|
33472
33545
|
LsParticipantCard.style = lsParticipantCardCss;
|
|
@@ -33522,10 +33595,10 @@ const LsParticipantManager = class {
|
|
|
33522
33595
|
this.mutate.emit(data);
|
|
33523
33596
|
}
|
|
33524
33597
|
render() {
|
|
33525
|
-
return (index.h(index.Host, { key: '
|
|
33598
|
+
return (index.h(index.Host, { key: '5b11da563144f62fb59e2821bcd2fd57896f7e68' }, index.h("div", { key: 'ba4d1443c0edc91eb123d3a225c5e1f9e49df79e', class: "ls-editor-infobox" }, index.h("h2", { key: '11eec7e5c1db6cefd3bdd87c7d5444f06424afc7', class: "toolbox-section-title" }, "Participants"), index.h("p", { key: '80c3e2ae3c60005ba34c7a5499e0b0c009b8585d', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { key: '22d8aa202afc49c5fc10c85c283126b9fc557d9d', class: "participant-list" }, this.template &&
|
|
33526
33599
|
this.template?.roles.map((r, index$1) => {
|
|
33527
33600
|
return index.h("ls-participant-card", { signer: r, index: index$1, template: this.template });
|
|
33528
|
-
})), index.h("div", { key: '
|
|
33601
|
+
})), index.h("div", { key: '40f05d87af9a9be58d4c0d67bbef14285a6315df', class: 'add-participant-button' }, index.h("button", { key: '15b8d0b2e3a6f12b39cd462fab6e9cd0c3b1d116', onClick: () => this.createHandler() }, index.h("ls-icon", { key: '7569e30b350228c6258722212624a32540231a86', name: "user-add", size: "20", color: "var(--gray-100, #45484D);" }), index.h("p", { key: '24501b424b7266ae689ac89954d8f0aea53d12b8' }, "Add Participant"))), index.h("slot", { key: 'ff03b8dbdb614019261cf5a4ae10b5f1863ca86f' })));
|
|
33529
33602
|
}
|
|
33530
33603
|
};
|
|
33531
33604
|
LsParticipantManager.style = lsParticipantManagerCss;
|
|
@@ -33574,27 +33647,27 @@ const LsParticipantSelect = class {
|
|
|
33574
33647
|
this.roleChange.emit(role.signerIndex);
|
|
33575
33648
|
}
|
|
33576
33649
|
render() {
|
|
33577
|
-
return (index.h(index.Host, { key: '
|
|
33650
|
+
return (index.h(index.Host, { key: 'c1d9fa3cdd06b43966a70c513d663c7c0c6b80b3' }, index.h("div", { key: '2d47dc0e8dc4df90904527efe2babccac04b0590', class: "dropdown" }, index.h("div", { key: '2ac6dee09d1b6f9a2f2e289029442a05f21a3cf2', class: "dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: 'e3b392d0300805c61d82a0d9441fde5ceb6bea34', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b876273e38fbb82fd397b2d4eb8267a03e9ca651', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), index.h("path", { key: '08baf17ccfcfb091be185a48349f857d887864ae', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), index.h("path", { key: '362cba1256c05f712e5755f1b87902ef47e77387', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), index.h("path", { key: '9a57ce6c4a2b4de7fc2a42b9c62ee5a3f8bf0ab2', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("p", { key: '5d333e210fe6667abcf2c4a86ee8d0821010c9e7', class: 'placing-fields-text' }, "Placing Fields for"), index.h("div", { key: 'e10cfbbef26dbaa3d0c5eb13152158490ff840e1', class: 'selected-role-label', style: {
|
|
33578
33651
|
background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
|
|
33579
33652
|
color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
|
|
33580
|
-
} }, index.h("ls-icon", { key: '
|
|
33653
|
+
} }, index.h("ls-icon", { key: '82953c3e913a27ddbf2550104df21b296c68adc9', size: "18", name: this.selectedRole?.roleType === 'SENDER'
|
|
33581
33654
|
? 'user'
|
|
33582
33655
|
: this.selectedRole?.roleType === 'APPROVER'
|
|
33583
33656
|
? 'check-circle'
|
|
33584
33657
|
: this.selectedRole?.roleType === 'WITNESS'
|
|
33585
33658
|
? 'eye'
|
|
33586
33659
|
: 'signature' }), this.selectedRole.name ||
|
|
33587
|
-
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: '
|
|
33660
|
+
(this.selectedRole.signerIndex > 100 ? `Participant ${this.selectedRole.signerIndex - 100} Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: 'ab629516573aca57b8bb025172ff5994e3ef0104', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: '4bce05740c4bfbbd76c9375dc2a577ee124c1656', name: "chevron-down" }))), this.isOpen && (index.h("div", { key: 'abcb46c3b2ce920aa8c58424b5802d8e5d7075fd', class: "dropdown-list" }, index.h("div", { key: 'abf152359eb5c9932f6a61fc5cc3c423ef035953', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33588
33661
|
'--background-selected': defaultRolePalette[0].s10,
|
|
33589
33662
|
'--check-icon-selected': defaultRolePalette[0].s50,
|
|
33590
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, index.h("div", { key: '
|
|
33663
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, index.h("div", { key: 'bf13d5678ae3b7cf3abe8fb0de483038183af28f', class: 'role-icon', style: {
|
|
33591
33664
|
background: defaultRolePalette[0].s50,
|
|
33592
33665
|
color: defaultRolePalette[0].s80,
|
|
33593
|
-
} }, index.h("ls-icon", { key: '
|
|
33666
|
+
} }, index.h("ls-icon", { key: '14151f994adad84005a49e825507588490005e4a', name: "user" })), index.h("div", { key: '44224772f8759fd551b86b2628ab8a0224944e35', class: 'role-text' }, index.h("p", { key: '414e8985272aa555f5946d50092a8750531d5a34', class: 'role-name', style: {
|
|
33594
33667
|
'--role-name-selected': defaultRolePalette[0].s80,
|
|
33595
|
-
} }, 'Sender'), index.h("p", { key: '
|
|
33668
|
+
} }, 'Sender'), index.h("p", { key: '6a4be2dcead24578e7ccbb95b5531fbbfed0c9b1', class: 'role-type', style: {
|
|
33596
33669
|
'--role-type-selected': defaultRolePalette[0].s80,
|
|
33597
|
-
} }, "You")), index.h("ls-icon", { key: '
|
|
33670
|
+
} }, "You")), index.h("ls-icon", { key: '228f6822f6ad462cd91cbeb367f5a77bd40dc7ce', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (index.h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
33598
33671
|
'--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
|
|
33599
33672
|
'--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
|
|
33600
33673
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
@@ -33606,7 +33679,7 @@ const LsParticipantSelect = class {
|
|
|
33606
33679
|
'--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
|
|
33607
33680
|
} }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), index.h("p", { class: 'role-type', style: {
|
|
33608
33681
|
'--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
|
|
33609
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), index.h("slot", { key: '
|
|
33682
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex }))))))), index.h("slot", { key: 'd52aef3496df65cebdf608bde47b0b0584df8e4f' })));
|
|
33610
33683
|
}
|
|
33611
33684
|
};
|
|
33612
33685
|
LsParticipantSelect.style = lsParticipantSelectCss;
|
|
@@ -33621,7 +33694,7 @@ const LsPropsSection = class {
|
|
|
33621
33694
|
sectionDescription;
|
|
33622
33695
|
row = false;
|
|
33623
33696
|
render() {
|
|
33624
|
-
return (index.h(index.Host, { key: '
|
|
33697
|
+
return (index.h(index.Host, { key: '8af3f4adbeea425e8d3a38bf95fbf8ae8e337e57' }, index.h("div", { key: 'f80bab923d1607da243e9fbef8518c1621b0f6d8', class: this.row ? 'ls-field-properties-section row' : 'ls-field-properties-section' }, index.h("div", { key: '7d8d3d6336665525d6ec7f6b1ffbafcd34949710', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'edbd39ea436a62ecb9f9139398e7f1f47728dc0d', class: 'ls-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && index.h("p", { key: '44de2ab5ed2ef26e31348d320de1332d56d20b59', class: 'ls-field-properties-section-description' }, this.sectionDescription)), index.h("slot", { key: '87a848d33fb4aad0189db6a968ed8826dfd7641f' }))));
|
|
33625
33698
|
}
|
|
33626
33699
|
};
|
|
33627
33700
|
LsPropsSection.style = lsPropsSectionCss;
|
|
@@ -33642,7 +33715,7 @@ const LsRadioInput = class {
|
|
|
33642
33715
|
render() {
|
|
33643
33716
|
const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
|
|
33644
33717
|
const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
|
|
33645
|
-
return (index.h("label", { key: '
|
|
33718
|
+
return (index.h("label", { key: 'bbae0b9694ffe32d08bc92d19a6d86c816a68a41', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, index.h("input", { key: '080d4e498934fcd4385c96e3c66ea4acf1e46b70', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), index.h("div", { key: '860b00749727c8bce00ab04e184431c37b8e2242', class: 'spanContainer' }, index.h("span", { key: '4a5423b7b13f935d14c4ced1d0c0d8e0552f98fe' }, icon && index.h("ls-icon", { key: 'd4e96dbe63a5933ced6b19826952146cad620a1d', name: icon, size: "16" })), index.h("span", { key: '82690546986e6d7d0f26aa455e170984fb865fe8' }, label))));
|
|
33646
33719
|
}
|
|
33647
33720
|
};
|
|
33648
33721
|
LsRadioInput.style = lsRadioInputCss;
|
|
@@ -33679,7 +33752,7 @@ const LsSelectInput = class {
|
|
|
33679
33752
|
: displayOnly
|
|
33680
33753
|
? 'displayOnly'
|
|
33681
33754
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33682
|
-
return (index.h("host", { key: '
|
|
33755
|
+
return (index.h("host", { key: '3198e57fe90d122525a59d9ba97deb167780d56e', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'be5ffb22ca4e124fac1b016f34b42664e4b08a2b', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("select", { key: '2434eae8a73565f78fc5eaf942cae0f6ad6dc2ed', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, index.h("slot", { key: '57a99df199b2acf09d5c04239d979aec20bea07e' })), index.h("div", { key: '1caf895c6bab1d0f61078ee9d0451b60ad84b45c', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: 'e15ccaf5a83f300b8ef6c8603edef89390f6d628', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (index.h("button", { class: 'button', onClick: buttonClick }, index.h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (index.h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
|
|
33683
33756
|
}
|
|
33684
33757
|
};
|
|
33685
33758
|
LsSelectInput.style = lsSelectInputCss;
|
|
@@ -33723,11 +33796,11 @@ const LsStatusbar = class {
|
|
|
33723
33796
|
this.zoom = this.editor.zoom;
|
|
33724
33797
|
}
|
|
33725
33798
|
render() {
|
|
33726
|
-
return (index.h(index.Host, { key: '
|
|
33799
|
+
return (index.h(index.Host, { key: '4bd1a21af721a005d600df17fcd60b3f0d7b366b' }, index.h("div", { key: '62955953c4485c48653b3da3164f966c10227a2b', class: "status-bar-section" }, index.h("button", { key: '98fc2664e5432c6f33fd634796f6e7d2eed33a95', onClick: () => this.setZoom(this.editor.zoom * 0.8) }, index.h("ls-icon", { key: '83eb3c9987e804cadfd82858b3a9b4759d46d236', name: "zoom-out" })), index.h("div", { key: 'ee55d3bccbf0272988f44c7c1bf61f3e44e7c79b' }, index.h("input", { key: '287c0c6f792a8f7072923765eb73d8763758a14f', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), index.h("button", { key: '283b244472927eb51c4c07e083f80fe02a3c1a20', onClick: () => this.setZoom(this.editor.zoom / 0.8) }, index.h("ls-icon", { key: 'd00e1b019730f8af5ac801e7afcb0a09f2a7951c', name: "zoom-in" }))), index.h("div", { key: '34ccb92641e8fbf5afe3710cd0f8db431ee6e729', class: "status-bar-section" }, index.h("button", { key: 'c2ff18c984d591670964e212c0f2596dc3895020', onClick: () => this.fitWidth() }, index.h("ls-icon", { key: '43456ec3c5921a6d3eec055c95e733e299807627', name: "fit-width" })), index.h("button", { key: 'd75887d090131f2e2a14cff8b80cc4f19ce1549a', onClick: () => this.fitHeight() }, index.h("ls-icon", { key: '9ea9ac42c1616beb3a1fbd17e0fd25d6c6bd0386', name: "fit-height" }))), index.h("div", { key: 'b24d99c900e7110483a047e176dc29321e0f9473', class: "status-bar-section" }, index.h("button", { key: 'f3272a6db8f5b44e551139b225576d83b46e1aa7', onClick: () => {
|
|
33727
33800
|
this.editor.pagePrev();
|
|
33728
|
-
} }, index.h("ls-icon", { key: '
|
|
33801
|
+
} }, index.h("ls-icon", { key: '2456635ebda7460863cbaa39e07d1dd8af68dbcd', name: "chevron-left" })), index.h("p", { key: '0aaf26d9af14db1632afa6695ecd0dd5e2e1cfd0' }, "1 / 2"), index.h("button", { key: '5b89e0d484f51adb7646ea16e42e65b2c96c813a', onClick: () => {
|
|
33729
33802
|
this.editor.pageNext();
|
|
33730
|
-
} }, index.h("ls-icon", { key: '
|
|
33803
|
+
} }, index.h("ls-icon", { key: 'f4b858dc69fd3ee4ca6fc60173c7411ac213982d', name: "chevron-right" }))), index.h("slot", { key: '2d8a04174cf4a6fe127f844025dd9309304fdd3a' })));
|
|
33731
33804
|
}
|
|
33732
33805
|
};
|
|
33733
33806
|
LsStatusbar.style = lsStatusbarCss;
|
|
@@ -33737,6 +33810,7 @@ const lsTextInputCss = "* {\n box-sizing: border-box;\n font-family: \"IBM Ple
|
|
|
33737
33810
|
const LsTextInput = class {
|
|
33738
33811
|
constructor(hostRef) {
|
|
33739
33812
|
index.registerInstance(this, hostRef);
|
|
33813
|
+
this.valueChange = index.createEvent(this, "valueChange");
|
|
33740
33814
|
}
|
|
33741
33815
|
type = 'default';
|
|
33742
33816
|
name;
|
|
@@ -33752,10 +33826,15 @@ const LsTextInput = class {
|
|
|
33752
33826
|
buttonClick;
|
|
33753
33827
|
buttonIcon;
|
|
33754
33828
|
fieldIcon;
|
|
33829
|
+
valueChange;
|
|
33755
33830
|
showPassword = false;
|
|
33756
33831
|
handlePassword = () => {
|
|
33757
33832
|
this.showPassword = !this.showPassword;
|
|
33758
33833
|
};
|
|
33834
|
+
changeHandler(event) {
|
|
33835
|
+
console.log(event);
|
|
33836
|
+
this.valueChange.emit(event.target.value);
|
|
33837
|
+
}
|
|
33759
33838
|
render() {
|
|
33760
33839
|
const { type, name, value, placeholder, aria, disabled, required, valid, dirty, countMax, buttonClick, buttonIcon, fieldIcon, showPassword, handlePassword, } = this;
|
|
33761
33840
|
const inputClass = clsx('input-base', type === 'displayonly'
|
|
@@ -33767,7 +33846,13 @@ const LsTextInput = class {
|
|
|
33767
33846
|
: dirty && !valid
|
|
33768
33847
|
? 'invalid'
|
|
33769
33848
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33770
|
-
return (index.h(index.Host, { key: '
|
|
33849
|
+
return (index.h(index.Host, { key: '7e438a1e8dce5d705f497a21ebfa9355eee20212', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: '2813d3b571abc660c0f74d8c7b6946a0e61f56d3', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (index.h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
|
|
33850
|
+
this.changeHandler(e);
|
|
33851
|
+
} })) : type === 'displayonly' ? (index.h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true, onChange: (e) => {
|
|
33852
|
+
this.changeHandler(e);
|
|
33853
|
+
} })) : (index.h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
|
|
33854
|
+
this.changeHandler(e);
|
|
33855
|
+
} })), index.h("div", { key: '2288d7fa46d4cf2980ea0990c3a89948eb545866', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '8710f82e0d692f80a01858a226baf8e7d2a27cbc', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: 'be490c5b6c236c238d07e3260148ccc02c3a1090', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: 'd60bca581a72d0c5a90a554726042765d052bbe8', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (index.h("ls-icon-button", { key: '7a3a6f7f61cd7362057160799b442f3a9bb227d3', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
|
|
33771
33856
|
}
|
|
33772
33857
|
};
|
|
33773
33858
|
LsTextInput.style = lsTextInputCss;
|
|
@@ -33803,7 +33888,7 @@ const LsTextareaInput = class {
|
|
|
33803
33888
|
: displayOnly
|
|
33804
33889
|
? 'displayOnly'
|
|
33805
33890
|
: 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
|
|
33806
|
-
return (index.h("host", { key: '
|
|
33891
|
+
return (index.h("host", { key: '38a837b2e0b215f0fc2838cd42da69c17eb7ec4f', class: 'host' }, fieldIcon && (index.h("ls-icon", { key: 'c103b6243b1ee163f2c89d337bee408f472d9e3b', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), index.h("textarea", { key: '3af7a868e6468bb54759bb28022ae3da0079fa6a', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), index.h("div", { key: '3537563cfb1b1dcf8b317c1c216ae7e1b0c8c2da', class: 'right-items' }, dirty && !disabled && (index.h("ls-icon", { key: '09fccef073dfc64f6705b0802379ef55d963063d', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (index.h("button", { key: '2b946ff816a56126054cbdf776274b96eb7ab601', class: 'button', onClick: buttonClick }, index.h("ls-icon", { key: '80b62d71c925cc94abc862ebbbd246ee9ddbf2b1', id: 'buttonIcon', name: buttonIcon }))))));
|
|
33807
33892
|
}
|
|
33808
33893
|
};
|
|
33809
33894
|
LsTextareaInput.style = lsTextareaInputCss;
|
|
@@ -33813,14 +33898,22 @@ const lsToggleCss = ":host{display:block}.switch{position:relative;display:inlin
|
|
|
33813
33898
|
const LsToggle = class {
|
|
33814
33899
|
constructor(hostRef) {
|
|
33815
33900
|
index.registerInstance(this, hostRef);
|
|
33901
|
+
this.valueChange = index.createEvent(this, "valueChange");
|
|
33902
|
+
}
|
|
33903
|
+
checked;
|
|
33904
|
+
valueChange;
|
|
33905
|
+
changeHandler(value) {
|
|
33906
|
+
this.valueChange.emit(value);
|
|
33816
33907
|
}
|
|
33817
33908
|
render() {
|
|
33818
|
-
return (index.h(index.Host, { key: '
|
|
33909
|
+
return (index.h(index.Host, { key: '51deaab22424e7372179516041331176dc1420c3' }, index.h("label", { key: '9cbc256f58728549486c1b0b6cc60cb6405f593e', class: "switch" }, index.h("input", { key: '7fb0b6164eaee85e6fb6343daaa3995f7e484b7a', type: "checkbox", checked: this.checked, onChange: (e) => {
|
|
33910
|
+
this.changeHandler(e.target.checked);
|
|
33911
|
+
} }), index.h("span", { key: 'e7819ba797ad9109fc7908bfb7d69c5ef4460e16', class: "slider round" })), index.h("slot", { key: 'f330659c0b39f7e85a4973306fdcd48ebf7b7005' })));
|
|
33819
33912
|
}
|
|
33820
33913
|
};
|
|
33821
33914
|
LsToggle.style = lsToggleCss;
|
|
33822
33915
|
|
|
33823
|
-
const lsToolbarCss = ":host{position:
|
|
33916
|
+
const lsToolbarCss = ":host{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.5rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000}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)}";
|
|
33824
33917
|
|
|
33825
33918
|
const LsToolbar = class {
|
|
33826
33919
|
constructor(hostRef) {
|
|
@@ -33858,7 +33951,7 @@ const LsToolbar = class {
|
|
|
33858
33951
|
this.update.emit(diffs);
|
|
33859
33952
|
}
|
|
33860
33953
|
render() {
|
|
33861
|
-
return (index.h(index.Host, { key: '
|
|
33954
|
+
return (index.h(index.Host, { key: 'b508c0fc8ea43d6792991f7cba1fbea5bd912163' }, this.dataItem && this.dataItem.length > 1 ? (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }))) : (index.h("div", { class: 'rowbox' }, this.dataItem && this.dataItem.length === 1 ? (index.h("ls-field-format", { dataItem: this?.dataItem })) : (index.h("ls-participant-select", { roles: this.template?.roles, dataItem: this?.dataItem })))), index.h("slot", { key: '7709a476f91dc4f601e9a13ffe3433a5e1045f85' })));
|
|
33862
33955
|
}
|
|
33863
33956
|
};
|
|
33864
33957
|
LsToolbar.style = lsToolbarCss;
|
|
@@ -33912,7 +34005,7 @@ const LsToolboxField = class {
|
|
|
33912
34005
|
}
|
|
33913
34006
|
}
|
|
33914
34007
|
render() {
|
|
33915
|
-
return (index.h(index.Host, { key: '
|
|
34008
|
+
return (index.h(index.Host, { key: '856e5d70fb0902cf3bed2b72d8d956909b46dbbc', draggable: "true" }, index.h("div", { key: 'b791fa8da5a8168e8779ab1bf5074b9ce64d1984', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 } }, index.h("ls-icon", { key: 'bf02aa9efc15c684bbefd16c03fe1223005999a9', name: this.icon, size: "20" })), index.h("p", { key: '86ea59f55c6298c11ce9718927461723e339cdb1', class: "toolbox-field-label" }, this.label), index.h("ls-icon", { key: '1e8c15fae1767ad69d206c15e42c600d493f78a9', name: "drag-vertical", size: "16", color: "#787a80" })));
|
|
33916
34009
|
}
|
|
33917
34010
|
};
|
|
33918
34011
|
LsToolboxField.style = lsToolboxFieldCss;
|