npm - legalesign-document-viewer - Versions diffs - 0.9.21 → 0.9.23 - Mend

legalesign-document-viewer 0.9.21 → 0.9.23

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.

Files changed (486) hide show

package/dist/collection/components/ls-participant-card/ls-participant-card.js CHANGED Viewed

@@ -117,7 +117,7 @@ export class LsParticipantCard {
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('participants.deleteparticipant'), "data-tooltip-place": "top-end" }, h("ls-icon", { name: "trash-icon", size: 18 })))), this.editable ? (h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' }, h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, dvI18n.t('participants.approver')), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, dvI18n.t('participants.signer'))))) : (h("ls-input-wrapper", { leadingIcon: "eye-icon" }, h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: dvI18n.t('participants.placeholder'), defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('participants.deleteparticipant'), "data-tooltip-place": "top-end" }, h("ls-icon", { name: "trash-icon", size: 18 })))), this.editable ? (h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' }, h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, dvI18n.t('participants.approver')), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, dvI18n.t('participants.signer'))))) : (h("ls-input-wrapper", { leadingIcon: "eye-icon" }, h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness", style: { wdith: '100%' } }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: dvI18n.t('participants.placeholder'), defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editable = false;
             } }), this.signer?.roleType === 'SIGNER' && !child ? (h("ls-button", { variant: "tertiary", outline: true, size: "sm", fullWidth: true, text: dvI18n.t('participants.addwitness'), leadingIcon: "plus-icon", loading: this.busy || this.addingWitness, disabled: this.busy || this.addingWitness, onClick: () => {
@@ -135,7 +135,7 @@ export class LsParticipantCard {
                 this.deleteHandler(this.signer);
             } })) : null)) : (h("div", { class: 'ls-dv-participant-card-text' }, h("p", { class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s100,
-            } }, this.signer.name || formatRoleName(this.signer)), h("p", { class: "ls-dv-participant-text-type", style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.signer.name || formatRoleName(this.signer) }, this.signer.name || formatRoleName(this.signer)), h("p", { class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s80,
                 textTransform: 'capitalize',
             } }, dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)), this.signer?.roleType !== 'APPROVER' && (h("div", { class: 'ls-dv-role-label ls-dv-fields', style: {

package/dist/collection/components/ls-participant-card/ls-participant-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-participant-card.js","sourceRoot":"","sources":["../../../../src/components/ls-participant-card/ls-participant-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-card',\n styleUrl: 'ls-participant-card.scss',\n shadow: true,\n})\nexport class LsParticipantCard {\n @Element() component: HTMLElement;\n @Prop() signer: LSApiRole;\n @Prop() index: number;\n @Prop({ mutable: true }) editable: boolean = false;\n @Prop() template: LSApiTemplate;\n @Prop() active: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n opened: EventEmitter<LSApiRole>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.signer = { ...this.signer, ...diff };\n this.debounce(this.signer, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n deleteHandler(role: LSApiRole) {\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n @Watch('editable')\n modeHandler(_editable) {\n // When opened fire an event to let the parent handle closing other controls\n if (_editable) {\n this.opened.emit(this.signer);\n }\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null; signerIndex?: number }>;\n\n @Prop() busy: boolean = false;\n\n @State() swapUpBtn: HTMLElement;\n @State() swapDownBtn: HTMLElement;\n @State() editBtn: HTMLElement;\n @State() deleteParticipantBtn: HTMLElement;\n @State() addingWitness: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingWitness = false;\n }\n\n componentDidLoad() {}\n\n render() {\n const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) \|\| [];\n const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n // Find previous and next non-witness roles for swapping\n const getPreviousNonWitness = () => {\n for (let i = this.index - 1; i >= 0; i--) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const getNextNonWitness = () => {\n for (let i = this.index + 1; i < this.template.roles.length; i++) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const previousRole = getPreviousNonWitness();\n const nextRole = getNextNonWitness();\n\n const formatRoleName = (signer: LSApiRole) => {\n if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n return dvI18n.t('participants.participant', { index: signer.signerIndex });\n };\n\n return (\n <Host>\n <div\n class={\n 'ls-dv-participant-card' +\n (this.active ? ' ls-dv-participant-card-active' : '') +\n (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n }\n style={{\n 'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n 'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n 'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n onDblClick={() => {\n this.editable = true;\n }}\n >\n <div class={'ls-dv-participant-card-inner'}>\n <div class={'ls-dv-participant-card-top-items'}>\n <div\n class={'ls-dv-role-label'}\n style={{\n background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n {this.signer?.ordinal \|\| ''}\n </div>\n <div class={'ls-dv-button-set ls-dv-hidden'}>\n {previousRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, previousRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.moveup')}\n >\n <ls-icon name=\"arrow-up-icon\" size={18} />\n </div>\n )}\n {nextRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, nextRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.movedown')}\n >\n <ls-icon name=\"arrow-down-icon\" size={18} />\n </div>\n )}\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.editable = !this.editable;\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n >\n <ls-icon\n name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n size={18}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n />\n </div>\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n data-tooltip-place=\"top-end\"\n >\n <ls-icon name=\"trash-icon\" size={18} />\n </div>\n </div>\n </div>\n {this.editable ? (\n <div class={'ls-dv-participant-card-inner'}>\n {this.signer?.roleType !== 'WITNESS' ? (\n <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n <select\n name=\"roleType\"\n id=\"role-type\"\n class={'ls-dv-has-leading-icon'}\n onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n disabled={child ? true : false}\n >\n <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n {dvI18n.t('participants.approver')}\n </option>\n <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n {dvI18n.t('participants.signer')}\n </option>\n </select>\n </ls-input-wrapper>\n ) : (\n <ls-input-wrapper leadingIcon=\"eye-icon\">\n <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" />\n </ls-input-wrapper>\n )}\n <input\n type=\"text\"\n id=\"participant-description\"\n name=\"participantDescription\"\n placeholder={dvI18n.t('participants.placeholder')}\n defaultValue={this.signer.name}\n onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editable = false;\n }}\n />\n {this.signer?.roleType === 'SIGNER' && !child ? (\n <ls-button\n variant=\"tertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.addwitness')}\n leadingIcon=\"plus-icon\"\n loading={this.busy \|\| this.addingWitness}\n disabled={this.busy \|\| this.addingWitness}\n onClick={() => {\n if (this.busy \|\| this.addingWitness) return;\n this.addingWitness = true;\n this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n }}\n />\n ) : this.signer?.roleType === 'SIGNER' && child ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(child);\n }}\n />\n ) : this.signer?.roleType === 'WITNESS' ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n />\n ) : null}\n </div>\n ) : (\n <div class={'ls-dv-participant-card-text'}>\n <p\n class=\"ls-dv-participant-text-description\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n }}\n >\n {this.signer.name \|\| formatRoleName(this.signer)}\n </p>\n <p\n class=\"ls-dv-participant-text-type\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n textTransform: 'capitalize',\n }}\n >\n {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n </p>\n {this.signer?.roleType !== 'APPROVER' && (\n <div\n class={'ls-dv-role-label ls-dv-fields'}\n style={{\n background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n {participantFields.length === 0\n ? dvI18n.t('participants.signaturerequired')\n : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-participant-card.js","sourceRoot":"","sources":["../../../../src/components/ls-participant-card/ls-participant-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-card',\n styleUrl: 'ls-participant-card.scss',\n shadow: true,\n})\nexport class LsParticipantCard {\n @Element() component: HTMLElement;\n @Prop() signer: LSApiRole;\n @Prop() index: number;\n @Prop({ mutable: true }) editable: boolean = false;\n @Prop() template: LSApiTemplate;\n @Prop() active: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n opened: EventEmitter<LSApiRole>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.signer = { ...this.signer, ...diff };\n this.debounce(this.signer, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n deleteHandler(role: LSApiRole) {\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n @Watch('editable')\n modeHandler(_editable) {\n // When opened fire an event to let the parent handle closing other controls\n if (_editable) {\n this.opened.emit(this.signer);\n }\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null; signerIndex?: number }>;\n\n @Prop() busy: boolean = false;\n\n @State() swapUpBtn: HTMLElement;\n @State() swapDownBtn: HTMLElement;\n @State() editBtn: HTMLElement;\n @State() deleteParticipantBtn: HTMLElement;\n @State() addingWitness: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingWitness = false;\n }\n\n componentDidLoad() {}\n\n render() {\n const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) \|\| [];\n const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n // Find previous and next non-witness roles for swapping\n const getPreviousNonWitness = () => {\n for (let i = this.index - 1; i >= 0; i--) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const getNextNonWitness = () => {\n for (let i = this.index + 1; i < this.template.roles.length; i++) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const previousRole = getPreviousNonWitness();\n const nextRole = getNextNonWitness();\n\n const formatRoleName = (signer: LSApiRole) => {\n if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n return dvI18n.t('participants.participant', { index: signer.signerIndex });\n };\n\n return (\n <Host>\n <div\n class={\n 'ls-dv-participant-card' +\n (this.active ? ' ls-dv-participant-card-active' : '') +\n (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n }\n style={{\n 'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n 'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n 'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n onDblClick={() => {\n this.editable = true;\n }}\n >\n <div class={'ls-dv-participant-card-inner'}>\n <div class={'ls-dv-participant-card-top-items'}>\n <div\n class={'ls-dv-role-label'}\n style={{\n background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n {this.signer?.ordinal \|\| ''}\n </div>\n <div class={'ls-dv-button-set ls-dv-hidden'}>\n {previousRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, previousRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.moveup')}\n >\n <ls-icon name=\"arrow-up-icon\" size={18} />\n </div>\n )}\n {nextRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, nextRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.movedown')}\n >\n <ls-icon name=\"arrow-down-icon\" size={18} />\n </div>\n )}\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.editable = !this.editable;\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n >\n <ls-icon\n name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n size={18}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n />\n </div>\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n data-tooltip-place=\"top-end\"\n >\n <ls-icon name=\"trash-icon\" size={18} />\n </div>\n </div>\n </div>\n {this.editable ? (\n <div class={'ls-dv-participant-card-inner'}>\n {this.signer?.roleType !== 'WITNESS' ? (\n <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n <select\n name=\"roleType\"\n id=\"role-type\"\n class={'ls-dv-has-leading-icon'}\n onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n disabled={child ? true : false}\n >\n <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n {dvI18n.t('participants.approver')}\n </option>\n <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n {dvI18n.t('participants.signer')}\n </option>\n </select>\n </ls-input-wrapper>\n ) : (\n <ls-input-wrapper leadingIcon=\"eye-icon\">\n <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" style={{ wdith: '100%' }} />\n </ls-input-wrapper>\n )}\n <input\n type=\"text\"\n id=\"participant-description\"\n name=\"participantDescription\"\n placeholder={dvI18n.t('participants.placeholder')}\n defaultValue={this.signer.name}\n onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editable = false;\n }}\n />\n {this.signer?.roleType === 'SIGNER' && !child ? (\n <ls-button\n variant=\"tertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.addwitness')}\n leadingIcon=\"plus-icon\"\n loading={this.busy \|\| this.addingWitness}\n disabled={this.busy \|\| this.addingWitness}\n onClick={() => {\n if (this.busy \|\| this.addingWitness) return;\n this.addingWitness = true;\n this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n }}\n />\n ) : this.signer?.roleType === 'SIGNER' && child ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(child);\n }}\n />\n ) : this.signer?.roleType === 'WITNESS' ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n />\n ) : null}\n </div>\n ) : (\n <div class={'ls-dv-participant-card-text'}>\n <p\n class=\"ls-dv-participant-text-description\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.signer.name \|\| formatRoleName(this.signer)}\n >\n {this.signer.name \|\| formatRoleName(this.signer)}\n </p>\n <p\n class=\"ls-dv-participant-text-type\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n textTransform: 'capitalize',\n }}\n >\n {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n </p>\n {this.signer?.roleType !== 'APPROVER' && (\n <div\n class={'ls-dv-role-label ls-dv-fields'}\n style={{\n background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n {participantFields.length === 0\n ? dvI18n.t('participants.signaturerequired')\n : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-participant-manager/ls-participant-manager.js CHANGED Viewed

@@ -65,17 +65,17 @@ export class LsParticipantManager {
         observer.observe(this.element.shadowRoot, { childList: true, subtree: true });
     }
     render() {
-        return (h(Host, { key: '7dd94798e76907e82bdb4dd52e64910f3090001d' }, h("div", { key: 'b4b5552f34dade6a06b351ea312da9054ea9d29c', class: "ls-dv-editor-infobox" }, h("h2", { key: '7ca40fa3b1c4015235ade5b9289a69ad83eaa904', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: 'c5e8e336010184958fff2a9db9f148184abb0169', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '69333253a05564476669c12c29fcf75e242a7a98', class: "ls-dv-participant-list" }, this.template &&
+        return (h(Host, { key: 'b63d2f889472abba2252828476898ab4d8268ce4' }, h("div", { key: 'fe777fc2400506b133d955637ef4969fcdd9beee', class: "ls-dv-editor-infobox" }, h("h2", { key: '917c0f76d095a57e9f71a3a3838895fe6e945b15', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: 'a63e05c354e95b88c08832572d4ea558180af52c', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '66082a5bbf13f69819d0bc13fcea616999541d4f', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map((r, index) => {
                 return (h("ls-participant-card", { signer: r, index: index, template: this.template, active: r.signerIndex === this.activeSigner, busy: this.busy, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), h("div", { key: '2996c539e547865eca7fc01e8acd3f71712bb567', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '8a640d80f169290da49d9457058fff977430797a', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
+            })), h("div", { key: 'a8bc6ccc4d570fd6780b96f5f888dc4960bd2fc6', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '1a8ffaee23e3ac36f258b3fc9f122b435a8eee47', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
                 if (this.addingParticipant)
                     return;
                 this.addingParticipant = true;
                 this.addParticipant.emit({ type: 'SIGNER' });
-            } })), h("slot", { key: 'f94112fb13a9c4c793af81b13e3c5fea0c7a5149' })));
+            } })), h("slot", { key: 'cdef7995b42230af8f71da4fc11e1f1e60ad49af' })));
     }
     static get is() { return "ls-participant-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-participant-select/ls-participant-select.css CHANGED Viewed

@@ -13,7 +13,7 @@
 }
 .ls-dv-dropdown-header {
-  border-radius: 0.625rem;
+  border-radius: 0.75rem;
   border: 1px solid var(--gray-20, #edeff2);
   background: var(--gray-10, #f7f8fa);
   display: flex;

package/dist/collection/components/ls-participant-select/ls-participant-select.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { Host, h } from "@stencil/core";
 import { defaultRolePalette } from "../ls-document-viewer/defaultPalette";
 import { dvI18n } from "../../i18n/i18n";
 export class LsParticipantSelect {
+    el;
     /**
    * The id of the currently selected role.
    * {string}
@@ -52,6 +53,11 @@ export class LsParticipantSelect {
      */
     roles = [];
     isOpen = false;
+    handleWindowClick(event) {
+        if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0])) {
+            this.isOpen = false;
+        }
+    }
     toggleDropdown = () => {
         this.isOpen = !this.isOpen;
     };
@@ -66,27 +72,27 @@ export class LsParticipantSelect {
         this.addParticipant.emit({ type: 'SIGNER' });
     }
     render() {
-        return (h(Host, { key: '2699fa7c9e6974f639b19f96f7e9e7b3ee94c4b5' }, h("div", { key: '0f3fc63cd4c99594c6af4e5ffdbdefd7617531a2', class: "ls-dv-dropdown" }, h("div", { key: '0d17eb0eec3b31973cd3d2cac5a5f37c1b753e0e', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '55302678d397aaaa4642ddb6f06932df8d6ff14d', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2c11fde53363c48302dd8c9011bcd964e5023dc8', 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: '6125c6628fe224bdffa462bccbaa2123fcb04977', 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: '56592903e9266daaa95506dd4605a74e1f5cca06', 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: 'f9dc0b48a1c35f1dc233491efc19096f8fb68b15', 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: '2dc223ee5572e1b673a6f7cfda8cba355bd885aa', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: 'e547045391227c73110e15bb30372239674c8a21', class: 'ls-dv-selected-role-label', style: {
+        return (h(Host, { key: '5b5a43bb1d6b669782b3ddbb731741d82b973bdb' }, h("div", { key: '668ace4e82f74d89c99c29d0a7d865dfb0802415', class: "ls-dv-dropdown" }, h("div", { key: '94d9fb8494e07113a28ac0e1046b45884d7f35e9', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'be2ea22455255a2a8e17cfdbc83e9bcfde6ad069', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b8bf9bbbc30db6e3021614fd8e83b2a40938e558', 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: '5f17418d0ea6c31d38512b0527bf495d33841394', 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: '470ff8c9d2adc62946b887f26502bb2da945c973', 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: '0995ba4505d45aaab7fc046e4eaac9814204da04', 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: 'b31ec3e7a809a3a86ba18c3b544884a9d13d2876', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: 'c6df36e15c5e5a94079337c931f7de55ef85ada1', class: 'ls-dv-selected-role-label', style: {
                 background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
-            } }, h("ls-icon", { key: '6f14ea956566cf863ca8086470f919417123278d', size: 18, name: this.selectedRole?.roleType === 'SENDER'
+            } }, h("ls-icon", { key: '3262e57c2fd429130f9d7b0ac44e226c9bd6d069', size: 18, name: this.selectedRole?.roleType === 'SENDER'
                 ? 'user-icon'
                 : this.selectedRole?.roleType === 'APPROVER'
                     ? 'check-circle-icon'
                     : this.selectedRole?.roleType === 'WITNESS'
                         ? 'eye-icon'
                         : 'signature-icon' }), this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))), h("button", { key: '0396b2e6c30818a44563ed4847f09e06e400a105', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '01cfff8b1c56fc547740a9360df1b04e393fbfa3', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '6b68ece7c0261165bb928d5ecadb25c4aba5e036', class: "ls-dv-dropdown-list" }, h("div", { key: '23d5f8d5eb79120b6804d82d1eec1815e646ac47', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))), h("button", { key: 'a687c0048677568d2ae4fff30d428f367a289ed5', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '8a6f3bb0679225e9347f02147f5945f63c807e76', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '2efa933a11b17f5de4d5819b38b49bedb12cce7e', class: "ls-dv-dropdown-list" }, h("div", { key: '1e4abac34528e1215268a1846c4997e3368ac93e', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
                 '--background-selected': defaultRolePalette[0].s10,
                 '--check-icon-selected': defaultRolePalette[0].s50,
-            }, 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: '39bf3a6b1f2498d03b80031b48bb948f020b3dad', class: 'ls-dv-role-icon', style: {
+            }, 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: '31402ae0789783221c26daee781082ad42b20fce', class: 'ls-dv-role-icon', style: {
                 background: defaultRolePalette[0].s50,
                 color: defaultRolePalette[0].s80,
-            } }, h("ls-icon", { key: '78b3ecee2be86eaf9c61e22a94fbdd6790a6b18a', name: "user-icon" })), h("div", { key: '4779d3cd030adc4a0526a5c5f515bd77ba668318', class: 'ls-dv-role-text' }, h("p", { key: '05886532ff620453a62031f628aafd60eefff817', class: 'ls-dv-role-name', style: {
+            } }, h("ls-icon", { key: '47caeb0ae7bede06d82d7a2e1c3a748accc0d736', name: "user-icon" })), h("div", { key: '665c0cabd7455f7f215a60c21264cc3795786b3b', class: 'ls-dv-role-text' }, h("p", { key: '2b0e205a8350737f1ac7a7c591be185128fcc294', class: 'ls-dv-role-name', style: {
                 '--role-name-selected': defaultRolePalette[0].s80,
-            } }, dvI18n.t('toolbar.sender')), h("p", { key: 'af043fe79310f10f5c20c71be16410ac82bff95f', class: 'ls-dv-role-type', style: {
+            } }, dvI18n.t('toolbar.sender')), h("p", { key: 'e935b1f225f5f49ef103676bf4377f299b7afcaa', class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultRolePalette[0].s80,
-            } }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: 'ddcf69ea7b7654b645fb2f4715d4c9330760cde9', 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: {
+            } }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: '05a2f87d0e844875500ca48d75bdfab81694ed1b', 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: {
                 '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
                 '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
             }, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget
@@ -98,10 +104,10 @@ export class LsParticipantSelect {
                 '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
             } }, 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: {
                 '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
-            } }, 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 })))), h("button", { key: 'd9eaf32948e3a2afabe55a3e9e5956fc8472a8c5', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
+            } }, 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 })))), h("button", { key: '5b60a903653b6a30fe5325c9ce66ebd167c93fd8', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
                 '--background-selected': defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultRolePalette[1].s50,
-            } }, h("div", { key: 'bf2a02e6b77a8d0afbdc3f2693161f43941ac7d4', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: 'c4545fa771818d031b159ee16de30992f3ac1c15', name: "user-add-icon" })), h("div", { key: '72e386de52b8314c05c4f8314ca60cc038be0372', class: 'ls-dv-role-text' }, h("p", { key: 'ef746fd94162015abf2e01aea8bb191348d22d63', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: '325369cb6b51ffc4ee2e79f9e6ec9a9d0622eadd', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: 'b65faf8cd4eb45874765287652b58109d05b65ee', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("slot", { key: '63b3b7be89bf781293dbec74fbfd65f9e8a5e700' })));
+            } }, h("div", { key: '34e9c77b96d92e42fea2ea5b92af1b262879b7dc', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: '1adda5f6736b8cada4345bc81c44139ef7d85de8', name: "user-add-icon" })), h("div", { key: 'dc6907682df5e4ebb3985dbb1b51833e89e0e279', class: 'ls-dv-role-text' }, h("p", { key: '1887ac8bc1de904dce5130a59b179ed9ad36eaad', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: '00c09b732561101f7fc4d2c76c16e059955c4334', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: '914d779c3b9e4bb09bfa1e99a137fbb448fcd8c1', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("slot", { key: '163b5c4459b9f362ffa7460c6c8b505730efdc64' })));
     }
     static get is() { return "ls-participant-select"; }
     static get encapsulation() { return "shadow"; }
