npm - legalesign-document-viewer - Versions diffs - 1.0.8 → 1.0.10 - Mend

legalesign-document-viewer 1.0.8 → 1.0.10

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

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: 'e5e5fb44d9a49442f77f117491a90feb1b2dcf77' }, h("div", { key: '116d9fe841991a4be1ed15204117b7fa247a41b4', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: 'c0c03b44a8e7eeb995995a4ad5ea1dbba0574f31', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'ab8a31c47c1b0037a2e76c29eef9a584a8fbe327', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'dc48632accc3f7c2a8c2885c6be4826df5324b82', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '55d4f42bb8428aa59a854bdbd3626df8748d11a9' }))));
+        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' }))));
     }
     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: '2a4f5263ceefc8ab53464b28b5168a1848aa26c7' }, h("div", { key: '702d888a47556b00d5093061e596a8a05dd07f3d', 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: '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: {
                 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: '85b3b0f882fd3d2109e18cda167bd81cbce42189', class: 'ls-dv-participant-card-inner' }, h("div", { key: 'e49d233fdf52556e786212275c151518c2476bc0', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '48e6c9ec0db238bcfa3fbd4bc5612dfaf0cfeed3', class: 'ls-dv-role-label', style: {
+            } }, 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: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: 'e2f15fb1d4cdbca396949fca0a7752af9bbcf1d6', 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: '8d7445cca26f11a4ae0ddb2c657cc4b409a2f080', 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: 'c5408988e80aba5d0e7e1cee30041189314c737d', 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: '51beeccdf06b2c5530f1e99824b10c833e61ee44', class: 'ls-dv-participant-card-text' }, h("p", { key: '805290f97da2ace60e92c7ffc05f6c7b2ec481b3', class: "ls-dv-participant-text-description", style: {
+            } }, 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: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '42e2e7a4413a5070d64edefb6a7ae686ad9f06f5', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: 'aa233270109f50c7fc32ec238ead1a0ab50c2702', 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: '7daaaff9e50ce398e9dcc31d7a495bb1bba395e9', 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: 'a491cc97deb86026c70f2e3156483242fa453c11', 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: 'e818b1440b8f3f6a6e00a41f2727488455640b09', 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: 'ebd027748e80bb8a973b96fcf3ff8435be9e89e6', 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: '386bb07d5239db57a6788ca133348527e54092e0', 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: '80b6ab767e42170f1d8c356f37ebe10e57f86352', 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: 'e02577159e6ac554ca37c2bb955b348071d0adbc', 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: 'e50e445cb60b31757c8e92dd1b6d309e06fbb924', 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: 'af324917b8724e2c53de2168a8a2a8818d9b321d', 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: '59b5f9e6403e907f4976ba490d55f06b7a3f823c', 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: '545b2a838b37f7a282ce52d18827f83148de59ae', 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: '3f3d50c54ea368538ce47479a878f8ab4b66fb94', 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: 'a56f532223bef1586676fc060188d1b8116eda55', 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: 'ca63a2c307133272f54da7cf22f707f2d7cc1ee5', 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: '1cfdde76efc52d7830ebd10f3b25ae02b4390d2a' }), h("ls-tooltip", { key: 'b0b8474aa28218786929cc4b4e1d94d755090097', tooltipId: "ls-dv-tooltip" })));
+            } }, 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" })));
     }
     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: '120de98199b3439c301591fdaebe8f41a5b28407' }, h("div", { key: '7d290ced3e2c206a43bdf846a8ebd1dcb131ba05', class: 'ls-dv-editor-infobox' }, h("h2", { key: '8230c9ca50b52793f675f8720800cd052ccd52c7', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: '995b262359f552b309c44a00802cabd6d52b6b3b', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: '429fe7d214fc04f88157314126b2f5c4807059fb' })));
