legalesign-document-viewer 1.0.13 → 1.0.15

package/dist/cjs/ls-field-format_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DFeU0FNc.js');
-var i18n = require('./i18n-CO9DdQsL.js');
+var i18n = require('./i18n-DZs4FndR.js');
 var defaultPalette = require('./defaultPalette-Dt4FmPno.js');
 
 const lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-dv-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;min-width:fit-content}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}.ls-dv-has-trailing-icon{padding-right:2rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=number]{width:max-content;max-width:3rem}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group button.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6);cursor:default;pointer-events:none}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -167,27 +167,27 @@ const LsParticipantSelect = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1f7abd769fc60bb3cdedd73be4366f32a3475b00' }, index.h("div", { key: 'c62e40e5402eb611b8c0c5e04b127aed949886dd', class: "ls-dv-dropdown" }, index.h("div", { key: '2cabd0b74685028770262b1598359897f52bc94b', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: 'e2e3359fc70d418cd2a0ca7ed9b0a7f672ddc1a7', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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" }), index.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" }), index.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" }), index.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" })), index.h("p", { key: '544e3f471402fffa6e92b12c80a87f34312bc1c7', class: 'ls-dv-placing-fields-text' }, i18n.dvI18n.t('toolbar.placingfieldsfor')), index.h("div", { key: '83781a4fe2f9082e9152347521bb3d6a1dd0d7f4', class: 'ls-dv-selected-role-label', style: {
