npm - legalesign-document-viewer - Versions diffs - 1.0.13 → 1.0.15 - Mend

legalesign-document-viewer 1.0.13 → 1.0.15

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 (272) hide show

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

@@ -23,6 +23,10 @@ export class LsParticipantCard {
         if (this.labeltimer)
             clearTimeout(this.labeltimer);
         this.labeltimer = setTimeout(() => {
+            if (!data.name || data.name.trim() === '') {
+                data = { ...data, name: 'Participant ' + data.ordinal };
+                this.signer = data;
+            }
             const diffs = [{ action: 'update', data }];
             this.mutate.emit(diffs);
         }, delay);

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\" 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-html={`<span style=\"white-space:normal;word-break:break-word\">${this.signer.name \|\| formatRoleName(this.signer)}</span>`}\n onMouseEnter={(e: MouseEvent) => {\n const el = e.currentTarget as HTMLElement;\n if (el.scrollWidth <= el.clientWidth) {\n el.removeAttribute('data-tooltip-html');\n }\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 if (!data.name \|\| data.name.trim() === '') {\n data = { ...data, name: 'Participant ' + data.ordinal };\n this.signer = data;\n }\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-html={`<span style=\"white-space:normal;word-break:break-word\">${this.signer.name \|\| formatRoleName(this.signer)}</span>`}\n onMouseEnter={(e: MouseEvent) => {\n const el = e.currentTarget as HTMLElement;\n if (el.scrollWidth <= el.clientWidth) {\n el.removeAttribute('data-tooltip-html');\n }\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"]}

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