+        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' })));
     }
     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: '18ccc02a34ad30d1ecec33c3ad967b8224ba4994', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'b9d5bb97994a209e65a81576a67a50d8e5ef3524', class: 'ls-dv-controls-bar' }, h("div", { key: '8e058a4ea295561d1f4becf989af38e18376f09a', class: 'ls-dv-status-bar-section' }, h("button", { key: 'bbbc73f66594d7c868f947f8aab7ac3f02f3d2f6', 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: 'ecf1675a45114131a79d834ae9aa3c5e179edc48', name: "undo-icon", size: 18 })), h("button", { key: 'f3bb9d84e8591988c067008cb81b5630f105e792', 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: '96845aaf86d0ee3234a5806ec40964f35b67ab1a', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '503c0ea4eda6202f87c929def2e496a159a37aa1', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '8ac7bc2c067ae5c2074c0e9e882da6dff125c6e5', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '485a17228d9332c22138f561a7a7dcc43cb7cef7', onClick: () => {
+        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: () => {
                 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: 'df602dae238984d08801f4365b866002dca86969', name: "chevron-left-icon" })), h("button", { key: '32eef5c295eb562f5780c03756bba3690d4ae9e5', 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: 'c31a6049604464c93e32ff80803c34c5f185bd92', name: "chevron-left-icon" })), h("button", { key: '5248644b477d35b8b4813868491a1e20f2f70d7e', 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: 'f8fe0d9e3d67b364092b9f12300f9e03ec7c6aad', 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: '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.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: '6093169c96a12306aba655b311696e99065d2697', onClick: () => {
+            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '51305fb4ff4d7d9c68b7504ee8b252ac4fc7dcc6', 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: '08f8e556677ef1efebd0b7b6e72983ae6cedecf4', name: "chevron-right-icon" })))), h("div", { key: '54214796ad12fdcd1e3361f84ed8d39ab05c56fc', class: 'ls-dv-status-bar-group' }, h("div", { key: 'f271c0049806dbe810afd00c928b5d7377376955', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: 'f2afc562cea8029131cd63522eb6a353b23d09b5', class: 'ls-dv-status-bar-section' }, h("button", { key: '549f1c0d525684dc93f21531e5a4988e138c2206', 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: '5a206f88c6418038493eb6e6eef27f627f55e061', name: "zoom-out-icon" })), h("button", { key: '19e4203f02d5a0b9bbbd107bcd32ed40d7a5fb19', 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: '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: () => {
                 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: 'be8a4d0e048d49eaf8e65edd886d96f7e7f17aff', 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: '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: () => {
                 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: '28384af43c2b6ed5db0f893cf4fa5f88c36332a4', 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: '97540f2c59fd5e3228ced46b895837f05c95fbcb', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: '30f5236f017a1ff8b61d33f91ea9031eebde36a6', class: 'ls-dv-status-bar-section' }, h("button", { key: '4b7c04149439b2cddcd0cf474e2d9b57efa9bc76', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: 'dd765543163aaad0deb4300066333dac43a85206', name: "fit-width-icon" })), h("button", { key: '571cb22457f5848917e97226f74e120395a40ccd', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'ef4cdbf95a3110b0e20d438c5870f32cf786e535', name: "fit-height-icon" })))), h("div", { key: '8f27158a751d07a53ae0f8afe6ad51344a497a03', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'f09978de659a2defbd0be5c4de99337d7fc59c0a', 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: '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: () => {
                 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: '6b324a39ffbe36972aaa09d92191cfaace18ca42', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: '9aa2b3535ad900e5ba758457631d57fd5d6c38fe', class: "ls-dv-thumbnail-popover" }, h("div", { key: '90a1ca58218f2873e3a4309b77fda5bfc2787b82', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: '47782efbb75ccbd0b762f294906f6475e952b801' }), h("span", { key: '1d6a5f8c19234bab666afc6a3f1e7a16d0d097ca', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: 'ac89e817031ff7d4285b2d4627e49def6ddd1daf', tooltipId: "ls-dv-tooltip" }), h("slot", { key: 'e69df05d6946068a5daaf3cb4eb95ae4f58aa427' }))));