+        return (index.h(index.Host, { key: 'cb965a3d223ec8c3c0c50db07ea82677377c09b4' }, index.h("div", { key: 'b4aea02ef643017d914204a1245179fcaef74360', class: "ls-dv-dropdown" }, index.h("div", { key: '64a4352fcd76bc792034315ad45b42ebe45ed68f', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: '6fc6445b5157855a06e5fb00d35e0a7106327479', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.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" }), index.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" }), index.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" }), index.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" })), index.h("p", { key: 'de563b8c68ad0b684a249ee6f669d2bca67e43c6', class: 'ls-dv-placing-fields-text' }, i18n.dvI18n.t('toolbar.placingfieldsfor')), index.h("div", { key: '697d34047e205f57f3f6821ee3f5a3dae906474a', class: 'ls-dv-selected-role-label', style: {
                 background: defaultPalette.defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
                 color: defaultPalette.defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
-            } }, index.h("ls-icon", { key: '9c10df8cc9b3ff9e0373838ef0151e5d157848d2', size: 18, name: this.selectedRole?.roleType === 'SENDER'
+            } }, index.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' }), index.h("span", { key: '6e10b4259ceaef47d145a9cb2b8cccc2aca6406a', class: "ls-dv-selected-role-text" }, this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? i18n.dvI18n.t('participants.witness') : i18n.dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex })))), index.h("button", { key: 'a6d4fb0c922fa49a15c11befaa07e4d020df0540', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: 'ffc56d6839f713f1f777fc69dce34c832913de2c', name: "chevron-down-icon" }))), this.isOpen && (index.h("div", { key: '542e7cdbf7217c697e699754ce068b428fee5107', class: "ls-dv-dropdown-list" }, index.h("div", { key: '184dcab63acaffee0e68d891b29142444bef9718', class: "ls-dv-dropdown-list-items" }, index.h("div", { key: '79dcb9b9456dea4b3421b2c973828ad8ab1e1c51', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+                        : 'signature-icon' }), index.h("span", { key: 'ae6366d6f51f67d79087e49634333e8ad74a9fa5', class: "ls-dv-selected-role-text" }, this.selectedRole.name ||
+            (this.selectedRole.roleType === 'WITNESS' ? i18n.dvI18n.t('participants.witness') : i18n.dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex })))), index.h("button", { key: '6c2207f4697998564360e4738088aa12b8058525', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: '62dab110baa79b3a530a7e50187df9a85cfb0339', name: "chevron-down-icon" }))), this.isOpen && (index.h("div", { key: '715790073b067a0b11dacb444d2741675a980fde', class: "ls-dv-dropdown-list" }, index.h("div", { key: '401e4cadcb79b77e266fa786e42e0749f4b0b67d', class: "ls-dv-dropdown-list-items" }, index.h("div", { key: '7a3936ff645e3c0d53010aea88aaf32cc1b72969', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
                 '--background-selected': defaultPalette.defaultRolePalette[0].s10,
                 '--check-icon-selected': defaultPalette.defaultRolePalette[0].s50,
-            }, onClick: () => this.selectRole({ signerIndex: 0, name: i18n.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') }, index.h("div", { key: '1967041e887eae610dbff3a145a9b7f5e4915137', class: 'ls-dv-role-icon', style: {
+            }, onClick: () => this.selectRole({ signerIndex: 0, name: i18n.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') }, index.h("div", { key: '0357a0c6ea9686f3707fb518f785e7f6a0ecef54', class: 'ls-dv-role-icon', style: {
                 background: defaultPalette.defaultRolePalette[0].s50,
                 color: defaultPalette.defaultRolePalette[0].s80,
-            } }, index.h("ls-icon", { key: 'bb1871c31c6f4d33e6c733696ba972474cd46f2e', name: "user-icon" })), index.h("div", { key: '00b472fb20d65cd4d5e2a6269d18352fae23c264', class: 'ls-dv-role-text' }, index.h("p", { key: '61132277f7ab99a62e8f06ac7988c30982f5f18f', class: 'ls-dv-role-name', style: {
+            } }, index.h("ls-icon", { key: 'f0db1582dbe945942f76797914251c3f0d85edd7', name: "user-icon" })), index.h("div", { key: '241a37eb871f3797c1f25d91ad0eabfd4462bfc1', class: 'ls-dv-role-text' }, index.h("p", { key: '52a96e199b98e479575948d85b5e1ad59178f80d', class: 'ls-dv-role-name', style: {
                 '--role-name-selected': defaultPalette.defaultRolePalette[0].s80,
-            } }, i18n.dvI18n.t('toolbar.sender')), index.h("p", { key: 'dca8ed5b354a555ed89f299509f6876d2e396225', class: 'ls-dv-role-type', style: {
+            } }, i18n.dvI18n.t('toolbar.sender')), index.h("p", { key: '55406bf3290ccfee5b010760b7fe74b6573bc480', class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultPalette.defaultRolePalette[0].s80,
-            } }, i18n.dvI18n.t('toolbar.you'))), index.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 => (index.h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+            } }, i18n.dvI18n.t('toolbar.you'))), index.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 => (index.h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
                 '--background-selected': defaultPalette.defaultRolePalette[r?.signerIndex % 100].s10,
                 '--check-icon-selected': defaultPalette.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
@@ -204,10 +204,10 @@ const LsParticipantSelect = class {
                 }
             } }, r.name || (r.signerIndex > 100 ? i18n.dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : i18n.dvI18n.t('participants.participant', { index: r.signerIndex }))), index.h("p", { class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultPalette.defaultRolePalette[r?.signerIndex % 100].s80,
-            } }, r.roleType === 'WITNESS' ? i18n.dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? i18n.dvI18n.t('participants.approver') : i18n.dvI18n.t('participants.signer'))), index.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 && (index.h("div", { key: 'cbdee837f31736c4f8e5d574f315474f36215cc5', class: "ls-dv-dropdown-item ls-dv-skeleton-item" }, index.h("div", { key: '6de33dadf39cc5f550eb480f3ca58ffbeed4eade', class: "ls-dv-skeleton-circle" }), index.h("div", { key: '6c11ab68f18a66c47d8300af1153859334d88b17', class: "ls-dv-role-text" }, index.h("div", { key: '89fecb4ebc5097af5578c594ce88c2500bf0ca85', class: "ls-dv-skeleton-line ls-dv-skeleton-line-name" }), index.h("div", { key: 'e97f9132755743bf5dab4cec594c44f2e2ce17c2', class: "ls-dv-skeleton-line ls-dv-skeleton-line-type" })), index.h("ls-loading", { key: 'd57ece494bbd8e05062f5766a7a320b01c2019ff' })))), index.h("button", { key: '2d01c96a0cfebb35c9131f0f95342de5ba7cc956', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
+            } }, r.roleType === 'WITNESS' ? i18n.dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? i18n.dvI18n.t('participants.approver') : i18n.dvI18n.t('participants.signer'))), index.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 && (index.h("div", { key: '64a468b40fbcc76774b1bcd43887c3b15e6f6dbc', class: "ls-dv-dropdown-item ls-dv-skeleton-item" }, index.h("div", { key: '2ebc9dfdfd223a48d4b430b6744faa0ac267b714', class: "ls-dv-skeleton-circle" }), index.h("div", { key: 'dae492e4ae388222caf26e08e93e267456ee4db4', class: "ls-dv-role-text" }, index.h("div", { key: 'f27650a2ce93d992ab5b656f00141357cdb35156', class: "ls-dv-skeleton-line ls-dv-skeleton-line-name" }), index.h("div", { key: '272777b0bffba3ea7b19ca9a7050147bc65e7007', class: "ls-dv-skeleton-line ls-dv-skeleton-line-type" })), index.h("ls-loading", { key: '24c2735b6d2e8df3370008ac42aa31c87376650c' })))), index.h("button", { key: '2e73a6eb91fe2ce1895c174869ec07bd685db1ef', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
                 '--background-selected': defaultPalette.defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultPalette.defaultRolePalette[1].s50,
-            }, disabled: this.isAddingParticipant }, index.h("div", { key: '3823dc4a44a0a496710008d20618c91e06bc2dc6', class: 'ls-dv-add-participant-icon' }, index.h("ls-icon", { key: 'b13d5981062cf5e150c6db34c64d538751fc9f41', name: "user-add-icon" })), index.h("div", { key: '993fe50f732ddd18c364cf58bce1b0491a4a2373', class: 'ls-dv-role-text' }, index.h("p", { key: '938aa668cc871cf907ee410278f2c7fef0f18ce9', class: 'ls-dv-role-name' }, i18n.dvI18n.t('participants.addparticipant')), index.h("p", { key: 'ed579ccce4987552fb20191d80f8f97dbdfaa419', class: 'ls-dv-role-type' }, i18n.dvI18n.t('toolbar.addnewsigner'))), index.h("ls-icon", { key: '8e86ffba4298f2faa2c7abff5e6b15df3da60cd7', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), index.h("ls-tooltip", { key: 'ed547789e966697a2a0a17c7ddf1b30b4a7f49e5', tooltipId: "ls-dv-select-tooltip" }), index.h("slot", { key: '5569842e1871a2f0ab38d364aff12ae96d825cfb' })));
+            }, disabled: this.isAddingParticipant }, index.h("div", { key: '057d255050531c290ca0c48cb31cabe0a15b6491', class: 'ls-dv-add-participant-icon' }, index.h("ls-icon", { key: '7d400f269094c40d538093fe8539c70a5a74f80d', name: "user-add-icon" })), index.h("div", { key: 'a74f7529e5c820b76485369dd50802356816c476', class: 'ls-dv-role-text' }, index.h("p", { key: '958e6ba19695c9650e9210557b3bfbb7a6f436ec', class: 'ls-dv-role-name' }, i18n.dvI18n.t('participants.addparticipant')), index.h("p", { key: 'b9c4e14749bc8ea505df837327b2e978f48ce1fb', class: 'ls-dv-role-type' }, i18n.dvI18n.t('toolbar.addnewsigner'))), index.h("ls-icon", { key: 'f286a2f6a2b12ae643ef3c544902033f959f7abd', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), index.h("ls-tooltip", { key: '3afe96bdb96970d9801a6e1565d845428f4c411d', tooltipId: "ls-dv-select-tooltip" }), index.h("slot", { key: 'ef2b526b53db23a37d494a97bc1cf59455eb0af0' })));
     }
     static get watchers() { return {
         "signer": ["handleSignerChange"],

package/dist/cjs/ls-field-type-display.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-DFeU0FNc.js');
 var defaultPalette = require('./defaultPalette-Dt4FmPno.js');
 var defaultFieldIcons = require('./defaultFieldIcons-CQbunrYl.js');
-var i18n = require('./i18n-CO9DdQsL.js');
+var i18n = require('./i18n-DZs4FndR.js');
 
 const lsFieldTypeDisplayCss = () => `:host{position:relative;border-radius:0.875rem;padding:0.25rem}*{margin:0}.ls-dv-field-type-inner{border-radius:0.625rem;background:var(--white, #ffffff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-dv-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;}`;
 
@@ -31,14 +31,14 @@ const LsFieldTypeDisplay = class {
     fieldType = 'signature';
     render() {
         const color = defaultPalette.defaultRolePalette[this.assignee % 100];
-        return (index.h(index.Host, { key: 'f530e50ecd19fc303f5680ec74fbf6d7ebc8215b', class: 'ls-dv-field-type-wrapper', style: {
+        return (index.h(index.Host, { key: '82301bb7c97714cc02e69868a4ca0ec54a8aa6ba', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, index.h("div", { key: 'bfd175b6c2216e9eb832dd0f0afd4073eff3bbb4', class: 'ls-dv-field-type-inner' }, index.h("div", { key: 'fc9301ca2a35a471da53e1fd375399b0bf32b1f3', class: 'ls-dv-field-type-icon', style: {
+            } }, index.h("div", { key: '4001a2860a85147739c23303fd83ee5409ac58ed', class: 'ls-dv-field-type-inner' }, index.h("div", { key: '06bac95bafc02a9595879a0647a2ea19597d822a', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, index.h("ls-icon", { key: '21acf5d1646344aacb06b2e9ae5ea7f1f92f9d3d', name: defaultFieldIcons.getFieldIcon(this.fieldType), size: 20 })), index.h("p", { key: 'a20b73de88c4904d0e618228b20b9043c0bce912', class: 'ls-dv-field-type-name' }, i18n.dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
+            } }, index.h("ls-icon", { key: '0360494978edf9ca699ddd93ed9c927ee61a2a84', name: defaultFieldIcons.getFieldIcon(this.fieldType), size: 20 })), index.h("p", { key: 'afd036c471e031e52d17e0b2d08b91aca672c14f', class: 'ls-dv-field-type-name' }, i18n.dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
     }
 };
 LsFieldTypeDisplay.style = lsFieldTypeDisplayCss();

package/dist/cjs/ls-helper-bar_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DFeU0FNc.js');
-var i18n = require('./i18n-CO9DdQsL.js');
+var i18n = require('./i18n-DZs4FndR.js');
 
 const lsHelperBarCss = () => `.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:var(--rounded-full, 9999px);gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6f7176)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
 
@@ -16,7 +16,7 @@ const LsHelperBar = class {
     componentDidLoad() {
     }
     render() {
-        return (index.h(index.Host, { key: '64217d6d821bd50de67e0a40106e5c9e2224cd0d' }, index.h("div", { key: 'd775827895edfa072bc77966cf99a2bda0c79ae5', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, index.h("button", { key: '10d458b846203ea54409f132be7656ff063b8251', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, index.h("ls-keyboard-shortcuts", { key: 'ab3374448a0ac9d6d30d9f3ab1fafbfc45a7b087', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), index.h("ls-icon", { key: '2f07663618838c831c2b16c7860ac86b1105d634', name: "keyboard-icon" })), index.h("button", { key: 'ce5ee367fc502880657d2fdd6f15a0d3121d306a', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${i18n.dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, index.h("ls-icon", { key: '7918093e745d1239969e34a75b42949e48191b3e', name: "book-open-icon" })), index.h("button", { key: 'e8de2ad302b12bf7c46c304d5f64e2a38fb17b19', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${i18n.dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, index.h("ls-icon", { key: '2af72724ada4007550d68f72e46f62fe38e54d48', name: "support-icon" })), index.h("div", { key: '0c7e11e5f68f4ab3aa58558797baa05c4cbe3d6a', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), index.h("button", { key: '975805f3fa50a38013a893a004647c7833dc2c0d' }, index.h("ls-icon", { key: '4216d7323158064159fd7e6749501d8d8c31abec', name: "question-mark-circle-icon" }))), index.h("slot", { key: 'f5e4de203885a60f561b3114461ae0b707869f16' }), index.h("ls-tooltip", { key: '223a4b705ed09309e169499e910a5f421a42fdea', tooltipId: "ls-dv-tooltip" })));
+        return (index.h(index.Host, { key: 'd5e1243216fa194ac7c97b62db936e22698fe169' }, index.h("div", { key: 'e78e3daf51bfac8af93f2c08658067162b6a4998', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, index.h("button", { key: 'd2198e6894c5e0fa5f151064b1a0b3554ceff854', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, index.h("ls-keyboard-shortcuts", { key: '34a955a2beee583c0b4aa3704623672005e8d3c2', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), index.h("ls-icon", { key: 'ac263769b9d6fcae145ba9b63282e0d6f858bb6d', name: "keyboard-icon" })), index.h("button", { key: '90cc038c4d034740ca2fb84b08b5cc42d862bbe0', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${i18n.dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, index.h("ls-icon", { key: 'cfa12c39dff0ba244bf472fb01cc1530aaa250c2', name: "book-open-icon" })), index.h("button", { key: 'e94ab87db268479dda3e2390a8947333e1340053', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${i18n.dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, index.h("ls-icon", { key: 'f5f890a3ac7bfa086115ab4b2f34de2428816302', name: "support-icon" })), index.h("div", { key: '2c724587391030ae69a5305685ee528e75322677', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), index.h("button", { key: '0134860acb82f218c0ede9e7406e4b1afb63ede3' }, index.h("ls-icon", { key: '01fe6aff9c191152310170a4544c04bba0961de3', name: "question-mark-circle-icon" }))), index.h("slot", { key: 'b4e1197d97abcdc8545769bbe97bb0f6e81d2b38' }), index.h("ls-tooltip", { key: '3c73a484c2e7ef8ad6434efb6c43ced8a794f788', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsHelperBar.style = lsHelperBarCss();
@@ -45,7 +45,7 @@ const LsKeyboardShortcuts = class {
             { keys: `${this.mod} + Scroll`, label: i18n.dvI18n.t('shortcuts.zoom') },
             { keys: 'Esc', label: i18n.dvI18n.t('shortcuts.deselect') },
         ];
-        return (index.h("div", { key: '4f2744bf23ec5cd3084dda92bbf767ddcc3a3d73', class: 'ls-dv-keyboard-shortcuts-tooltip' }, index.h("div", { key: 'c3b8d7c7ef629e9301f97a371cff7397e58c9a7d', id: "arrow" }), index.h("p", { key: '8475858e58dd53239b2e010d6d334c1e19ed497b', class: "ls-dv-tooltip-title" }, i18n.dvI18n.t('shortcuts.title')), index.h("table", { key: 'b23daa7c1dc8539dd5ba3709808271b3ddbeb9b5', class: "ls-dv-shortcuts-table" }, shortcuts.map(s => (index.h("tr", null, index.h("td", { class: "ls-dv-shortcut-keys" }, s.keys), index.h("td", { class: "ls-dv-shortcut-label" }, s.label)))))));
+        return (index.h("div", { key: 'cfd5c35179ad3805f8d4f8ad3039f72ee5db7bed', class: 'ls-dv-keyboard-shortcuts-tooltip' }, index.h("div", { key: '7a2be545bfc57f758535baadb84597d25894d57a', id: "arrow" }), index.h("p", { key: '6911a6bff38890af98ee2fbfec169974ece36a20', class: "ls-dv-tooltip-title" }, i18n.dvI18n.t('shortcuts.title')), index.h("table", { key: 'edf567dc2c35abaa0fd25ccb98eee49ff91682e8', class: "ls-dv-shortcuts-table" }, shortcuts.map(s => (index.h("tr", null, index.h("td", { class: "ls-dv-shortcut-keys" }, s.keys), index.h("td", { class: "ls-dv-shortcut-label" }, s.label)))))));
     }
 };
 LsKeyboardShortcuts.style = lsKeyboardShortcutsCss();

package/dist/cjs/ls-title-input.cjs.entry.js

@@ -30,7 +30,7 @@ const LsTitleInput = class {
         }, delay);
     }
     render() {
-        return (index.h(index.Host, { key: '14581ab91402cc99db5be5bdd5143f0825e840b2' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (index.h(index.Host, { key: 'f4bc17d218479f534604bb040793eb2781bc3e3a' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.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/cjs/ls-toolbox-field.cjs.entry.js

@@ -80,14 +80,14 @@ const LsToolboxField = class {
     componentDidLoad() {
     }
     render() {
-        return (index.h(index.Host, { key: '800b2aee4548da0bf2b6d19f73b2493de6ac1ff9' }, index.h("div", { key: 'e504b3224784dab160262240d710d133ba1a8cb2', class: 'ls-dv-toolbox-field', style: this.isSelected && {
+        return (index.h(index.Host, { key: '3a8a8656d2cdbfcc34d90f2bdc261d57b0486327' }, index.h("div", { key: 'cabaf8f8a15dd59deaf172f939c91d3af252768f', class: 'ls-dv-toolbox-field', style: this.isSelected && {
                 background: defaultPalette.defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultPalette.defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultPalette.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);`,
-            } }, index.h("div", { key: 'e7711c077c0a7151c3b8ca3047dae128418e79c8', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultPalette.defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultPalette.defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, index.h("ls-icon", { key: 'abe5f664ef86859ffba839f040365db72d401d11', name: this.icon, size: 20 })), index.h("p", { key: 'bb1d5d68f3ced9628cd747b530dd6928fc898ab8', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
+            } }, index.h("div", { key: 'a1e6610c96edb573fa39d604ec3eafb20aa7cb0c', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultPalette.defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultPalette.defaultRolePalette[this.signer % 100].s60 }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.tooltip, "data-tooltip-place": "right" }, index.h("ls-icon", { key: 'd3af04fe21475f1446c4c63f8b9d56c1fad14489', name: this.icon, size: 20 })), index.h("p", { key: 'a0661fdf43df2811667bb915e8d88f3c61d56a74', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
                 color: defaultPalette.defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (index.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" }, index.h("ls-icon", { key: '7c9c87c5b6921db0771e7f354aeb0a0fd2b58bc7', name: "exclamation-circle-icon", size: 18, solid: true }))), index.h("ls-icon", { key: '431bd74c6e1f94247986e0e3952e818c62e23909', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultPalette.defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), index.h("ls-tooltip", { key: 'aa2614cc4feb9255b29d1212721f1980cc8595c2', tooltipId: "ls-dv-tooltip" })));
+            } }, this.label), this.redDot && (index.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" }, index.h("ls-icon", { key: '7ff67974087dfce5f87f938be21cbe61c4d0523c', name: "exclamation-circle-icon", size: 18, solid: true }))), index.h("ls-icon", { key: 'ba77bf663fbf04e6db5640414f94734557b57a63', name: "drag-vertical-icon", size: 16, customStyle: { color: this.isSelected ? defaultPalette.defaultRolePalette[this.signer % 100].s60 : '#787a80' } })), index.h("ls-tooltip", { key: '562d799296c8d408fef2b3ceff8eba6c5cfb78c4', tooltipId: "ls-dv-tooltip" })));
     }
 };
 LsToolboxField.style = lsToolboxFieldCss();

package/dist/cjs/{mouseHandlers-Cc9PovyB.js → mouseHandlers-BdaPuPMr.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var editorUtils = require('./editorUtils-Bej3Frit.js');
+var editorUtils = require('./editorUtils-CA5HbWrj.js');
 var fieldDefaults = require('./fieldDefaults-BZtB5J2S.js');
 var history = require('./history-C8Dy_82r.js');
 var defaultPalette = require('./defaultPalette-Dt4FmPno.js');
-var i18n = require('./i18n-CO9DdQsL.js');
+var i18n = require('./i18n-DZs4FndR.js');
 
 const PASTE_OFFSET = 10; // px offset when pasting without a click target
 let clipboard = [];
@@ -1229,6 +1229,6 @@ exports.outOfBounds = outOfBounds;
 exports.pasteClipboard = pasteClipboard;
 exports.toolboxDragStart = toolboxDragStart;
 exports.updateSelectionBox = updateSelectionBox;
-//# sourceMappingURL=mouseHandlers-Cc9PovyB.js.map
+//# sourceMappingURL=mouseHandlers-BdaPuPMr.js.map
 
-//# sourceMappingURL=mouseHandlers-Cc9PovyB.js.map
+//# sourceMappingURL=mouseHandlers-BdaPuPMr.js.map