@@ -66,7 +66,7 @@ export class LsParticipantManager {
     }
     roleChange;
     render() {
-        return (h(Host, { key: 'b0c8b7d2bc28b998f8b8a7dfc67abfd3cb56bbd5' }, h("div", { key: '5504c2340e3611824e87c88d19bbe90d68987a93', class: "ls-dv-editor-infobox" }, h("h2", { key: '3b0bd6487bcaf3fb335cb9ee97112309bf383358', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '9ac9d323cd8b3d77a332b28b8f6793ea85c04440', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: 'b4cc5713a2ddf4929e6916f2a76f6faf45b6e073', class: "ls-dv-participant-list" }, h("div", { key: '0f324fd9db8fe8269714b824c2b48a1c1b78538f', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: 'd2f1ec8272ce123a2f738396ee6f400b66d15ebe', class: "ls-dv-sender-card-inner" }, h("div", { key: '119b65754f46a4eeaee43f182721be8bce7c827a', class: "ls-dv-sender-card-top-items" }, h("div", { key: 'b9ab8dfbac32e430ebf64d294e922ae03fdebbf4', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: 'f3f7dc84a66c97acbdbd28b438fa530cbfb28072', name: "user-icon" }))), h("div", { key: '54d7ff22284a01222840a1c8b253779302074525', class: "ls-dv-sender-card-text" }, h("p", { key: 'bd2af808a8eba11661d7a7eef9ae7cef94c448ea', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: 'a1a7a38375e6ee63a99031fd399670c9f2604a72', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
+        return (h(Host, { key: 'd11e453545317dfd24171e037ecacd02250ebef1' }, h("div", { key: '820ab2f90173fef8c5e1ff6f485c1abacde1b36f', class: "ls-dv-editor-infobox" }, h("h2", { key: 'df3a23e08ecfe9746d1dc74a3760791308372d1d', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '8be3f4028d67211d8dcd45bd05a099eaf6edf3e9', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: '1283ed6bfd2089f97e6a31393eb22a3a76654ddd', class: "ls-dv-participant-list" }, h("div", { key: '4a8e45f9df2a78baa1ae80086fcf215a444e3bac', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: 'e43353bad4230ca21a3cc31428a6703d85fab303', class: "ls-dv-sender-card-inner" }, h("div", { key: '8251ba4aa0becff8ddf0778c355e3329190e9108', class: "ls-dv-sender-card-top-items" }, h("div", { key: '0d16d84f1c3f9b4dfc62d86ee5e4d5f12fd14dd8', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: '1dddeb8471373e4208421af13fcc6bbbfddb4fa7', name: "user-icon" }))), h("div", { key: '6d17780456a562242a555c0608a70583e897eeba', class: "ls-dv-sender-card-text" }, h("p", { key: 'fa54d93e9cc99f845ca4b666d538f35234020547', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: '891d3651c627a07bebada9fe7eb357756f6c0d87', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
             (() => {
                 const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) || [];
                 return senderFields.length > 0 ? (h("div", { class: "ls-dv-role-label ls-dv-fields", style: { background: '#edeff2', color: '#5e6066' } }, `${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`)) : null;
@@ -75,12 +75,12 @@ export class LsParticipantManager {
                 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: '9ebeddcfcc586580678a09d86aebc9ddbe08020b', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: 'da3a651cd886d5b7639a42fd7d56a046b688e086', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
+            })), h("div", { key: '87e349610a247f24e825035332a73178f4984020', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: 'f83bb08020f039399391da1a27392250ebd1c594', 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: '9e59eaa3c21ecf31674e2ba7068fcbc1e6665b7c' })));
+            } })), h("slot", { key: 'd7c6397fc52afd6e224b4feff3aa43af24dc7cdf' })));
     }
     static get is() { return "ls-participant-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,27 +81,27 @@ export class LsParticipantSelect {
         });
     }
     render() {
-        return (h(Host, { key: '1f7abd769fc60bb3cdedd73be4366f32a3475b00' }, h("div", { key: 'c62e40e5402eb611b8c0c5e04b127aed949886dd', class: "ls-dv-dropdown" }, h("div", { key: '2cabd0b74685028770262b1598359897f52bc94b', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'e2e3359fc70d418cd2a0ca7ed9b0a7f672ddc1a7', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c66d17776220d6be4ba94dba2194d26ddeee473a', 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: '6c947b99109d08de58bdd140938cdaf15d24f668', 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: 'b35e19f4425e9e44a8ecd549000f9995923e3d1f', 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: 'a35039be6054810c6367318e8e5cbf07b3ca9410', 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: '544e3f471402fffa6e92b12c80a87f34312bc1c7', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: '83781a4fe2f9082e9152347521bb3d6a1dd0d7f4', class: 'ls-dv-selected-role-label', style: {
+        return (h(Host, { key: 'cb965a3d223ec8c3c0c50db07ea82677377c09b4' }, h("div", { key: 'b4aea02ef643017d914204a1245179fcaef74360', class: "ls-dv-dropdown" }, h("div", { key: '64a4352fcd76bc792034315ad45b42ebe45ed68f', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '6fc6445b5157855a06e5fb00d35e0a7106327479', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f7d1c6815f1cba5560295757d4b5d0014fdab261', 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: '881ef777aa1fbcff5726f1ebc3f762d26bd52c86', 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: 'b54927715fc769d5e0fe32db8ae187960be25a63', 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: '8b2799a1a43526a00a1662c031ed80a2d2fcfbb2', 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: 'de563b8c68ad0b684a249ee6f669d2bca67e43c6', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: '697d34047e205f57f3f6821ee3f5a3dae906474a', 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: '9c10df8cc9b3ff9e0373838ef0151e5d157848d2', size: 18, name: this.selectedRole?.roleType === 'SENDER'
+            } }, h("ls-icon", { key: '2e2eed36bb31ca68e83c8f44d5513a583abd473a', size: 18, name: this.selectedRole?.roleType === 'SENDER'
                 ? 'user-icon'
                 : this.selectedRole?.roleType === 'APPROVER'
                     ? 'check-circle-icon'
                     : this.selectedRole?.roleType === 'WITNESS'
                         ? 'eye-icon'
-                        : 'signature-icon' }), h("span", { key: '6e10b4259ceaef47d145a9cb2b8cccc2aca6406a', class: "ls-dv-selected-role-text" }, this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex })))), h("button", { key: 'a6d4fb0c922fa49a15c11befaa07e4d020df0540', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: 'ffc56d6839f713f1f777fc69dce34c832913de2c', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '542e7cdbf7217c697e699754ce068b428fee5107', class: "ls-dv-dropdown-list" }, h("div", { key: '184dcab63acaffee0e68d891b29142444bef9718', class: "ls-dv-dropdown-list-items" }, h("div", { key: '79dcb9b9456dea4b3421b2c973828ad8ab1e1c51', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+                        : 'signature-icon' }), h("span", { key: 'ae6366d6f51f67d79087e49634333e8ad74a9fa5', class: "ls-dv-selected-role-text" }, this.selectedRole.name ||
+            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex })))), h("button", { key: '6c2207f4697998564360e4738088aa12b8058525', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '62dab110baa79b3a530a7e50187df9a85cfb0339', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '715790073b067a0b11dacb444d2741675a980fde', class: "ls-dv-dropdown-list" }, h("div", { key: '401e4cadcb79b77e266fa786e42e0749f4b0b67d', class: "ls-dv-dropdown-list-items" }, h("div", { key: '7a3936ff645e3c0d53010aea88aaf32cc1b72969', 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: '1967041e887eae610dbff3a145a9b7f5e4915137', 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: '0357a0c6ea9686f3707fb518f785e7f6a0ecef54', class: 'ls-dv-role-icon', style: {
                 background: defaultRolePalette[0].s50,
                 color: defaultRolePalette[0].s80,
-            } }, h("ls-icon", { key: 'bb1871c31c6f4d33e6c733696ba972474cd46f2e', name: "user-icon" })), h("div", { key: '00b472fb20d65cd4d5e2a6269d18352fae23c264', class: 'ls-dv-role-text' }, h("p", { key: '61132277f7ab99a62e8f06ac7988c30982f5f18f', class: 'ls-dv-role-name', style: {
+            } }, h("ls-icon", { key: 'f0db1582dbe945942f76797914251c3f0d85edd7', name: "user-icon" })), h("div", { key: '241a37eb871f3797c1f25d91ad0eabfd4462bfc1', class: 'ls-dv-role-text' }, h("p", { key: '52a96e199b98e479575948d85b5e1ad59178f80d', class: 'ls-dv-role-name', style: {
                 '--role-name-selected': defaultRolePalette[0].s80,
-            } }, dvI18n.t('toolbar.sender')), h("p", { key: 'dca8ed5b354a555ed89f299509f6876d2e396225', class: 'ls-dv-role-type', style: {
+            } }, dvI18n.t('toolbar.sender')), h("p", { key: '55406bf3290ccfee5b010760b7fe74b6573bc480', class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultRolePalette[0].s80,
-            } }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: 'd5eb4a6d9d01ba5182b690d65602b08467edcfd1', 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: 'c8eaf0012066f192a68c103fbef742ffdcaf3a20', 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
@@ -118,10 +118,10 @@ export class LsParticipantSelect {
                 }
             } }, 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 })))), this.isAddingParticipant && (h("div", { key: 'cbdee837f31736c4f8e5d574f315474f36215cc5', class: "ls-dv-dropdown-item ls-dv-skeleton-item" }, h("div", { key: '6de33dadf39cc5f550eb480f3ca58ffbeed4eade', class: "ls-dv-skeleton-circle" }), h("div", { key: '6c11ab68f18a66c47d8300af1153859334d88b17', class: "ls-dv-role-text" }, h("div", { key: '89fecb4ebc5097af5578c594ce88c2500bf0ca85', class: "ls-dv-skeleton-line ls-dv-skeleton-line-name" }), h("div", { key: 'e97f9132755743bf5dab4cec594c44f2e2ce17c2', class: "ls-dv-skeleton-line ls-dv-skeleton-line-type" })), h("ls-loading", { key: 'd57ece494bbd8e05062f5766a7a320b01c2019ff' })))), h("button", { key: '2d01c96a0cfebb35c9131f0f95342de5ba7cc956', 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 })))), this.isAddingParticipant && (h("div", { key: '64a468b40fbcc76774b1bcd43887c3b15e6f6dbc', class: "ls-dv-dropdown-item ls-dv-skeleton-item" }, h("div", { key: '2ebc9dfdfd223a48d4b430b6744faa0ac267b714', class: "ls-dv-skeleton-circle" }), h("div", { key: 'dae492e4ae388222caf26e08e93e267456ee4db4', class: "ls-dv-role-text" }, h("div", { key: 'f27650a2ce93d992ab5b656f00141357cdb35156', class: "ls-dv-skeleton-line ls-dv-skeleton-line-name" }), h("div", { key: '272777b0bffba3ea7b19ca9a7050147bc65e7007', class: "ls-dv-skeleton-line ls-dv-skeleton-line-type" })), h("ls-loading", { key: '24c2735b6d2e8df3370008ac42aa31c87376650c' })))), h("button", { key: '2e73a6eb91fe2ce1895c174869ec07bd685db1ef', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
                 '--background-selected': defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultRolePalette[1].s50,
-            }, disabled: this.isAddingParticipant }, h("div", { key: '3823dc4a44a0a496710008d20618c91e06bc2dc6', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: 'b13d5981062cf5e150c6db34c64d538751fc9f41', name: "user-add-icon" })), h("div", { key: '993fe50f732ddd18c364cf58bce1b0491a4a2373', class: 'ls-dv-role-text' }, h("p", { key: '938aa668cc871cf907ee410278f2c7fef0f18ce9', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: 'ed579ccce4987552fb20191d80f8f97dbdfaa419', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: '8e86ffba4298f2faa2c7abff5e6b15df3da60cd7', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("ls-tooltip", { key: 'ed547789e966697a2a0a17c7ddf1b30b4a7f49e5', tooltipId: "ls-dv-select-tooltip" }), h("slot", { key: '5569842e1871a2f0ab38d364aff12ae96d825cfb' })));
+            }, disabled: this.isAddingParticipant }, h("div", { key: '057d255050531c290ca0c48cb31cabe0a15b6491', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: '7d400f269094c40d538093fe8539c70a5a74f80d', name: "user-add-icon" })), h("div", { key: 'a74f7529e5c820b76485369dd50802356816c476', class: 'ls-dv-role-text' }, h("p", { key: '958e6ba19695c9650e9210557b3bfbb7a6f436ec', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: 'b9c4e14749bc8ea505df837327b2e978f48ce1fb', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: 'f286a2f6a2b12ae643ef3c544902033f959f7abd', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("ls-tooltip", { key: '3afe96bdb96970d9801a6e1565d845428f4c411d', tooltipId: "ls-dv-select-tooltip" }), h("slot", { key: 'ef2b526b53db23a37d494a97bc1cf59455eb0af0' })));
     }
     static get is() { return "ls-participant-select"; }
     static get encapsulation() { return "shadow"; }

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: '1b6cf1035f048c9c0348bef3fb52847535787435' }, h("div", { key: '0e29c67fb26ffeb3f555c0077a8fea22b5f3438d', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '2b7913089accebfc07650e08773bd61cb61ae3e2', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'af615d09d85d303ad96b320c5a3469165e263c5c', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'b28c5de86eff3cb4a1a74dd58a23070b87b6a057', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '968d3c634aa7b1f269430620d00b2d8025fb5dd1' }))));
+        return (h(Host, { key: '8e01f88e3961f1adc671052aecf1d9d64208918b' }, h("div", { key: '4ac35df206af64c0fd86c119116c87c0809df144', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '721bf12b430a2f0b5541fc68168b7c4d50a3b0ac', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c8d5337d6bd5e977a96cfe55d00694868b357640', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: '14f5ff256149fae253523025896ece56cdce132f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '2b352d37a4bcbee7a708326ae542325564d0dc37' }))));
     }
     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