+            }, 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' }))));
     }
     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: 'c473363c79c1434efd82f44fae0b21bb46580290' }, 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: '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 => {
                 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: '07d60cddaa24dbfbfa5e931d4e665e599a4cc3b5' }, h("label", { key: '48dca47c79b3262f7d9c8bf2b0716d0f0b73acc6', class: "ls-dv-switch" }, h("input", { key: '98f6f69407eb192e229b02e146a5921c7f3a26d6', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (h(Host, { key: 'f809e7080f1c45114a18b3c0bf6e14d9a327679e' }, h("label", { key: 'ba891813f726b860ad4fe2dd6a0d1fb65140ff58', class: "ls-dv-switch" }, h("input", { key: '3f280f447e436f1954ffddc64874d91d313bb96f', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
                 e.target.blur();
-            } }), h("span", { key: '4e110d73699e18b7d76d237991228c88a47b6ce2', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'c0866352a968012bc0c472a57f64666ab4830595' })));
+            } }), h("span", { key: '4d177c0bd2152a9437763e75141161fb1d17209e', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'e81517d28298ef0affb51a068b1f7b61a53e59cd' })));
     }
     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: '1a8a0b474e072a4e000022ef5d1e203fbd643986' }, h("div", { key: 'c2b16ff1ab2a6edfad6f3622a09013af01919c8b', class: 'ls-dv-toolbox-field', style: this.isSelected && {
+        return (h(Host, { key: '800b2aee4548da0bf2b6d19f73b2493de6ac1ff9' }, h("div", { key: 'e504b3224784dab160262240d710d133ba1a8cb2', 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: '57e7aa9c6d575dfb880253bded86c4c515f41c3b', 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: 'ace64c6b3e9b03036abe6a8795cf020d5272a46f', name: this.icon, size: 20 })), h("p", { key: 'ecc243713acfb18ebe58ffaefb883ea2a3323753', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
+            } }, 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 && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (h("div", { key: '7cef83481a40f7328fbc9382773546897d093a9b', 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: '4f993bb65991741d3c09b77fcee06a93373bb9de', name: "exclamation-circle-icon", size: 18, solid: true }))), h("ls-icon", { key: 'f875578d3326f6bb1b40a2c29817cf7150d4d469', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), h("ls-tooltip", { key: '005729aec214c433c0602808733d9789f4c52859', tooltipId: "ls-dv-tooltip" })));
+            } }, 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" })));
     }
     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: '044abaeea90cf1d0bf08de618e47247d2e93fce8' }, h("div", { key: '5749efb3631e90b5ccce3e8b0b9770e1ca33a588' }, h("div", { key: 'bf5bfe8c35c687fa02b21b421c1df64afbb4abac' }, h("div", { key: '7e0f8b676dee840ab22f9504849c7868c0c8a3dc', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '6f11e25a3734452e6702230a759bae4c75985534', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
+        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) => {
             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: '4ea7ecd0db5d1ce9305e627870d2397c04814550' })));
+        })), h("slot", { key: 'c349426ece6adb164450ef32ea44651982a7574e' })));
     }
     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: '74178f546c280ba79ab451c4a3bb42f6a15d8300', 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: '8fee247fe0b479532c6c26423049ce84fa41b805', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
+        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' } }, (() => {
             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: '75503e9f214dd974a61dc978669fdcbac4cc0d8a', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: '26b3f43462e6c4fcff95c80c6a5ed9cfd672e98b', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '736f15d061eaa31ceb406853231288a668c15fbe', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: 'ac33ff4819fcdf9322374a7e6ee7aae387811b13', name: "check-icon", solid: true, size: 28 }))), h("div", { key: 'a5f218f1c46e839d4927ff764073c70ba091f08a', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'fd5b69342e44ec7007aeee056085d320be8a656d' }, dvI18n.t('common.templatereadytosend')), h("p", { key: '4b309e9a2b00e7827b032b4473ceb1f8d76d47d4' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'a5d99b5214a55f9aaa88516ddba377e2a1c8dac9', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
+        })())), 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' }, (() => {
             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-CgoyKNia.js';
+import { L as LsAssigneeSelect$1, d as defineCustomElement$1 } from './p-BKbGzLae.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-WVWIAGo_.js';
+import { d as dvI18n } from './p-Al32p_JM.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-CLklwQ7z.js';
+import { L as LsDocumentOptions$1, d as defineCustomElement$1 } from './p-BodlW2-m.js';
 const LsDocumentOptions = LsDocumentOptions$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,68 +1,68 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
-import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, d as defineCustomElement$U, c as matchData, e as validate, g as getInputType, h as getApiType, i as addField, j as getTemplate } from './p-BLMY8rNM.js';
+import { d as dvI18n } from './p-Al32p_JM.js';
+import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, d as defineCustomElement$U, c as matchData, e as validate, g as getInputType, h as getApiType, i as addField, j as getTemplate } from './p-XbFErpli.js';
 import { D as DEFAULT_FONT_SIZE$1, a as DEFAULT_FONT_NAME, F as FIELD_DEFAULTS } from './p-04cXI5GQ.js';