@@ -226,6 +232,7 @@ export class LsParticipantSelect {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "signer",
@@ -235,5 +242,14 @@ export class LsParticipantSelect {
                 "methodName": "handleRoleLoad"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleWindowClick",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=ls-participant-select.js.map

package/dist/collection/components/ls-participant-select/ls-participant-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-participant-select.js","sourceRoot":"","sources":["../../../../src/components/ls-participant-select/ls-participant-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-select',\n styleUrl: 'ls-participant-select.scss',\n shadow: true,\n})\nexport class LsParticipantSelect {\n /*\n The id of the currently selected role.\n * {string}\n /\n @Prop({ mutable: true}) selected: string;\n\n /\n The currently active signer index (controlled externally).\n * {number}\n /\n @Prop() signer: number;\n \n /\n The currently selected role.\n * {number}\n /\n @State() selectedRole: { signerIndex: number; name: string; roleType?: string; default: boolean } = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: true };\n\n @Watch('signer')\n handleSignerChange(newSigner: number) {\n // Only update if the current selection doesn't match the new signer prop\n if (this.selectedRole.signerIndex !== newSigner) {\n if (newSigner === 0) {\n this.selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: false };\n } else {\n const role = this.roles?.find(r => r.signerIndex === newSigner);\n if (role) this.selectedRole = { ...role, default: false };\n }\n }\n }\n\n @Watch('roles')\n handleRoleLoad() {\n if(this.selectedRole.default) {\n if(this.roles.length > 0) {\n const initialRole = this.roles.find(r => r.signerIndex === 1);\n if(initialRole) {\n this.selectedRole = { ...initialRole, default: false };\n }\n }\n } else {\n const updatedRole = this.roles.find(r => r.signerIndex === this.selectedRole.signerIndex);\n if(updatedRole) {\n this.selectedRole = { ...updatedRole, default: false };\n }\n }\n }\n /\n The current template roles.\n * {LSApiRole}\n */\n @Prop() roles?: LSApiRole[] = [];\n\n @State() isOpen: boolean = false;\n\n\n toggleDropdown = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Event() roleChange: EventEmitter<number>;\n\n @Event({\n bubbles: true,\n composed: true,\n }) addParticipant: EventEmitter<{type: LSApiRoleType, parent?: string \| null}>;\n\n\n selectRole(role: { signerIndex: number; name: string; roleType?: string }) {\n this.selectedRole = { ...role, default: false };\n this.isOpen = false;\n this.roleChange.emit(role.signerIndex);\n }\n\n createHandler() {\n this.addParticipant.emit({type: 'SIGNER'});\n }\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-dropdown\">\n <div class=\"ls-dv-dropdown-header\" onClick={this.toggleDropdown}>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path 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\" />\n <path\n 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\"\n fill=\"#46DBAA\"\n stroke=\"#F7F8FA\"\n />\n <path\n 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\"\n fill=\"#FAD232\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75\"\n stroke=\"#939599\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <p class={'ls-dv-placing-fields-text'}>{dvI18n.t('toolbar.placingfieldsfor')}</p>\n <div\n class={'ls-dv-selected-role-label'}\n style={{\n background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,\n color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,\n }}\n >\n <ls-icon\n size={18}\n name={\n this.selectedRole?.roleType === 'SENDER'\n ? 'user-icon'\n : this.selectedRole?.roleType === 'APPROVER'\n ? 'check-circle-icon'\n : this.selectedRole?.roleType === 'WITNESS'\n ? 'eye-icon'\n : 'signature-icon'\n }\n />\n {this.selectedRole.name \|\|\n (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))}\n </div>\n <button class={'ls-dv-tertiary-grey ls-dv-expand-button'} aria-haspopup=\"listbox\" aria-expanded={this.isOpen}>\n <ls-icon name=\"chevron-down-icon\"></ls-icon>\n </button>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-dropdown-list\">\n \n <div\n class={this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' })}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.sender')}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.you')}\n </p>\n </div>\n\n <ls-icon class={'ls-dv-check-icon'} name={this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon'} solid={this.selectedRole?.signerIndex === 0} />\n </div>\n {this.roles.map(r => (\n <div\n class={r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,\n '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,\n }}\n onClick={() => this.selectRole(r)}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement)\n .querySelector('.ls-dv-check-icon')\n ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: r.signerIndex > 100 ? defaultRolePalette[r?.signerIndex % 100].s30 : defaultRolePalette[r?.signerIndex % 100].s40,\n color: defaultRolePalette[r?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={r.roleType === 'WITNESS' ? 'eye-icon' : r.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'} />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,\n }}\n >\n {r.name \|\| (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,\n }}\n >\n {r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer')}\n </p>\n </div>\n <ls-icon\n class={'ls-dv-check-icon'}\n name={r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.selectedRole?.signerIndex}\n />\n </div>\n ))}\n <button\n onClick={() => this.createHandler()}\n class={'ls-dv-add-participant-row'}\n style={{\n '--background-selected': defaultRolePalette[1].s10,\n '--check-icon-selected': defaultRolePalette[1].s50,\n }}\n >\n <div\n class={'ls-dv-add-participant-icon'}\n >\n <ls-icon name=\"user-add-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p class={'ls-dv-role-name'}>{dvI18n.t('participants.addparticipant')}</p>\n <p class={'ls-dv-role-type'}>{dvI18n.t('toolbar.addnewsigner')}</p>\n </div>\n <ls-icon class={'ls-dv-plus-icon'} name=\"plus-icon\" />\n </button>\n </div>\n )}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-participant-select.js","sourceRoot":"","sources":["../../../../src/components/ls-participant-select/ls-participant-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-select',\n styleUrl: 'ls-participant-select.scss',\n shadow: true,\n})\nexport class LsParticipantSelect {\n @Element() el: HTMLElement;\n\n /*\n The id of the currently selected role.\n * {string}\n /\n @Prop({ mutable: true}) selected: string;\n\n /\n The currently active signer index (controlled externally).\n * {number}\n /\n @Prop() signer: number;\n \n /\n The currently selected role.\n * {number}\n /\n @State() selectedRole: { signerIndex: number; name: string; roleType?: string; default: boolean } = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: true };\n\n @Watch('signer')\n handleSignerChange(newSigner: number) {\n // Only update if the current selection doesn't match the new signer prop\n if (this.selectedRole.signerIndex !== newSigner) {\n if (newSigner === 0) {\n this.selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: false };\n } else {\n const role = this.roles?.find(r => r.signerIndex === newSigner);\n if (role) this.selectedRole = { ...role, default: false };\n }\n }\n }\n\n @Watch('roles')\n handleRoleLoad() {\n if(this.selectedRole.default) {\n if(this.roles.length > 0) {\n const initialRole = this.roles.find(r => r.signerIndex === 1);\n if(initialRole) {\n this.selectedRole = { ...initialRole, default: false };\n }\n }\n } else {\n const updatedRole = this.roles.find(r => r.signerIndex === this.selectedRole.signerIndex);\n if(updatedRole) {\n this.selectedRole = { ...updatedRole, default: false };\n }\n }\n }\n /\n The current template roles.\n * {LSApiRole}\n */\n @Prop() roles?: LSApiRole[] = [];\n\n @State() isOpen: boolean = false;\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n toggleDropdown = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Event() roleChange: EventEmitter<number>;\n\n @Event({\n bubbles: true,\n composed: true,\n }) addParticipant: EventEmitter<{type: LSApiRoleType, parent?: string \| null}>;\n\n\n selectRole(role: { signerIndex: number; name: string; roleType?: string }) {\n this.selectedRole = { ...role, default: false };\n this.isOpen = false;\n this.roleChange.emit(role.signerIndex);\n }\n\n createHandler() {\n this.addParticipant.emit({type: 'SIGNER'});\n }\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-dropdown\">\n <div class=\"ls-dv-dropdown-header\" onClick={this.toggleDropdown}>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path 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\" />\n <path\n 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\"\n fill=\"#46DBAA\"\n stroke=\"#F7F8FA\"\n />\n <path\n 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\"\n fill=\"#FAD232\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75\"\n stroke=\"#939599\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <p class={'ls-dv-placing-fields-text'}>{dvI18n.t('toolbar.placingfieldsfor')}</p>\n <div\n class={'ls-dv-selected-role-label'}\n style={{\n background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,\n color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,\n }}\n >\n <ls-icon\n size={18}\n name={\n this.selectedRole?.roleType === 'SENDER'\n ? 'user-icon'\n : this.selectedRole?.roleType === 'APPROVER'\n ? 'check-circle-icon'\n : this.selectedRole?.roleType === 'WITNESS'\n ? 'eye-icon'\n : 'signature-icon'\n }\n />\n {this.selectedRole.name \|\|\n (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))}\n </div>\n <button class={'ls-dv-tertiary-grey ls-dv-expand-button'} aria-haspopup=\"listbox\" aria-expanded={this.isOpen}>\n <ls-icon name=\"chevron-down-icon\"></ls-icon>\n </button>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-dropdown-list\">\n \n <div\n class={this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' })}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.sender')}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.you')}\n </p>\n </div>\n\n <ls-icon class={'ls-dv-check-icon'} name={this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon'} solid={this.selectedRole?.signerIndex === 0} />\n </div>\n {this.roles.map(r => (\n <div\n class={r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,\n '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,\n }}\n onClick={() => this.selectRole(r)}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement)\n .querySelector('.ls-dv-check-icon')\n ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: r.signerIndex > 100 ? defaultRolePalette[r?.signerIndex % 100].s30 : defaultRolePalette[r?.signerIndex % 100].s40,\n color: defaultRolePalette[r?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={r.roleType === 'WITNESS' ? 'eye-icon' : r.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'} />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,\n }}\n >\n {r.name \|\| (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,\n }}\n >\n {r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer')}\n </p>\n </div>\n <ls-icon\n class={'ls-dv-check-icon'}\n name={r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.selectedRole?.signerIndex}\n />\n </div>\n ))}\n <button\n onClick={() => this.createHandler()}\n class={'ls-dv-add-participant-row'}\n style={{\n '--background-selected': defaultRolePalette[1].s10,\n '--check-icon-selected': defaultRolePalette[1].s50,\n }}\n >\n <div\n class={'ls-dv-add-participant-icon'}\n >\n <ls-icon name=\"user-add-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p class={'ls-dv-role-name'}>{dvI18n.t('participants.addparticipant')}</p>\n <p class={'ls-dv-role-type'}>{dvI18n.t('toolbar.addnewsigner')}</p>\n </div>\n <ls-icon class={'ls-dv-plus-icon'} name=\"plus-icon\" />\n </button>\n </div>\n )}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-props-section/ls-props-section.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class LsPropsSection {
     sectionDescription;
     row = false;
     render() {
-        return (h(Host, { key: 'd1f4da17a8cd52f46be7af7f26e431a3a56d848e' }, h("div", { key: '055f3f15338bab4f219221430d3d757fa57f7831', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '7f00e4f24fb30b59b9d1752dfcada8050944cda9', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0a5e4170d8e8ad9d6d5950e6eea5ba0d7d169cef', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'de1959c5eacc981a495e78710084a1b54a09b8fa', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: 'cb7f3e4d86f7fdea1579f624076637a8f663242f' }))));
+        return (h(Host, { key: 'badc0199d1170d7bda92be6219b1daf2eb201cba' }, h("div", { key: 'bcf487bef3930bcd9f92f397e50032be4844c233', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '85246bec6bdb9a7c9d6769434edaa085507a83bc', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0cdb538cdc05f617f55a2caedf9fc9b88d1b8d51', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'b4a9db5927f1540bc46542d23689e7f25908aa3f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '7fe1da66021696a4c7d6812dc0bba2ecb5c24941' }))));
     }
     static get is() { return "ls-props-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-recipient-card/ls-recipient-card.js CHANGED Viewed

@@ -13,8 +13,8 @@ export class LsRecipientCard {
     activeRecipient;
     fieldTypeSelected = {
         label: 'Signature',
-        formElementType: 'signature-icon',
-        elementType: 'signature-icon',
+        formElementType: 'signature',
+        elementType: 'signature',
         validation: 0,
         defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,
         defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,
@@ -65,8 +65,8 @@ export class LsRecipientCard {
     }
     render() {
         const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
-        const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature-icon' || f.elementType === 'auto sign');
-        return (h(Host, { key: '3bd272f769221fb8f1ba2e109ddcd3219bd949bd' }, h("div", { key: '36abd05eda4af067805c4299e2cd5ac5c82b51cb', 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: {
+        const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
+        return (h(Host, { key: '1a6f3428ba44776c7108794c486707227ee34566' }, h("div", { key: '704d8a767e7b19bfc64dc892c8cb9822375e0170', 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: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
                 border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
                 outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -78,14 +78,14 @@ export class LsRecipientCard {
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, h("div", { key: '0062a1b1a2d79fa857ae2a52e1861fafc8baec2b', class: 'ls-dv-participant-card-inner' }, h("div", { key: 'dc0f978cba7ef4b6cec1aac4479f7261889764a8', class: 'ls-dv-participant-card-top-items' }, h("div", { key: 'c9ab02fe95665b777fd88f25751608d070d9829c', class: 'ls-dv-role-label', style: {
+            } }, h("div", { key: '73b3a9784fb79f2a13d4d1c5cf15547fb6e901ba', class: 'ls-dv-participant-card-inner' }, h("div", { key: '2c08a00be8a22bdaa69d8a5c2d57f93046ebd5bb', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '35c29b2554a499ea8e9d7ea24fe82497623a36b1', class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: 'f33f3c913fdc2a7d1d6fcb01ca79799390e11e91', 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: 'f3a0d91c31eb1469d0bbda335c9d39bc5602c712', 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: '466deb88e69127717e027fab7dff5eb73b010ec7', class: "ls-dv-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: 'f4d05c8a5bf0b475d44914a324da7fffcf340a03', class: 'ls-dv-participant-card-text' }, h("p", { key: 'dab937d7a3fcf72d2bb5608d9887cb0c6ff9b537', class: "ls-dv-participant-text-description", style: {
+            } }, h("ls-icon", { key: '6c8c7f8b15bf448263c3d469944daf66dc8732aa', 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: 'fe09f5697f874eed72ff31d8b6ae98e2236740e8', 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: '8aedcb65a3123f2b76f464203cc5d8ad4a51f987', class: "ls-dv-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: '2b81b621a01d340d9ad75ff1b62ee700ccddbab4', class: 'ls-dv-participant-card-text' }, h("p", { key: '5a0462fa4c091e8cf396d130f5e5b2e3ffdb774c', class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '907204708c7a1ea546587a86e6d387827445cc4a', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '3af3f0e51073f728ba69d39434e6d063fef95c2f', class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: 'cc505e66bad6854636e55e75b6e4ff1c89c09de6', 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: 'ffd3dc1860aab9acdad44bdfdad26aaafdd8f00d', 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: '8834424ba27e7edf4f3e36c530548c43a5a2528e', 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: 'c4cc3c8dc2678164c6cdd6387ea8fb2a761c42c3', 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: '3c0f70850253cee57784ddfedcf702996a3331eb', 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: 'a39f09194b15e0aebadb5e17dce0f19dec57b5ab', 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: '37e8ae13ca970ae9aa7eeeaec74fca6ed9ddb1ad', 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') && (h("ls-toolbox-field", { key: '231a7b46da75a360dee65b34eb0d2ecacc6fdf62', 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: 'a45de06d04d68095ab1f817c6f26cddeac107dbc', 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: '6b270ec4c0db3c06de363bbd53597a59c6e49c15', 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: '856d79ed1fc2ea5ea268b87bc9de03332b6d5b47', 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.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '52bf8b41e1c086d2a39b70547828f3f290f86ba0', elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'aea62c563eeea24825b7367152ac4ebea39e3f36', elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '54e467243f0bbc9a2f1d9ddffec3fbe760d69d28', 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: 'c2bfa680abfd3db52d2dac5e9e02b162675aa9ed', elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: 'b388ec600f8423d60d15a51eaa31b823d8bc35ea' }), h("ls-tooltip", { key: '63b930a715904ea7a0b8c869816d5b90978cb177', tooltipId: "ls-dv-tooltip" })));
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: '83ad6c036d058a2e4c895d5ab3a41336abf7c042', 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: 'a32811d4056562bfd3691033e042083133b2682e', 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: 'f9720e0bc94d52eb8d5f665dce9b3dd2d1a1ab9f', 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: 'f9c6fbc8c8eb850bae5caff584a5877a7ef205c4', 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: 'c554bf6e531294eefe11c0a09848417fef69f405', 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: '30fbf2c7c7da93d36818ce18704dfedaf663f5bc', 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: '3513ffbffe8ffc55c7b83639c1acd178b32e6a9d', 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') && (h("ls-toolbox-field", { key: 'c7dba87d5f69c21c5813febbf3dcd117b345420c', 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: '31b68861f65843c7cdd2517fbd2c4df33ac90b9e', 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: '62a4e157d7bbb271dc81147ceca34ab1f8c22580', 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: 'ee2ded16630e651c30f585159511fade83267ef0', 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.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '4c6b88190bd32a59b212bf0c5236f44520344734', elementType: "text", formElementType: "regex", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regex'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regex'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'c75106a07655fdef31910417301fecabae2b7ae3', elementType: "text", formElementType: "image", label: dvI18n.t('toolbox.image'), defaultHeight: FIELD_DEFAULTS['image'].defaultHeight, defaultWidth: FIELD_DEFAULTS['image'].defaultWidth, validation: 90, icon: "photograph-icon", tooltip: dvI18n.t('toolbox.imagetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'd0c6593bbdaaf6b6f3121b80362f54cb9452ca38', 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: '064f82c8eb9df291df9af66cc8f5f66a8012ed54', elementType: "text", formElementType: "drawn", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: '5579df038af2d816ea2528418fca3d688529d3cc' }), h("ls-tooltip", { key: '64f396ce93a81afe04190e5ea020da7e7d0a5b00', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-recipient-card"; }
     static get encapsulation() { return "shadow"; }
@@ -165,7 +165,7 @@ export class LsRecipientCard {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "{\n    label: 'Signature',\n    formElementType: 'signature-icon',\n    elementType: 'signature-icon',\n    validation: 0,\n    defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,\n    defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,\n  }"
+                "defaultValue": "{\n    label: 'Signature',\n    formElementType: 'signature',\n    elementType: 'signature',\n    validation: 0,\n    defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,\n    defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,\n  }"
             },
             "template": {
                 "type": "unknown",