@@ -66,7 +66,7 @@ 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' || f.elementType === 'auto sign');
-        return (h(Host, { key: 'f685f11d38d7419124d3b4f5ea8f05bd74ec9d89' }, h("div", { key: '55bea5247c166535828227fd881cf7a30ed5e653', 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: {
+        return (h(Host, { key: '6ec241272970629ad7c71090d206299ab1c9acb7' }, h("div", { key: 'e9a0cf82965913da1dae36462a00818144adb107', 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: '13cd751930c2891339d9d44912f23fd6f4d33554', class: 'ls-dv-participant-card-inner' }, h("div", { key: '52e9c130f77118c158a24e8ab7ef19240459e44f', class: 'ls-dv-participant-card-top-items' }, h("div", { key: 'db70eed0f501cf9f887e49780126c94143ab7d4d', class: 'ls-dv-role-label', style: {
+            } }, h("div", { key: '73e4f9c196ef982788e9a53052f5d9241095be17', class: 'ls-dv-participant-card-inner' }, h("div", { key: '0206ba99f13f801fb496900fa3cd513da4db50be', class: 'ls-dv-participant-card-top-items' }, h("div", { key: 'd75fc245340c08fcd454b98e629407e23d086a88', class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: 'fd25ad9b13c389cde8e8597477d1d525d9334a0a', 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: '6250a40d0e7652caca694bfecfb2a022219e7907', 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: '064b95f01c4387b4eb564bbe927750bb2291737b', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex && v?.title === 'Missing signature').length > 0 ? 'block' : 'none' } })), h("div", { key: '87244d2b377f0efa18b00ee1edb3e265ffa1f5e4', class: 'ls-dv-participant-card-text' }, h("p", { key: '72c1374ced5d26c73f223dcd7ab982aa7ebcc828', class: "ls-dv-participant-text-description", style: {
+            } }, h("ls-icon", { key: '72dc6faa35e5a57b47c9a224c7046e0d4568c4a1', 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: '6275244338763336bf1b79dd2ebe7b45a7531bd9', 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: 'c18ef900610cb4ecac9fbbae02109c413306c344', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex && v?.title === 'Missing signature').length > 0 ? 'block' : 'none' } })), h("div", { key: '0e3b3d102a0fa190c79e15eaef7977d002665df1', class: 'ls-dv-participant-card-text' }, h("p", { key: '279c7e33a04a7326892f25961f9ce38efb6bb37f', 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: 'aa233270109f50c7fc32ec238ead1a0ab50c2702', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '294414cb6e35b00e21a22726219f09d09fda9444', 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: '79c1503e5860cca9a29d5415e027694c723ecb51', 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: 'c4afc63118c51dbdb917c72bf0c36f689ef2e178', 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: '2fd3ef6ef13d198740de9f7027eab46faff36405', 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: '37300f6fa38afb94b6998771c7a8bcca113ec02c', 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: '00b81cc890964ab9a858d9fc73a39efee8486c7f', 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: '6b153a0f8a7bb8b0995e8f9b657e152c90c2b86e', 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: 'fcad8e59819fff402ca789f508d89ed762de6e44', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && this.recipient.signerIndex > 0 && (h("ls-toolbox-field", { key: '5c8123f773e2a37407bd94fb7a010c1846cbed74', 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: '217048f0449a218191e77609878de6cca14d7519', 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: '26abadfa887685878b3d3a46ece300d5096d8056', 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: '92a2dc7e0dfe23ef881e3912bc16f9358c75a40f', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.showTool('regex') && (h("ls-toolbox-field", { key: '173a94e6ca6d99d6b49d92e683468150b538db87', elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '84bdb27901170d58d8dc6cb585c331d59b86976b', 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: 'cb72e2c658df6a3b63b5a73b6dd7e6eb238315de', elementType: "text", formElementType: "drawn field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: '9b42c24c174c9f0cb1a664e5436ccbf154db6389' }), h("ls-tooltip", { key: '5cba3c1b89a0ca183e7c383ab0d92f663c17a746', tooltipId: "ls-dv-tooltip" })));
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: 'aa9810e4409fded7ada42c8ea8a074b5eefd4402', 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: 'ff247196fd95120ef6b5214f12918274dffa84fa', 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: '8270a445b4a7379afe92fe740b766f98b1366f88', 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: 'ba4011c890f9921f590c9c0ff4a47334a6aabb82', 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: '38b838b172f498b0bbdce5ba53b5dec3c0b4e099', 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: '8ec18fc8ddda4b9b9314d33946677316d2065253', 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: '2aeda658082fcd49c93e4621dc32776f1b75acee', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && this.recipient.signerIndex > 0 && (h("ls-toolbox-field", { key: '74a6b48bc57234dd3758ca374409316e5a8d40dc', 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: '0208b96de6360d690d295048d299aeac33434484', 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: '4bf3c0733dbda5dfaad4d872f374ad0fe44044dc', 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: '61cc09819857bf86a3d88e7d348c0cfa036bd02a', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.showTool('regex') && (h("ls-toolbox-field", { key: 'b7432a2a5bc8f1c5a27390740786e947ea4ade8e', elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'ccdcd10e94bffb43a482728b9749bea064feee5f', 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: '3bcc7e6cc1aa64a0b29b924945427aac4a2b6703', elementType: "text", formElementType: "drawn field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: 'f7560634727f54b5fd5ef8944d54cec64969a816' }), h("ls-tooltip", { key: '41d728fe058b1c0c9465080485b8b8770a9d0cfb', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-recipient-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 import { dvI18n } from "../../i18n/i18n";
 export class LsRecipientManager {
     render() {
-        return (h(Host, { key: '49df3bd534b69740ae62c8540e132405bc18f466' }, h("div", { key: '089fcf3084e6013ef49789c4897d412f4362aea3', class: 'ls-dv-editor-infobox' }, h("h2", { key: '8274559c061aca47a0732c069b0682d9ca48e25d', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: '01be1e541add506999300313cd7c18ec5e02bf37', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: '3cc6ce7b27cc9d38febfa0503b73db95cd02812e' })));
+        return (h(Host, { key: 'f25631e86e911671b437108effe47fb62874ebcd' }, h("div", { key: '2d4743fa6c4323b6d5cbf8a3d1a555492b345c78', class: 'ls-dv-editor-infobox' }, h("h2", { key: '15f7e78a17f00968e95058c11c35ebe9c058b467', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: '7dc743cf8594563fddf69e9687fa1b554bd395e1', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: '7a71d4d08bb3a8f40e024a20a651f8a61f501bd8' })));
     }
     static get is() { return "ls-recipient-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-statusbar/ls-statusbar.js CHANGED Viewed

@@ -231,9 +231,9 @@ export class LsStatusbar {
     }
     render() {
         const isPreview = this.mode === 'preview';
-        return (h(Host, { key: 'f8fe8dcb0cc4bf8363a00494679ee7aa9f540747', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'bed4e30d5a7a8711789bf10036536e6c58213ba9', class: 'ls-dv-controls-bar' }, h("div", { key: '5e5ff996a7717509aaa517355db210f73c65ba15', class: 'ls-dv-status-bar-section' }, h("button", { key: 'facc640bf6aadfed0ae4d675e26d6d4a6b7c5ea3', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: '011e68df0e478235dc224a9d1871287d36920cd0', name: "undo-icon", size: 18 })), h("button", { key: 'b8c3c71b8f522f32bc9e59b6d9bbc7a2b1adbd36', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: 'b0de8051ce406ae70cb09ec334ea6d28f303ad90', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '400c8b2a255f2c6cf83636d5754df21091690167', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '8cbdc2e91dbd2169d86920d69ba5091ff458a0a7', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'b626c95b149766a33401c136170561aaa4eced03', onClick: () => {
+        return (h(Host, { key: 'f72ba14f58f6401fee548dc4e2f2eab3f913fb71', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'a3215a0340b3b395797b825c2a252bf3fa968d51', class: 'ls-dv-controls-bar' }, h("div", { key: '058e7596a6d68e3395ca8f153b1e42d2435b522a', class: 'ls-dv-status-bar-section' }, h("button", { key: '871db56ab740e99a2dff39c71e72426091ec2482', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: 'bcf89ae44ac9b310f891f7f108718c4623cf7ba8', name: "undo-icon", size: 18 })), h("button", { key: '7038e0000bcfe4ffcacaf484a8090f4e29b4c1da', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '010dc2427071fb9bd2ce2774e34f9d2da26d741b', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '62356fa2fe342d0d3a14d18707ae56eb00571f3c', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '6de0bc93142644b6107d0f08ae749109bc805d38', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '521a20f6a22c0903cfcb15a1c9f2a295ed58202d', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'c31a6049604464c93e32ff80803c34c5f185bd92', name: "chevron-left-icon" })), h("button", { key: '5248644b477d35b8b4813868491a1e20f2f70d7e', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'c298b61082ad2dba945c09b42ab30ed7c6c44e9f', name: "chevron-left-icon" })), h("button", { key: 'a4ef9ccd510a6f969a7a3143174186c580c38716', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showPageMenu = !this.showPageMenu;
                 if (this.showPageMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));
@@ -241,13 +241,13 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.pageMenuClickHandler, true);
                 }
-            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '0294f8f73821bf76fa2eb696b2ad9b7d0fbffc65', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
+            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '7f5ed23957cf3574bf0d601a110cbaada0d08539', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
                 this.goToPage(p);
                 this.showPageMenu = false;
                 document.removeEventListener('click', this.pageMenuClickHandler, true);
-            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '51305fb4ff4d7d9c68b7504ee8b252ac4fc7dcc6', onClick: () => {
+            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '322986b645b24614fd6bb0b393ddbb5c6776cff1', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: 'ef694079c8469a0dd9da9666037932679a17c21a', name: "chevron-right-icon" })))), h("div", { key: '37d18c6925cc352c527ea152c154e67583791d6b', class: 'ls-dv-status-bar-group' }, h("div", { key: 'ee9c98d7a8d2e9bac8bb937ce457645f9a25dafb', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: 'dec5be3e1f02866fafa378c9d173db3f75d52a48', class: 'ls-dv-status-bar-section' }, h("button", { key: '13245bca9165a948eed2137935de0d87249c6986', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '6717dda4392429474b1c860bb21ee53268f57c22', name: "zoom-out-icon" })), h("button", { key: '0998c8687d38ea3b147d903f7ad23a6e56cf4c16', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '9c1c151f423cf893b288e2126a8e11156beeb972', name: "chevron-right-icon" })))), h("div", { key: '6ba247c0981de3db294858c1f7c4555f9c9786a6', class: 'ls-dv-status-bar-group' }, h("div", { key: '089412477f076c2ab44bdc639f942bf21526d0d2', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: '97222321d7df520460f8a5824a2bdd6a02ae1dde', class: 'ls-dv-status-bar-section' }, h("button", { key: '9c91ba5443eab19b0339371f6058c9255fdab210', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: 'c128cdca74e6b7e466274fa23a0d04572d5e8ec5', name: "zoom-out-icon" })), h("button", { key: '739e7e099e9cf4d654a8034f3b4ea257f2dcd841', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showZoomMenu = !this.showZoomMenu;
                 if (this.showZoomMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));
@@ -255,11 +255,11 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.zoomMenuClickHandler, true);
                 }
-            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: '8b8f0d75d41eef36ae97188d116de0c5c271aa27', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
+            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: '15f337b3344eaf20edea2bdacddc45f5fb9b1219', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
                 this.setZoom(level);
                 this.showZoomMenu = false;
                 document.removeEventListener('click', this.zoomMenuClickHandler, true);
-            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '681f366851b0209a3bb00cfeddfe53d405d443b1', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '1c33520ad5e18b800a922de81c4c32ba42451cd5', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: 'cbbf0898fbfebd8e325fffa4e6624ccc4bc9ccf3', class: 'ls-dv-status-bar-section' }, h("button", { key: '4225eaa11f8f2149799856795d3206c45fae0fec', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '948fcef1cbd33072228c506ec024ded608253576', name: "fit-width-icon" })), h("button", { key: '62b9f3f2ff2bfedce010f325fa3a57ae9150bad6', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'd6094699e568592d9a70abc4e3cc0c94a7c31b96', name: "fit-height-icon" })))), h("div", { key: '18326723ca2e0c7f4699e5bd9c9cc90f72003986', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: '20ffafe3b9141a6d6390dbe6f87896895efc9939', onClick: () => {
+            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '46905425e6465a38b73015c59ea0139a92d95c9f', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '5c2907ed2ac46379786aa76e01acacae92c7afc0', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: 'a7ee7416516a8a3ee5e8047ab8db4cdad0a5de3f', class: 'ls-dv-status-bar-section' }, h("button", { key: '1b323d458250efca9cc5aa667ddfa144793906f3', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '1e532d89fbb7e6138d7339850140f8f9accf393d', name: "fit-width-icon" })), h("button", { key: '2f314b98c2327675980afc61af886fa8f83396bf', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: '981e12f016f8b4ad2133bd62461a868559ec4c39', name: "fit-height-icon" })))), h("div", { key: 'c2fe150120dde984999f11892035842992f6e2c3', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'c098a85ee765454e79cda0f9b7ad59026ba679a8', onClick: () => {
                 this.showThumbnails = !this.showThumbnails;
                 if (this.showThumbnails) {
                     requestAnimationFrame(() => {
@@ -272,7 +272,7 @@ export class LsStatusbar {
                 else {
                     document.removeEventListener('click', this.outsideClickHandler);
                 }
-            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '5aaa602bd31e0d2ca691fb2ed4f855e2fe2ae44b', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: 'd54dd9d39df83230f17742b026955622f7d2675f', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'fc58b705709573df2f665539394a8e3f72f42d65', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: 'd8c09791152e6da83e537aa1f747558ebd284ad7' }), h("span", { key: '17a704dd67753db38cd515cbe7e53594b82fcde7', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '4fc2a0c0f21f6b4669743ab756c2c6d2db9698b1', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '69fd09637846400ab742ea6053b2a7a455e3752a' }))));
+            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: 'd0786b59d67b374c3be12c6d0aec88a3c688b24b', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: 'fa580dd28e5f6f33aa8aabfe8102ba81ca91c6a2', class: "ls-dv-thumbnail-popover" }, h("div", { key: '37ffc2824db8d11aa739709c273f2ddba115967c', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: '16f8a88edac0ad2ab0b4b81785869d91f66f8e5e' }), h("span", { key: 'f7f51b33990e28a646708aaca1bffe44c7c179ab', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: 'fb379578fb9859e7aea08df626d90bac7de69f3f', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '32b056756e2aa78c67feaed59299ba24d6d9730e' }))));
     }
     static get is() { return "ls-statusbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-title-input/ls-title-input.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class LsTitleInput {
         }, delay);
     }
     render() {
-        return (h(Host, { key: '14581ab91402cc99db5be5bdd5143f0825e840b2' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (h(Host, { key: 'f4bc17d218479f534604bb040793eb2781bc3e3a' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {

package/dist/collection/components/ls-toggle/ls-toggle.js CHANGED Viewed

@@ -7,10 +7,10 @@ export class LsToggle {
         this.valueChange.emit(value);
     }
     render() {
-        return (h(Host, { key: 'f809e7080f1c45114a18b3c0bf6e14d9a327679e' }, h("label", { key: 'ba891813f726b860ad4fe2dd6a0d1fb65140ff58', class: "ls-dv-switch" }, h("input", { key: '3f280f447e436f1954ffddc64874d91d313bb96f', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (h(Host, { key: 'c0f15df5b43ea1198986ab94f56149a70bed3deb' }, h("label", { key: '435c7825986e56805173d7ffed0e27cb1ebbf4df', class: "ls-dv-switch" }, h("input", { key: '499dbf55fd12eb4faee77582fcc6572dace7b3a6', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
                 e.target.blur();
-            } }), h("span", { key: '4d177c0bd2152a9437763e75141161fb1d17209e', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'e81517d28298ef0affb51a068b1f7b61a53e59cd' })));
+            } }), h("span", { key: '3338ebeedd0c2278858dbccde16e8583ee32f742', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'e89dfa5e95711ee42355a0d79f7ca55a388c468c' })));
     }
     static get is() { return "ls-toggle"; }
     static get originalStyleUrls() {

package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js CHANGED Viewed

@@ -70,14 +70,14 @@ export class LsToolboxField {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '800b2aee4548da0bf2b6d19f73b2493de6ac1ff9' }, h("div", { key: 'e504b3224784dab160262240d710d133ba1a8cb2', class: 'ls-dv-toolbox-field', style: this.isSelected && {
+        return (h(Host, { key: '3a8a8656d2cdbfcc34d90f2bdc261d57b0486327' }, h("div", { key: 'cabaf8f8a15dd59deaf172f939c91d3af252768f', class: 'ls-dv-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
                 boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,
-            } }, h("div", { key: 'e7711c077c0a7151c3b8ca3047dae128418e79c8', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: 'abe5f664ef86859ffba839f040365db72d401d11', name: this.icon, size: 20 })), h("p", { key: 'bb1d5d68f3ced9628cd747b530dd6928fc898ab8', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
+            } }, h("div", { key: 'a1e6610c96edb573fa39d604ec3eafb20aa7cb0c', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, h("ls-icon", { key: 'd3af04fe21475f1446c4c63f8b9d56c1fad14489', name: this.icon, size: 20 })), h("p", { key: 'a0661fdf43df2811667bb915e8d88f3c61d56a74', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (h("div", { key: 'ea250cd56a27a5016829d4adff8430b0b0107402', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '7c9c87c5b6921db0771e7f354aeb0a0fd2b58bc7', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: '431bd74c6e1f94247986e0e3952e818c62e23909', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: 'aa2614cc4feb9255b29d1212721f1980cc8595c2', tooltipId: "ls-dv-tooltip" })));
+            } }, this.label), this.redDot && (h("div", { key: '7f4f840555f932f88259a047bba50e853616a634', class: 'ls-dv-warning-box', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": `${this.label} Field Required`, "data-tooltip-place": "left" }, h("ls-icon", { key: '7ff67974087dfce5f87f938be21cbe61c4d0523c', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: 'ba77bf663fbf04e6db5640414f94734557b57a63', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: '562d799296c8d408fef2b3ceff8eba6c5cfb78c4', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-toolbox-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class LsValidationManager {
     validationErrors;
     selectFields;
     render() {
-        return (h(Host, { key: '25f8373fe309add63c18cd436b9e1accbbdfed00' }, h("div", { key: '9bb2741e8fcf05b5406351b75d7f723c40274055' }, h("div", { key: 'b96410c582902982c7d7e91a41ba45183e882cb1' }, h("div", { key: '8ab62069e9d88fc902fba36c8f1b97c734637e98', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '84bed7a8c7f673fa6efe956d91b0d3a577893a8c', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
+        return (h(Host, { key: '928eb8fbeefadde1d7f5e78362aa66589d595bea' }, h("div", { key: '5a6cca0dbcd9242b5d640d51062ccc0097c39ea6' }, h("div", { key: 'd889638e7e9453e598c13f5dd9e824ec3d8894aa' }, h("div", { key: '71c8b4edc2c3f56e5162484871fcdd1da52c8668', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '5f355c3fdfb451a56c8f06aaef9924c69aab237b', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
@@ -26,7 +26,7 @@ export class LsValidationManager {
                         this.selectFields.emit([field.element]);
                     }
                 } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        })), h("slot", { key: 'c349426ece6adb164450ef32ea44651982a7574e' })));
+        })), h("slot", { key: '6fa7c70b0005d667ddfe2a02a8a79314780a8ade' })));
     }
     static get is() { return "ls-validation-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-validation-tag/ls-validation-tag.js CHANGED Viewed

@@ -27,7 +27,7 @@ export class LsValidationTag {
         document.removeEventListener('mousedown', this.handleClickOutside);
     }
     render() {
-        return (h(Host, { key: 'f1fb0151687aa4ec623038243e13d85b698dcfbb', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'f8946e1be4816879b2b47c4ab493ddaa2b0a4d07', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
+        return (h(Host, { key: '247b733f4897f59183c1ab502d3a76ff422577fd', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: '7ce645e4c67eb5afafe345b8486a3adbf3248658', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
             const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
             const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
             const valueErrors = this.validationErrors.filter(f => f?.type === 'value');
@@ -88,7 +88,7 @@ export class LsValidationTag {
                         } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.title), h("ls-label", { text: field.description, colour: pallette.description, type: "low", size: "sm" })))));
                 }))),
             ];
-        })())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '88891a806d61b96d71e0df483d6b3be8be6492b4', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'f70483dacd7f796c37ab0d60f42ff90319b17672', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: 'f4433ef26862b8add265769156152853b2b5c6eb', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '76f41369bc2dc46297ecd25802b7ca9b815721e5', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '394983c7b034cf4405403b7368e5a5ff1087ac69', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'f63bf97ab2e5f875a1aebcb32966278cd28530ef' }, dvI18n.t('common.templatereadytosend')), h("p", { key: '8981726032a569753e94d76dcca502bf84721b1d' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: '2c9520eae07bbc1dbf247adb0dbd3b6be84b46a8', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
+        })())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '4a25db5aa812a96a20423aa301d153a219752818', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'e92fd7eb21e43944cb2b7ad46db97ad7a7991f75', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: 'd390d686347634514c245a2ac69943ab9a059c5d', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '0e4c477b4e5f0bd8e0bcfde95faadb6abb227db2', name: "check-icon", solid: true, size: 28 }))), h("div", { key: 'a6d3ccf60ead898bf64a7a35ec9836d605ee4f7a', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'ff38a1c0f77afb32df2f95538426ae752bdb8548' }, dvI18n.t('common.templatereadytosend')), h("p", { key: '8a8a9955a0722396e7c14887d636621a328c1a28' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: '8281c515741d7811112471713188398f8e3d826b', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
             const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
             const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
             const valueErrors = this.validationErrors.filter(f => f?.type === 'value');

package/dist/components/ls-assignee-select.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { L as LsAssigneeSelect$1, d as defineCustomElement$1 } from './p-BKbGzLae.js';
+import { L as LsAssigneeSelect$1, d as defineCustomElement$1 } from './p-CxBIa83N.js';
 const LsAssigneeSelect = LsAssigneeSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ls-compose-manager.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 const lsComposeManagerCss = () => `:host{display:block}`;

package/dist/components/ls-document-options.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-BodlW2-m.js';
+import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-DkDYh4WL.js';
 const LsDocumentOptions = LsDocumentOptions$1;
 const defineCustomElement = defineCustomElement$1;