-import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, d as defineCustomElement$O, t as toolboxDragStart, m as mouseClick, b as mouseDown, e as mouseMove, f as mouseUp, g as mouseDoubleClick } from './p-Brlb4nfo.js';
+import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, d as defineCustomElement$O, t as toolboxDragStart, m as mouseClick, b as mouseDown, e as mouseMove, f as mouseUp, g as mouseDoubleClick } from './p-BIC6T1I6.js';
 import { r as redo, u as undo, b as recordMutations, c as clearHistory, d as canRedo, e as canUndo } from './p-DmQNqtPP.js';
 import { d as defineCustomElement$_ } from './p-CQI0GKzS.js';
-import { d as defineCustomElement$Z } from './p-CgoyKNia.js';
+import { d as defineCustomElement$Z } from './p-BKbGzLae.js';
 import { d as defineCustomElement$Y } from './p-pnSqPPx5.js';
 import { d as defineCustomElement$X } from './p-PwhF9_IW.js';
 import { d as defineCustomElement$W } from './p-BQEJKfz8.js';
-import { d as defineCustomElement$V } from './p-CLklwQ7z.js';
+import { d as defineCustomElement$V } from './p-BodlW2-m.js';
 import { d as defineCustomElement$T } from './p-C6FqoNri.js';
-import { d as defineCustomElement$S } from './p-DWGdXqO4.js';
-import { d as defineCustomElement$R } from './p-DRDChAg6.js';
-import { d as defineCustomElement$Q } from './p-iUgn2UWj.js';
-import { d as defineCustomElement$P } from './p-DkV1l_zw.js';
-import { d as defineCustomElement$N } from './p-CSxx3aLG.js';
-import { d as defineCustomElement$M } from './p--onI05IE.js';
-import { d as defineCustomElement$L } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$K } from './p-NIpH5Un0.js';
-import { d as defineCustomElement$J } from './p-BmlXiagO.js';
-import { d as defineCustomElement$I } from './p-CVg_g7Vq.js';
-import { d as defineCustomElement$H } from './p-DEWq4YUk.js';
-import { d as defineCustomElement$G } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$F } from './p-BXlDP4-Y.js';
-import { d as defineCustomElement$E } from './p-CNEq_UtK.js';
-import { d as defineCustomElement$D } from './p-2HtsobiE.js';
-import { d as defineCustomElement$C } from './p-Cp17g5RT.js';
-import { d as defineCustomElement$B } from './p-CHTXmZcS.js';
-import { d as defineCustomElement$A } from './p-C5IJ94WY.js';
-import { d as defineCustomElement$z } from './p-DwVGD10J.js';
-import { d as defineCustomElement$y } from './p-CcBEOEMO.js';
-import { d as defineCustomElement$x } from './p-pEYsk7D-.js';
-import { d as defineCustomElement$w } from './p-KqKkoW4F.js';
+import { d as defineCustomElement$S } from './p-BNHlMdus.js';
+import { d as defineCustomElement$R } from './p-RceAr_AQ.js';
+import { d as defineCustomElement$Q } from './p-CTMHCecN.js';
+import { d as defineCustomElement$P } from './p-C-vCe5Wm.js';
+import { d as defineCustomElement$N } from './p-gvdT4if6.js';
+import { d as defineCustomElement$M } from './p-Dxb06R94.js';
+import { d as defineCustomElement$L } from './p-DGQDJCUG.js';
+import { d as defineCustomElement$K } from './p-BRCzZd6J.js';
+import { d as defineCustomElement$J } from './p-nEeIgVD4.js';
+import { d as defineCustomElement$I } from './p-0gpJEkuE.js';
+import { d as defineCustomElement$H } from './p-BrzfHYNI.js';
+import { d as defineCustomElement$G } from './p-CyHkY6Ep.js';
+import { d as defineCustomElement$F } from './p-m1DXrPv0.js';
+import { d as defineCustomElement$E } from './p-BD_LQa4f.js';
+import { d as defineCustomElement$D } from './p-BcIQeY5m.js';
+import { d as defineCustomElement$C } from './p-DKCAgr17.js';
+import { d as defineCustomElement$B } from './p-62vw4l7L.js';
+import { d as defineCustomElement$A } from './p-sL-kvPiU.js';
+import { d as defineCustomElement$z } from './p-DjyJ7Vy7.js';
+import { d as defineCustomElement$y } from './p-BoxsygDA.js';
+import { d as defineCustomElement$x } from './p-BzFRp7ij.js';
+import { d as defineCustomElement$w } from './p-eWb3jk9k.js';
 import { d as defineCustomElement$v } from './p-CzkJGTTH.js';
