legalesign-document-viewer 1.0.13 → 1.0.14
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-add-new-button_20.cjs.entry.js +17 -17
- package/dist/cjs/ls-assignee-select_21.cjs.entry.js +8 -8
- package/dist/cjs/ls-compose-loader_7.cjs.entry.js +9 -9
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-alignment_3.cjs.entry.js +1 -1
- package/dist/cjs/ls-field-format_2.cjs.entry.js +10 -10
- package/dist/cjs/ls-field-type-display.cjs.entry.js +3 -3
- package/dist/cjs/ls-helper-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/ls-title-input.cjs.entry.js +1 -1
- package/dist/cjs/ls-toolbox-field.cjs.entry.js +3 -3
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-field-type-select/ls-field-type-select.js +4 -4
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +3 -3
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +10 -10
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +8 -8
- package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +32 -32
- package/dist/components/ls-field-content.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-checkbox.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +6 -6
- 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-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 +3 -3
- package/dist/components/ls-field-type-select.js +1 -1
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-left-bar.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-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-title-input.js +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-C2JalniE.js → p-5AJyvM7V.js} +3 -3
- package/dist/components/{p-C2JalniE.js.map → p-5AJyvM7V.js.map} +1 -1
- package/dist/components/{p-x8FQ2VuC.js → p-B6VrNH3t.js} +9 -9
- package/dist/components/{p-x8FQ2VuC.js.map → p-B6VrNH3t.js.map} +1 -1
- package/dist/components/{p-uST4uUr8.js → p-BCYIqf8S.js} +9 -9
- package/dist/components/{p-uST4uUr8.js.map → p-BCYIqf8S.js.map} +1 -1
- package/dist/components/{p-D4pQIA1Z.js → p-BEq82oAT.js} +9 -9
- package/dist/components/{p-D4pQIA1Z.js.map → p-BEq82oAT.js.map} +1 -1
- package/dist/components/{p-DQGVdCyH.js → p-BZLs3S8S.js} +3 -3
- package/dist/components/{p-DQGVdCyH.js.map → p-BZLs3S8S.js.map} +1 -1
- package/dist/components/{p-CowkeWsT.js → p-Bd176AnW.js} +13 -13
- package/dist/components/{p-CowkeWsT.js.map → p-Bd176AnW.js.map} +1 -1
- package/dist/components/{p-BmpejMo_.js → p-BgajmEVt.js} +8 -8
- package/dist/components/{p-BmpejMo_.js.map → p-BgajmEVt.js.map} +1 -1
- package/dist/components/{p-BTcdVmkv.js → p-BgoGd-eS.js} +4 -4
- package/dist/components/{p-BTcdVmkv.js.map → p-BgoGd-eS.js.map} +1 -1
- package/dist/components/{p-BDD6zFgO.js → p-BnJLMchr.js} +8 -8
- package/dist/components/{p-BDD6zFgO.js.map → p-BnJLMchr.js.map} +1 -1
- package/dist/components/{p-BodlW2-m.js → p-C2zBzrSq.js} +3 -3
- package/dist/components/{p-BodlW2-m.js.map → p-C2zBzrSq.js.map} +1 -1
- package/dist/components/{p-BzFRp7ij.js → p-C4MDnydI.js} +3 -3
- package/dist/components/{p-BzFRp7ij.js.map → p-C4MDnydI.js.map} +1 -1
- package/dist/components/{p-S46PtMZ-.js → p-C75ZosLW.js} +5 -5
- package/dist/components/{p-S46PtMZ-.js.map → p-C75ZosLW.js.map} +1 -1
- package/dist/components/{p-CLn6CMAa.js → p-C9ZMy9Xu.js} +4 -4
- package/dist/components/{p-CLn6CMAa.js.map → p-C9ZMy9Xu.js.map} +1 -1
- package/dist/components/{p-CTMHCecN.js → p-CALnPlUj.js} +6 -6
- package/dist/components/{p-CTMHCecN.js.map → p-CALnPlUj.js.map} +1 -1
- package/dist/components/{p-DaQLveiE.js → p-CBf_4337.js} +3 -3
- package/dist/components/{p-DaQLveiE.js.map → p-CBf_4337.js.map} +1 -1
- package/dist/components/{p-D6grL59P.js → p-CWmE6B4K.js} +5 -5
- package/dist/components/{p-D6grL59P.js.map → p-CWmE6B4K.js.map} +1 -1
- package/dist/components/{p-eWb3jk9k.js → p-CYpYv8bB.js} +6 -6
- package/dist/components/{p-eWb3jk9k.js.map → p-CYpYv8bB.js.map} +1 -1
- package/dist/components/{p-CJWQJjj3.js → p-CeXrtgSO.js} +3 -3
- package/dist/components/{p-CJWQJjj3.js.map → p-CeXrtgSO.js.map} +1 -1
- package/dist/components/{p-8F4ilTjF.js → p-CgSze-aJ.js} +8 -8
- package/dist/components/{p-8F4ilTjF.js.map → p-CgSze-aJ.js.map} +1 -1
- package/dist/components/{p-DmB0JIWj.js → p-CiCPXHsq.js} +3 -3
- package/dist/components/{p-DmB0JIWj.js.map → p-CiCPXHsq.js.map} +1 -1
- package/dist/components/{p-pAh5qPFg.js → p-CqiTFz8Q.js} +19 -19
- package/dist/components/{p-pAh5qPFg.js.map → p-CqiTFz8Q.js.map} +1 -1
- package/dist/components/{p-CHbV_3Pe.js → p-CrNkvfxG.js} +8 -8
- package/dist/components/{p-CHbV_3Pe.js.map → p-CrNkvfxG.js.map} +1 -1
- package/dist/components/{p-Cmw6RXlv.js → p-CyZn7pLI.js} +7 -7
- package/dist/components/{p-Cmw6RXlv.js.map → p-CyZn7pLI.js.map} +1 -1
- package/dist/components/{p-CyV8nu-T.js → p-DAmQwWyK.js} +28 -28
- package/dist/components/{p-CyV8nu-T.js.map → p-DAmQwWyK.js.map} +1 -1
- package/dist/components/{p-BddWzZuD.js → p-DEBcjrDR.js} +4 -4
- package/dist/components/{p-BddWzZuD.js.map → p-DEBcjrDR.js.map} +1 -1
- package/dist/components/{p-DmrshWtQ.js → p-DJ32qqnr.js} +3 -3
- package/dist/components/{p-DmrshWtQ.js.map → p-DJ32qqnr.js.map} +1 -1
- package/dist/components/{p-WCNsFhYD.js → p-DbrFV9Zw.js} +4 -4
- package/dist/components/{p-WCNsFhYD.js.map → p-DbrFV9Zw.js.map} +1 -1
- package/dist/components/{p-ByN7GurE.js → p-DeCwvfDM.js} +50 -38
- package/dist/components/p-DeCwvfDM.js.map +1 -0
- package/dist/components/{p-D3nY_GGj.js → p-KrzgYVLg.js} +12 -12
- package/dist/components/{p-D3nY_GGj.js.map → p-KrzgYVLg.js.map} +1 -1
- package/dist/components/{p-CD0ohunR.js → p-PUZ-RtL4.js} +5 -5
- package/dist/components/{p-CD0ohunR.js.map → p-PUZ-RtL4.js.map} +1 -1
- package/dist/components/{p-DpA4TE1Q.js → p-eNHd8fhJ.js} +8 -8
- package/dist/components/{p-DpA4TE1Q.js.map → p-eNHd8fhJ.js.map} +1 -1
- package/dist/components/{p-DAq2HFf_.js → p-ma9TKqrQ.js} +8 -8
- package/dist/components/{p-DAq2HFf_.js.map → p-ma9TKqrQ.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-add-new-button_20.entry.js +17 -17
- package/dist/esm/ls-assignee-select_21.entry.js +8 -8
- package/dist/esm/ls-compose-loader_7.entry.js +9 -9
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-alignment_3.entry.js +1 -1
- package/dist/esm/ls-field-format_2.entry.js +10 -10
- package/dist/esm/ls-field-type-display.entry.js +3 -3
- package/dist/esm/ls-helper-bar_2.entry.js +2 -2
- package/dist/esm/ls-title-input.entry.js +1 -1
- package/dist/esm/ls-toolbox-field.entry.js +3 -3
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-5353749c.entry.js → p-4a3c409f.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e7783017.entry.js → p-531b349a.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-b142576e.entry.js → p-5b20c3cc.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-daea4a55.entry.js → p-72257f20.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-51edee50.entry.js → p-ae213996.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-cbff9ae0.entry.js → p-c926bcbd.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-0bd91b5d.entry.js → p-d4ce4e16.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e4ce8e02.entry.js → p-d9e33d6c.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e4ce8e02.entry.js.map → p-d9e33d6c.entry.js.map} +1 -1
- package/dist/ls-document-viewer/p-e17bfeb0.entry.js +2 -0
- package/dist/ls-document-viewer/{p-8d626c5c.entry.js.map → p-e17bfeb0.entry.js.map} +1 -1
- package/package.json +1 -1
- package/dist/components/p-ByN7GurE.js.map +0 -1
- package/dist/ls-document-viewer/p-8d626c5c.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-5353749c.entry.js.map → p-4a3c409f.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-e7783017.entry.js.map → p-531b349a.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-b142576e.entry.js.map → p-5b20c3cc.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-daea4a55.entry.js.map → p-72257f20.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-51edee50.entry.js.map → p-ae213996.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-cbff9ae0.entry.js.map → p-c926bcbd.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-0bd91b5d.entry.js.map → p-d4ce4e16.entry.js.map} +0 -0
|
@@ -5,7 +5,7 @@ export class LsFieldPropertiesNumber {
|
|
|
5
5
|
readonly = false;
|
|
6
6
|
filtertoolbox = null;
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '693ef03de6533d23301e47492b51fbc61a88b5eb' }, h("ls-field-properties-container", { key: '5304b091f69e9eeaf4a52ac73d876ec7cdeebee3', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e4982b6e1c2102ed9f0814f94aa0079f0f7b7e70', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'fd1fdd11da9b0e9cd3e118971d54a1953c18a55c', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '288084808d3a567597f3f422eba1be959f9c01dc', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '069b2e3c6d9fff92353cde24353cbe2648735f99', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '43b6537ffb9b0efbc6c38a702f2affd0664e7ead', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'ad32f3ae92f33cfc69c29fe47b15d4800900c163', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '05fb5d7ad68fed167db6595bbed4d62feca02c46', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'aeb44ada15e2c35b2d455ff2a297b1463b2bcfac', dataItem: this.dataItem, readonly: this.readonly })));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "ls-field-properties-number"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js
CHANGED
|
@@ -6,7 +6,7 @@ export class LsFieldPropertiesSignature {
|
|
|
6
6
|
readonly = false;
|
|
7
7
|
filtertoolbox = null;
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: '64ec0ad54d25c64ae7f6a12d105ff844a3aad02a' }, h("ls-field-properties-container", { key: '22c634de816598ebe22f15583ac3b0b2d85e3e4f', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '4503bb20f9cd64d638e58020b389fca9923ef408', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '168566a9bd3ae9b9b549b211dbecbb3c1293b2ea', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '91ff7d30a8deaa2655d120c990422744782716d8', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c338a2d749a292f64291d694a67a284fc779139d', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'd2621232605b0ac6b4716d8771ecb2d8b759536b', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: '02b09007d560d1820f10a3602843f68eae2a393e', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '9faa1b6df3ae6125dbad82a68677bf89f2244dee', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'e60546b6526556b12fbdf56262da05db5476b7fb', dataItem: this.dataItem, readonly: this.readonly })));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "ls-field-properties-signature"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ export class LsFieldPropertiesText {
|
|
|
5
5
|
readonly = false;
|
|
6
6
|
filtertoolbox = null;
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: 'f0e0f5b01ea6dd807b58ef257c71ea9843ee9485' }, h("ls-field-properties-container", { key: '4b39eea81b1a93160e2c52e246d50a8680918dbb', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ec59df8d42f022c835cd7f6749c4c57dd761cd8f', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'fbf65788da4f6af4139d0b98e1a2a94ab431a44c', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '7c9b1ca94b96bd432603e986ceb2d625eb91ded1', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '9c537cff56a5b668654f7f5b208c0f0a72d59ab8', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'ba49662f6583f32f176b18513762cedd0a9140d9', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3c7aa0092df02f7a7fc271cef4c2f2da10d7194e', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '74e191cd7930e8df3f086fdbee760760f8089dce', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '6ff685827166c2510ecb4a8ca4f3e66abf968cbf', dataItem: this.dataItem, readonly: this.readonly })));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "ls-field-properties-text"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -17,7 +17,7 @@ export class LsFieldSize {
|
|
|
17
17
|
componentDidLoad() {
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h(Host, { key: '
|
|
20
|
+
return (h(Host, { key: '76f95b6e85ec72bbf24e8b68e19e04f33871f285' }, h("div", { key: '681a1bf220159b933ec1d60e9b2088b5f46662df', class: 'ls-dv-field-properties-section' }, h("div", { key: '613b2f04d84d1f9b0d7d29e5e98bcbeb0c5e6062', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cb98354be0e8c169a4285bd41ca675820a02c909', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '2f0772932668193f7ad3b0bc8be1f56f36385d77', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: '18b430c7b45ad82fdb7281d94a6769e5f4550b4e', class: 'ls-dv-button-group' }, h("button", { key: 'e63765d01470ecd7abc2508e497bba7a603e5004', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchsize'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchsize'), disabled: this.readonly }, h("ls-icon", { key: 'da1eb616468566d0a18849672f368a7451641d52', name: "field-scale-icon" })), h("button", { key: 'f5257123082fd45e1ea12a6872647e82932805a8', "aria-label": dvI18n.t('alignment.matchwidth'), onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchwidth'), disabled: this.readonly }, h("ls-icon", { key: '0eb31233cbc1875a1a14cc4d7ed3aadb9cfd2904', name: "field-match-width-icon" })), h("button", { key: 'b8ca21819c8d347a5a835b47ea03d553619360cf', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchheight'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchheight'), disabled: this.readonly }, h("ls-icon", { key: '9e8c0f0f914d05754639c55588cf308b3cb1a36c', name: "field-match-height-icon" })))), h("slot", { key: '0b76fb20c685671d41159771c91199692f63a420' }), h("ls-tooltip", { key: '1d36df4f634f1eaa6b5eec72cd76ea2cd5c85e3b', tooltipId: "ls-dv-tooltip" })));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "ls-field-size"; }
|
|
23
23
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,14 +23,14 @@ export class LsFieldTypeDisplay {
|
|
|
23
23
|
fieldType = 'signature';
|
|
24
24
|
render() {
|
|
25
25
|
const color = defaultRolePalette[this.assignee % 100];
|
|
26
|
-
return (h(Host, { key: '
|
|
26
|
+
return (h(Host, { key: '2a58e0ac53cc79551c6a7f652c7aa54bf707c60c', class: 'ls-dv-field-type-wrapper', style: {
|
|
27
27
|
border: `1px dashed ${color.s30}`,
|
|
28
28
|
background: color.s10,
|
|
29
|
-
} }, h("div", { key: '
|
|
29
|
+
} }, h("div", { key: '2b97ff1ea4b3f03bda6cede01aff93a2374bc0dc', class: 'ls-dv-field-type-inner' }, h("div", { key: '5ef89ca2350167fde4a29e9bc72999626a9416a5', class: 'ls-dv-field-type-icon', style: {
|
|
30
30
|
border: `1px solid ${color.s60}`,
|
|
31
31
|
color: color.s60,
|
|
32
32
|
background: color.s10,
|
|
33
|
-
} }, h("ls-icon", { key: '
|
|
33
|
+
} }, h("ls-icon", { key: '5ea04926f8f92a3f3ac632265cec1cca4d4d8ff6', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: '5247887edf8023ded43cfed4f33f54b2f87be20b', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "ls-field-type-display"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -97,17 +97,17 @@ export class LsFieldTypeSelect {
|
|
|
97
97
|
const displayLabel = this.mixed
|
|
98
98
|
? dvI18n.t('fieldproperties.mixed')
|
|
99
99
|
: dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
|
|
100
|
-
return (h(Host, { key: '
|
|
100
|
+
return (h(Host, { key: '43b96023a96e3c077ddf0d512453d94fc53d4de4' }, h("div", { key: '0599031cbffe7c3cc4461ba23f3d670c87294818', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: 'fbdf96d6351a71d69f04b6f3ee1ca2ccaecc06a8', class: "ls-dv-fieldtype-header", style: {
|
|
101
101
|
border: `1px dashed ${color.s30}`,
|
|
102
102
|
background: color.s10,
|
|
103
|
-
} }, h("div", { key: '
|
|
103
|
+
} }, h("div", { key: 'df3d7acacd7e274d533426a1a933a8225b034b12', class: "ls-dv-fieldtype-inner" }, h("div", { key: 'f825b2328b1d3b9808a62060e0995cb7d0b2bd86', class: "ls-dv-fieldtype-icon", style: {
|
|
104
104
|
border: `1px solid ${color.s60}`,
|
|
105
105
|
color: color.s60,
|
|
106
106
|
background: color.s10,
|
|
107
|
-
} }, h("ls-icon", { key: '
|
|
107
|
+
} }, h("ls-icon", { key: '4d8fb31664e8d98b7afacd5f64c571045f1d9e7c', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: '3e8085b388a6216b67776401debcc273aee73690', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '719b56d0f2a3ecf14196bdf13660a672bcbf2c10', class: "ls-dv-fieldtype-btn", onClick: e => {
|
|
108
108
|
e.stopPropagation();
|
|
109
109
|
this.toggleDropdown();
|
|
110
|
-
}, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '
|
|
110
|
+
}, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: 'c827b75465c7106c0ae33c6fec375225536f9940', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'a4e26bd949607daa79e33b9c80fb9f2ce9c4dca9', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
|
|
111
111
|
'--background-selected': color.s10,
|
|
112
112
|
'--check-icon-selected': color.s50,
|
|
113
113
|
}, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {
|
|
@@ -8,7 +8,7 @@ export class LsHelperBar {
|
|
|
8
8
|
componentDidLoad() {
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, { key: '
|
|
11
|
+
return (h(Host, { key: 'e2199387abdbf25928e0d955a896e6c60f21f396' }, h("div", { key: 'eb56e6774d87a3eee3c53279adad11c541052c6c', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '3e8b7b7242d747b569b8cbb3b9ae996896090098', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: 'c4d491060d9c72fb0fae975648ac5b1c96c6c8cc', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: '364fe83241a4d3b6a49e1b3e9c0ac8aa84215803', name: "keyboard-icon" })), h("button", { key: '64e6ddc6938ad92dfe2d1f85d27ed359b669de06', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: '117d338f315bfe4919f4a8261c7e5190cd2a9165', name: "book-open-icon" })), h("button", { key: 'b3f3e632242e98148105fee3e16b7e61c79c6f43', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: '7cc46d58e5f84fb0f9e4ed642f8346b36611be02', name: "support-icon" })), h("div", { key: '735bbe5be14c7a86efd90f7a61ec1755450cf00f', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '44dd87b7d2c71946fe7ad5081de420db5da1369b' }, h("ls-icon", { key: 'b5fde86a5a9780d117c96fcc699d0dd13ba83983', name: "question-mark-circle-icon" }))), h("slot", { key: '0a69b21e35e944c9a70ff227cc5df3b7178543d6' }), h("ls-tooltip", { key: '83bdebb77d62ed007e3e48b2aacbc7383b98a49e', tooltipId: "ls-dv-tooltip" })));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "ls-helper-bar"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -3,7 +3,7 @@ export class LsInputWrapper {
|
|
|
3
3
|
leadingIcon;
|
|
4
4
|
select = false;
|
|
5
5
|
render() {
|
|
6
|
-
return (h(Host, { key: '
|
|
6
|
+
return (h(Host, { key: 'c0de7516468c29ab0b81ea35c492b74f694e2aea' }, h("ls-icon", { key: '84c8ce3188a4012152af2ffdeb75d026a5593d87', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '4d783c70371ee1e07f0c0d131e907857e33a5c84', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: 'd416aead5abc6a13fb6d0bd4888bfd440f60dea0' })));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "ls-input-wrapper"; }
|
|
9
9
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class LsKeyboardShortcuts {
|
|
|
19
19
|
{ keys: `${this.mod} + Scroll`, label: dvI18n.t('shortcuts.zoom') },
|
|
20
20
|
{ keys: 'Esc', label: dvI18n.t('shortcuts.deselect') },
|
|
21
21
|
];
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: 'de6601240929ae43adf692a7338afac935afbdd9', class: 'ls-dv-keyboard-shortcuts-tooltip' }, h("div", { key: '4b0b6e52398c4e09ad8ee149ad7566c0a48c80a9', id: "arrow" }), h("p", { key: '4414eac593b83242b373d338bbffd837c266729a', class: "ls-dv-tooltip-title" }, dvI18n.t('shortcuts.title')), h("table", { key: '17d932e83621a1bb961a76782287deecc5e0a5e8', class: "ls-dv-shortcuts-table" }, shortcuts.map(s => (h("tr", null, h("td", { class: "ls-dv-shortcut-keys" }, s.keys), h("td", { class: "ls-dv-shortcut-label" }, s.label)))))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "ls-keyboard-shortcuts"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -66,7 +66,7 @@ export class LsParticipantManager {
|
|
|
66
66
|
}
|
|
67
67
|
roleChange;
|
|
68
68
|
render() {
|
|
69
|
-
return (h(Host, { key: '
|
|
69
|
+
return (h(Host, { key: '818f4d0553c06c2cc6f150c7ccc315d8a65f5f70' }, h("div", { key: '3116ca9e11ebfd7fdfe0d06e65862fd4577c6e6e', class: "ls-dv-editor-infobox" }, h("h2", { key: '0c5acf7f7c4cf70b5eb0f872a469981b800c8a21', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '1896d9c766d3e1913d9355b711c936fbc863218c', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '61dd06b0ea77d7dff2bb139453b93857223823bc', class: "ls-dv-participant-list" }, h("div", { key: 'c1fffc0af3b2954526c87ca2bd3c90da7bb09bfc', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: '343f6fb2088701c557c8a8599039dd659d753c6b', class: "ls-dv-sender-card-inner" }, h("div", { key: '7d5043bdb427a8d328c39a16bb2d64e1f2ed06cb', class: "ls-dv-sender-card-top-items" }, h("div", { key: 'f21458cbca21354e1b1c6a8f2cb93dc81d950b1b', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: 'e4e920eececf788c5aad0a96a3617ded062e7a61', name: "user-icon" }))), h("div", { key: 'd2f792501a6c7985555d66a89b2742c16aeebc68', class: "ls-dv-sender-card-text" }, h("p", { key: '48afc8b065bb5b8b19e3899bb05f726d2ed6f335', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: '02e92f9926045dfb866e515fc8ac77e9510764e4', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
|
|
70
70
|
(() => {
|
|
71
71
|
const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) || [];
|
|
72
72
|
return senderFields.length > 0 ? (h("div", { class: "ls-dv-role-label ls-dv-fields", style: { background: '#edeff2', color: '#5e6066' } }, `${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`)) : null;
|
|
@@ -75,12 +75,12 @@ export class LsParticipantManager {
|
|
|
75
75
|
return (h("ls-participant-card", { signer: r, index: index, template: this.template, active: r.signerIndex === this.activeSigner, busy: this.busy, onOpened: event => {
|
|
76
76
|
this.handleOpened.bind(this)(event);
|
|
77
77
|
}, onAddParticipant: event => this.handleOpenNewWitness(event) }));
|
|
78
|
-
})), h("div", { key: '
|
|
78
|
+
})), h("div", { key: '623128f756e282f7a280c6f01fbf120c4685c911', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '4e6873b94e86dddc94f1219dbe099216ef564cec', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
|
|
79
79
|
if (this.addingParticipant)
|
|
80
80
|
return;
|
|
81
81
|
this.addingParticipant = true;
|
|
82
82
|
this.addParticipant.emit({ type: 'SIGNER' });
|
|
83
|
-
} })), h("slot", { key: '
|
|
83
|
+
} })), h("slot", { key: 'c8076c93f951031568c4dbdcd5049f4c6b4cac3d' })));
|
|
84
84
|
}
|
|
85
85
|
static get is() { return "ls-participant-manager"; }
|
|
86
86
|
static get encapsulation() { return "shadow"; }
|
|
@@ -81,27 +81,27 @@ export class LsParticipantSelect {
|
|
|
81
81
|
});
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
|
-
return (h(Host, { key: '
|
|
84
|
+
return (h(Host, { key: 'd2738dda7434823b9f8b0e4d468e6c5db8689fa2' }, h("div", { key: 'be06db753ac5c02940a8e202d66fbc2cd06b07b4', class: "ls-dv-dropdown" }, h("div", { key: 'd30afed77ba2b3a05e4adb145b64055d2141b0a6', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '5eaa6419c4348c7c5a7eefdd2db321a6d8df0d09', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5243c4ea15e9af142be636c0e99fce210dd7b387', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: '0088c45216cb2372d85c8225c34c26a7a8d0b9ea', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: '9971868a7b3d610e6df1cf5134694955be4c7c3a', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: '585bcf20fe424650adf88e1cf985ee7119e364c0', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: 'c9344e5d0711c7c488aca5fb4a32d4e40585a75f', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: '56c57e5fb26f4eb43cb0f6c62d257e08c973e7ba', class: 'ls-dv-selected-role-label', style: {
|
|
85
85
|
background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
|
|
86
86
|
color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
|
|
87
|
-
} }, h("ls-icon", { key: '
|
|
87
|
+
} }, h("ls-icon", { key: '8485e93e5a01682f6c961bd4385592ade505c18d', size: 18, name: this.selectedRole?.roleType === 'SENDER'
|
|
88
88
|
? 'user-icon'
|
|
89
89
|
: this.selectedRole?.roleType === 'APPROVER'
|
|
90
90
|
? 'check-circle-icon'
|
|
91
91
|
: this.selectedRole?.roleType === 'WITNESS'
|
|
92
92
|
? 'eye-icon'
|
|
93
|
-
: 'signature-icon' }), h("span", { key: '
|
|
94
|
-
(this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex })))), h("button", { key: '
|
|
93
|
+
: 'signature-icon' }), h("span", { key: '635d158f5e26de1de95ec1fb4a3eeda4398889c5', class: "ls-dv-selected-role-text" }, this.selectedRole.name ||
|
|
94
|
+
(this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex })))), h("button", { key: '0a763eb2d07a5538ed266212bf1d417eeac08150', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: 'dae7a5f2403e88765b7fdb90549661e966b350c8', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: 'a3552adf7c4dfb6f42bf213338b206e7b4b19ccf', class: "ls-dv-dropdown-list" }, h("div", { key: 'e203a63ff8b232d14be91791745f45a9a38cc733', class: "ls-dv-dropdown-list-items" }, h("div", { key: '08642a0335cb4a2c77cae31af2ab85d0d555fd97', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
|
|
95
95
|
'--background-selected': defaultRolePalette[0].s10,
|
|
96
96
|
'--check-icon-selected': defaultRolePalette[0].s50,
|
|
97
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon') }, h("div", { key: '
|
|
97
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon') }, h("div", { key: '3b6ece6ee371650562cbbcd3df812d3174564e8e', class: 'ls-dv-role-icon', style: {
|
|
98
98
|
background: defaultRolePalette[0].s50,
|
|
99
99
|
color: defaultRolePalette[0].s80,
|
|
100
|
-
} }, h("ls-icon", { key: '
|
|
100
|
+
} }, h("ls-icon", { key: '25cf888a520414ef06832becd8996b52bbd12db1', name: "user-icon" })), h("div", { key: 'fbd46144800133c2b865f48a98bd0d5c763a393f', class: 'ls-dv-role-text' }, h("p", { key: '7ec0f11ef7bd71dfb7488b66cb6e24197e9c9019', class: 'ls-dv-role-name', style: {
|
|
101
101
|
'--role-name-selected': defaultRolePalette[0].s80,
|
|
102
|
-
} }, dvI18n.t('toolbar.sender')), h("p", { key: '
|
|
102
|
+
} }, dvI18n.t('toolbar.sender')), h("p", { key: '85d228a78eda59065a358105e04523f804320c50', class: 'ls-dv-role-type', style: {
|
|
103
103
|
'--role-type-selected': defaultRolePalette[0].s80,
|
|
104
|
-
} }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: '
|
|
104
|
+
} }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: '85cd57ca966a75eed9bf9427393a238ba0494c68', class: 'ls-dv-check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
|
|
105
105
|
'--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
|
|
106
106
|
'--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
|
|
107
107
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget
|
|
@@ -118,10 +118,10 @@ export class LsParticipantSelect {
|
|
|
118
118
|
}
|
|
119
119
|
} }, r.name || (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))), h("p", { class: 'ls-dv-role-type', style: {
|
|
120
120
|
'--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
|
|
121
|
-
} }, r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer'))), h("ls-icon", { class: 'ls-dv-check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon', solid: r.signerIndex === this.selectedRole?.signerIndex })))), this.isAddingParticipant && (h("div", { key: '
|
|
121
|
+
} }, r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer'))), h("ls-icon", { class: 'ls-dv-check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon', solid: r.signerIndex === this.selectedRole?.signerIndex })))), this.isAddingParticipant && (h("div", { key: '7138b53ebec45fb276c6ff29f64cf325d80354b2', class: "ls-dv-dropdown-item ls-dv-skeleton-item" }, h("div", { key: '4e0b868f95b96f87eb188647ce05b0aaff6285e0', class: "ls-dv-skeleton-circle" }), h("div", { key: 'bebaee2c74a9fe9d8ff17fa1c6c64f0fbb781eea', class: "ls-dv-role-text" }, h("div", { key: '52d8d56985cee72e7062d4609da1943edc6be9bb', class: "ls-dv-skeleton-line ls-dv-skeleton-line-name" }), h("div", { key: 'e07c662912967023706c595574efef906a62ce91', class: "ls-dv-skeleton-line ls-dv-skeleton-line-type" })), h("ls-loading", { key: '7638dec23bb823931cacb85171cf9d90ee3c1dbd' })))), h("button", { key: 'f7e85a6d9fa888b08fe6e82cc577cecca9c618b9', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
|
|
122
122
|
'--background-selected': defaultRolePalette[1].s10,
|
|
123
123
|
'--check-icon-selected': defaultRolePalette[1].s50,
|
|
124
|
-
}, disabled: this.isAddingParticipant }, h("div", { key: '
|
|
124
|
+
}, disabled: this.isAddingParticipant }, h("div", { key: '68ec11252781a9e416500f0418bc178164aa39e2', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: '6b8d5e0fe5d87f8e6092ec1c905e20aa0aa481f6', name: "user-add-icon" })), h("div", { key: 'cccb2159e5ef0ae67dc4cc7f088074514afac2ed', class: 'ls-dv-role-text' }, h("p", { key: 'b1b4fb13ddc874dd6a175857831be205bd4c62ce', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: '7abb0a77d517a2fa3b23119f0fa0e6b32fef48ae', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: '5d078478f7a59153b61e1cc38f67f51f40810de3', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("ls-tooltip", { key: '0759437c9d6e2547d02b5982df97895e03a323e2', tooltipId: "ls-dv-select-tooltip" }), h("slot", { key: 'ca0bab9e35dbc74c0f9f0f79c46dc93d83c182c5' })));
|
|
125
125
|
}
|
|
126
126
|
static get is() { return "ls-participant-select"; }
|
|
127
127
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class LsPropsSection {
|
|
|
4
4
|
sectionDescription;
|
|
5
5
|
row = false;
|
|
6
6
|
render() {
|
|
7
|
-
return (h(Host, { key: '
|
|
7
|
+
return (h(Host, { key: '81b3ae4e09ff68210aff32a03053e7809756f6ec' }, h("div", { key: 'ca599acf79b91f88aeb0fa12bc0213aa065a24b2', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: 'c40095b78722eb852ee1d475cfb394ca7cf24fb3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c8a726cbcf843cdba8c19b0cca178267b87b8a16', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: '40acfc25c2101b85f2f905a0e22f5e0e0981148f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: 'c3ba7d041f7bd3bcc2829ad6bff72aeee5c97881' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "ls-props-section"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -66,7 +66,7 @@ export class LsRecipientCard {
|
|
|
66
66
|
render() {
|
|
67
67
|
const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
|
|
68
68
|
const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
|
|
69
|
-
return (h(Host, { key: '
|
|
69
|
+
return (h(Host, { key: '3e7d2cf046504ca261796791115e6073aee13bbd' }, h("div", { key: '5d8fdbf60d2b881ab67e770e8b5f8e51c7b19ac2', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
|
|
70
70
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
|
|
71
71
|
border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
72
72
|
outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
|
|
@@ -78,14 +78,14 @@ export class LsRecipientCard {
|
|
|
78
78
|
this.setIsHovered(true);
|
|
79
79
|
}, onMouseLeave: () => {
|
|
80
80
|
this.setIsHovered(false);
|
|
81
|
-
} }, h("div", { key: '
|
|
81
|
+
} }, h("div", { key: '92a3299ae7bf8c5cb5bde0fc258c646b9bf6d7d2', class: 'ls-dv-participant-card-inner' }, h("div", { key: 'b962ef053475b00dbcf2e764114c9f5fc4bb1eaa', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '6860eeb3fe893b2cb66fa21784b4e9b082e7ae6f', class: 'ls-dv-role-label', style: {
|
|
82
82
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
|
|
83
83
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
|
|
84
|
-
} }, h("ls-icon", { key: '
|
|
84
|
+
} }, h("ls-icon", { key: '78c0d18d8fe61fb315c776e3fda22a0189f74197', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), h("ls-icon", { key: '2aab2a15a13413389fe862dd3499dc734cb98f12', name: "cursor-click-icon", size: 16, customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '10fe67e3dd67f77205cb02b31a4f8c8b76064a92', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex && v?.title === 'Missing signature').length > 0 ? 'block' : 'none' } })), h("div", { key: 'ba051cccf0dbfbbbbfce3e40c75f828e69f4bc63', class: 'ls-dv-participant-card-text' }, h("p", { key: 'eb04e45eb000d0babe5dab3e0d254ba6330d1ff4', class: "ls-dv-participant-text-description", style: {
|
|
85
85
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
|
|
86
|
-
} }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '
|
|
86
|
+
} }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '0d6f78247a71f06dadd0b4de4e1505ce3507fa03', class: "ls-dv-participant-text-type", style: {
|
|
87
87
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
|
|
88
|
-
} }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: '
|
|
88
|
+
} }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: '09b7807d3a004d60a69900ffeb45267dde3ba866', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (h("ls-toolbox-field", { key: '98732b65a952aff97a3bff9beaca7bde93344adb', elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'a0857c1d4303abc6e595fe5a8ac6f64d4ebe833b', elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'a5a004f93049e57635b6a8d7f7459f40ed67c758', elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: 'd38a0a85ae7f034f4ab34da74f24d4c3b02615c6', elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'b65cd0fb6a47819ded399d6c992b09ca328af1df', elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: 'dbb7501255d3ea90aa9c106e42dcaffdb8621f62', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && this.recipient.signerIndex > 0 && (h("ls-toolbox-field", { key: '1a08afac6bb596bf2a1e8dacd7332c4cfb9c533b', elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: 'daacfbb5b28d450059d01c62f26cf56a852e55bc', elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: 'd8fdb7f661bf029d70c32513e3462c408d6dc6dd', elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '61d5bed57814760ded9bb76b2abf7b078e06cf1d', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.showTool('regex') && (h("ls-toolbox-field", { key: '4c958c883211758b47cb7bdaf7c187601990fa5e', elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'ae94f1c9c15fd17434d037341f94e4cbc8706baa', elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '3f22bfabef9f048105aaf3b055504cfeb4a10c23', elementType: "text", formElementType: "drawn field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: '33a42e25fb3597128377abcd77f75a6f8392854c' }), h("ls-tooltip", { key: '0c4de19d1dafe98bda0aa4e255e2292f59e3230b', tooltipId: "ls-dv-tooltip" })));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "ls-recipient-card"; }
|
|
91
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
|
|
|
2
2
|
import { dvI18n } from "../../i18n/i18n";
|
|
3
3
|
export class LsRecipientManager {
|
|
4
4
|
render() {
|
|
5
|
-
return (h(Host, { key: '
|
|
5
|
+
return (h(Host, { key: '1faea2e682e96d8af9ca9cdd6eaeb975bd4aee90' }, h("div", { key: '2465764cc7feb3b912b9c36befa293df32dcf257', class: 'ls-dv-editor-infobox' }, h("h2", { key: 'b18fe0fd608f1e3a496e25382db5859443a5fb5c', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: '5f8701bcedbcee8572bc8f4bcad1f0a74b2cc293', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: '7d70f3a41e4959153b01cba25ec7ad6fef7b7099' })));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "ls-recipient-manager"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -231,9 +231,9 @@ export class LsStatusbar {
|
|
|
231
231
|
}
|
|
232
232
|
render() {
|
|
233
233
|
const isPreview = this.mode === 'preview';
|
|
234
|
-
return (h(Host, { key: '
|
|
234
|
+
return (h(Host, { key: 'b0bb2238f6fa8beafc0e2301da479ead481353e7', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'f3bc00b599e2768813c253f6cfa0549a89ba5a13', class: 'ls-dv-controls-bar' }, h("div", { key: 'c5a23e26f5616e316a72d3245965569008ca3e18', class: 'ls-dv-status-bar-section' }, h("button", { key: '7dc520e3abb2d10d0c293c597fc571274891a84f', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: '4ec7915376f7840914e193c31eb3d88e72533b39', name: "undo-icon", size: 18 })), h("button", { key: 'afc210e44bd8512f6df31b98bea64a76a9ffdc1d', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '7936e373b6b5ca0212a8d2a5287161f1471af507', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '6147a8726fa921e4b75452ce8d0bcc9c7cf6ee94', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: 'a3cd073752c11c7335b87041ea9efc2c1a5fed36', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'e1c34c47e15fbc95a82e97dfdc610db5ccf3c1c3', onClick: () => {
|
|
235
235
|
this.editor.pagePrev();
|
|
236
|
-
}, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: '
|
|
236
|
+
}, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'a2d38287a3ba4ba8bc05b8022e8c8b9678a2a2a7', name: "chevron-left-icon" })), h("button", { key: '19f7e3ffbbcb4185e0c33aabfe13083c4be9ce9f', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
|
|
237
237
|
this.showPageMenu = !this.showPageMenu;
|
|
238
238
|
if (this.showPageMenu) {
|
|
239
239
|
requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));
|
|
@@ -241,13 +241,13 @@ export class LsStatusbar {
|
|
|
241
241
|
else {
|
|
242
242
|
document.removeEventListener('click', this.pageMenuClickHandler, true);
|
|
243
243
|
}
|
|
244
|
-
} }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '
|
|
244
|
+
} }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: 'f14f0f3fdfe5276a808b3ed0414978b5c2444cd3', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
|
|
245
245
|
this.goToPage(p);
|
|
246
246
|
this.showPageMenu = false;
|
|
247
247
|
document.removeEventListener('click', this.pageMenuClickHandler, true);
|
|
248
|
-
} }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '
|
|
248
|
+
} }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: 'c0724354a0c52a2d7a6b9d2ec083b97d2490eb04', onClick: () => {
|
|
249
249
|
this.editor.pageNext();
|
|
250
|
-
}, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '
|
|
250
|
+
}, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '011f0154232226b983d63df357898ac3ccc62913', name: "chevron-right-icon" })))), h("div", { key: '73ec8fd57e9272b6ce9b143b902a227f90d2143f', class: 'ls-dv-status-bar-group' }, h("div", { key: 'b88cd11e4bb36ce5626d2949e70c081cbc2fabbb', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: '6ca8748354e0bc4a52a5c7ba11a6c61edb838337', class: 'ls-dv-status-bar-section' }, h("button", { key: '9b614db09b9300df270aca0eea70de5ed6fd3431', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '36ef6dd38e5d010d12a24170824d3562cfff5965', name: "zoom-out-icon" })), h("button", { key: 'b8002bc1c3fbc360591eee09e2e966af46545ce8', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
|
|
251
251
|
this.showZoomMenu = !this.showZoomMenu;
|
|
252
252
|
if (this.showZoomMenu) {
|
|
253
253
|
requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));
|
|
@@ -255,11 +255,11 @@ export class LsStatusbar {
|
|
|
255
255
|
else {
|
|
256
256
|
document.removeEventListener('click', this.zoomMenuClickHandler, true);
|
|
257
257
|
}
|
|
258
|
-
} }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: '
|
|
258
|
+
} }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: '9a1598ba04c8f6f1938e85ec71f15e5370589340', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
|
|
259
259
|
this.setZoom(level);
|
|
260
260
|
this.showZoomMenu = false;
|
|
261
261
|
document.removeEventListener('click', this.zoomMenuClickHandler, true);
|
|
262
|
-
} }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '
|
|
262
|
+
} }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '02d550c2168c256d3b2a436efde5ca02c16986ca', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '63506eed8d98073bf609c4b244e4fe632801eb42', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: 'ed5b9f5fe39de525e09bfc4615e8cf0067f5c3f7', class: 'ls-dv-status-bar-section' }, h("button", { key: '4fcb7c5334ee8fcebb69ad78ee3f43b9b58fc7a4', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '7336a07b7b9d0f9ff47ffaea29dcc3efdfa3c547', name: "fit-width-icon" })), h("button", { key: 'ac5de5e60eeb9ebdc38b1ddf2a3c4f33d540c36f', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'b8fd9f54be44c8ca086eab01c28702ae600b8d05', name: "fit-height-icon" })))), h("div", { key: '93d9c025694a3561e135143a46285197dbca2a1a', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'ba6a59600df1d19ac14a8311304abece2aff086c', onClick: () => {
|
|
263
263
|
this.showThumbnails = !this.showThumbnails;
|
|
264
264
|
if (this.showThumbnails) {
|
|
265
265
|
requestAnimationFrame(() => {
|
|
@@ -272,7 +272,7 @@ export class LsStatusbar {
|
|
|
272
272
|
else {
|
|
273
273
|
document.removeEventListener('click', this.outsideClickHandler);
|
|
274
274
|
}
|
|
275
|
-
}, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '
|
|
275
|
+
}, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '05879af0ef3dfe58ad628e58f34189c5fe9ea728', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: '9ed2d6ce5b66038f3ede310cfae46d9b5a037640', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'd1a930a78fd65865cbb0f20802d0c30bf02796cb', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: '95831f25428b9bba9d2b1305a736a289a9e6d1d1' }), h("span", { key: '420565d225a303b95e5e34d5e7fc72a810dbea2c', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '3a640c81d251ea6c3d196af9f5984e0ff785c6f2', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '367655d52fb20feafcc99d74edf72337388bf7cd' }))));
|
|
276
276
|
}
|
|
277
277
|
static get is() { return "ls-statusbar"; }
|
|
278
278
|
static get encapsulation() { return "shadow"; }
|
|
@@ -21,7 +21,7 @@ export class LsTitleInput {
|
|
|
21
21
|
}, delay);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: '1d3ef7a7a951c4378569b92ce93fe85825c9181f' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
|
|
25
25
|
e.preventDefault();
|
|
26
26
|
this.alter({ title: e.target.value });
|
|
27
27
|
}, onKeyUp: e => {
|
|
@@ -7,10 +7,10 @@ export class LsToggle {
|
|
|
7
7
|
this.valueChange.emit(value);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '5421cfa2eb6a58613c49fdff25ed33410375a992' }, h("label", { key: 'aa1020bc1f6526fbf05c724b236ac9cd5a29cca5', class: "ls-dv-switch" }, h("input", { key: 'c4cc14d5234f4d37aab750508a3af16bcff00328', type: "checkbox", checked: this.checked, onChange: (e) => {
|
|
11
11
|
this.changeHandler(e.target.checked);
|
|
12
12
|
e.target.blur();
|
|
13
|
-
} }), h("span", { key: '
|
|
13
|
+
} }), h("span", { key: 'a31086d056cb9760794031220d5e497e75a6890d', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: '131e867585cb7211460d5e628eb0c2c4aa4417f5' })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "ls-toggle"; }
|
|
16
16
|
static get originalStyleUrls() {
|
|
@@ -70,14 +70,14 @@ export class LsToolboxField {
|
|
|
70
70
|
componentDidLoad() {
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: '2b07924fccc3f645d71eb3b8b69a5055d3b4c572' }, h("div", { key: 'bd7ef4194542482eb3b672f14f79bc3b757f8959', class: 'ls-dv-toolbox-field', style: this.isSelected && {
|
|
74
74
|
background: defaultRolePalette[this.signer % 100].s10,
|
|
75
75
|
border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
|
|
76
76
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
77
77
|
boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,
|
|
78
|
-
} }, h("div", { key: '
|
|
78
|
+
} }, h("div", { key: 'bf350cb747f7cf222d6212fd597898bad6cb5e5a', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: '2ab5988bbe61ef3a4efbb6927c30541a517014ad', name: this.icon, size: 20 })), h("p", { key: 'a3f068218bc17370f67f1c529bb80fdd001125be', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
|
|
79
79
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
80
|
-
} }, this.label), this.redDot && (h("div", { key: '
|
|
80
|
+
} }, this.label), this.redDot && (h("div", { key: '2788421520e1c7a91fd809f5921eb70545a086d5', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '51f0c7403e26c17320822f1c2f0579649c5fb453', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '4cf71d2389d7c48c6d3ad2017dfec38984c0ee0b', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: '9a0cedfc0e4f0cca701e9f8b322de92024591bc5', tooltipId: "ls-dv-tooltip" })));
|
|
81
81
|
}
|
|
82
82
|
static get is() { return "ls-toolbox-field"; }
|
|
83
83
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class LsValidationManager {
|
|
|
10
10
|
validationErrors;
|
|
11
11
|
selectFields;
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: 'a9bc080de320bf612597d092d76dbc9b82f480a9' }, h("div", { key: '36efd8e18854d20810bed0c4b5cd9d25c6c3090b' }, h("div", { key: 'be04b6befbaae66b9c18c9ac01cb2dab65c38bb0' }, h("div", { key: '8fbcf518ab31bb89ed9624aa8a2068949e9b5bcc', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: 'a0d624031c0429c54ad81e68feeaf5ebaad2e484', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
|
|
14
14
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
15
15
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
16
16
|
return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
|
|
@@ -26,7 +26,7 @@ export class LsValidationManager {
|
|
|
26
26
|
this.selectFields.emit([field.element]);
|
|
27
27
|
}
|
|
28
28
|
} }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
|
|
29
|
-
})), h("slot", { key: '
|
|
29
|
+
})), h("slot", { key: '9e4767a519f5e2222c74928fa0df26b053721b64' })));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "ls-validation-manager"; }
|
|
32
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,7 +27,7 @@ export class LsValidationTag {
|
|
|
27
27
|
document.removeEventListener('mousedown', this.handleClickOutside);
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: '04f8a56e1c076a7af3c90a5c7785714291fbbbed', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: '15c290f2c30270b560aeb36079f1b16246724f6d', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
|
|
31
31
|
const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
|
|
32
32
|
const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
|
|
33
33
|
const valueErrors = this.validationErrors.filter(f => f?.type === 'value');
|
|
@@ -88,7 +88,7 @@ export class LsValidationTag {
|
|
|
88
88
|
} }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.title), h("ls-label", { text: field.description, colour: pallette.description, type: "low", size: "sm" })))));
|
|
89
89
|
}))),
|
|
90
90
|
];
|
|
91
|
-
})())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '
|
|
91
|
+
})())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '3122d7e18b68434e75b7142e106292f135d4af53', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'b27825713efb20620d6347b941232ad9830d1b68', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '72412b44be645ffa5c1439c7886c0c02096f763d', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '9236955bcee2521b860dddade83155a20a19bd64', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '179761de3496fc7419c5a6a14ebc1a804df2ae1d', class: 'ls-dv-dropdown-header' }, h("h2", { key: '8996cbbc79e9fe279ae25664028d6dda5ea087d4' }, dvI18n.t('common.templatereadytosend')), h("p", { key: '933f5600f41f6cbaac1a624df44d38df4eac7caa' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'ea1cf10999ca68996c260fae52d022a8e72a64ea', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
|
|
92
92
|
const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
|
|
93
93
|
const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
|
|
94
94
|
const valueErrors = this.validationErrors.filter(f => f?.type === 'value');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-C2zBzrSq.js';
|
|
2
2
|
|
|
3
3
|
const LsDocumentOptions = LsDocumentOptions$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|