legalesign-document-viewer 0.6.7 → 0.6.8
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/ls-document-options_45.cjs.entry.js +20 -15
- package/dist/collection/components/ls-document-viewer/validator.js +13 -8
- package/dist/collection/components/ls-document-viewer/validator.js.map +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +7 -7
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -1
- package/dist/collection/types/ValidationError.js.map +1 -1
- package/dist/components/ls-document-viewer.js +14 -14
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +2 -2
- 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-recipient-card.js +1 -1
- package/dist/components/{p-CJEEXCe5.js → p-BH3lJ74Y.js} +4 -4
- package/dist/components/{p-CJEEXCe5.js.map → p-BH3lJ74Y.js.map} +1 -1
- package/dist/components/{p-B09-g3N3.js → p-CQFFQW4w.js} +14 -14
- package/dist/components/{p-B09-g3N3.js.map → p-CQFFQW4w.js.map} +1 -1
- package/dist/components/{p-C1tRVzU2.js → p-CWkdcUvA.js} +4 -4
- package/dist/components/{p-C1tRVzU2.js.map → p-CWkdcUvA.js.map} +1 -1
- package/dist/components/{p-C9Q1HN8D.js → p-CYDWA2kg.js} +4 -4
- package/dist/components/{p-C9Q1HN8D.js.map → p-CYDWA2kg.js.map} +1 -1
- package/dist/components/{p-Dx7I9keR.js → p-CbSH7gJL.js} +9 -9
- package/dist/components/p-CbSH7gJL.js.map +1 -0
- package/dist/components/{p-Japz4chS.js → p-DYp53DXI.js} +4 -4
- package/dist/components/{p-Japz4chS.js.map → p-DYp53DXI.js.map} +1 -1
- package/dist/components/{p-DAbxwVGl.js → p-DksaRpzV.js} +3 -3
- package/dist/components/{p-DAbxwVGl.js.map → p-DksaRpzV.js.map} +1 -1
- package/dist/components/{p-ByDQQEah.js → p-Dw1gUeP0.js} +4 -4
- package/dist/components/{p-ByDQQEah.js.map → p-Dw1gUeP0.js.map} +1 -1
- package/dist/components/{p-DjoGeTiz.js → p-Hy9EZmBD.js} +4 -4
- package/dist/components/{p-DjoGeTiz.js.map → p-Hy9EZmBD.js.map} +1 -1
- package/dist/components/{p-CKToCaMr.js → p-K_TNeA-y.js} +4 -4
- package/dist/components/{p-CKToCaMr.js.map → p-K_TNeA-y.js.map} +1 -1
- package/dist/components/{p-DOVKgxCG.js → p-MMBhYOU5.js} +4 -4
- package/dist/components/{p-DOVKgxCG.js.map → p-MMBhYOU5.js.map} +1 -1
- package/dist/components/{p-Q8FkbaRF.js → p-XHJd6CxJ.js} +15 -10
- package/dist/components/p-XHJd6CxJ.js.map +1 -0
- package/dist/components/{p-DlvtuKVG.js → p-Z72oQ28F.js} +4 -4
- package/dist/components/{p-DlvtuKVG.js.map → p-Z72oQ28F.js.map} +1 -1
- package/dist/components/{p-B5EwUjVc.js → p-i5GL_H-5.js} +3 -3
- package/dist/components/{p-B5EwUjVc.js.map → p-i5GL_H-5.js.map} +1 -1
- package/dist/esm/ls-document-options_45.entry.js +20 -15
- package/dist/ls-document-viewer/editorUtils-lnJcBUIP.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{mouseHandlers-Df2gspvS.js.map → mouseHandlers-DQjboxxi.js.map} +1 -1
- package/dist/ls-document-viewer/{p-0eb49299.entry.js → p-2a85f682.entry.js} +3 -3
- package/dist/ls-document-viewer/{p-0eb49299.entry.js.map → p-2a85f682.entry.js.map} +1 -1
- package/dist/types/types/ValidationError.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-Dx7I9keR.js.map +0 -1
- package/dist/components/p-Q8FkbaRF.js.map +0 -1
- package/dist/ls-document-viewer/editorUtils-YTJRYf3y.js.map +0 -1
|
@@ -35313,13 +35313,16 @@ function validate(t) {
|
|
|
35313
35313
|
var errors = [];
|
|
35314
35314
|
if (this._recipients) {
|
|
35315
35315
|
this._recipients.forEach(tr => {
|
|
35316
|
-
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex
|
|
35317
|
-
|
|
35318
|
-
|
|
35319
|
-
|
|
35320
|
-
|
|
35321
|
-
|
|
35322
|
-
|
|
35316
|
+
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex).length === 0) {
|
|
35317
|
+
if (tr?.roleType !== 'APPROVER') {
|
|
35318
|
+
errors.push({
|
|
35319
|
+
id: tr.id,
|
|
35320
|
+
signerIndex: tr.signerIndex,
|
|
35321
|
+
title: 'Missing signature.',
|
|
35322
|
+
description: `${tr.name} is missing a signature.`,
|
|
35323
|
+
role: tr,
|
|
35324
|
+
});
|
|
35325
|
+
}
|
|
35323
35326
|
}
|
|
35324
35327
|
});
|
|
35325
35328
|
}
|
|
@@ -35329,8 +35332,9 @@ function validate(t) {
|
|
|
35329
35332
|
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex && tr.roleType !== 'APPROVER').length === 0) {
|
|
35330
35333
|
errors.push({
|
|
35331
35334
|
id: tr.id,
|
|
35335
|
+
signerIndex: tr.signerIndex,
|
|
35332
35336
|
title: 'Missing signature.',
|
|
35333
|
-
description:
|
|
35337
|
+
description: `${tr.name} is missing a signature.`,
|
|
35334
35338
|
role: tr,
|
|
35335
35339
|
});
|
|
35336
35340
|
}
|
|
@@ -35347,6 +35351,7 @@ function validate(t) {
|
|
|
35347
35351
|
});
|
|
35348
35352
|
}
|
|
35349
35353
|
});
|
|
35354
|
+
console.log('validation errors', errors);
|
|
35350
35355
|
return errors;
|
|
35351
35356
|
}
|
|
35352
35357
|
|
|
@@ -49839,11 +49844,11 @@ const LsRecipientCard = class {
|
|
|
49839
49844
|
render() {
|
|
49840
49845
|
const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
|
|
49841
49846
|
const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
|
|
49842
|
-
return (index.h(index.Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, index.h("div", { key: '
|
|
49847
|
+
return (index.h(index.Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, index.h("div", { key: '9297686e83f551a7b853fb4ac042d91353121bb9', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
|
|
49843
49848
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
|
|
49844
|
-
border: `1px solid ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
49849
|
+
border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
49845
49850
|
outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
|
|
49846
|
-
marginTop:
|
|
49851
|
+
marginTop: '0',
|
|
49847
49852
|
cursor: 'pointer',
|
|
49848
49853
|
}, onClick: () => {
|
|
49849
49854
|
this.changeSigner.emit(this.recipient.signerIndex);
|
|
@@ -49851,14 +49856,14 @@ const LsRecipientCard = class {
|
|
|
49851
49856
|
this.setIsHovered(true);
|
|
49852
49857
|
}, onMouseLeave: () => {
|
|
49853
49858
|
this.setIsHovered(false);
|
|
49854
|
-
} }, index.h("div", { key: '
|
|
49859
|
+
} }, index.h("div", { key: '4e11349918699d1c1a028ea57ad143ee11798acc', class: 'participant-card-inner' }, index.h("div", { key: '25d5256f08b22e56b63c4dfd2a5614f5fb385669', class: 'participant-card-top-items' }, index.h("div", { key: 'e1fe583fb47163e13c04f35d19322e52a5eb66b2', class: 'role-label', style: {
|
|
49855
49860
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
|
|
49856
49861
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
|
|
49857
|
-
} }, index.h("ls-icon", { key: '
|
|
49862
|
+
} }, index.h("ls-icon", { key: '4d0aca298ea272e3efc7fd0cf4a43472e3549d3d', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'SIGNER'), index.h("ls-icon", { key: 'd0a84cacf3fb75a8a3d339bfbe549f9e5be23876', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), index.h("div", { key: '789121bc1d7d75fe452c2c67082816a10c27d570', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), index.h("div", { key: 'fabf3a9a36b49213ebdee5cd409aa6bbcbc26ff6', class: 'participant-card-text' }, index.h("p", { key: 'ee1ff4dbb6c32a3a1ac1800e1b0354649dd47c77', class: "participant-text-description", style: {
|
|
49858
49863
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
|
|
49859
|
-
} }, this.recipient
|
|
49864
|
+
} }, this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName), index.h("p", { key: '63a110705d9ffdbc747c3d3d89f83e8a0ab3fa7f', class: "participant-text-type", style: {
|
|
49860
49865
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
|
|
49861
|
-
} }, this.recipient
|
|
49866
|
+
} }, this.recipient?.previousRecipientDecides ? 'Details will be decided by previous recipient' : this.recipient.email)), index.h("div", { key: '364d0be6555c821ec7fc141991debe06808b0af2', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (index.h("ls-toolbox-field", { key: '2ce8cc8bb0dcc4fd61d69c8d46b7afeb9e97be40', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 && this.recipient.roleType !== 'APPROVER' })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { key: 'b8a5595c5cc8243c8c2ceff8ca58561212cb3cdf', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (index.h("ls-toolbox-field", { key: 'ba7f1f4e8a5fcb6ce9602347d2a83a7c9505d9fa', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { key: 'b500358ec8491731768aa20fc7e43899f221fb7e', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (index.h("ls-toolbox-field", { key: '324a603ab9c3d5fb4d2376510f41f713cbaccf3b', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (index.h("ls-toolbox-field", { key: '742435eb1731203eda073ff2729bb2f4058fb623', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (index.h("ls-toolbox-field", { key: '138724929cfa7885b7fa0940e3158d773f201ff2', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (index.h("ls-toolbox-field", { key: '1710f3788c60fb66084726e40abec786200189dd', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { key: '842aa2b0dd9054311d3fd78ca9ee8037353db1c5', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { key: '0db32dd79537c11214972b4c33d7ab42ea339daa', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (index.h("ls-toolbox-field", { key: '0582074206874367e60fb53b295165d0c938b3ac', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (index.h("ls-toolbox-field", { key: '2120a10a1d49be6f2d20080544323a4d6a3758f3', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { key: 'd3f882ef0c1b587037b98eb0455e077d37fec16b', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { key: '4625f03e884c54d0a9041a75d37c63013c8f9d9a', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), index.h("slot", { key: '560a0d9cab342fe4e8dae4c7b4df19db491560aa' }), index.h("ls-tooltip", { key: '07c8b7d76388746cf267cf19f25204f2a6f6eb74', id: "ls-tooltip-master" })));
|
|
49862
49867
|
}
|
|
49863
49868
|
static get watchers() { return {
|
|
49864
49869
|
"activeRecipient": ["handleExpandCollapse"]
|
|
@@ -7,13 +7,16 @@ export function validate(t) {
|
|
|
7
7
|
var errors = [];
|
|
8
8
|
if (this._recipients) {
|
|
9
9
|
this._recipients.forEach(tr => {
|
|
10
|
-
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex).length === 0) {
|
|
11
|
+
if (tr?.roleType !== 'APPROVER') {
|
|
12
|
+
errors.push({
|
|
13
|
+
id: tr.id,
|
|
14
|
+
signerIndex: tr.signerIndex,
|
|
15
|
+
title: 'Missing signature.',
|
|
16
|
+
description: `${tr.name} is missing a signature.`,
|
|
17
|
+
role: tr,
|
|
18
|
+
});
|
|
19
|
+
}
|
|
17
20
|
}
|
|
18
21
|
});
|
|
19
22
|
}
|
|
@@ -23,8 +26,9 @@ export function validate(t) {
|
|
|
23
26
|
if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex && tr.roleType !== 'APPROVER').length === 0) {
|
|
24
27
|
errors.push({
|
|
25
28
|
id: tr.id,
|
|
29
|
+
signerIndex: tr.signerIndex,
|
|
26
30
|
title: 'Missing signature.',
|
|
27
|
-
description:
|
|
31
|
+
description: `${tr.name} is missing a signature.`,
|
|
28
32
|
role: tr,
|
|
29
33
|
});
|
|
30
34
|
}
|
|
@@ -41,6 +45,7 @@ export function validate(t) {
|
|
|
41
45
|
});
|
|
42
46
|
}
|
|
43
47
|
});
|
|
48
|
+
console.log('validation errors', errors);
|
|
44
49
|
return errors;
|
|
45
50
|
}
|
|
46
51
|
//# sourceMappingURL=validator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validator.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/validator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,UAAU,QAAQ,CAAC,CAAgB;IACvC,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAC5B,IAAI,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,WAAW,IAAI,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"validator.js","sourceRoot":"","sources":["../../../src/components/ls-document-viewer/validator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,UAAU,QAAQ,CAAC,CAAgB;IACvC,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAC5B,IAAI,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,WAAW,IAAI,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACpI,IAAI,EAAE,EAAE,QAAQ,KAAK,UAAU,EAAE,CAAC;oBAChC,MAAM,CAAC,IAAI,CAAC;wBACV,EAAE,EAAE,EAAE,CAAC,EAAE;wBACT,WAAW,EAAE,EAAE,CAAC,WAAW;wBAC3B,KAAK,EAAE,oBAAoB;wBAC3B,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,0BAA0B;wBACjD,IAAI,EAAE,EAAE;qBACT,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,+BAA+B;QAC/B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,WAAW,IAAI,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAClK,MAAM,CAAC,IAAI,CAAC;oBACV,EAAE,EAAE,EAAE,CAAC,EAAE;oBACT,WAAW,EAAE,EAAE,CAAC,WAAW;oBAC3B,KAAK,EAAE,oBAAoB;oBAC3B,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,0BAA0B;oBACjD,IAAI,EAAE,EAAE;iBACT,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yCAAyC;IACzC,CAAC,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACrD,IAAI,OAAO,CAAC,UAAU,KAAK,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC;YACpF,MAAM,CAAC,IAAI,CAAC;gBACV,EAAE,EAAE,OAAO,CAAC,EAAE;gBACd,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,oBAAoB,OAAO,CAAC,KAAK,uBAAuB;gBACrE,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IACzC,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/**\n * This module contains all the rules required to mark a template\n * as valid.\n *\n */\n\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { ValidationError } from '../../types/ValidationError';\n\nexport function validate(t: LSApiTemplate): ValidationError[] {\n var errors = [];\n\n if (this._recipients) {\n this._recipients.forEach(tr => {\n if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex).length === 0) {\n if (tr?.roleType !== 'APPROVER') {\n errors.push({\n id: tr.id,\n signerIndex: tr.signerIndex,\n title: 'Missing signature.',\n description: `${tr.name} is missing a signature.`,\n role: tr,\n });\n }\n }\n });\n } else {\n // Check for missing signatures\n t.roles.forEach(tr => {\n if (t.elementConnection.templateElements.filter(e => e.formElementType === 'signature' && e.signer === tr.signerIndex && tr.roleType !== 'APPROVER').length === 0) {\n errors.push({\n id: tr.id,\n signerIndex: tr.signerIndex,\n title: 'Missing signature.',\n description: `${tr.name} is missing a signature.`,\n role: tr,\n });\n }\n });\n }\n\n // Check for missing multi-select options\n t.elementConnection.templateElements.forEach(element => {\n if (element.validation === 20 && (!element.options || element.options.length === 0)) {\n errors.push({\n id: element.id,\n title: 'Missing options',\n description: `Drop down field \"${element.label}\" is missing options.`,\n element: element,\n });\n }\n });\n console.log('validation errors', errors);\n return errors;\n}\n"]}
|
|
@@ -65,11 +65,11 @@ export class LsRecipientCard {
|
|
|
65
65
|
render() {
|
|
66
66
|
const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
|
|
67
67
|
const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
|
|
68
|
-
return (h(Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, h("div", { key: '
|
|
68
|
+
return (h(Host, { key: '903130cf529b43981b952104f0becfe3072348b2' }, h("div", { key: '9297686e83f551a7b853fb4ac042d91353121bb9', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
|
|
69
69
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
|
|
70
|
-
border: `1px solid ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
70
|
+
border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
71
71
|
outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
|
|
72
|
-
marginTop:
|
|
72
|
+
marginTop: '0',
|
|
73
73
|
cursor: 'pointer',
|
|
74
74
|
}, onClick: () => {
|
|
75
75
|
this.changeSigner.emit(this.recipient.signerIndex);
|
|
@@ -77,14 +77,14 @@ export class LsRecipientCard {
|
|
|
77
77
|
this.setIsHovered(true);
|
|
78
78
|
}, onMouseLeave: () => {
|
|
79
79
|
this.setIsHovered(false);
|
|
80
|
-
} }, h("div", { key: '
|
|
80
|
+
} }, h("div", { key: '4e11349918699d1c1a028ea57ad143ee11798acc', class: 'participant-card-inner' }, h("div", { key: '25d5256f08b22e56b63c4dfd2a5614f5fb385669', class: 'participant-card-top-items' }, h("div", { key: 'e1fe583fb47163e13c04f35d19322e52a5eb66b2', class: 'role-label', style: {
|
|
81
81
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
|
|
82
82
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
|
|
83
|
-
} }, h("ls-icon", { key: '
|
|
83
|
+
} }, h("ls-icon", { key: '4d0aca298ea272e3efc7fd0cf4a43472e3549d3d', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'SIGNER'), h("ls-icon", { key: 'd0a84cacf3fb75a8a3d339bfbe549f9e5be23876', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '789121bc1d7d75fe452c2c67082816a10c27d570', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: 'fabf3a9a36b49213ebdee5cd409aa6bbcbc26ff6', class: 'participant-card-text' }, h("p", { key: 'ee1ff4dbb6c32a3a1ac1800e1b0354649dd47c77', class: "participant-text-description", style: {
|
|
84
84
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
|
|
85
|
-
} }, this.recipient
|
|
85
|
+
} }, this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '63a110705d9ffdbc747c3d3d89f83e8a0ab3fa7f', class: "participant-text-type", style: {
|
|
86
86
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
|
|
87
|
-
} }, this.recipient
|
|
87
|
+
} }, this.recipient?.previousRecipientDecides ? 'Details will be decided by previous recipient' : this.recipient.email)), h("div", { key: '364d0be6555c821ec7fc141991debe06808b0af2', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: '2ce8cc8bb0dcc4fd61d69c8d46b7afeb9e97be40', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 && this.recipient.roleType !== 'APPROVER' })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'b8a5595c5cc8243c8c2ceff8ca58561212cb3cdf', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'ba7f1f4e8a5fcb6ce9602347d2a83a7c9505d9fa', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: 'b500358ec8491731768aa20fc7e43899f221fb7e', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: '324a603ab9c3d5fb4d2376510f41f713cbaccf3b', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '742435eb1731203eda073ff2729bb2f4058fb623', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '138724929cfa7885b7fa0940e3158d773f201ff2', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '1710f3788c60fb66084726e40abec786200189dd', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '842aa2b0dd9054311d3fd78ca9ee8037353db1c5', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '0db32dd79537c11214972b4c33d7ab42ea339daa', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '0582074206874367e60fb53b295165d0c938b3ac', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: '2120a10a1d49be6f2d20080544323a4d6a3758f3', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'd3f882ef0c1b587037b98eb0455e077d37fec16b', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '4625f03e884c54d0a9041a75d37c63013c8f9d9a', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '560a0d9cab342fe4e8dae4c7b4df19db491560aa' }), h("ls-tooltip", { key: '07c8b7d76388746cf267cf19f25204f2a6f6eb74', id: "ls-tooltip-master" })));
|
|
88
88
|
}
|
|
89
89
|
static get is() { return "ls-recipient-card"; }
|
|
90
90
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ls-recipient-card.js","sourceRoot":"","sources":["../../../src/components/ls-recipient-card/ls-recipient-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Element, Watch } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSApiRecipient } from '../../types/LSApiRecipient';\nimport { LSApiTemplate } from '../../components';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\n\n@Component({\n tag: 'ls-recipient-card',\n styleUrl: 'ls-recipient-card.css',\n shadow: true,\n})\nexport class LsRecipientCard {\n @Element() component: HTMLElement;\n /**\n * The initial template data, including the link for background PDF. See README and\n * example for correct GraphQL query and data structure.\n * {LSApiTemplate}\n */\n @Prop() recipient: LSApiRecipient;\n @Prop() activeRecipient: number;\n @Prop() fieldTypeSelected: IToolboxField = {\n label: 'Signature',\n formElementType: 'signature',\n elementType: 'signature',\n validation: 0,\n defaultHeight: 27,\n defaultWidth: 120,\n };\n @Prop() template: LSApiTemplate;\n @State() isHovered: boolean = false;\n\n private setIsHovered(value: boolean) {\n this.isHovered = value;\n }\n @Prop() validationErrors: ValidationError[] = [];\n\n /**\n * Allows the selection of fields in the toolbox to be limited to a | (pipe) delimited list.\n * {string}\n */\n @Prop() filtertoolbox?: string = null;\n\n // Send an internal event to be processed\n @Event() changeSigner: EventEmitter<number>;\n\n // Send an internal event to be processed\n @Event() fieldSelected: EventEmitter<IToolboxField>;\n\n @Listen('fieldTypeSelected')\n handleFieldTypeSelected(event) {\n console.log(event);\n const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');\n\n console.log(fields);\n\n fields.forEach(element => {\n element.isSelected = element.formElementType === event.detail.formElementType;\n });\n\n this.fieldTypeSelected = event.detail;\n }\n\n showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n }\n\n private cardRef!: HTMLElement;\n\n @Watch('activeRecipient')\n handleExpandCollapse() {\n if (!this.cardRef) return;\n\n const isActive = this.activeRecipient === this.recipient.signerIndex;\n\n if (isActive) {\n // Expand\n this.cardRef.style.maxHeight = this.cardRef.scrollHeight + 'px';\n } else {\n // Collapse\n this.cardRef.style.maxHeight = '6rem';\n }\n }\n\n componentDidLoad() {\n const isActive = this.activeRecipient === this.recipient.signerIndex;\n this.cardRef.style.maxHeight = isActive ? this.cardRef.scrollHeight + 'px' : '6rem';\n }\n\n render() {\n const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];\n const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');\n return (\n <Host>\n <div\n ref={el => (this.cardRef = el)}\n class={`participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`}\n style={{\n background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,\n border: `1px solid ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,\n outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,\n marginTop: this.recipient.roleType === 'WITNESS' ? '-0.813rem' : '0',\n cursor: 'pointer',\n }}\n onClick={() => {\n this.changeSigner.emit(this.recipient.signerIndex);\n }}\n onMouseEnter={() => {\n this.setIsHovered(true);\n }}\n onMouseLeave={() => {\n this.setIsHovered(false);\n }}\n >\n <div class={'participant-card-inner'}>\n <div class={'participant-card-top-items'}>\n <div\n class={'role-label'}\n style={{\n background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,\n color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature'} size='1rem' />\n {this.recipient?.roleType || 'Signer'}\n </div>\n <ls-icon\n name=\"cursor-click\"\n size=\"1rem\"\n customStyle={{ color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }}\n solid\n style={{ display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' }}\n />\n <div\n class=\"dot\"\n style={{ display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && recipientSignatures.length === 0 ? 'block' : 'none' }}\n />\n </div>\n\n <div class={'participant-card-text'}>\n <p\n class=\"participant-text-description\"\n style={{\n color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,\n }}\n >\n {this.recipient.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName}\n </p>\n <p\n class=\"participant-text-type\"\n style={{\n color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,\n }}\n >\n {this.recipient.previousRecipientDecides ? 'Details will be decided by previous recipient' : this.recipient.email}\n </p>\n {/* {this.recipient?.roleType !== 'APPROVER' && (\n <div\n class={'role-label fields'}\n style={{\n background:\n recipientFields.length === 0 ? defaultRolePalette[this.recipient?.signerIndex % 100].s60 : defaultRolePalette[this.recipient?.signerIndex % 100].s20,\n color: recipientFields.length === 0 ? 'white' : defaultRolePalette[this.recipient?.signerIndex % 100].s90,\n // display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? '' : 'none',\n }}\n >\n {recipientSignatures.length === 0 && <ls-icon name=\"exclamation-circle\" size=\"16\" style={{ marginRight: '0.125rem' }} />}\n {recipientSignatures.length === 0 ? 'Signature Required' : `${recipientFields.length} ${recipientFields.length === 1 ? 'Field' : 'Fields'}`}\n </div>\n )} */}\n </div>\n\n <div class=\"fields-box\" style={{ display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' }}>\n {this.recipient.signerIndex > 0 && this.showTool('signature') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label=\"Signature\"\n defaultHeight={27}\n defaultWidth={120}\n validation={0}\n icon=\"signature\"\n tooltip=\"Use this field to collect Signatures from Participants\"\n signer={this.recipient.signerIndex}\n redDot={recipientSignatures.length === 0}\n />\n )}\n\n {this.recipient.signerIndex === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"auto sign\"\n formElementType=\"auto sign\"\n label=\"Auto Sign\"\n defaultHeight={27}\n defaultWidth={120}\n validation={3000}\n icon=\"auto-sign\"\n tooltip=\"Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label=\"Text\"\n defaultHeight={27}\n defaultWidth={100}\n validation={0}\n icon=\"text\"\n tooltip=\"A field for collecting any plain text values such as: names, addresses or descriptions\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.recipient.signerIndex > 0 && this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"signing date\"\n formElementType=\"signing date\"\n label=\"Signing Date\"\n defaultHeight={27}\n defaultWidth={120}\n validation={30}\n icon=\"auto-date\"\n tooltip=\"Automatically inserts the date upon completion by the assigned Participant\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"date\"\n formElementType=\"date\"\n label=\"Date\"\n defaultHeight={27}\n defaultWidth={80}\n validation={2}\n icon=\"calender\"\n tooltip=\"A field for collecting dates with built-in date formatting options\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"email\"\n formElementType=\"email\"\n label=\"Email\"\n defaultHeight={27}\n defaultWidth={120}\n validation={1}\n icon=\"at-symbol\"\n tooltip=\"A Field to only accept entries formatted as an email address (e.g., example@example.com)\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('initials') && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label=\"Initials\"\n defaultHeight={27}\n defaultWidth={120}\n validation={2000}\n icon=\"initials\"\n tooltip=\"Use this field anywhere Participants are required to Initial your document\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"number\"\n formElementType=\"number\"\n label=\"Number\"\n defaultHeight={27}\n defaultWidth={80}\n validation={50}\n icon=\"hashtag\"\n tooltip=\"A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"dropdown\"\n formElementType=\"dropdown\"\n label=\"Dropdown\"\n defaultHeight={27}\n defaultWidth={80}\n validation={20}\n icon=\"dropdown\"\n tooltip=\"Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"checkbox\"\n formElementType=\"checkbox\"\n label=\"Checkbox\"\n defaultHeight={27}\n defaultWidth={27}\n validation={25}\n icon=\"check\"\n tooltip=\"Places a checkbox on your document. Handy for T&Cs or ✔/✗ sections\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.recipient.signerIndex > 0 && this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"regex\"\n formElementType=\"regex\"\n label=\"Regex\"\n defaultHeight={27}\n defaultWidth={120}\n validation={93}\n icon=\"code\"\n tooltip=\"Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.recipient.signerIndex > 0 && this.showTool('image') && (\n <ls-toolbox-field\n elementType=\"image\"\n formElementType=\"image\"\n label=\"Image\"\n defaultHeight={27}\n defaultWidth={120}\n validation={90}\n icon=\"photograph\"\n tooltip=\"Use when you need Participants to upload their own images during the signing process\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.recipient.signerIndex > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"file\"\n formElementType=\"file\"\n label=\"File\"\n defaultHeight={27}\n defaultWidth={120}\n validation={74}\n icon=\"upload\"\n tooltip=\"Use when you need Participants to upload their own documents during the signing process\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.recipient.signerIndex > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"drawn\"\n formElementType=\"drawn\"\n label=\"Drawn\"\n defaultHeight={120}\n defaultWidth={120}\n validation={90}\n icon=\"pencil\"\n tooltip=\"Allow users to draw on the document using their mouse or touchscreen\"\n signer={this.recipient.signerIndex}\n />\n )}\n </div>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"ls-recipient-card.js","sourceRoot":"","sources":["../../../src/components/ls-recipient-card/ls-recipient-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Element, Watch } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSApiRecipient } from '../../types/LSApiRecipient';\nimport { LSApiTemplate } from '../../components';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\n\n@Component({\n tag: 'ls-recipient-card',\n styleUrl: 'ls-recipient-card.css',\n shadow: true,\n})\nexport class LsRecipientCard {\n @Element() component: HTMLElement;\n /**\n * The initial template data, including the link for background PDF. See README and\n * example for correct GraphQL query and data structure.\n * {LSApiTemplate}\n */\n @Prop() recipient: LSApiRecipient;\n @Prop() activeRecipient: number;\n @Prop() fieldTypeSelected: IToolboxField = {\n label: 'Signature',\n formElementType: 'signature',\n elementType: 'signature',\n validation: 0,\n defaultHeight: 27,\n defaultWidth: 120,\n };\n @Prop() template: LSApiTemplate;\n @State() isHovered: boolean = false;\n\n private setIsHovered(value: boolean) {\n this.isHovered = value;\n }\n @Prop() validationErrors: ValidationError[] = [];\n\n /**\n * Allows the selection of fields in the toolbox to be limited to a | (pipe) delimited list.\n * {string}\n */\n @Prop() filtertoolbox?: string = null;\n\n // Send an internal event to be processed\n @Event() changeSigner: EventEmitter<number>;\n\n // Send an internal event to be processed\n @Event() fieldSelected: EventEmitter<IToolboxField>;\n\n @Listen('fieldTypeSelected')\n handleFieldTypeSelected(event) {\n console.log(event);\n const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');\n\n console.log(fields);\n\n fields.forEach(element => {\n element.isSelected = element.formElementType === event.detail.formElementType;\n });\n\n this.fieldTypeSelected = event.detail;\n }\n\n showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n }\n\n private cardRef!: HTMLElement;\n\n @Watch('activeRecipient')\n handleExpandCollapse() {\n if (!this.cardRef) return;\n\n const isActive = this.activeRecipient === this.recipient.signerIndex;\n\n if (isActive) {\n // Expand\n this.cardRef.style.maxHeight = this.cardRef.scrollHeight + 'px';\n } else {\n // Collapse\n this.cardRef.style.maxHeight = '6rem';\n }\n }\n\n componentDidLoad() {\n const isActive = this.activeRecipient === this.recipient.signerIndex;\n this.cardRef.style.maxHeight = isActive ? this.cardRef.scrollHeight + 'px' : '6rem';\n }\n\n render() {\n const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];\n const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');\n return (\n <Host>\n <div\n ref={el => (this.cardRef = el)}\n class={`participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`}\n style={{\n background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,\n border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,\n outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,\n marginTop: '0',\n cursor: 'pointer',\n }}\n onClick={() => {\n this.changeSigner.emit(this.recipient.signerIndex);\n }}\n onMouseEnter={() => {\n this.setIsHovered(true);\n }}\n onMouseLeave={() => {\n this.setIsHovered(false);\n }}\n >\n <div class={'participant-card-inner'}>\n <div class={'participant-card-top-items'}>\n <div\n class={'role-label'}\n style={{\n background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,\n color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature'} size='1rem' />\n {this.recipient?.roleType || 'SIGNER'}\n </div>\n <ls-icon\n name=\"cursor-click\"\n size=\"1rem\"\n customStyle={{ color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }}\n solid\n style={{ display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' }}\n />\n <div\n class=\"dot\"\n style={{ display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' }}\n />\n </div>\n\n <div class={'participant-card-text'}>\n <p\n class=\"participant-text-description\"\n style={{\n color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,\n }}\n >\n {this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName}\n </p>\n <p\n class=\"participant-text-type\"\n style={{\n color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,\n }}\n >\n {this.recipient?.previousRecipientDecides ? 'Details will be decided by previous recipient' : this.recipient.email}\n </p>\n {/* {this.recipient?.roleType !== 'APPROVER' && (\n <div\n class={'role-label fields'}\n style={{\n background:\n recipientFields.length === 0 ? defaultRolePalette[this.recipient?.signerIndex % 100].s60 : defaultRolePalette[this.recipient?.signerIndex % 100].s20,\n color: recipientFields.length === 0 ? 'white' : defaultRolePalette[this.recipient?.signerIndex % 100].s90,\n // display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? '' : 'none',\n }}\n >\n {recipientSignatures.length === 0 && <ls-icon name=\"exclamation-circle\" size=\"16\" style={{ marginRight: '0.125rem' }} />}\n {recipientSignatures.length === 0 ? 'Signature Required' : `${recipientFields.length} ${recipientFields.length === 1 ? 'Field' : 'Fields'}`}\n </div>\n )} */}\n </div>\n\n <div class=\"fields-box\" style={{ display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' }}>\n {this.recipient.signerIndex > 0 && this.showTool('signature') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label=\"Signature\"\n defaultHeight={27}\n defaultWidth={120}\n validation={0}\n icon=\"signature\"\n tooltip=\"Use this field to collect Signatures from Participants\"\n signer={this.recipient.signerIndex}\n redDot={recipientSignatures.length === 0 && this.recipient.roleType !== 'APPROVER'}\n />\n )}\n\n {this.recipient.signerIndex === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"auto sign\"\n formElementType=\"auto sign\"\n label=\"Auto Sign\"\n defaultHeight={27}\n defaultWidth={120}\n validation={3000}\n icon=\"auto-sign\"\n tooltip=\"Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label=\"Text\"\n defaultHeight={27}\n defaultWidth={100}\n validation={0}\n icon=\"text\"\n tooltip=\"A field for collecting any plain text values such as: names, addresses or descriptions\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.recipient.signerIndex > 0 && this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"signing date\"\n formElementType=\"signing date\"\n label=\"Signing Date\"\n defaultHeight={27}\n defaultWidth={120}\n validation={30}\n icon=\"auto-date\"\n tooltip=\"Automatically inserts the date upon completion by the assigned Participant\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"date\"\n formElementType=\"date\"\n label=\"Date\"\n defaultHeight={27}\n defaultWidth={80}\n validation={2}\n icon=\"calender\"\n tooltip=\"A field for collecting dates with built-in date formatting options\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"email\"\n formElementType=\"email\"\n label=\"Email\"\n defaultHeight={27}\n defaultWidth={120}\n validation={1}\n icon=\"at-symbol\"\n tooltip=\"A Field to only accept entries formatted as an email address (e.g., example@example.com)\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('initials') && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label=\"Initials\"\n defaultHeight={27}\n defaultWidth={120}\n validation={2000}\n icon=\"initials\"\n tooltip=\"Use this field anywhere Participants are required to Initial your document\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"number\"\n formElementType=\"number\"\n label=\"Number\"\n defaultHeight={27}\n defaultWidth={80}\n validation={50}\n icon=\"hashtag\"\n tooltip=\"A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"dropdown\"\n formElementType=\"dropdown\"\n label=\"Dropdown\"\n defaultHeight={27}\n defaultWidth={80}\n validation={20}\n icon=\"dropdown\"\n tooltip=\"Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"checkbox\"\n formElementType=\"checkbox\"\n label=\"Checkbox\"\n defaultHeight={27}\n defaultWidth={27}\n validation={25}\n icon=\"check\"\n tooltip=\"Places a checkbox on your document. Handy for T&Cs or ✔/✗ sections\"\n signer={this.recipient.signerIndex}\n />\n )}\n\n {this.recipient.signerIndex > 0 && this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"regex\"\n formElementType=\"regex\"\n label=\"Regex\"\n defaultHeight={27}\n defaultWidth={120}\n validation={93}\n icon=\"code\"\n tooltip=\"Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.recipient.signerIndex > 0 && this.showTool('image') && (\n <ls-toolbox-field\n elementType=\"image\"\n formElementType=\"image\"\n label=\"Image\"\n defaultHeight={27}\n defaultWidth={120}\n validation={90}\n icon=\"photograph\"\n tooltip=\"Use when you need Participants to upload their own images during the signing process\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.recipient.signerIndex > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"file\"\n formElementType=\"file\"\n label=\"File\"\n defaultHeight={27}\n defaultWidth={120}\n validation={74}\n icon=\"upload\"\n tooltip=\"Use when you need Participants to upload their own documents during the signing process\"\n signer={this.recipient.signerIndex}\n />\n )}\n {this.recipient.signerIndex > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"drawn\"\n formElementType=\"drawn\"\n label=\"Drawn\"\n defaultHeight={120}\n defaultWidth={120}\n validation={90}\n icon=\"pencil\"\n tooltip=\"Allow users to draw on the document using their mouse or touchscreen\"\n signer={this.recipient.signerIndex}\n />\n )}\n </div>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip id=\"ls-tooltip-master\" />\n </Host>\n );\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ValidationError.js","sourceRoot":"","sources":["../../src/types/ValidationError.ts"],"names":[],"mappings":"","sourcesContent":["import { LSApiElement } from \"./LSApiElement\";\n\nexport type ValidationError = {\n id: string;\n title: string;\n description: string;\n role?: any;\n element?: LSApiElement\n};"]}
|
|
1
|
+
{"version":3,"file":"ValidationError.js","sourceRoot":"","sources":["../../src/types/ValidationError.ts"],"names":[],"mappings":"","sourcesContent":["import { LSApiElement } from \"./LSApiElement\";\n\nexport type ValidationError = {\n id: string;\n title: string;\n description: string;\n role?: any;\n signerIndex?: number;\n element?: LSApiElement\n};"]}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { a as alter, o as oob, u as updateTemplate, r as recalculateCoordinates, d as defineCustomElement$I, m as matchData, v as validate, b as moveField, g as getApiType, c as addField, e as getTemplate } from './p-
|
|
3
|
-
import { d as defineCustomElement$C, m as mouseClick, a as mouseDown, b as mouseMove, c as mouseUp, e as mouseDoubleClick, f as mouseDrop } from './p-
|
|
2
|
+
import { a as alter, o as oob, u as updateTemplate, r as recalculateCoordinates, d as defineCustomElement$I, m as matchData, v as validate, b as moveField, g as getApiType, c as addField, e as getTemplate } from './p-XHJd6CxJ.js';
|
|
3
|
+
import { d as defineCustomElement$C, m as mouseClick, a as mouseDown, b as mouseMove, c as mouseUp, e as mouseDoubleClick, f as mouseDrop } from './p-DksaRpzV.js';
|
|
4
4
|
import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
|
|
5
5
|
import { d as defineCustomElement$J } from './p-Bd5hHfVU.js';
|
|
6
6
|
import { d as defineCustomElement$H } from './p-Bkyhs-9F.js';
|
|
7
7
|
import { d as defineCustomElement$G } from './p-D9j4pLd9.js';
|
|
8
8
|
import { d as defineCustomElement$F } from './p-UffBQXtF.js';
|
|
9
|
-
import { d as defineCustomElement$E } from './p-
|
|
9
|
+
import { d as defineCustomElement$E } from './p-i5GL_H-5.js';
|
|
10
10
|
import { d as defineCustomElement$D } from './p-DBZFz4Ni.js';
|
|
11
11
|
import { d as defineCustomElement$B } from './p-BDTgDxaX.js';
|
|
12
12
|
import { d as defineCustomElement$A } from './p-Ch9RTQWk.js';
|
|
13
13
|
import { d as defineCustomElement$z } from './p-CYMm2d62.js';
|
|
14
|
-
import { d as defineCustomElement$y } from './p-
|
|
14
|
+
import { d as defineCustomElement$y } from './p-CQFFQW4w.js';
|
|
15
15
|
import { d as defineCustomElement$x } from './p-BSpwN-xy.js';
|
|
16
16
|
import { d as defineCustomElement$w } from './p-Cx-QcGQg.js';
|
|
17
17
|
import { d as defineCustomElement$v } from './p-BFUdzGLI.js';
|
|
18
|
-
import { d as defineCustomElement$u } from './p-
|
|
19
|
-
import { d as defineCustomElement$t } from './p-
|
|
20
|
-
import { d as defineCustomElement$s } from './p-
|
|
21
|
-
import { d as defineCustomElement$r } from './p-
|
|
22
|
-
import { d as defineCustomElement$q } from './p-
|
|
23
|
-
import { d as defineCustomElement$p } from './p-
|
|
24
|
-
import { d as defineCustomElement$o } from './p-
|
|
25
|
-
import { d as defineCustomElement$n } from './p-
|
|
26
|
-
import { d as defineCustomElement$m } from './p-
|
|
18
|
+
import { d as defineCustomElement$u } from './p-Dw1gUeP0.js';
|
|
19
|
+
import { d as defineCustomElement$t } from './p-BH3lJ74Y.js';
|
|
20
|
+
import { d as defineCustomElement$s } from './p-Z72oQ28F.js';
|
|
21
|
+
import { d as defineCustomElement$r } from './p-CWkdcUvA.js';
|
|
22
|
+
import { d as defineCustomElement$q } from './p-K_TNeA-y.js';
|
|
23
|
+
import { d as defineCustomElement$p } from './p-DYp53DXI.js';
|
|
24
|
+
import { d as defineCustomElement$o } from './p-CYDWA2kg.js';
|
|
25
|
+
import { d as defineCustomElement$n } from './p-Hy9EZmBD.js';
|
|
26
|
+
import { d as defineCustomElement$m } from './p-MMBhYOU5.js';
|
|
27
27
|
import { d as defineCustomElement$l } from './p-DirhmWEt.js';
|
|
28
28
|
import { d as defineCustomElement$k } from './p-kug3tj7P.js';
|
|
29
29
|
import { d as defineCustomElement$j } from './p-CN4S8Tr6.js';
|
|
@@ -35,7 +35,7 @@ import { d as defineCustomElement$e } from './p-B4_-Y3Tc.js';
|
|
|
35
35
|
import { d as defineCustomElement$d } from './p-enO8g-4z.js';
|
|
36
36
|
import { d as defineCustomElement$c } from './p-DK4_6BnD.js';
|
|
37
37
|
import { d as defineCustomElement$b } from './p-CwkNbClZ.js';
|
|
38
|
-
import { d as defineCustomElement$a } from './p-
|
|
38
|
+
import { d as defineCustomElement$a } from './p-CbSH7gJL.js';
|
|
39
39
|
import { d as defineCustomElement$9 } from './p-D1Vbun-H.js';
|
|
40
40
|
import { d as defineCustomElement$8 } from './p-Bw19bxna.js';
|
|
41
41
|
import { d as defineCustomElement$7 } from './p-mm_laW9q.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldDistribute$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldDistribute$1, d as defineCustomElement$1 } from './p-DksaRpzV.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldDistribute = LsFieldDistribute$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesDate$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesDate$1, d as defineCustomElement$1 } from './p-Dw1gUeP0.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesDate = LsFieldPropertiesDate$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { d as defineCustomElement$e } from './p-
|
|
3
|
-
import { d as defineCustomElement$d } from './p-
|
|
2
|
+
import { d as defineCustomElement$e } from './p-XHJd6CxJ.js';
|
|
3
|
+
import { d as defineCustomElement$d } from './p-i5GL_H-5.js';
|
|
4
4
|
import { d as defineCustomElement$c } from './p-DBZFz4Ni.js';
|
|
5
5
|
import { d as defineCustomElement$b } from './p-BDTgDxaX.js';
|
|
6
6
|
import { d as defineCustomElement$a } from './p-CYMm2d62.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesEmail$1, d as defineCustomElement$1 } from './p-BH3lJ74Y.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesEmail = LsFieldPropertiesEmail$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesFile$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesFile$1, d as defineCustomElement$1 } from './p-Z72oQ28F.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesFile = LsFieldPropertiesFile$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesGeneral$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesGeneral$1, d as defineCustomElement$1 } from './p-CWkdcUvA.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesGeneral = LsFieldPropertiesGeneral$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesImage$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesImage$1, d as defineCustomElement$1 } from './p-K_TNeA-y.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesImage = LsFieldPropertiesImage$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesMultiple$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesMultiple$1, d as defineCustomElement$1 } from './p-DYp53DXI.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesMultiple = LsFieldPropertiesMultiple$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesNumber$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesNumber$1, d as defineCustomElement$1 } from './p-CYDWA2kg.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesNumber = LsFieldPropertiesNumber$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesSignature$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesSignature$1, d as defineCustomElement$1 } from './p-Hy9EZmBD.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesSignature = LsFieldPropertiesSignature$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldPropertiesText$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldPropertiesText$1, d as defineCustomElement$1 } from './p-MMBhYOU5.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldPropertiesText = LsFieldPropertiesText$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsFieldProperties$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsFieldProperties$1, d as defineCustomElement$1 } from './p-CQFFQW4w.js';
|
|
2
2
|
|
|
3
3
|
const LsFieldProperties = LsFieldProperties$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-CbSH7gJL.js';
|
|
2
2
|
|
|
3
3
|
const LsRecipientCard = LsRecipientCard$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
|
|
2
|
-
import { d as defineCustomElement$d } from './p-
|
|
3
|
-
import { d as defineCustomElement$c } from './p-
|
|
2
|
+
import { d as defineCustomElement$d } from './p-XHJd6CxJ.js';
|
|
3
|
+
import { d as defineCustomElement$c } from './p-i5GL_H-5.js';
|
|
4
4
|
import { d as defineCustomElement$b } from './p-DBZFz4Ni.js';
|
|
5
5
|
import { d as defineCustomElement$a } from './p-BDTgDxaX.js';
|
|
6
6
|
import { d as defineCustomElement$9 } from './p-CYMm2d62.js';
|
|
@@ -112,6 +112,6 @@ function defineCustomElement() {
|
|
|
112
112
|
defineCustomElement();
|
|
113
113
|
|
|
114
114
|
export { LsFieldPropertiesEmail as L, defineCustomElement as d };
|
|
115
|
-
//# sourceMappingURL=p-
|
|
115
|
+
//# sourceMappingURL=p-BH3lJ74Y.js.map
|
|
116
116
|
|
|
117
|
-
//# sourceMappingURL=p-
|
|
117
|
+
//# sourceMappingURL=p-BH3lJ74Y.js.map
|