legalesign-document-viewer 0.10.7 → 0.10.8

package/dist/esm/ls-add-new-button_20.entry.js

@@ -1,9 +1,11 @@
 import { r as registerInstance, h, a as getElement, c as createEvent, H as Host } from './index-CItPoq74.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
-import { d as dvI18n } from './i18n-UgyxEpoj.js';
-import { g as getDefaultValidationForType } from './fieldTypeUtils-DKOaSs1P.js';
+import { d as dvI18n } from './i18n-xWlEB8_Z.js';
+import { g as getDefaultValidationForType, a as getFieldPlaceholder } from './defaultFieldLabels-GlbzVGpj.js';
+import { e as validateFieldValue, f as validationTypes } from './editorUtils-DxEtiJLH.js';
 import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
 import { F as FIELD_DEFAULTS } from './fieldDefaults-04cXI5GQ.js';
+import './history-DQak0VIj.js';
 
 const lsAddNewButtonCss = () => `
 .button {
@@ -151,9 +153,13 @@ const LsDocumentOptions = class {
     }
     render() {
         function formatDate(isoString) {
+            if (!isoString)
+                return '-';
             const date = new Date(isoString);
+            if (isNaN(date.getTime()))
+                return '-';
             const day = String(date.getDate()).padStart(2, '0');
-            const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed
+            const month = String(date.getMonth() + 1).padStart(2, '0');
             const year = date.getFullYear();
             const hours = String(date.getHours()).padStart(2, '0');
             const minutes = String(date.getMinutes()).padStart(2, '0');
@@ -276,7 +282,7 @@ const LsFieldProperties = class {
         event.stopPropagation();
     };
     render() {
-        return (h(Host, { key: '1c997415315ee0d0f52b5dcb6d6897f0ea717775', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '576d7e4860947b691388615d9ac05a1c14a9acb6' })));
+        return (h(Host, { key: 'b0b89acc453e22cfa282bb9837568d07f46be1f6', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'd9f359214a7301e34a92f748b0a713a16d081298' })));
     }
 };
 LsFieldProperties.style = lsFieldPropertiesCss();
@@ -290,7 +296,7 @@ const LsFieldPropertiesAutosign = class {
     dataItem;
     readonly = false;
     render() {
-        return (h(Host, { key: '6ea689951efbf9b81b4b33ed45d2b870410851f3' }, h("div", { key: 'cab5338fcf8df47d080d639ef5a0a50c36fe1d08', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: '3f1cf83d7b792829033ab0cc347da4d52f38531b' }, "Label: ", h("input", { key: '5ad340a03f36af728b3d90b7f85a737e70fc175d', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'eba262cf8aec8246ef44505ffd58098c1548415c', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '5f16ba0c76e182e9548a3148ea6d628e47fdce00', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-footer", { key: '353e277f6eb6684beab424fbffe7d8a800dc5acf', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '154abf83ed5c1704e2e925b969926d10fb9b3c81' })));
+        return (h(Host, { key: '641cc1dd7678b3840eb18124846ea72d09a059f1' }, h("div", { key: '2582043034afb2386703cb0a0fac7f36fff46261', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: 'de6ccb8911b084b0060f92a26393951aee48216e' }, "Label: ", h("input", { key: 'ba30f2730593784eddfb1a70d2e01987a1eca4c2', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '1b8242eb5a5b1b5d9bafc6fd7e6a30470917b839', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'e961e2ae70a351463a423ab7d4ec6e1a02bcfb1d', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-footer", { key: 'b80f3f6d7d0d1968b5abb8b695749dd6ee28bbf4', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '659818f18eadaf67cb914ce7ab377045088a43f0' })));
     }
 };
 LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss();
@@ -312,7 +318,7 @@ const LsFieldPropertiesCheckbox = class {
     }
     get el() { return getElement(this); }
     render() {
-        return (h(Host, { key: '7212c2da378b352d8810fc86305ed25961cb4648' }, h("ls-field-properties-container", { key: '2e9116b7e7e60cc203865ed634cfe70ee08a8768', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cf4fff22a6b66a5955eec60f388cf8d4a6ce4b63', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '417f680eedf12026fccff29b9a521f397a9bf247', dataItem: this.dataItem, roles: this.roles, showValidationTypes: true, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '6fe687a5c40960e38fc679b58fa14c1c77546ec4', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '2f99e6b7fd3aa21a6f2c4fbe7d01ef73e4c17981', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '48a57a701f2d8bedd49a9d8cf934872e68097faf', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'dca8664d94f46d71686d22bedd710f56f82a261e', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '0b63c64eb13ca2b7f4e8217201e90b8816bd8b9a', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '274cc6117ae0f761d353e2aa7d3776b8accceb18', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '9e44233a4abaf321e731628f7c921006ba2231d8' }, h("ls-field-properties-container", { key: '1ee10bfe21b53e4619a65bab6dd4601a1629306d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '93dad0b07d94f8949682c47bc49530e81cf7b5a4', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '82ce0d41e856070e5aebd59826852611fdf45fa6', dataItem: this.dataItem, roles: this.roles, showValidationTypes: true, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '3ac7a9cd1238ea715518ab74d7ffa731a6285473', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '92a985c8190ff5c5269651fdac145fe0e9194341', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'aa9b7bd1398b82f1fc73be0065493eb4c9d918a3', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c8e773af0bb136b16de9eae037b5cac5227aed14', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'f43b7abf633fdbfccddf21a3b2579e6eb53928a4', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'cff1d6fce61ecff715215dc843796ecb24a0e922', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesCheckbox.style = lsFieldPropertiesCheckboxCss();
@@ -327,7 +333,7 @@ const LsFieldPropertiesDate = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: 'afc801f22116ec784ebc9201f42e2a605a2f4b52' }, h("ls-field-properties-container", { key: '4aef4223bf21b3f3ee06978532ce287ba374286b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'b7d05dff4928fa5bfe2715b290b9174831250aa6', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '9b482bbc3a352a5dc366e42dc2626f48190fef75', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'e7d2fde3532bb08526ab43ea51ab781c6ac31fd4', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'b208a5744ca550081b43d80b9d44726044b6808f', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '643caa16108204de70e31127973f695b0c5a6b71', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '18aab30dc2cfae4bd6537b57788bee3361f76585', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'c9d55ec888fdcbd24df9353996601847efa24233', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '9a6f0c6c7cee49002ce2e9a6aaa9ffa8a5829e5e', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: 'e61351642fcdbf459521474addf3d1c9fc1bc957' }, h("ls-field-properties-container", { key: '4c3e177015f1ff6f49e2e53ca6f46f046f69d5cf', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'aa5f876e65d0094b5ef89f6cf41d3719d408281a', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '6db302195d8829ef8f35a8c77ef00e4dd4d8c0ce', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '02bb9daf6f0d98c091e48f3e2eda57aba010793f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '667d8e3ba20d8e3c89fc9020bac6606fed4bbf7a', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c9943df8fdf39d64b34e7050bcee2ad53d21ec9f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'f37f079fe060a3a6be2aae8be5631404c5ee2b49', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'd7c6151b44937bc178c47217c915243435ad23d0', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'f0ff03b2ae936e20c36745e0ca54b39f77bc9725', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesDate.style = lsFieldPropertiesDateCss();
@@ -342,7 +348,7 @@ const LsFieldPropertiesEmail = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: 'c41d41bd063f0826264d658a53ec44ed2f55b87e' }, h("ls-field-properties-container", { key: 'a6baae36874b6e532437e6cd08fa7b9f76859968', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f9466ab69dd1a1045f84c22842efb2a45d5746ec', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'ba0f030b999fbb5d0eb05f571b08a45fee293d32', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '0d7719b2f4250baefeb49c7a54ea906ddab24332', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '71876b81b12dbfa3a7c0a5c1abd8fee36c3e0a2f', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'fe19622df31726bde614428f950e82d94a7b5ef2', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c5b61a40f227da6d942ef1d2d3114897c940b6eb', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '3939447c375fe488a29b3f5dba1fbd506e0ae9e1', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'd12708e3433072c727988cf27a3c1c53513ad607', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: 'b0408e4d13cbaac8491bae6dea42d2d15e7d373e' }, h("ls-field-properties-container", { key: '2a7fe530df5fd06b61ad0733ecc5d83bfea325c7', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5b99af9d32e18d40c9ff224a2646d1f2903ba31a', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '94980046aa83b2aa4fc8585ccd8d21c533e142bd', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'c65d2a9a27d1495ccb3d66b9b620f5e3a9f195cc', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'e121f55db5ffc20feb86ab40ec3615527ebfb261', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7dbecee20336e9fa2bc4de2d16e201ef63819c30', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '4708308fa18d5c0344dd07a4b6cbf78e556334ae', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '855824921e3ed423e5aca5065fc0edb81c3f64df', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'e4f1454be8b9e97e84f136278b26a6ee0f595556', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss();
@@ -357,7 +363,7 @@ const LsFieldPropertiesFile = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: '81470fec51c9215328a255d9569fb7c151d81795' }, h("ls-field-properties-container", { key: 'fa21bd48a386d5bea1d779c26023a4991d03527b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '767a8b68e83872bf43316c2ef174aa209f829806', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '5cbc30ce427145e38907da8d82a292b64b9c7f49', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '9c0b755421ee420d7c95346a2e005d878cd81195', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '7bbb7b2217b11dc5fd5e270c12bbc3b7c4a92875', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '4a5f8a670990eee546800d970b55ff755893ee89', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '884f562985195e096ba11f73edea9a89c6609fa5', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'b87cceaf149a3581c176476bebca58d24e7b3eda', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'ae19b980eb434979c80a1cf45a650b599529ff4b', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: 'ab0b6ced60036b32e9a5027974ed756b13fdf904' }, h("ls-field-properties-container", { key: '5c021cfec6ed1d052f3b027d18a1c81cc0a6f6e4', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ad274fb15c423969233a1801d3f15bd5db523bde', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '7c76f0fad62beb869fa05ee062fced11e3da691e', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '8049d530ec44df7a896f145441e01e908b34a557', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '086f68431dd3e648ba8a4b4bc20269e3aebd6cdd', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '0143dd679ff2775a8f7541e22a0f4c47d51294e3', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3c780f3ea4b6f4cd9bb9bb936b28f14d2e4bcd67', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '1755163b10e16f16249f51d08126da932f642ba3', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '64182e4ffeb780cbe749b0a1995dd12cc733b353', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesFile.style = lsFieldPropertiesFileCss();
@@ -372,12 +378,12 @@ const LsFieldPropertiesGeneral = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: '500178ae9823a49a692f8b73c544ea4fd9f8ce09' }, h("ls-field-properties-container", { key: 'c72cb109dfa180703c57d236691c61e1d599a049', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '22b84b4c3aaf7412bc23bf66d74a75bef93109f8', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'cb396b566e299f892f13b026e80ae57a60fa1040', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'e68073048c777d2a8961431e667f5d665b8d6406', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'a9a27560e3e1bcc32a56c5b8e2249bf5b00f0f7a', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7bfba56c4c28ee3fc6149a913460dd4d30d388bf', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '4db9e47d807e9d897cf68e8440129d80a5052386', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '53cf6aeaa93072c702706fd2c6f32fc70640933a', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '0d3d9a89a395a6c2d2fbca5e4fd5a9171ae3dfb5', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '9190845c512c0a86c637b36f629250b9367797f0' }, h("ls-field-properties-container", { key: '248100e296bf44b4c2865f2e1306b15389d4661c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '28cc12f82845da0e46f72867cffba61d2815b0e0', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '0949141174d0b1818b29f453e0d5bf0be13896a0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '532628012bfcad35a89fd0d6b58d31baa3251065', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'f9d83e55e8bb2436689aa774c45ae41b14172f54', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '546c287b29b8c1b5d7281b27db8df09216f829b7', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'ad3163bb3ae27c233779aa75f38788f31644ee29', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '32352a0b668c764bc81d8940378c22776e09a31b', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'ab7d4eb83d246a09f0fd15ca5589c0a7ef990069', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss();
 
-const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-properties-container{display:flex;flex-direction:column;height:100%}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.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;text-transform:capitalize}.ls-dv-tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-dv-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6f7176)}.ls-dv-tab.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-dv-tab:not(.ls-dv-active):hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #edeff2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.ls-dv-scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}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;width:100%}.ls-dv-input-wrapper{position:relative}.ls-dv-full-width{width:100%}#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}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=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{display:flex;gap:0.5rem;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;font-weight:500;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)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.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>: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)}`;
+const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-properties-container{display:flex;flex-direction:column;height:100%}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.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;text-transform:capitalize}.ls-dv-tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-dv-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6f7176)}.ls-dv-tab.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-dv-tab:not(.ls-dv-active):hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #edeff2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.ls-dv-scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}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;width:100%}.ls-dv-input-wrapper{position:relative}.ls-dv-full-width{width:100%}#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}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=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{display:flex;gap:0.5rem;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;font-weight:500;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)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.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>: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)}.ls-dv-input-error{border-color:var(--red-60, #f64a44)}.ls-dv-input-error:focus{box-shadow:0 0 0 0.25rem var(--red-20, #ffe1e0);border-color:var(--red-60, #f64a44)}.ls-dv-error-text{color:var(--red-60, #f64a44);font-size:var(--text-xs);margin-top:0.25rem}`;
 
 const LsFieldPropertiesMultiple = class {
     constructor(hostRef) {
@@ -388,6 +394,18 @@ const LsFieldPropertiesMultiple = class {
     dataItem;
     roles = [];
     readonly = false;
+    valueError = null;
+    validateOnChange() {
+        if (this.allFieldTypesSame().isSame && this.supportsValue() && this.allValuesSame().isSame) {
+            this.valueError = validateFieldValue(this.allFieldTypesSame().fieldType, this.allValidationsSame().validation, this.allValuesSame().value, this.dataItem[0]?.options);
+        }
+        else {
+            this.valueError = null;
+        }
+    }
+    componentWillLoad() {
+        this.validateOnChange();
+    }
     mutate;
     update;
     // Send one or more mutations up the chain
@@ -395,7 +413,20 @@ const LsFieldPropertiesMultiple = class {
     // NOTE this alter is debounced to account for typing
     alter(diff) {
         this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));
-        this.debounce(diff, 500);
+        const evs = this.dataItem.map(item => ({ action: 'update', data: item }));
+        this.update.emit(evs);
+        this.debounce(diff, 1500);
+    }
+    // Immediate alter for non-typing actions (toggles, selects)
+    alterImmediate(diff) {
+        this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));
+        if (this.labeltimer) {
+            clearTimeout(this.labeltimer);
+            this.labeltimer = null;
+        }
+        const evs = this.dataItem.map(item => ({ action: 'update', data: item }));
+        this.mutate.emit(evs);
+        this.update.emit(evs);
     }
     labeltimer;
     debounce(diff, delay) {
@@ -435,6 +466,133 @@ const LsFieldPropertiesMultiple = class {
         const allSame = this.dataItem.every(item => item.formElementType === firstType);
         return { isSame: allSame, fieldType: allSame ? firstType : 'mixed' };
     };
+    allValuesSame = () => {
+        if (!this.dataItem || this.dataItem.length === 0)
+            return { isSame: true, value: '' };
+        const firstValue = this.dataItem[0].value || '';
+        const allSame = this.dataItem.every(item => (item.value || '') === firstValue);
+        return { isSame: allSame, value: allSame ? firstValue : '' };
+    };
+    supportsValue = () => {
+        const typesWithoutValue = ['signature', 'initials', 'file', 'signing', 'autosign', 'signing date', 'auto sign', 'dropdown', 'checkbox', 'drawn field', 'date'];
+        const fieldType = this.allFieldTypesSame().fieldType;
+        return !typesWithoutValue.includes(fieldType);
+    };
+    isDateType = () => {
+        return this.allFieldTypesSame().fieldType === 'date';
+    };
+    allValidationsSame = () => {
+        if (!this.dataItem || this.dataItem.length === 0)
+            return { isSame: true, validation: 0 };
+        const firstValidation = this.dataItem[0].validation;
+        const allSame = this.dataItem.every(item => item.validation === firstValidation);
+        return { isSame: allSame, validation: allSame ? firstValidation : null };
+    };
+    showContentFormat = () => {
+        const fieldType = this.allFieldTypesSame().fieldType;
+        const excluded = ['drawn field', 'regular expression', 'initials', 'signature', 'mixed'];
+        return this.allFieldTypesSame().isSame && !excluded.includes(fieldType);
+    };
+    getDateFormatById(validation) {
+        const vType = validationTypes.find(v => v.id === validation);
+        if (!vType || vType.inputType !== 'date')
+            return null;
+        return vType.description;
+    }
+    convertDateValue(currentValue, oldValidation, newValidation) {
+        if (!currentValue)
+            return '';
+        const oldFormat = this.getDateFormatById(oldValidation);
+        const newFormat = this.getDateFormatById(newValidation);
+        if (!oldFormat || !newFormat)
+            return currentValue;
+        const sep = oldFormat.match(/[/.-]/)?.[0] || '/';
+        const parts = oldFormat.split(/[/.-]/);
+        const valueParts = currentValue.split(sep);
+        if (valueParts.length < 2)
+            return currentValue;
+        let y = '', m = '', d = '';
+        parts.forEach((p, i) => {
+            const v = valueParts[i] || '';
+            if (p.startsWith('y'))
+                y = v;
+            else if (p.startsWith('m'))
+                m = v;
+            else if (p.startsWith('d'))
+                d = v;
+        });
+        if (y.length === 2)
+            y = '20' + y;
+        if (!d)
+            d = '01';
+        return newFormat
+            .replace('yyyy', y.padStart(4, '0'))
+            .replace('yy', y.slice(-2))
+            .replace('mm', m.padStart(2, '0'))
+            .replace('dd', d.padStart(2, '0'))
+            .replace('d', String(parseInt(d)));
+    }
+    formatISOToValidation(isoValue, validation) {
+        if (!isoValue)
+            return '';
+        const [y, m, d] = isoValue.split('-');
+        const format = this.getDateFormatById(validation);
+        if (!format)
+            return isoValue;
+        return format
+            .replace('yyyy', y)
+            .replace('yy', y.slice(-2))
+            .replace('mm', m)
+            .replace('dd', d)
+            .replace('d', String(parseInt(d)));
+    }
+    toISODate(value, validation) {
+        if (!value)
+            return '';
+        const format = this.getDateFormatById(validation);
+        if (!format)
+            return value;
+        const sep = format.match(/[/.-]/)?.[0] || '/';
+        const parts = format.split(/[/.-]/);
+        const valueParts = value.split(sep);
+        if (valueParts.length < 2)
+            return value;
+        let y = '', m = '', d = '';
+        parts.forEach((p, i) => {
+            const v = valueParts[i] || '';
+            if (p.startsWith('y'))
+                y = v;
+            else if (p.startsWith('m'))
+                m = v;
+            else if (p.startsWith('d'))
+                d = v;
+        });
+        if (y.length === 2)
+            y = '20' + y;
+        if (!d)
+            d = '01';
+        return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;
+    }
+    handleFormatChange(newValidation) {
+        if (this.isDateType()) {
+            // Convert each field's date value to the new format
+            this.dataItem = this.dataItem.map(item => ({
+                ...item,
+                validation: newValidation,
+                value: this.convertDateValue(item.value || '', item.validation, newValidation),
+            }));
+        }
+        else {
+            this.dataItem = this.dataItem.map(item => ({ ...item, validation: newValidation }));
+        }
+        if (this.labeltimer) {
+            clearTimeout(this.labeltimer);
+            this.labeltimer = null;
+        }
+        const evs = this.dataItem.map(item => ({ action: 'update', data: item }));
+        this.mutate.emit(evs);
+        this.update.emit(evs);
+    }
     allFieldsOptional = () => {
         if (!this.dataItem || this.dataItem.length === 0)
             return { isSame: true, optional: false };
@@ -540,8 +698,31 @@ const LsFieldPropertiesMultiple = class {
         }, 500);
     }
     render() {
-        return (h(Host, { key: '850854560f2f9222aabac030fa883a0e90a0f537' }, h("ls-field-properties-container", { key: '17fb6c7c51e5d1ad8651c47542773ea1965d98a4', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '4c020a7926eb929ee5361cd027d53a307a56aa89', class: 'ls-dv-field-set', slot: "content" }, this.roles?.length > 0 && (h("div", { key: '3141799fd90ca2a42e935fb592447a89edc2981c', class: 'ls-dv-field-properties-section' }, h("div", { key: '31c9ae95a766bc42cced49c602f959d94d25d518', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'efcb2f8df93769400141b2ea5ebda97d51919e46', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.assignee')), h("p", { key: 'd2ab9bfd871eae5b130ed17e7a4bb14914a1034b', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.assigneedescription'))), h("ls-assignee-select", { key: '06ad47054ea06c1510446316f9be6535b04e366e', signer: this.allSignersSame().signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.hasSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapprover') : '', mixed: !this.allSignersSame().isSame, onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("div", { key: 'ad8d35895eb9ec659d74d620f9c35efbca1486f1', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b282a8aeba3eb0947011d6f7c14072f842f4a3f3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5c3293570fd7be8ebdfac6deb005420110e189c9', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: 'f4b70513980a3335aabc3c9f38b564aeece9cc9e', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("ls-field-type-select", { key: '71e231236dab2eea4577cde8a0c51860888415d4', fieldType: this.allFieldTypesSame().fieldType, assignee: this.allSignersSame().signer, roles: this.roles, roleTypes: this.getAllRoleTypes(), disabled: this.readonly, mixed: !this.allFieldTypesSame().isSame, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), h("div", { key: 'd9db6d88f5d5961e9c8f031907f64768c96b6e4f', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: '70c92cb422f8fac04752427c77886f2ad6bb76a6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6ae4b59e7e19c75402f3133e8d9fd4bd8918e65c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield')), h("p", { key: '8197f95f1c2917a30158bc00318159879459a1fb', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.requiredfielddescription'))), h("ls-toggle", { key: '728a91d07ad4911a17af678355f94366a10441d4', onValueChange: (ev) => !this.readonly && this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'faebb79dfe51ab6ec9843e91f74592cc34ca49e6', class: 'ls-dv-field-properties-section' }, h("div", { key: '64a9fd6c5b6bc463d22f131b4fddfbcb630b147f', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5b40b8b8b791da773c9ac82f543b90b667368b5e', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '8e628cac746cd33b55aa1cf036fafbdaa6424bfa', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("input", { key: '1d41f0384a3f738aba8605f313f5783fa1ceaf1a', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdersignhere'), disabled: this.readonly }))), h("div", { key: 'e4ae809b305eb6e6bc419d2f28ec2897a10c1b36', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '58ec0ed0a316291bae412543632b623b73421827', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: 'e309c9a873affa56223e33c77cb4b125b1a14ff0', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'c1493e92e91c1f77567f886b93ea3231cd13b6e4', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: '9ded052708b2df9d168436972d7c790def6fcb22', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: '1e12f738b5ac8c7dc3f2222b3cc609b608c7160d', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: '19d1f10284ca783a0c5a5c56a32262ef7913d25a', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '5f38b36b1de098768e59e918cbb2196b76159d22', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '28f94cf262a6e7328ff36209b2ba12df23b487c0' })));
+        return (h(Host, { key: '144b6d501f79a051e31f193d9bc6c3e549513f65' }, h("ls-field-properties-container", { key: '6b43b2a45293e9134ea32ea99a3c65cadcb2ebb4', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e41dbe3f488ae946179e789bc01e1c35076d3a11', class: 'ls-dv-field-set', slot: "content" }, this.roles?.length > 0 && (h("div", { key: 'adde9f26a2b80ee24fb770b7fa647269353e2e4c', class: 'ls-dv-field-properties-section' }, h("div", { key: '54859095d0041a5e9042bf5975323a00f58c87f6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '69a0d53f7c5f44d20212a94a8041050349455471', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.assignee')), h("p", { key: 'b60a963bbebc89b49ec68ce33c0659742563efba', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.assigneedescription'))), h("ls-assignee-select", { key: '081cbc20a42f846c7ce72690b5c28dd19ebfeb37', signer: this.allSignersSame().signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.hasSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapprover') : '', mixed: !this.allSignersSame().isSame, onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("div", { key: '8b3df2e389b53f78a41ce2214474b42b178ea2c3', class: 'ls-dv-field-properties-section' }, h("div", { key: '0ad48abe85081b7bf7b00999ace9213200e1bd46', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '84e7cbc59afe17024ceab996bd70c6724399b3e4', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldtype')), h("p", { key: 'ee1c108c894cd75c2a5a8b933a41088cdfb0059a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), h("ls-field-type-select", { key: '5f2d832de1b0a73da603dfeddbb785f2541a1cb3', fieldType: this.allFieldTypesSame().fieldType, assignee: this.allSignersSame().signer, roles: this.roles, roleTypes: this.getAllRoleTypes(), disabled: this.readonly, mixed: !this.allFieldTypesSame().isSame, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), h("div", { key: '39fa8649330c1655639ab7dbe9f1e2ce327c9ef9', class: 'ls-dv-field-properties-section ls-dv-row' }, h("div", { key: '5bf3022231ffa8dc4c9a1c90a571d1539568e8d9', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'bd1e3ea8eb83ce1cdc1bb6f75bf909fad79ee965', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.requiredfield')), h("p", { key: 'b9a144369d0a4b12dba8e604b61b0c174f020dd5', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.requiredfielddescription'))), h("ls-toggle", { key: '61cb2443586d548b301ceae02032dde05166a002', onValueChange: (ev) => !this.readonly && this.alterImmediate({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: 'b0a0ce67bea23565d986e2947c8db34887343d05', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b13a902bd3736ac46a14a89ea8bf5f70f2539f67', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '28c73a694b9e51336a7166c8ef77185b01eb6e1b', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.fieldlabel')), h("p", { key: '08164ff0a02e46e56f7761c5439fc4b2132c991b', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.fieldlabeldescription'))), h("input", { key: 'c45c960be45c45dc8a1d98e438b0de6338afe6b9', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: this.allLabelsSame().isSame ? dvI18n.t('fieldproperties.placeholdersignhere') : dvI18n.t('fieldproperties.mixed'), disabled: this.readonly })), this.allFieldTypesSame().isSame && this.supportsValue() && (h("div", { key: 'c1deadf1a22f8b433493ca2f36021654bd9f45a8', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e6f439cee33b48f2798ec35f0311232463784131', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'a371104ff14ab63914c85dd09295a7fabcf6f454', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.value')), h("p", { key: '20ab4e9a3d09491d6dc50540632507494b741a6d', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.valuedescription'))), h("input", { key: '3424d8bab92eee963317b2c2d35b587df9449df4', value: this.allValuesSame().value, onInput: (e) => {
+                const val = e.target.value;
+                this.valueError = validateFieldValue(this.allFieldTypesSame().fieldType, this.allValidationsSame().validation, val, this.dataItem[0]?.options);
+                this.alter({ value: val });
+            }, placeholder: this.allValuesSame().isSame ? getFieldPlaceholder(this.allFieldTypesSame().fieldType) : dvI18n.t('fieldproperties.mixed'), disabled: this.readonly, class: { 'ls-dv-input-error': !!this.valueError } }), this.valueError && h("p", { key: '1e3f365d8a8fba785d14d0548f4a1123c171e9ce', class: 'ls-dv-error-text' }, this.valueError))), this.allFieldTypesSame().isSame && this.isDateType() && (h("div", { key: '2111920bbf4b7d551d1257fe37b90151c584f3fa', class: 'ls-dv-field-properties-section' }, h("div", { key: 'd47ecc7048fae8758a0060f86611981e9241822e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '612f995f6cb4ab500f31d30c33934b4d822710e2', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.value'))), h("input", { key: '28eed198d7724518b84a81aafd13bafe079d8cf2', type: "date", value: this.allValuesSame().isSame ? this.toISODate(this.allValuesSame().value, this.dataItem[0].validation) : '', onChange: (e) => {
+                const isoValue = e.target.value;
+                // Convert ISO to each field's configured format
+                this.dataItem = this.dataItem.map(item => ({
+                    ...item,
+                    value: this.formatISOToValidation(isoValue, item.validation),
+                }));
+                if (this.labeltimer) {
+                    clearTimeout(this.labeltimer);
+                    this.labeltimer = null;
+                }
+                const evs = this.dataItem.map(item => ({ action: 'update', data: item }));
+                this.mutate.emit(evs);
+                this.update.emit(evs);
+            }, disabled: this.readonly }))), this.showContentFormat() && (h("div", { key: '8f7f788c93871eee1ffee4990a2b0865fc23e639', class: 'ls-dv-field-properties-section' }, h("div", { key: '1346c3c1086daa0a6f060b1877dbec65dbcef64f', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6f9a0676dccabc4cdd511e90b59462e2102496b6', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.contentformat')), h("p", { key: '406fbdaa6cd26b3ee9a7e8e359dedf1a6cfb3f8a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.contentformatdescription'))), h("ls-input-wrapper", { key: '3c04b23ba855ee6c8281338b4d957cfabec4c40a', select: true }, h("select", { key: 'd2672c8d9a30152fc7914ae0b5e066196f599f3e', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)), disabled: this.readonly }, !this.allValidationsSame().isSame && (h("option", { key: '47bfb300f938cd20ec637175d83f0f09b36d0cd0', disabled: true, selected: true, value: "" }, dvI18n.t('fieldproperties.mixed'))), validationTypes
+            .filter(type => type.formType === this.allFieldTypesSame().fieldType)
+            .map(type => (h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description)))))))), h("div", { key: 'd0f3ee526f88952292d996bc875b1392c3be20f4', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'ccc8f304a87fe10c8b3e770ad170c0c10e349d4c', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: '8ddc226638297de6e6ca54754cd20690420b4fc1', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '0c95703f1dcd69144e46429acc470fa24f5e736a', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: '23f65251c24441a37bf75f1e01343c583e94e1dd', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: '8e3d6f4cb302a3034e6b004196748e60d47ca4ef', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: 'e09f42cb6fe410ee60956cd99a84df0352067c8a', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b5530498f80e6b23f6b503dab1f29709eb3063e1', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: '43ad4029632fd7f2f6eee198b243e824d8bf5ff7' })));
     }
+    static get watchers() { return {
+        "dataItem": ["validateOnChange"]
+    }; }
 };
 LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss();
 
@@ -555,7 +736,7 @@ const LsFieldPropertiesNumber = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: '2b1f2b568f53352e084cae5534545675adc497fe' }, h("ls-field-properties-container", { key: '2dffdbc29ffb629237c405e6bd5eba31d14aa890', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'a16214653d4657800cf14847152dd13c0e87d2ac', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '36a3c327b1834794a25dcb2a8afe88546f841629', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'aee87388acda9537d73f6397211fb40321e54eb6', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3d4554941d10a98bda15193954d8d1abb80917e2', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '8a33a6f4b26fd81b74b86b8b34b862a4610306f6', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '7034dd632787b09e044f562037d16fb75b9885b6', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '8ebd158f8970435c8a5c15f0ee431529aa2dfd21', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '8aa289d480d28129f60a071cf930e385d6b5f4ce', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: 'f7dbcde39487ec52b36db3b1c2b18dd21eca9ae1' }, h("ls-field-properties-container", { key: '323118fab847e28f06c992e9fcdce6513e363cda', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cf7d2650624838380fdffc97f77cff04008c7490', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'd75fe6f6ff0bd422f5649bfe7b57010f9e244c77', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '8b52151f47503427a623141be525de8f11bfd933', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '2df46efbc4dbd5de266c0f2b803b779d49b2c633', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'cea91577b7f8d45076833bea1b34f2cebb41dc8e', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '92fb628625f648929397244782d9bc54518ff7d3', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '020d6de5a17a89fbf07aabec53ea3e20f25350a8', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'dd7b7935d80c936dce1264996603ebca06206afe', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss();
@@ -571,7 +752,7 @@ const LsFieldPropertiesSignature = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: '8097d3238bda4613a99298585a8de2a163e5975c' }, h("ls-field-properties-container", { key: 'a1aa197df2b68a2f3e1e6fd1dbdcc195ab4beef9', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0f96b31d0dabe9b941a15ba981add41865fd1aed', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'd2b5111e139638fde307d8577490fc1240808a6a', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '951710a7bf5c1c8d9596d9914ca6e708634fa7e3', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'ead22d2acdc2b631eaa2a0eef71e8cb574e8a8b0', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '0574d0004976990b13eb23151fa07861c29de679', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: 'fb4d738f618af3b7c3651bcd32f5bdcaf93e8df3', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '299a0191e4bc0aa3a7448f4401e50e11aa4f4351', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '7c7810b2af011527939ab5ee5a7492fee0410e35', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '4c271ffb7b56567bf5f5625ff733b2b2c1048ef4' }, h("ls-field-properties-container", { key: '35783bdfff5b2d6f1b991c6aa3439f51b671654c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd0b5b66e9f7cceffbc634af363486f2f031559f5', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '0c141aca962c0926be7d52cc27d7250951b77580', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly }), h("ls-field-properties-advanced", { key: 'ca9322348323a738b986edf3cd0b485a9fc6f700', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '880d32b295e900f303c4b76373a569cd96f6d26c', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '7b461353c73859a876571721dd77ae488e69d051', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: 'ed8b8c297215ff25855eb2c1016b35854d5beadc', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '70176233a01635a20c2dc083f273972081966089', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '2efa9f753c52b293c74214bbc05d943e6dba12da', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss();
@@ -586,7 +767,7 @@ const LsFieldPropertiesText = class {
     roles = [];
     readonly = false;
     render() {
-        return (h(Host, { key: '012021e7fd519cd508e0afb5890b920856d58b85' }, h("ls-field-properties-container", { key: '07b2c42b8ac8bb7a83c7ed218ac5c24be120d958', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f0dfeaf1e6f51f5ad4797a359dcdbb5bd5f2a4ca', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '440a7cedb594ebf28d885c9a4221638e1782a6c9', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '149d9e322fc3a496dfb25dd6af1bc6a0f0064970', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'b23c5177094d562ceb48f5d3b0dddf5ffad9b760', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'db02b4930d344a82c82e401de38824f147313bb0', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '80daa7b87dbd98b3c77d87367068d25808ea28b3', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '9111394d5228d861f5c5351b816d6e36db11143e', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '502ebdb1646430b1ab748e7566f50b9341b503e7', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '780e720b9f520dd57d3e0d79269741cc162c08c8' }, h("ls-field-properties-container", { key: '3f6973b7ab1229ecdcd4552d6753b1f179fbf277', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '39c78c0b5f51865ea028b438bd741c97bedd55a2', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '6a4411de14d9b8619eaef3f181b2ab6ab838d8b3', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '99518b57807f01d27ead618d326e3b4823bf9ca3', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '8f1db51ed3c421ae9594e555897effd9aacc4467', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'dccddd1497e909f5e17f6d565062bcbb5e3be70f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'fbdec6c5c9f688fbe2a45ac82e83b7ad7a8a430e', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '57eecf824ffda1b8088b8a34f8608a961a7097a3', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '1c0a634f3ddd33eb62ecef0ec22aa71d707036e2', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesText.style = lsFieldPropertiesTextCss();
@@ -831,7 +1012,7 @@ const LsParticipantManager = class {
     }
     roleChange;
     render() {
-        return (h(Host, { key: '34ab9ebfc656d39d47916424925d159441b3206b' }, h("div", { key: 'd026d9fc982ad50116708597fedaeb079ab78245', class: "ls-dv-editor-infobox" }, h("h2", { key: 'bc8244bf5ac39a4b0d9d06e2641041ee3c35956b', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '60a8d2126c568263bb9a0934b36d4e0f2dddb8bb', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: 'd6f68241fdeb03f436fce3bceb8643948455ab48', class: "ls-dv-participant-list" }, h("div", { key: '15a7246c890381d4048bd48cf9f24c0ecd3fb804', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: 'd99ddf821020333ab6a750458dbe4d2e275db2c7', class: "ls-dv-sender-card-inner" }, h("div", { key: '4d2624a0a825d66ec634a53d96f10789c2855793', class: "ls-dv-sender-card-top-items" }, h("div", { key: '3307cd8ef70741ec8865b38173c6ca8231d4595c', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: '0ef2c28fce3bab2b150a504db42533e1c98bb700', name: "user-icon" }))), h("div", { key: '0b65f7238878253325e65f17a6a1e16e6e081ad0', class: "ls-dv-sender-card-text" }, h("p", { key: '88a0fa1f70dcd4312926d4745f3e3e579e31b8e1', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: 'af456e5f0b2a1593f0a194b48e7668c420613d1b', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
+        return (h(Host, { key: '2327956347574215bba089cce3c4648dc1ecc79f' }, h("div", { key: 'e0c7a60a844455faa0a340007597ebbe02b8402e', class: "ls-dv-editor-infobox" }, h("h2", { key: 'dd7d4b6ff98e18c31fe88d47d55f2db62ad02435', class: "ls-dv-toolbox-section-title" }, dvI18n.t('participants.title')), h("p", { key: '830e293e438709c9d0ee835975e860a636739d20', class: "ls-dv-toolbox-section-description" }, dvI18n.t('participants.description'))), h("div", { key: 'b383c37aa64217ea6c4f1b860bf340cd9b7b9af7', class: "ls-dv-participant-list" }, h("div", { key: 'ae0b82cf954f602f93ae5733898cddb9d2731391', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, h("div", { key: '7e5d38f3cab99d3cb9024104ec58f5a0b1c62d13', class: "ls-dv-sender-card-inner" }, h("div", { key: '6a3616da78d8739253bfedb621481b687df83d9b', class: "ls-dv-sender-card-top-items" }, h("div", { key: 'ce996e3b8a213917e69207347344a2230b06a262', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, h("ls-icon", { key: 'a4918a7b6f77c5b96fb719db60f75b01bd218c2d', name: "user-icon" }))), h("div", { key: '8f959301490aabbd48e27a09c43bd1ea60f708c4', class: "ls-dv-sender-card-text" }, h("p", { key: 'fe3c300ed87008802a4406a4e052bdebf7ba500e', class: "ls-dv-sender-name" }, dvI18n.t('toolbar.sender')), h("p", { key: '0cc3740fef0a909cf639f7182ab36042a7c5548b', class: "ls-dv-sender-type" }, dvI18n.t('toolbar.you'))), this.template &&
             (() => {
                 const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) || [];
                 return senderFields.length > 0 ? (h("div", { class: "ls-dv-role-label ls-dv-fields", style: { background: '#edeff2', color: '#5e6066' } }, `${senderFields.length} ${senderFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`)) : null;
@@ -840,12 +1021,12 @@ const LsParticipantManager = class {
                 return (h("ls-participant-card", { signer: r, index: index, template: this.template, active: r.signerIndex === this.activeSigner, busy: this.busy, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), h("div", { key: '907b5f40db0d6aa7c94856256da011c1cc37839d', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: '9a615e715990ac174789d966f540aecc0804a256', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
+            })), h("div", { key: '8ac7ff1344159ac1b79a3534cbfd62cac5de020c', class: "ls-dv-add-participant-button" }, h("ls-add-new-button", { key: 'f7167d90e5a9c956d24756a9af01edc2622a2a1e', text: dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
                 if (this.addingParticipant)
                     return;
                 this.addingParticipant = true;
                 this.addParticipant.emit({ type: 'SIGNER' });
-            } })), h("slot", { key: '8b15012f187002fba39b03c6877bc460bf8e548b' })));
+            } })), h("slot", { key: 'bff570db0baa3e3ce8f5a853fcc8a4d664a0e1f4' })));
     }
     static get watchers() { return {
         "template": ["templateChanged"]
@@ -925,7 +1106,7 @@ const LsRecipientCard = class {
         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');
         const dropdownsMissingOptions = recipientFields.filter(f => f.validation === 20 && (!f.options || f.options.length === 0));
-        return (h(Host, { key: '1f3ca779bb1976998222394a854db7a695b081d8' }, h("div", { key: '5fcb23d6db581d37da5c4418c9bc7853996ae191', 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: '2b15735e8a21fc48d7b1b99360a8881f69cdefcf' }, h("div", { key: 'a50e547823e09c67ed33dfb606b8dad5d3ac2099', 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'}`,
@@ -937,14 +1118,14 @@ const LsRecipientCard = class {
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, h("div", { key: '26558e94145b70561bcb72c6e76e37e11900b29c', class: 'ls-dv-participant-card-inner' }, h("div", { key: 'f233415f163e94c153df5a3e1323ff250e4cafff', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '7728c2de22bfcdab06d46081fa18c5835a3d5ba6', class: 'ls-dv-role-label', style: {
+            } }, h("div", { key: 'abaec29894217fb06f9c49f299cc2f238bf7cb1d', class: 'ls-dv-participant-card-inner' }, h("div", { key: '2262c11789482158691c3a6c8a3af5fa8540c317', class: 'ls-dv-participant-card-top-items' }, h("div", { key: 'ce802ea653ee5d42df6c4f0e48a9dd0fbbe313e6', class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: '6b529de93eff8acaa8c6edec9400baa967d7cc0b', 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: '4f91825f08d94d7ecd6f68392f7ee5ddb16e0275', 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: '074bc3ad82f5eef4b66d524057f614325feb60a6', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: '7a760a44c0b83dc2ff570d5761fe956ae68026e2', class: 'ls-dv-participant-card-text' }, h("p", { key: '780b004e0ab9c4b6e0d78a1c4cd0a0572380553e', class: "ls-dv-participant-text-description", style: {
+            } }, h("ls-icon", { key: '907ebb242632b9db92e4bc4aadd5b03abe0d69a0', 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: 'f0a4590e6ae9226e569b066d999099c1ad1e04bf', 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: '213cc1fb000bfd8c7c831a0d49679a3813785cbd', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: '7367718a28bdfc841c58b914c27855baeb7dc9b9', class: 'ls-dv-participant-card-text' }, h("p", { key: '7bc8be943a1f572031564a3a15280f9a8ab38b78', 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: 'f0c2b5b5a2851dc4a22ef95aace0fff67bd5a00a', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '7607df2614795d6d7c7d0cdf035675b8d2057402', 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: '1ccd695c5ec7c053584fb73ba1019facc3ad0efb', 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: '382af324d616eaba3e6af9314f1e22bfc68ad232', 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: 'a55b6e929fa0c12d9b16e703c3a9498ea2ea4664', 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: 'fa01c7c4a7a5fe4a6a08096a10e0d8bae729d75a', 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: '11322a433b80edabce496441651c151c43cfa88b', 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: '699e52307d4ffe0e0e73a94e9c6c4f7066b7f58a', 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: '97d0681d87c1ca79f57379867d7713c9b41b6b88', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '4e83a7380e002c16412640925b64bda11756fe07', 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: 'bff227be823bdeef650cf392412fb50ca56a6db1', 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: 'e40bff59c4076f3e9fd31e87de85625d6db2d287', 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, redDot: dropdownsMissingOptions.length > 0 })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '2ac962f2340d71960b3db943f49037b08ad5bfbe', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '78a9a82ee0eebfd40b628a87062a3b10947c2161', 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: 'dcf7786c1b17f51825a1678a3e7349a70cb926fa', 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: '8a0012d6a21762d32146e1ab95115159d4c60ae6', 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: '7979016be61e788405dd66d202932d422f6c140e' }), h("ls-tooltip", { key: '2af4d08e9670be052c27374e072ab70b65140104', tooltipId: "ls-dv-tooltip" })));
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: '1649a45afade6a92850abde9701a841cad2e1201', 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: 'c52dc182e49dc85df78481400d3bb28bc78aef54', 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: '2606ef2f1d56ca6421c245c28399988304222f9d', 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: '002511c7a028a808528b395ea70f6e1b4e89d505', 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: '19c92244a0723c53eba980de6aaec2428e781a8d', 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: '44526da310ee5c0c22619731e88b58f0ae49b66b', 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: 'c57f347a104117e4fa77381522136a85dcb61df8', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '9253d2459b96357e46c342609daa86b9fcfd7dc9', 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: '1e09c4aba31141ec004a4cc0065355c99183d4a3', 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: 'a77bbf85c799c3c05cf1aa261a982482f26bf0ab', 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, redDot: dropdownsMissingOptions.length > 0 })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '5a48e184df0cefb048a09344cad431729f201a68', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '528152453c937c3e844aa7a59625fc0833e8ac2e', 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: '94f0104ab9440e433fcdb3ce0eaaca41c0ba1027', 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: '89a41eaf95b0ce30b2aa4becbc39c0fb032cf42e', 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: '661d1fd6fe025e7874a96f6990ead9b8be3bd561' }), h("ls-tooltip", { key: 'bbab5f89d3a7a91d97bf7246b184921827761dc7', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "activeRecipient": ["handleExpandCollapse"]
@@ -959,7 +1140,7 @@ const LsRecipientManager = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1b25be2a0e109beef602d46e5e0c22afa78a98a8' }, h("div", { key: '2b18232d0dbbf32084f1986ef79df253bfc53aaa', class: 'ls-dv-editor-infobox' }, h("h2", { key: '26bbe2be227781c436ce2e3d502b91d8d7d4b28b', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: 'fe87d850e01a3f203775799b9eb2fa6b7ae6ddbe', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: '66c47d2ef5b64576247daf03b7ab56f38723141f' })));
+        return (h(Host, { key: '2501a55995734b9ab60f33c837e147af181c2719' }, h("div", { key: 'f9a30b0c7fdbc246974d330451c91ffc495ff682', class: 'ls-dv-editor-infobox' }, h("h2", { key: '7b1b4c03a5ca273a0fe330d6a69452d7ac5ed3bc', class: "ls-dv-toolbox-section-title" }, dvI18n.t('recipients.title')), h("p", { key: 'd5f39396d90ef4c94797149ad246112f544ed36a', class: "ls-dv-toolbox-section-description" }, dvI18n.t('recipients.description'))), h("slot", { key: 'f88536575baf3070d3be49142469adfa4eb76212' })));
     }
 };
 LsRecipientManager.style = lsRecipientManagerCss();
@@ -978,7 +1159,7 @@ const LsValidationManager = class {
     validationErrors;
     selectFields;
     render() {
-        return (h(Host, { key: 'f820a5b6a69bee10e5303a012a5f1247cdaf5e9a' }, h("div", { key: '31c1b5548a27c777cdc7babc1256d8cb7595fcaf' }, h("div", { key: '856053fb7d0faa1fd7573c7e427af17d64cef307' }, h("div", { key: 'cd030aa3c4232cd42e231b6634e448620a0e641d', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '1cbe187d793e3699f88f45d4c8d6e6d97bb4c698', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
+        return (h(Host, { key: '64d6c0e20ecefc990d2065067b261ded4d3ff0d0' }, h("div", { key: '4f2cbfb8d0a2bfc5e8744dc013ec670b89a769df' }, h("div", { key: '1c0852a2cdd16fb99207d81f2bddf5190f0d6e43' }, h("div", { key: '0ae74a2183897a28f79acc9243b547ac9e0811bc', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: '5c1458cbab39ccf0fc6fb09778a18958236ae315', 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: {
@@ -994,7 +1175,7 @@ const LsValidationManager = class {
                         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: 'e938c957df73765d974629078167078a9ccc3b73' })));
+        })), h("slot", { key: '4bcd057f196dd0995210d07a9d846fa32aabe674' })));
     }
 };
 LsValidationManager.style = lsValidationManagerCss();
@@ -1033,7 +1214,7 @@ const LsValidationTag = class {
         document.removeEventListener('mousedown', this.handleClickOutside);
     }
     render() {
-        return (h(Host, { key: '1a2089886134d4cc10e5e7ba081195125535d3bf', 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: '3406a9a58722fe25ef05067007093a792b624fe2', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
+        return (h(Host, { key: '34c496f90febbfb7bd9318831ff1b807092d0182', 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: '96853488d59d0d483c3005528928a1323854300b', 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');
@@ -1094,7 +1275,7 @@ const LsValidationTag = class {
                         } }, 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: 'f36ede43299b1e4976948b8ad5851bb70397c4e6', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: '054cdc376b3db7127f22ef52d0a10ad6b3d1da84', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '7e64a60913a96902201656af365a6c62d7b354d1', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '717882989a50480bf1b7d21dd434822aa8d7864d', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '02b6054f7746d277ed49a101cf8751d51b114d94', class: 'ls-dv-dropdown-header' }, h("h2", { key: '9a798a0323fe1dd697bfff64c6cb74713c3abb5c' }, dvI18n.t('common.templatereadytosend')), h("p", { key: 'c6599fc730813d2066b5cfc1ec6e1eb7f89e30b1' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: '29f1ee881ca2c77c01bd07dcd593aa5186822458', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
+        })())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '96bbd2873e6e99d2552f0811067d0c101a2a02ae', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: '1657a1d972e3b649de49c864117b1fd47119b7a4', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '4e32de113393f47e0d11050d40f4e0af1443c7b3', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '844268c4ac5e6b1a0795c84551842f5e2a3ddd5a', name: "check-icon", solid: true, size: 28 }))), h("div", { key: 'ab7169b5f10aa3181a5bb83ef19784e64c4bffa5', class: 'ls-dv-dropdown-header' }, h("h2", { key: '44107f8ba9e0decbd6746580147e7dbd22dfbcf6' }, dvI18n.t('common.templatereadytosend')), h("p", { key: '2d9d900ffc750b850c936fae73c6fb00cb1905f2' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: '81925942a10244e9b2bf4c3c2f1742cb8ec30792', 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');