-import { d as defineCustomElement$u } from './p-D02hM4Sf.js';
+import { d as defineCustomElement$u } from './p-WCNsFhYD.js';
 import { d as defineCustomElement$t } from './p-BHeJScTh.js';
 import { d as defineCustomElement$s } from './p-Brq7Gduk.js';
-import { d as defineCustomElement$r } from './p-Cnnef3Aj.js';
-import { d as defineCustomElement$q } from './p-DzUG2q_b.js';
+import { d as defineCustomElement$r } from './p-DaQLveiE.js';
+import { d as defineCustomElement$q } from './p-C2JalniE.js';
 import { d as defineCustomElement$p } from './p-CIV0VNix.js';
-import { d as defineCustomElement$o } from './p-CoVwpMi0.js';
+import { d as defineCustomElement$o } from './p-yy4SQ8hZ.js';
 import { d as defineCustomElement$n } from './p-MzXqai7c.js';
 import { d as defineCustomElement$m } from './p-CKoM9Y6t.js';
 import { d as defineCustomElement$l } from './p-Cujzhc6S.js';
 import { d as defineCustomElement$k } from './p-Dk-MsCKT.js';
-import { d as defineCustomElement$j } from './p-CRZNeYR8.js';
-import { d as defineCustomElement$i } from './p-t7z4Xhda.js';
-import { d as defineCustomElement$h } from './p-Biay9ys2.js';
-import { d as defineCustomElement$g } from './p-BLg4aOta.js';
+import { d as defineCustomElement$j } from './p-DmB0JIWj.js';
+import { d as defineCustomElement$i } from './p-Cmw6RXlv.js';
+import { d as defineCustomElement$h } from './p-D3nY_GGj.js';
+import { d as defineCustomElement$g } from './p-DmrshWtQ.js';
 import { d as defineCustomElement$f } from './p-IqyK8xOq.js';
-import { d as defineCustomElement$e } from './p-C_Y_lx-7.js';
-import { d as defineCustomElement$d } from './p-CgFpE1fV.js';
+import { d as defineCustomElement$e } from './p-8F4ilTjF.js';
+import { d as defineCustomElement$d } from './p-CJWQJjj3.js';
 import { d as defineCustomElement$c } from './p-CF40f_5M.js';
-import { d as defineCustomElement$b } from './p-Dl8z1tmj.js';
-import { d as defineCustomElement$a } from './p-BlzW961U.js';
+import { d as defineCustomElement$b } from './p-eDwhUH-3.js';
+import { d as defineCustomElement$a } from './p-Cf8a39mH.js';
 import { d as defineCustomElement$9 } from './p-CM71cfRg.js';
 import { d as defineCustomElement$8 } from './p-t_ow9YJD.js';
-import { d as defineCustomElement$7 } from './p-BGf2weVY.js';
-import { d as defineCustomElement$6 } from './p-C4nAOEBk.js';
-import { d as defineCustomElement$5 } from './p-BIGiHXfV.js';
+import { d as defineCustomElement$7 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$6 } from './p-DQGVdCyH.js';
+import { d as defineCustomElement$5 } from './p-CD0ohunR.js';
 import { d as defineCustomElement$4 } from './p-XnnsjcVC.js';
-import { d as defineCustomElement$3 } from './p-cjANxX0x.js';
-import { d as defineCustomElement$2 } from './p-D4qAbKWM.js';
+import { d as defineCustomElement$3 } from './p-S46PtMZ-.js';
+import { d as defineCustomElement$2 } from './p-CLn6CMAa.js';
 /**
  * @licstart The following is the entire license notice for the
@@ -30172,7 +30172,7 @@ const createElement = element => {
       mapTo: ${JSON.stringify(element.mapTo)},
       optional: ${element.optional},
       options: ${JSON.stringify(element.options)},
-      substantive: ${element.substantive},
+      excludeFromPdf: ${element.excludeFromPdf},
       validation: ${element.validation},
       value: ${JSON.stringify(element.value)},
       align: ${JSON.stringify(element.align)},
@@ -30203,7 +30203,7 @@ const updateElement = element => {
     optional: ${element.optional},
     options: ${JSON.stringify(element.options)},
     role: "1",
-    substantive: ${element.substantive},
+    excludeFromPdf: ${element.excludeFromPdf},
     validation: ${element.validation === '0' ? 'null' : element.validation},
     value: "${element.value}",
     align: "${element.align}",