legalesign-document-viewer 1.0.9 → 1.0.10

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

@@ -2,9 +2,9 @@
 
 var index = require('./index-DFeU0FNc.js');
 var clsx = require('./clsx-BtxeOLZW.js');
-var i18n = require('./i18n-CiRtpN_k.js');
+var i18n = require('./i18n-CO9DdQsL.js');
 var defaultFieldLabels = require('./defaultFieldLabels-BUxtUsF1.js');
-var editorUtils = require('./editorUtils-qPk-FXeB.js');
+var editorUtils = require('./editorUtils-Bej3Frit.js');
 var index$1 = require('./index-D4CLu1QR.js');
 var defaultPalette = require('./defaultPalette-Dt4FmPno.js');
 var fieldDefaults = require('./fieldDefaults-BZtB5J2S.js');
@@ -294,7 +294,7 @@ const LsFieldPropertiesAutosign = class {
     dataItem;
     readonly = false;
     render() {
-        return (index.h(index.Host, { key: '641cc1dd7678b3840eb18124846ea72d09a059f1' }, index.h("div", { key: '2582043034afb2386703cb0a0fac7f36fff46261', class: "ls-dv-field-properties-section" }, "Self Sign Field"), index.h("div", { key: 'de6ccb8911b084b0060f92a26393951aee48216e' }, "Label: ", index.h("input", { key: 'ba30f2730593784eddfb1a70d2e01987a1eca4c2', value: this.dataItem?.label, width: "30" })), index.h("ls-field-dimensions", { key: '1b8242eb5a5b1b5d9bafc6fd7e6a30470917b839', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-properties-advanced", { key: 'e961e2ae70a351463a423ab7d4ec6e1a02bcfb1d', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-footer", { key: 'b80f3f6d7d0d1968b5abb8b695749dd6ee28bbf4', dataItem: this.dataItem, readonly: this.readonly }), index.h("slot", { key: '659818f18eadaf67cb914ce7ab377045088a43f0' })));
+        return (index.h(index.Host, { key: '7e45b31c780ee9d296fb47ca165058e2dbef30df' }, index.h("div", { key: '24e86415dbac3846de1672af2289993d1f0d9ec0', class: "ls-dv-field-properties-section" }, "Self Sign Field"), index.h("div", { key: 'af66144c8196837302837363601f6dc34babf584' }, "Label: ", index.h("input", { key: '2b2fda41e2d8021ae64a33e833c01927718be6e9', value: this.dataItem?.label, width: "30" })), index.h("ls-field-dimensions", { key: '47f14c24a37645b6fc0d74e5971ba85f90f5239d', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-properties-advanced", { key: '87e0cc43051076d5bbaa3c2799adf2ead3e34dd7', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-footer", { key: '990f93c2c828cb971a516bc1abe620334f2d229e', dataItem: this.dataItem, readonly: this.readonly }), index.h("slot", { key: '4e726662c9d6c69a9210c4c11afd6dbdd525ce11' })));
     }
 };
 LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss();
@@ -317,7 +317,7 @@ const LsFieldPropertiesCheckbox = class {
     }
     get el() { return index.getElement(this); }
     render() {
-        return (index.h(index.Host, { key: 'bb14d25f5ded0eea2716cecfb280122372b8332e' }, index.h("ls-field-properties-container", { key: '0551e4c3ca3b70c25e235af6cf33a500362a67d7', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '49fc4c803c83b4801b5ef3c743f4da99dddcb9cb', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '753e1e584b99e7e5e863d85a91bb5429ec462ace', dataItem: this.dataItem, roles: this.roles, showValidationTypes: true, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'af866126b926cf6eb94e73821e7adc45a9265eef', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '845933e5f03e1ae1ba36760af30d4d82d408f3a0', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '7dcf19bd033b5d8a555f743ce625d7f565401344', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '2723be3079ddbc03cd1eed8375e39c1aac081e19', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '12952c8fe8b7ea40336fa22562858c92bc4b0bba', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'f4e5918cba8c241674f7785695ce2359b99a2db6', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: 'e9cd2193f9521e7812cb6932ac188259c8530416' }, index.h("ls-field-properties-container", { key: '2e482e02e199e20f9cd41ed9b60474bdf65a705a', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '6cb4fe911230da8f9f2a30e7d208cfc034a3adb1', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '1795267e4b8770f5c9539ada1678701bd1d378e5', dataItem: this.dataItem, roles: this.roles, showValidationTypes: true, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '2036939eb20e629bf4cac97f61e5964757896d39', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '6931b255c8bb357acacf7f3a8b8af3c42e021c5a', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '2741891e91ab56a920a32721a8ceebe1cba2a0a5', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '8a3d0969d599e8000580421721a95d5b2b5c147f', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'b673940f13da1396f8d1d944b5ff8e75a922174d', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '273a7fc1ce165bb8451dc6792241ded8248e57fd', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesCheckbox.style = lsFieldPropertiesCheckboxCss();
@@ -333,7 +333,7 @@ const LsFieldPropertiesDate = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: '3e6f3fdd376d40701f31f6bcf44beeb93f1ea1ff' }, index.h("ls-field-properties-container", { key: '985442dd20a50388ed810f007bce28f4fe4dd898', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '7fda234a6058ea334b6057814b02d9abe870b011', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: 'df9355d5a37cbfe6d547bab66f668e0c7bee86b0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '875c883f195f26319a828516aaf02d5c2977ee1f', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '3e12c8a5eeb01b3505e8b78206a524e04081929e', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'e700e34a44e4bf257e49803cab1a823f90ceb06c', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '43e6c957074beb3e2c7144aae12c1f45399644b5', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'b94ff186f88cd2e67bfe4f3ab5384dcea93cf3ed', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '150e3b500ae9851da612d236787e41eb75dd2362', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: 'a7810aa000c09675b7329d441855df132d12c8ff' }, index.h("ls-field-properties-container", { key: '674294695596cae8651fecbfde5b9338b995536a', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'c70f74c41aa697fccffa099a2583abb4eb798dca', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '70192c8201486c39d245c95b873b6c2e205408c7', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'bac2c9a8ad02cccdc434655c49e77fbd632c951f', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'fbc84a24912f7fdd2ffabf4fad81ea09f7bbc7ce', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '546c2bd63163620c05d36170258bf7abb6344884', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'e74b9c4c28a7034547de96090c3bd8689e5538de', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '84de2ffc76ef30d6933b7597eb6c7d1331d5a263', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'bd754e333db55cb795df2bb50475f4bdd40ff27f', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesDate.style = lsFieldPropertiesDateCss();
@@ -349,7 +349,7 @@ const LsFieldPropertiesEmail = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: 'b1ba84c8b9f2b26f5600d05d8c16ed610c60d5db' }, index.h("ls-field-properties-container", { key: 'aee9c4835b2bf272ec25d2f6bd50d61f855713a3', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'f4b3e6704ad45babe5e97c26db64f7c26419e174', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '55ff19647cd78ad1049dd1ee050a618a3d5a5483', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'f9ec1321e24cd0ddea0d2a07acfbe1e6c1eae181', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'a5804ccd93d9c2aa747d98cc796308a3523ab39d', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '37b77b1e9a9a663c185222816eddbf557a6a481b', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '6e48a2843379882446a945c1bf8180057d8b221e', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '60974dd87012da17fe3e73736f784b83acad8afd', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '9e9fe3f4c7eb568cb7c255c601c816ab50f93025', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: 'dd61b0af10e25e81ae40feabe897919500d82b80' }, index.h("ls-field-properties-container", { key: 'fb0535c8e73e2426536a357dfe822f1486b29638', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '8e1ab973c4e54ca6791f0f55c27d8cecd0669bdc', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '93903d0003f1499c869733dfa89bfcdfe61bc509', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '1d93854807d7302270c9b355276403f138c9e48e', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '2d6f4a0eaaa4acb2bd4286cb8804a28f6f343b71', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '9dbd63e3a2b8465e7d6758c10cb4ba100186f040', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'bedec778da18d98a1ed4631af5914a612e7610d4', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'b345bd1f3bc91ba38e31289693679e4f135c413d', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'e33269595171c85606fd94aae8f4821c951d13d3', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss();
@@ -365,7 +365,7 @@ const LsFieldPropertiesFile = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: '3732fb3215ff00ea57c3088f304467a7fa6faee6' }, index.h("ls-field-properties-container", { key: '9e9cc5d102f779c8bf98e7ac9cd482e57a68040d', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '07c25c92e5130ee88f8828fe99a86ecd299879bc', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: 'a2ceb98dafe1bf912374801e0b1f7c442645799b', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '8f1e35d1aa8bbb125556cc92d5e1eb6dfe44dea4', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'd18d88e0dff171df5873ccc4e6655dec9dce0833', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'feae140446b7d5f019c28b9232686444687300bd', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'ed64c96213650f7dd81a999d72b708b51a069924', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '9805aeee6c161b53b5ff1d16ea219b635da44bbc', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '5348d7a8cc2f692b51f82c04d1acf641bb5a92bb', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: 'b392fea4067e93a5481030403dd1fe9583b3b561' }, index.h("ls-field-properties-container", { key: 'f38fa37796c50512f1085d94c65c73f61a0f2317', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '1717c25c8a7e43f035285a155805c91c6e01078e', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '34156ecab6f6386c31c0754d13b4cdb64d97ae8d', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'b818f860710b538abf8528d502811216a0bc99f0', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '11b02bbab2e6983292bf09c3e9c6f9b6f0a63c95', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '6046f3abf4e9405329db19425d5b7a530f6c52a2', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'bb265fcb6d0da51d31ee85b255bd6f932d5c8523', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'e3469c0155a6764c6120966ea8ffea6397671790', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '45d8be6cc77a1962336b688d3bc90be143e582f7', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesFile.style = lsFieldPropertiesFileCss();
@@ -381,7 +381,7 @@ const LsFieldPropertiesGeneral = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: '7c8edc0216d3e5e5f889958f794f2f394eb9dbe2' }, index.h("ls-field-properties-container", { key: '6f0d875b173e2036f83369759e07598333544992', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '271eba04231b73e7e0657782f31602c015f3e2fd', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '4e73bdea22250a80f27d21f334e503df6684f697', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '500a9255c6932ec679e7fca70f122a259d30c5cc', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '12600b719767007a7cbc6ebd3229513c961bbecb', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'db10044f498b5f3c4ddc98ca98ad64cfecac235b', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '97889bebbe0f619c7ab809a56cb44e0757ed65a8', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '7cd50f495e06755adb4b1cd737e81707b85c9d1f', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'f4234e8871ebdbe309bf142810f97ef7c3129ea0', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: 'c9ddc5929dbe82ff6c8f22f986f87ddfa60e7fbb' }, index.h("ls-field-properties-container", { key: 'dc1191377daf226fa83a636ea41a13f19e8bc0b5', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '5be7fbf1b539552fa479eabd1006c0137c3e06f3', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: 'de983af30287d4cf3442567af169968f60602833', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'f01000e1bf4eccbef99631062bb89f940a23893f', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'a66e958af5f8f36eb9ff6d11db416ee0ba043f50', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'd8d350528005b9f2ba1998552f2774dc3b4c75c1', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'f06f53890f6e7b0aa7ab0c803ed3a8fae2adc1fa', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '753ef26c3de1447258d79d9533be35250465b613', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '37b9fcfb1c498de1958da892edb11c7395e0cf9a', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss();
@@ -714,11 +714,11 @@ const LsFieldPropertiesMultiple = class {
         }, 500);
     }
     render() {
-        return (index.h(index.Host, { key: '706e98a0930c63a608978e7a33fedaa51f82ea82' }, index.h("ls-field-properties-container", { key: 'b6c62d049af06f9e797e9a9afd19060a4b1a3b27', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '5e3d190ea459422de75d8e9dc8e4bd2884cf82af', class: 'ls-dv-field-set', slot: "content" }, this.roles?.length > 0 && (index.h("div", { key: '0bbbb2da9bb6769156415226e659e834decaea11', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '34ff123f7a40938c7f9c4630dad0a22a555b8e83', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'd044d735de8d05c8aa862433973f4cfa5c57384a', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.assignee')), index.h("p", { key: '983d0ee8991d50a6681e3e734ad37f01ad3ab501', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.assigneedescription'))), index.h("ls-assignee-select", { key: '7e0ab060925c1e845d17a4f3bdb52bf7bf03216c', signer: this.allSignersSame().signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.hasSignatureType() ? i18n.dvI18n.t('fieldproperties.signaturecannotapprover') : '', mixed: !this.allSignersSame().isSame, onAssigneeChange: ev => this.handleReassign(ev.detail) }))), index.h("div", { key: '37a75aa9177bfaf73d89a276c496710f48972c78', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '2b8dae12bef9fddf2a2173b3fda60741b41aa3e3', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'afed34613375c493916dbce77a7d5f5c7ff6133b', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.fieldtype')), index.h("p", { key: '0f55b1e30824f20e46fac49946b8919b1ad79c34', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), index.h("ls-field-type-select", { key: '6c2dd5dbd27ac1662ca77bb00f528599a659e00b', fieldType: this.allFieldTypesSame().fieldType, assignee: this.allSignersSame().signer, roles: this.roles, roleTypes: this.getAllRoleTypes(), disabled: this.readonly, mixed: !this.allFieldTypesSame().isSame, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), index.h("div", { key: '80e0e98f4797f2cd6c2902014876cb8a399901c9', class: 'ls-dv-field-properties-section ls-dv-row' }, index.h("div", { key: 'fda2e4e14d7e5d8682f23ffff67ab21647b0f688', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'a2a2d1b0f454685252a7091489e036976e9dff3e', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.requiredfield')), index.h("p", { key: '3c414288020d8f3bd58ee4f544f866aa0996fce3', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.requiredfielddescription'))), index.h("ls-toggle", { key: '7c9b50df766b9436ea639d31ffdf239914b6dbd2', onValueChange: (ev) => !this.readonly && this.alterImmediate({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), index.h("div", { key: 'd9b571e1391493198e26033da6c733b83e61bb28', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '8cccb2df39504a59919fe49ce4fb448722f0e0b5', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '9159f82798a8ce8bf3c66268f36ee0606696dcba', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.fieldlabel')), index.h("p", { key: '5480f2c31908e69665429bbc7c563d6fe2f3c8bd', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.fieldlabeldescription'))), index.h("ls-formfield", { key: '323e1446a39e6e129bf38050a0cf0da12d19d10f', as: "text", name: "field-label", value: this.allLabelsSame().label, placeholder: this.allLabelsSame().isSame ? i18n.dvI18n.t('fieldproperties.placeholdersignhere') : i18n.dvI18n.t('fieldproperties.mixed'), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.allFieldTypesSame().isSame && this.supportsValue() && (index.h("div", { key: '0a65a69969b1250e92600d51db807f3059db8a43', class: 'ls-dv-field-properties-section' }, index.h("div", { key: 'e46988c39042cfcb0086c1074a44c8c4094b5c5e', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '39e98a7d39bfb03390b0e2f892df89a7c6acaec3', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.value')), index.h("p", { key: '71c2107e734846749b59d65bf5d7330e45fb781d', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.valuedescription'))), index.h("ls-formfield", { key: '91a8dac0233929cac3e0a9c6bfee823ef005bba7', as: "text", name: "field-value", value: this.allValuesSame().value, placeholder: this.allValuesSame().isSame ? defaultFieldLabels.getFieldPlaceholder(this.allFieldTypesSame().fieldType) : i18n.dvI18n.t('fieldproperties.mixed'), valid: !this.valueError, dirty: !!this.allValuesSame().value, errorText: this.valueError, disabled: this.readonly, onTextChange: e => {
+        return (index.h(index.Host, { key: '29de7c455bc5751e14948ad4b43c66c00861deaa' }, index.h("ls-field-properties-container", { key: '0c1b7868762aad4970c929631f58ef1ab984d222', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'e2da350bd52cca36a6e41a7ac16458a8c9a0dced', class: 'ls-dv-field-set', slot: "content" }, this.roles?.length > 0 && (index.h("div", { key: 'bed024b584c42a4d1f5a5837a759e019b9e0e923', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '3f88e61512106138ed6ddfd4b95e5604f1365aa6', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '42ce407c067ac898d84e3c834f2a43722923ed74', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.assignee')), index.h("p", { key: '5bd41b404949f5a7c11e1dd57c1df6db20fee5f9', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.assigneedescription'))), index.h("ls-assignee-select", { key: '9b0a06a5f5bd69ad715a47943802951d6b7446f9', signer: this.allSignersSame().signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.hasSignatureType() ? i18n.dvI18n.t('fieldproperties.signaturecannotapprover') : '', mixed: !this.allSignersSame().isSame, onAssigneeChange: ev => this.handleReassign(ev.detail) }))), index.h("div", { key: '55649b02bb60808c50d276f4dc501624846f8e76', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '87cd730b072e3ee85f8125c86753af94b61eebfb', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'a639517076323107a0374d41436852967c7e28e8', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.fieldtype')), index.h("p", { key: 'e9938f5cf7a910080725bed54d15f136f91242ad', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.fieldtypedescriptionmultiple'))), index.h("ls-field-type-select", { key: 'fd3355233ca27bc2a3189b6f4cc0f9bb40f6086b', fieldType: this.allFieldTypesSame().fieldType, assignee: this.allSignersSame().signer, roles: this.roles, roleTypes: this.getAllRoleTypes(), disabled: this.readonly, mixed: !this.allFieldTypesSame().isSame, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), index.h("div", { key: '6844f8248e844b13343ea7a64f08d79aa669395f', class: 'ls-dv-field-properties-section ls-dv-row' }, index.h("div", { key: '7abd15950494fe00744996f0010ba82f20bb7ae0', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '896b07540f9c6041ab861ec7572bdda44ca3d7a5', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.requiredfield')), index.h("p", { key: '4bf6986abc402ed2cccfadc3f40a591945a15b74', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.requiredfielddescription'))), index.h("ls-toggle", { key: 'd855ca6b7ea5ab34b3064357d7beee3d35b94257', onValueChange: (ev) => !this.readonly && this.alterImmediate({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), index.h("div", { key: 'ce735c1a092e6e69c6228f19f6eaefe37ddb91b6', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '7c1f31243827c2b1e0887e85a4581186eada1ccb', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '6038de8c61c3b77de6cc69fbed35731d10fe3548', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.fieldlabel')), index.h("p", { key: '600de26dff2c3077ff35bbdd97ee48419c5a4327', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.fieldlabeldescription'))), index.h("ls-formfield", { key: 'ec5e2d8df6b0af6b33b9a3879051e7af8a986058', as: "text", name: "field-label", value: this.allLabelsSame().label, placeholder: this.allLabelsSame().isSame ? i18n.dvI18n.t('fieldproperties.placeholdersignhere') : i18n.dvI18n.t('fieldproperties.mixed'), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.allFieldTypesSame().isSame && this.supportsValue() && (index.h("div", { key: 'b54c766c1d70d06691390c4e3b4ed5edb3c16d38', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '42022933f3c98a93e3f758cb24db70b674cab069', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '840a568f3c1a6590326471809a88beb3ca25d3b3', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.value')), index.h("p", { key: 'fffebb0b5076903cca5a0e0525b7836e27fb4034', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.valuedescription'))), index.h("ls-formfield", { key: '25d02bfb91b83aa6d4792da1f34b25e1731c577e', as: "text", name: "field-value", value: this.allValuesSame().value, placeholder: this.allValuesSame().isSame ? defaultFieldLabels.getFieldPlaceholder(this.allFieldTypesSame().fieldType) : i18n.dvI18n.t('fieldproperties.mixed'), valid: !this.valueError, dirty: !!this.allValuesSame().value, errorText: this.valueError, disabled: this.readonly, onTextChange: e => {
                 const val = e.detail.value;
                 this.valueError = editorUtils.validateFieldValue(this.allFieldTypesSame().fieldType, this.allValidationsSame().validation, val, this.dataItem[0]?.options);
                 this.alter({ value: val });
-            } }), this.valueError && index.h("p", { key: 'c26462f0006587228c84b1a7f456a236b3548add', class: 'ls-dv-error-text' }, this.valueError))), this.isAllCheckboxes() && this.getCheckboxStates().length === 2 && (index.h("div", { key: 'c962531f2e101ddd2ed6d99138b23267feaeea38', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '552c76cf7a58e8b9f30542048644df97878cf6a7', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'd1fb8d5d1d434263327ca14dd351066611814feb', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.displaystate')), index.h("p", { key: '2bf21df74009cec124dab6f56037716838379b2f', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.displaystatedescription'))), index.h("div", { key: 'b33946cc7d8569ac897469ef0d15deba1dff4dc5', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (index.h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': this.allValuesSame().isSame && (idx === 0 ? this.allValuesSame().value !== 'true' : this.allValuesSame().value === 'true') }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))), !this.allValuesSame().isSame && index.h("p", { key: '8401a4de70cb23460188e06ead4b6966fc57e232', class: 'ls-dv-mixed-hint' }, i18n.dvI18n.t('fieldproperties.mixed')))), this.allFieldTypesSame().isSame && this.isDateType() && (index.h("div", { key: 'f46afd904aaed33a532c3ceac708e747598a047d', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '8a9a3981bc2867c32464ec1132e3dfbbd974a0a2', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '79d26722badd83c50cf9032a14804c143d7ba7a4', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.value'))), index.h("input", { key: '2ba01df2f0b07315cc3ad553e1dfa7ce865bab4b', type: "date", value: this.allValuesSame().isSame ? this.toISODate(this.allValuesSame().value, this.dataItem[0].validation) : '', onChange: (e) => {
+            } }), this.valueError && index.h("p", { key: '80ac44167bd1193bcf92a1c4ef74f83b566d8a1e', class: 'ls-dv-error-text' }, this.valueError))), this.isAllCheckboxes() && this.getCheckboxStates().length === 2 && (index.h("div", { key: '7f0ffeae4630345066c3bc3c8e3c5a2a88d7acf6', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '7d05b728299432e89301a282ef9c30677d8c6df2', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '3d4d3ac8bc6a8712b4e5ecaf6c14accb6543fad1', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.displaystate')), index.h("p", { key: '77a4b8d16e84a949439b9f65449224de72f2b91f', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.displaystatedescription'))), index.h("div", { key: 'f102e32a48f7f73d4bef72d1924440ce5d88e935', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (index.h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': this.allValuesSame().isSame && (idx === 0 ? this.allValuesSame().value !== 'true' : this.allValuesSame().value === 'true') }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))), !this.allValuesSame().isSame && index.h("p", { key: '23d3d90394f36d7fa522e6e022ad435dafffdd5b', class: 'ls-dv-mixed-hint' }, i18n.dvI18n.t('fieldproperties.mixed')))), this.allFieldTypesSame().isSame && this.isDateType() && (index.h("div", { key: 'eb30df8f17cf3c80cb5f66af6d07ce12ca90047e', class: 'ls-dv-field-properties-section' }, index.h("div", { key: 'd6f163ae7625eb8489882e228725702da605f9f4', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '3f4f062e77cd77622bff85c4bbf2d995c376c800', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.value'))), index.h("input", { key: '1a9f8772e1995c7cd893a73bb0e5fbd1fe59383e', type: "date", value: this.allValuesSame().isSame ? this.toISODate(this.allValuesSame().value, this.dataItem[0].validation) : '', onChange: (e) => {
                 const input = e.target;
                 // Convert ISO to each field's configured format
                 this.dataItem = this.dataItem.map(item => ({
@@ -733,9 +733,9 @@ const LsFieldPropertiesMultiple = class {
                 this.mutate.emit(evs);
                 this.update.emit(evs);
                 index$1.forceCloseDatePicker(input);
-            }, disabled: this.readonly }))), this.showContentFormat() && (index.h("div", { key: '0dc246f23a538d1f9f70e36af8e60584bbc98398', class: 'ls-dv-field-properties-section' }, index.h("div", { key: 'cdee6fd40d983e78e99a344d8407b49b7d9ea948', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '794719489c487dcfebadd4c49d6ee5a4d370a40f', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.contentformat')), index.h("p", { key: '07cac8273d9c6abd0f6e3957abb3c5f28b43a0d2', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.contentformatdescription'))), index.h("ls-input-wrapper", { key: '80bd05dd069aba44d4d3bd55e83523655bd6cf4e', select: true }, index.h("select", { key: 'a2abe80330f8c9bef15e960e1666a39b89e743aa', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)), disabled: this.readonly }, !this.allValidationsSame().isSame && (index.h("option", { key: '4e1825870f9a82ef8717d780ec296db2f7cd350d', disabled: true, selected: true, value: "" }, i18n.dvI18n.t('fieldproperties.mixed'))), editorUtils.validationTypes
+            }, disabled: this.readonly }))), this.showContentFormat() && (index.h("div", { key: '5b7dfadd02735ec4d4a0311a1f877fbaac5e1b93', class: 'ls-dv-field-properties-section' }, index.h("div", { key: 'ba5305c1c5655842d8480f2fb768bbef8749b884', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '5dc7e79f39c9bcc5ee4c31cde211da111125a297', class: 'ls-dv-field-properties-section-title' }, i18n.dvI18n.t('fieldproperties.contentformat')), index.h("p", { key: '8132c9764993d78ee37575564a9be75bb8289ab3', class: 'ls-dv-field-properties-section-description' }, i18n.dvI18n.t('fieldproperties.contentformatdescription'))), index.h("ls-input-wrapper", { key: '7e8b67506020e02c0138fc394426489c295c9cc3', select: true }, index.h("select", { key: 'c7197eafff92b51b46df6d3da846fe70c537502d', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)), disabled: this.readonly }, !this.allValidationsSame().isSame && (index.h("option", { key: 'dac1e5cf6c84e574ca5ac212ae90597a7089b92e', disabled: true, selected: true, value: "" }, i18n.dvI18n.t('fieldproperties.mixed'))), editorUtils.validationTypes
             .filter(type => type.formType === this.allFieldTypesSame().fieldType)
-            .map(type => (index.h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description)))))))), index.h("div", { key: '9aa1aede9140bf8d7d9c962190c1d96f7801953b', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '1e2c1bacc4123a0c821ab81e0dd5c7956441049d', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-size", { key: 'c565ef31ec230b0cf67870e67a8577fc5275c041', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'fe7e6561d1d4d85cc93c5f65634193fcf6500653', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-alignment", { key: '8109a909400db553c0385487c2b52c75af753e6d', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-placement", { key: 'ca537e7ffaccc4906a1ca85041e9342a739430f7', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-distribute", { key: '6b66bb6ca0f16a946efd657f73155541740b7031', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'b45a72a5e09cde5f166887472dfcb4c1b5d77493', dataItem: this.dataItem, readonly: this.readonly }), index.h("slot", { key: 'f13c5efcc1ca3f8f85d23623aa716437c3e7a0b8' })));
+            .map(type => (index.h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description)))))))), index.h("div", { key: '02e59a6c5fb1fd18268f081a3487eb3be2d98b88', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '99a46b4892bd526b1dca5ea81ea9a420b5a1b6e4', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-size", { key: '39d8ac5ac42c71ae2455a68c21344a04bd7e7ea4', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '4fcc2a1ac3ace1b10e796a14bb9f7691447c33d1', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-alignment", { key: 'fe1ed947187777b5f863f4c1045f08d79b80bb8a', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-placement", { key: 'ba2e75bd44fd1ce5cb68c7570ed5b33cd00a9102', dataItem: this.dataItem, readonly: this.readonly }), index.h("ls-field-distribute", { key: '8ae120cdbf9b2d6340bfd2018ab985844dd08066', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'b0246059b234f5e6216bcf719b8a26a140b9424c', dataItem: this.dataItem, readonly: this.readonly }), index.h("slot", { key: '53d27c0d0e74cacd6935cf93b7a3dd80b6d4ca69' })));
     }
     static get watchers() { return {
         "dataItem": ["validateOnChange"]
@@ -754,7 +754,7 @@ const LsFieldPropertiesNumber = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: 'd933dfd0db8ba1a93dc32da5a60860a64902ddad' }, index.h("ls-field-properties-container", { key: '67246fdbcda138a0c10a9929f13d1ba658286e40', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '4c00a4fa1a7905d747ccc98470b0f6221c4061df', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '5487cfbe28e5bf0ce3ff1da40771fc126f20dba6', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '0bab8b915277c54d1d79da7d478d50dbb5d48c3f', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'fef70b828e9135ec7fb1a27c4a0a5a4e2f822de5', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '09f40c1bc9772188ea0afd699b2f76151337585a', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '95c5c5ae691f0c5a8bcbe790e346a886feb38901', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'e7a007d90a187b6ac7c35575e25895ebd505cdf3', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'b830ca873670876883d99f08ffd66eb940fbfbb5', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: '409cd667c2987701bf3bbc4c036a8e4d7c3c5606' }, index.h("ls-field-properties-container", { key: '12d2953d32fbd4bebeca9541244b3edfd0988714', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'd80fbe660163383864ff823ab9c93d3fa3536159', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '3c2553456d05d9917d3e442b8fb3147034f23915', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '4b3dd89cf77052ec0f3ad60ff4be6a9b4c772c35', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'db8918822254d1709199764316e7c224bf2ffac0', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'f31c0baed79858fe69482cbaaad4405c3c608c3a', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'ed9edb0ef40756cf29679ee906fafa9d735cb7c7', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '62614912f8ac89ae2c0dc8c0e4ecd2452c9b2b62', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '86f78bdd7777cc5e9931432f6f91bd1ca356d2f9', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss();
@@ -771,7 +771,7 @@ const LsFieldPropertiesSignature = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: '71890b7d7a186f981a6a6874140ab1a4c0927e85' }, index.h("ls-field-properties-container", { key: '02cf9c239560a4c4f6b86ec1b7158d41c4b88fba', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '3cbe53f2dec0e8f104fe1c6d36cf577996c136fa', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '70329dac5dc0728fa37a2fa1a8ab33b35c3fbb50', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'ceeac0231ddc7396f2ce5ff67001a96e6786f6c2', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'a39d3dcaaea6d8153aca01db46444968a08ce488', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '70ca8293a3e62c9702869feb778cc2f118373e3b', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), index.h("div", { key: '2f32dc537f84e9809c081c6b7869bffddfc66171', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '0e5c9c3f35523a5ffea5d426cc0b441176491f58', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '27ccf9062e4777e28163e0ad90db31102ddd8cc3', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: 'e44da042717a111c73d6872906390e87590be322' }, index.h("ls-field-properties-container", { key: 'e25285496c0ba63147d51633e1623cc601b82813', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '303158c57175e71cd36f3bb3502422eb2237d037', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: 'a22ef4a3e4fa5d1dde1773fb2373d8cf16679da2', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'aed918533e7ce47c6a07590b4873a74a341f127f', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: 'f93302d215418d1b186e8670d73d3f8265077459', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '2f0218594350042f332a3a7615a8fa20cc073687', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), index.h("div", { key: '45e4332cae258a6cb6e06cb8427c28f0981e8f27', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'fd4ff28e428a95e3846af6dea8b9900ddda9e966', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'b24c894c45e786087fb542fd67b1e4aa97c9aa29', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss();
@@ -787,7 +787,7 @@ const LsFieldPropertiesText = class {
     readonly = false;
     filtertoolbox = null;
     render() {
-        return (index.h(index.Host, { key: '57219b2a99d90b64587ae33a744d6af81fea9e3d' }, index.h("ls-field-properties-container", { key: 'ab6ee3f4564fcfb9ddb31c0a32f67935505dcbda', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'ecc22318126e92b54c8696d94812ded394084d12', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '3b4b0b841a36b3d170962ab194de9be48a3e6df0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: '3a8193327c773938c912f281841b8d7e5d2d01e6', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '36c0e139d30d6c7d453029613eba0a263df3ea3e', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '75646ab5bd9e109efb1c8a45fdf65c0dc2a95780', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '9c424eb72b7eaf28dfcdd4a603d218f6f43862dd', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'c5dfa0d2256b6bad91bfdf57f16f74d545138fa2', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: 'b2ab8604c791c3160342382b2cd55024de259f5b', dataItem: this.dataItem, readonly: this.readonly })));
+        return (index.h(index.Host, { key: '5bda7658614182057497ffc2cf7d1962da731beb' }, index.h("ls-field-properties-container", { key: '869197a172511f7ac9c0428f0dbb7015fac3dea5', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'cd01a71ea68811c0a4d417c90cc75c65fad42dc4', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '28f844388197c3f1272b99c10a6e4b660cf9574d', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), index.h("ls-field-properties-advanced", { key: 'f9d635f7245a290b5b9151eecd31a87d40e6ad19', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '69508e486eb1e739f52a2f5aa264d1427bef2341', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '808b6746eaf0b89c7e1622a61096fc1fe025d116', dataItem: this.dataItem, readonly: this.readonly })), index.h("div", { key: '49d5dfc846abb23fc62ace72606ce88d4280c88e', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '352d46ba6a5e1da2f99c4e92f1526adcf1f44232', dataItem: this.dataItem, readonly: this.readonly }))), index.h("ls-field-footer", { key: '079e4525894628556f6ecd9234e5aa236bce0147', dataItem: this.dataItem, readonly: this.readonly })));
     }
 };
 LsFieldPropertiesText.style = lsFieldPropertiesTextCss();
@@ -1032,7 +1032,7 @@ const LsParticipantManager = class {
     }
     roleChange;
     render() {
-        return (index.h(index.Host, { key: '430e0aa6caab6c7adc25cd8dc2c27e06cb9bb368' }, index.h("div", { key: '0d9081a281ef4904422b0250db4e53eee78051c2', class: "ls-dv-editor-infobox" }, index.h("h2", { key: '12c80f17e6625dbadc58925c461e0dfcd32e1893', class: "ls-dv-toolbox-section-title" }, i18n.dvI18n.t('participants.title')), index.h("p", { key: '38dc19016841b5ad21e651b5b1aca6daf390d711', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('participants.description'))), index.h("div", { key: '48f2afefa3a51b92eb24b2e86289c4c475fd2c55', class: "ls-dv-participant-list" }, index.h("div", { key: 'ef409be019a5ca466fec47d92054bd0e977d8b20', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, index.h("div", { key: 'bc69bc98401024e4536f966cd1016f0eee8c966f', class: "ls-dv-sender-card-inner" }, index.h("div", { key: '91332df79a9e0b4b66c8d725a93fd166a8ae18e3', class: "ls-dv-sender-card-top-items" }, index.h("div", { key: '4075d0ac01cf5ab04ed463a86652a35b080659d9', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, index.h("ls-icon", { key: '947a16346da02b6ce51f1c8c36a8ec9d0eec4319', name: "user-icon" }))), index.h("div", { key: '8161c4d3e326aa0701bfad2d2bc5bffc0fbabadd', class: "ls-dv-sender-card-text" }, index.h("p", { key: '6b856bcb3eec8a0b0e0f25f7a4e829c6d481c725', class: "ls-dv-sender-name" }, i18n.dvI18n.t('toolbar.sender')), index.h("p", { key: 'f349e498d230dd9c0250ef19283233ff74022a6d', class: "ls-dv-sender-type" }, i18n.dvI18n.t('toolbar.you'))), this.template &&
+        return (index.h(index.Host, { key: 'b0c8b7d2bc28b998f8b8a7dfc67abfd3cb56bbd5' }, index.h("div", { key: '5504c2340e3611824e87c88d19bbe90d68987a93', class: "ls-dv-editor-infobox" }, index.h("h2", { key: '3b0bd6487bcaf3fb335cb9ee97112309bf383358', class: "ls-dv-toolbox-section-title" }, i18n.dvI18n.t('participants.title')), index.h("p", { key: '9ac9d323cd8b3d77a332b28b8f6793ea85c04440', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('participants.description'))), index.h("div", { key: 'b4cc5713a2ddf4929e6916f2a76f6faf45b6e073', class: "ls-dv-participant-list" }, index.h("div", { key: '0f324fd9db8fe8269714b824c2b48a1c1b78538f', class: 'ls-dv-sender-card' + (this.activeSigner === 0 ? ' ls-dv-sender-card-active' : ''), onClick: () => this.roleChange.emit(0) }, index.h("div", { key: 'd2f1ec8272ce123a2f738396ee6f400b66d15ebe', class: "ls-dv-sender-card-inner" }, index.h("div", { key: '119b65754f46a4eeaee43f182721be8bce7c827a', class: "ls-dv-sender-card-top-items" }, index.h("div", { key: 'b9ab8dfbac32e430ebf64d294e922ae03fdebbf4', class: "ls-dv-role-label", style: { background: '#edeff2', color: '#5e6066' } }, index.h("ls-icon", { key: 'f3f7dc84a66c97acbdbd28b438fa530cbfb28072', name: "user-icon" }))), index.h("div", { key: '54d7ff22284a01222840a1c8b253779302074525', class: "ls-dv-sender-card-text" }, index.h("p", { key: 'bd2af808a8eba11661d7a7eef9ae7cef94c448ea', class: "ls-dv-sender-name" }, i18n.dvI18n.t('toolbar.sender')), index.h("p", { key: 'a1a7a38375e6ee63a99031fd399670c9f2604a72', class: "ls-dv-sender-type" }, i18n.dvI18n.t('toolbar.you'))), this.template &&
             (() => {
                 const senderFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === 0) || [];
                 return senderFields.length > 0 ? (index.h("div", { class: "ls-dv-role-label ls-dv-fields", style: { background: '#edeff2', color: '#5e6066' } }, `${senderFields.length} ${senderFields.length === 1 ? i18n.dvI18n.t('common.field') : i18n.dvI18n.t('common.fields')}`)) : null;
@@ -1041,12 +1041,12 @@ const LsParticipantManager = class {
                 return (index.h("ls-participant-card", { signer: r, index: index$1, template: this.template, active: r.signerIndex === this.activeSigner, busy: this.busy, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), index.h("div", { key: '72f301d7a33b8bbb02e271f5670fd21ac094bc79', class: "ls-dv-add-participant-button" }, index.h("ls-add-new-button", { key: '9f7576d9f6474a528d383d6c2f9fba2214674603', text: i18n.dvI18n.t('participants.addparticipant'), icon: "user-add-icon", loading: this.addingParticipant, disabled: this.addingParticipant, onClick: () => {
+            })), index.h("div", { key: '9ebeddcfcc586580678a09d86aebc9ddbe08020b', class: "ls-dv-add-participant-button" }, index.h("ls-add-new-button", { key: 'da3a651cd886d5b7639a42fd7d56a046b688e086', text: i18n.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' });
-            } })), index.h("slot", { key: '47227a21454e061fff740e91b57dcc1a86ea445b' })));
+            } })), index.h("slot", { key: '9e59eaa3c21ecf31674e2ba7068fcbc1e6665b7c' })));
     }
     static get watchers() { return {
         "template": ["templateChanged"]
@@ -1125,7 +1125,7 @@ const LsRecipientCard = class {
     render() {
         const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
         const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
-        return (index.h(index.Host, { key: '2a4f5263ceefc8ab53464b28b5168a1848aa26c7' }, index.h("div", { key: '702d888a47556b00d5093061e596a8a05dd07f3d', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
+        return (index.h(index.Host, { key: 'f685f11d38d7419124d3b4f5ea8f05bd74ec9d89' }, index.h("div", { key: '55bea5247c166535828227fd881cf7a30ed5e653', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
                 background: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s10,
                 border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
                 outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -1137,14 +1137,14 @@ const LsRecipientCard = class {
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, index.h("div", { key: '85b3b0f882fd3d2109e18cda167bd81cbce42189', class: 'ls-dv-participant-card-inner' }, index.h("div", { key: 'e49d233fdf52556e786212275c151518c2476bc0', class: 'ls-dv-participant-card-top-items' }, index.h("div", { key: '48e6c9ec0db238bcfa3fbd4bc5612dfaf0cfeed3', class: 'ls-dv-role-label', style: {
+            } }, index.h("div", { key: '13cd751930c2891339d9d44912f23fd6f4d33554', class: 'ls-dv-participant-card-inner' }, index.h("div", { key: '52e9c130f77118c158a24e8ab7ef19240459e44f', class: 'ls-dv-participant-card-top-items' }, index.h("div", { key: 'db70eed0f501cf9f887e49780126c94143ab7d4d', class: 'ls-dv-role-label', style: {
                 background: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, index.h("ls-icon", { key: 'e2f15fb1d4cdbca396949fca0a7752af9bbcf1d6', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), i18n.dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), index.h("ls-icon", { key: '8d7445cca26f11a4ae0ddb2c657cc4b409a2f080', name: "cursor-click-icon", size: 16, customStyle: { color: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), index.h("div", { key: 'c5408988e80aba5d0e7e1cee30041189314c737d', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex && v?.title === 'Missing signature').length > 0 ? 'block' : 'none' } })), index.h("div", { key: '51beeccdf06b2c5530f1e99824b10c833e61ee44', class: 'ls-dv-participant-card-text' }, index.h("p", { key: '805290f97da2ace60e92c7ffc05f6c7b2ec481b3', class: "ls-dv-participant-text-description", style: {
+            } }, index.h("ls-icon", { key: 'fd25ad9b13c389cde8e8597477d1d525d9334a0a', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), i18n.dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), index.h("ls-icon", { key: '6250a40d0e7652caca694bfecfb2a022219e7907', name: "cursor-click-icon", size: 16, customStyle: { color: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), index.h("div", { key: '064b95f01c4387b4eb564bbe927750bb2291737b', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex && v?.title === 'Missing signature').length > 0 ? 'block' : 'none' } })), index.h("div", { key: '87244d2b377f0efa18b00ee1edb3e265ffa1f5e4', class: 'ls-dv-participant-card-text' }, index.h("p", { key: '72c1374ced5d26c73f223dcd7ab982aa7ebcc828', class: "ls-dv-participant-text-description", style: {
                 color: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? i18n.dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), index.h("p", { key: '42e2e7a4413a5070d64edefb6a7ae686ad9f06f5', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? i18n.dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), index.h("p", { key: 'aa233270109f50c7fc32ec238ead1a0ab50c2702', class: "ls-dv-participant-text-type", style: {
                 color: defaultPalette.defaultRolePalette[this.recipient?.signerIndex % 100].s80,
-            } }, this.recipient?.previousRecipientDecides ? i18n.dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), index.h("div", { key: '7daaaff9e50ce398e9dcc31d7a495bb1bba395e9', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (index.h("ls-toolbox-field", { key: 'a491cc97deb86026c70f2e3156483242fa453c11', elementType: "signature", formElementType: "signature", label: i18n.dvI18n.t('toolbox.signature'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: i18n.dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { key: 'e818b1440b8f3f6a6e00a41f2727488455640b09', elementType: "admin", formElementType: "auto sign", label: i18n.dvI18n.t('toolbox.autosign'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: i18n.dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (index.h("ls-toolbox-field", { key: 'ebd027748e80bb8a973b96fcf3ff8435be9e89e6', elementType: "text", formElementType: "text", label: i18n.dvI18n.t('toolbox.text'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: i18n.dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { key: '386bb07d5239db57a6788ca133348527e54092e0', elementType: "text", formElementType: "signing date", label: i18n.dvI18n.t('toolbox.signingdate'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: i18n.dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (index.h("ls-toolbox-field", { key: '80b6ab767e42170f1d8c356f37ebe10e57f86352', elementType: "text", formElementType: "date", label: i18n.dvI18n.t('toolbox.date'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: i18n.dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (index.h("ls-toolbox-field", { key: 'e02577159e6ac554ca37c2bb955b348071d0adbc', elementType: "text", formElementType: "email", label: i18n.dvI18n.t('toolbox.email'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: i18n.dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && this.recipient.signerIndex > 0 && (index.h("ls-toolbox-field", { key: 'e50e445cb60b31757c8e92dd1b6d309e06fbb924', elementType: "initials", formElementType: "initials", label: i18n.dvI18n.t('toolbox.initials'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: i18n.dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (index.h("ls-toolbox-field", { key: 'af324917b8724e2c53de2168a8a2a8818d9b321d', elementType: "text", formElementType: "number", label: i18n.dvI18n.t('toolbox.number'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: i18n.dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { key: '59b5f9e6403e907f4976ba490d55f06b7a3f823c', elementType: "text", formElementType: "dropdown", label: i18n.dvI18n.t('toolbox.dropdown'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: i18n.dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { key: '545b2a838b37f7a282ce52d18827f83148de59ae', elementType: "text", formElementType: "checkbox", label: i18n.dvI18n.t('toolbox.checkbox'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: i18n.dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.showTool('regex') && (index.h("ls-toolbox-field", { key: '3f3d50c54ea368538ce47479a878f8ab4b66fb94', elementType: "text", formElementType: "regular expression", label: i18n.dvI18n.t('toolbox.regex'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: i18n.dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { key: 'a56f532223bef1586676fc060188d1b8116eda55', elementType: "text", formElementType: "file", label: i18n.dvI18n.t('toolbox.file'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: i18n.dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { key: 'ca63a2c307133272f54da7cf22f707f2d7cc1ee5', elementType: "text", formElementType: "drawn field", label: i18n.dvI18n.t('toolbox.drawn'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: i18n.dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), index.h("slot", { key: '1cfdde76efc52d7830ebd10f3b25ae02b4390d2a' }), index.h("ls-tooltip", { key: 'b0b8474aa28218786929cc4b4e1d94d755090097', tooltipId: "ls-dv-tooltip" })));
+            } }, this.recipient?.previousRecipientDecides ? i18n.dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), index.h("div", { key: '79c1503e5860cca9a29d5415e027694c723ecb51', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (index.h("ls-toolbox-field", { key: 'c4afc63118c51dbdb917c72bf0c36f689ef2e178', elementType: "signature", formElementType: "signature", label: i18n.dvI18n.t('toolbox.signature'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: i18n.dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { key: '2fd3ef6ef13d198740de9f7027eab46faff36405', elementType: "admin", formElementType: "auto sign", label: i18n.dvI18n.t('toolbox.autosign'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: i18n.dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (index.h("ls-toolbox-field", { key: '37300f6fa38afb94b6998771c7a8bcca113ec02c', elementType: "text", formElementType: "text", label: i18n.dvI18n.t('toolbox.text'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: i18n.dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { key: '00b81cc890964ab9a858d9fc73a39efee8486c7f', elementType: "text", formElementType: "signing date", label: i18n.dvI18n.t('toolbox.signingdate'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: i18n.dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (index.h("ls-toolbox-field", { key: '6b153a0f8a7bb8b0995e8f9b657e152c90c2b86e', elementType: "text", formElementType: "date", label: i18n.dvI18n.t('toolbox.date'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: i18n.dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (index.h("ls-toolbox-field", { key: 'fcad8e59819fff402ca789f508d89ed762de6e44', elementType: "text", formElementType: "email", label: i18n.dvI18n.t('toolbox.email'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: i18n.dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && this.recipient.signerIndex > 0 && (index.h("ls-toolbox-field", { key: '5c8123f773e2a37407bd94fb7a010c1846cbed74', elementType: "initials", formElementType: "initials", label: i18n.dvI18n.t('toolbox.initials'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: i18n.dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (index.h("ls-toolbox-field", { key: '217048f0449a218191e77609878de6cca14d7519', elementType: "text", formElementType: "number", label: i18n.dvI18n.t('toolbox.number'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: i18n.dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { key: '26abadfa887685878b3d3a46ece300d5096d8056', elementType: "text", formElementType: "dropdown", label: i18n.dvI18n.t('toolbox.dropdown'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: i18n.dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { key: '92a2dc7e0dfe23ef881e3912bc16f9358c75a40f', elementType: "text", formElementType: "checkbox", label: i18n.dvI18n.t('toolbox.checkbox'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: i18n.dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.showTool('regex') && (index.h("ls-toolbox-field", { key: '173a94e6ca6d99d6b49d92e683468150b538db87', elementType: "text", formElementType: "regular expression", label: i18n.dvI18n.t('toolbox.regex'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: i18n.dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { key: '84bdb27901170d58d8dc6cb585c331d59b86976b', elementType: "text", formElementType: "file", label: i18n.dvI18n.t('toolbox.file'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: i18n.dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { key: 'cb72e2c658df6a3b63b5a73b6dd7e6eb238315de', elementType: "text", formElementType: "drawn field", label: i18n.dvI18n.t('toolbox.drawn'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: i18n.dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), index.h("slot", { key: '9b42c24c174c9f0cb1a664e5436ccbf154db6389' }), index.h("ls-tooltip", { key: '5cba3c1b89a0ca183e7c383ab0d92f663c17a746', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "activeRecipient": ["handleExpandCollapse"]
@@ -1159,7 +1159,7 @@ const LsRecipientManager = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '120de98199b3439c301591fdaebe8f41a5b28407' }, index.h("div", { key: '7d290ced3e2c206a43bdf846a8ebd1dcb131ba05', class: 'ls-dv-editor-infobox' }, index.h("h2", { key: '8230c9ca50b52793f675f8720800cd052ccd52c7', class: "ls-dv-toolbox-section-title" }, i18n.dvI18n.t('recipients.title')), index.h("p", { key: '995b262359f552b309c44a00802cabd6d52b6b3b', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('recipients.description'))), index.h("slot", { key: '429fe7d214fc04f88157314126b2f5c4807059fb' })));
+        return (index.h(index.Host, { key: '49df3bd534b69740ae62c8540e132405bc18f466' }, index.h("div", { key: '089fcf3084e6013ef49789c4897d412f4362aea3', class: 'ls-dv-editor-infobox' }, index.h("h2", { key: '8274559c061aca47a0732c069b0682d9ca48e25d', class: "ls-dv-toolbox-section-title" }, i18n.dvI18n.t('recipients.title')), index.h("p", { key: '01be1e541add506999300313cd7c18ec5e02bf37', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('recipients.description'))), index.h("slot", { key: '3cc6ce7b27cc9d38febfa0503b73db95cd02812e' })));
     }
 };
 LsRecipientManager.style = lsRecipientManagerCss();
@@ -1178,7 +1178,7 @@ const LsValidationManager = class {
     validationErrors;
     selectFields;
     render() {
-        return (index.h(index.Host, { key: '044abaeea90cf1d0bf08de618e47247d2e93fce8' }, index.h("div", { key: '5749efb3631e90b5ccce3e8b0b9770e1ca33a588' }, index.h("div", { key: 'bf5bfe8c35c687fa02b21b421c1df64afbb4abac' }, index.h("div", { key: '7e0f8b676dee840ab22f9504849c7868c0c8a3dc', class: 'ls-dv-validation-section-title' }, i18n.dvI18n.t('common.actionrequired')), index.h("p", { key: '6f11e25a3734452e6702230a759bae4c75985534', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
+        return (index.h(index.Host, { key: '25f8373fe309add63c18cd436b9e1accbbdfed00' }, index.h("div", { key: '9bb2741e8fcf05b5406351b75d7f723c40274055' }, index.h("div", { key: 'b96410c582902982c7d7e91a41ba45183e882cb1' }, index.h("div", { key: '8ab62069e9d88fc902fba36c8f1b97c734637e98', class: 'ls-dv-validation-section-title' }, i18n.dvI18n.t('common.actionrequired')), index.h("p", { key: '84bed7a8c7f673fa6efe956d91b0d3a577893a8c', class: "ls-dv-toolbox-section-description" }, i18n.dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultPalette.defaultRolePalette[signerIndex || field?.element?.signer || 0];
             return (index.h("div", { key: idx, class: 'ls-dv-required-field', style: {
@@ -1194,7 +1194,7 @@ const LsValidationManager = class {
                         this.selectFields.emit([field.element]);
                     }
                 } }, index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? i18n.dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: i18n.dvI18n.t('toolbox.signature'), defaultHeight: fieldDefaults.FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: fieldDefaults.FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: i18n.dvI18n.t('toolbox.signaturetooltip'), signer: field.element.signer }), index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        })), index.h("slot", { key: '4ea7ecd0db5d1ce9305e627870d2397c04814550' })));
+        })), index.h("slot", { key: 'c349426ece6adb164450ef32ea44651982a7574e' })));
     }
 };
 LsValidationManager.style = lsValidationManagerCss();
@@ -1233,7 +1233,7 @@ const LsValidationTag = class {
         document.removeEventListener('mousedown', this.handleClickOutside);
     }
     render() {
-        return (index.h(index.Host, { key: '74178f546c280ba79ab451c4a3bb42f6a15d8300', ref: el => (this.el = el) }, this.type === 'compose' ? (index.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 && index.h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? i18n.dvI18n.t('common.ready') : i18n.dvI18n.t('common.required'), this.validationErrors.length > 0 && index.h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && index.h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (index.h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, index.h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, index.h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && index.h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (index.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' && (index.h("div", { key: '8fee247fe0b479532c6c26423049ce84fa41b805', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
+        return (index.h(index.Host, { key: 'f1fb0151687aa4ec623038243e13d85b698dcfbb', ref: el => (this.el = el) }, this.type === 'compose' ? (index.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 && index.h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? i18n.dvI18n.t('common.ready') : i18n.dvI18n.t('common.required'), this.validationErrors.length > 0 && index.h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && index.h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (index.h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, index.h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, index.h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && index.h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (index.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' && (index.h("div", { key: 'f8946e1be4816879b2b47c4ab493ddaa2b0a4d07', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
             const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
             const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
             const valueErrors = this.validationErrors.filter(f => f?.type === 'value');
@@ -1294,7 +1294,7 @@ const LsValidationTag = class {
                         } }, index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.title), index.h("ls-label", { text: field.description, colour: pallette.description, type: "low", size: "sm" })))));
                 }))),
             ];
-        })())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (index.h("div", { key: '75503e9f214dd974a61dc978669fdcbac4cc0d8a', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, index.h("div", { key: '26b3f43462e6c4fcff95c80c6a5ed9cfd672e98b', class: "ls-dv-dropdown-success-icon-outer" }, index.h("div", { key: '736f15d061eaa31ceb406853231288a668c15fbe', class: "ls-dv-dropdown-success-icon-inner" }, index.h("ls-icon", { key: 'ac33ff4819fcdf9322374a7e6ee7aae387811b13', name: "check-icon", solid: true, size: 28 }))), index.h("div", { key: 'a5f218f1c46e839d4927ff764073c70ba091f08a', class: 'ls-dv-dropdown-header' }, index.h("h2", { key: 'fd5b69342e44ec7007aeee056085d320be8a656d' }, i18n.dvI18n.t('common.templatereadytosend')), index.h("p", { key: '4b309e9a2b00e7827b032b4473ceb1f8d76d47d4' }, i18n.dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (index.h("div", { key: 'a5d99b5214a55f9aaa88516ddba377e2a1c8dac9', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
+        })())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (index.h("div", { key: '88891a806d61b96d71e0df483d6b3be8be6492b4', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, index.h("div", { key: 'f70483dacd7f796c37ab0d60f42ff90319b17672', class: "ls-dv-dropdown-success-icon-outer" }, index.h("div", { key: 'f4433ef26862b8add265769156152853b2b5c6eb', class: "ls-dv-dropdown-success-icon-inner" }, index.h("ls-icon", { key: '76f41369bc2dc46297ecd25802b7ca9b815721e5', name: "check-icon", solid: true, size: 28 }))), index.h("div", { key: '394983c7b034cf4405403b7368e5a5ff1087ac69', class: 'ls-dv-dropdown-header' }, index.h("h2", { key: 'f63bf97ab2e5f875a1aebcb32966278cd28530ef' }, i18n.dvI18n.t('common.templatereadytosend')), index.h("p", { key: '8981726032a569753e94d76dcca502bf84721b1d' }, i18n.dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (index.h("div", { key: '2c9520eae07bbc1dbf247adb0dbd3b6be84b46a8', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
             const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
             const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
             const valueErrors = this.validationErrors.filter(f => f?.type === 'value');

package/dist/cjs/ls-assignee-select_21.cjs.entry.js

@@ -2,9 +2,9 @@
 
 var index = require('./index-DFeU0FNc.js');
 var defaultPalette = require('./defaultPalette-Dt4FmPno.js');
-var i18n = require('./i18n-CiRtpN_k.js');
+var i18n = require('./i18n-CO9DdQsL.js');
 var clsx = require('./clsx-BtxeOLZW.js');
-var editorUtils = require('./editorUtils-qPk-FXeB.js');
+var editorUtils = require('./editorUtils-Bej3Frit.js');
 var index$1 = require('./index-D4CLu1QR.js');
 var defaultFieldLabels = require('./defaultFieldLabels-BUxtUsF1.js');
 var defaultFieldIcons = require('./defaultFieldIcons-CQbunrYl.js');
@@ -1137,10 +1137,10 @@ const LsFieldPropertiesAdvanced = class {
         return '';
     }
     render() {
-        return (index.h(index.Host, { key: '5ee4d83054b39ff8f15f68ce81855358982b47d6' }, index.h("div", { key: '3c093b283a9675b94476139f743458343b4f868b', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, index.h("ls-icon", { key: '9ad907b068024ba3b062e01487f2d9f81dc62758', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), index.h("p", { key: '71078ba34ca93acf9b7b214539621d9e543a695a' }, i18n.dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (index.h("div", { key: '31535010abc956aa04a4723bcf11dd12c503a53f', class: 'ls-dv-field-set' }, index.h("ls-props-section", { key: '82407eb2fafabc44627f5914e2788f798c908c9a', sectionTitle: i18n.dvI18n.t('fieldproperties.fieldorder'), sectionDescription: i18n.dvI18n.t('fieldproperties.fieldorderdescription') }, index.h("input", { key: 'e5f04194d0a766749fbd4a1314c05c66320eae46', type: "number", placeholder: i18n.dvI18n.t('fieldproperties.placeholdereg1'), value: this.getValue('fieldOrder'), onInput: e => {
+        return (index.h(index.Host, { key: '5ee4d83054b39ff8f15f68ce81855358982b47d6' }, index.h("div", { key: '3c093b283a9675b94476139f743458343b4f868b', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, index.h("ls-icon", { key: '9ad907b068024ba3b062e01487f2d9f81dc62758', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), index.h("p", { key: '71078ba34ca93acf9b7b214539621d9e543a695a' }, i18n.dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (index.h("div", { key: '31535010abc956aa04a4723bcf11dd12c503a53f', class: 'ls-dv-field-set' }, index.h("ls-props-section", { key: '82407eb2fafabc44627f5914e2788f798c908c9a', sectionTitle: i18n.dvI18n.t('fieldproperties.fieldorder'), sectionDescription: i18n.dvI18n.t('fieldproperties.fieldorderdescription') }, index.h("input", { key: '16d535ee0d0bea198331605de59b9665267f82cf', type: "number", placeholder: i18n.dvI18n.t('fieldproperties.placeholdereg1'), value: this.getValue('fieldOrder'), onInput: e => {
                 console.log(e);
-                this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), index.h("ls-props-section", { key: '19166c37580711be5cbf51602e6fdfebc2e664ae', sectionTitle: i18n.dvI18n.t('fieldproperties.refname') }, index.h("input", { key: 'aff0b299dbf682e41fdb7800cf0f65d266e73417', value: this.getValue('mapTo'), placeholder: i18n.dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ mapTo: e.target.value }, 300), disabled: this.readonly })), index.h("ls-props-section", { key: '54ba67238553d4f81175f89514853958cd8dbe24', sectionTitle: i18n.dvI18n.t('fieldproperties.linktype'), sectionDescription: i18n.dvI18n.t('fieldproperties.linktypedescription') }, index.h("select", { key: '44b4238590255a737b02a5686f285159ff617b03', onChange: e => this.alter({ logicAction: e.target.value }), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, index.h("option", { key: 'fe572810f4dcb219888955faad9954dcc1497716', value: "0", selected: this.getValue('logicAction') === 0 }, i18n.dvI18n.t('fieldproperties.linktypenoption')), index.h("option", { key: '64e88f776c8b7b51c45085897cabddf76d264f83', value: "1", selected: this.getValue('logicAction') === 1 }, i18n.dvI18n.t('fieldproperties.linktypeoneofgroup')), index.h("option", { key: 'e9c4f6585fb6e3be0686fdd6d12734f31961b88d', value: "2", selected: this.getValue('logicAction') === 2 }, i18n.dvI18n.t('fieldproperties.linktypeaddtotal')), index.h("option", { key: '0cbe1f00a0b26efd0f1f29a0726786828b01fd2e', value: "3", selected: this.getValue('logicAction') === 3 }, i18n.dvI18n.t('fieldproperties.linktypeconditional')))), index.h("ls-props-section", { key: 'a4ea6c73fa871cdc6ccb3073025ad9f36414b730', sectionTitle: i18n.dvI18n.t('fieldproperties.linkvalue'), sectionDescription: i18n.dvI18n.t('fieldproperties.linkvaluedescription') }, index.h("input", { key: '5b366602c27ef9cdb6506da466ffebfa26a2c2ff', value: this.getValue('logicGroup'), width: "30", placeholder: i18n.dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicGroup: e.target.value }), disabled: this.readonly }))))));
+                this.alter({ fieldOrder: e.target.value }, 1500);
+            }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), index.h("ls-props-section", { key: 'e3154557e33035e1757a9c1ddd8cac3ab373ef41', sectionTitle: i18n.dvI18n.t('fieldproperties.refname') }, index.h("input", { key: 'f18f206468351b7d3981f2b7fc34ae8b5ca7e353', value: this.getValue('mapTo'), placeholder: i18n.dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ mapTo: e.target.value }, 1500), disabled: this.readonly })), index.h("ls-props-section", { key: 'faa78e556daf96d1f821bbf4a7f67ae658f4d6ce', sectionTitle: i18n.dvI18n.t('fieldproperties.linktype'), sectionDescription: i18n.dvI18n.t('fieldproperties.linktypedescription') }, index.h("select", { key: '4d1bfe9580800fac18afe9ffeed0bf8b60e9d123', onChange: e => this.alter({ logicAction: e.target.value }, 1500), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, index.h("option", { key: '0e6b13cde24abbf9de7a4cfe04a15e8fb810ef54', value: "0", selected: this.getValue('logicAction') === 0 }, i18n.dvI18n.t('fieldproperties.linktypenoption')), index.h("option", { key: '403744701cf4ece417ed601ad38e4fa0f698f1ee', value: "1", selected: this.getValue('logicAction') === 1 }, i18n.dvI18n.t('fieldproperties.linktypeoneofgroup')), index.h("option", { key: 'f6212426adcb2f49ca490858237549615fbf28c0', value: "2", selected: this.getValue('logicAction') === 2 }, i18n.dvI18n.t('fieldproperties.linktypeaddtotal')), index.h("option", { key: '2741a87470500e2b2bdbc95fd0bd1e0302be5900', value: "3", selected: this.getValue('logicAction') === 3 }, i18n.dvI18n.t('fieldproperties.linktypeconditional')))), index.h("ls-props-section", { key: '1c90092334c55c24b469c3dfab1f0fe31de870fa', sectionTitle: i18n.dvI18n.t('fieldproperties.linkvalue'), sectionDescription: i18n.dvI18n.t('fieldproperties.linkvaluedescription') }, index.h("input", { key: '9d312841712efbdd6d0af1ffb698da94ae71638c', value: this.getValue('logicGroup'), width: "30", placeholder: i18n.dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicGroup: e.target.value }), disabled: this.readonly })), index.h("ls-props-section", { key: '12d54e4c2700baa253bcd728a977101d299ac39c', sectionTitle: i18n.dvI18n.t('fieldproperties.excludefrompdf'), sectionDescription: i18n.dvI18n.t('fieldproperties.excludefrompdfdescription') }, index.h("input", { key: '404bf02e4d16793c49223cc20af81eb91fb130d7', type: "checkbox", checked: !!this.getValue('excludeFromPdf'), onChange: e => this.alter({ excludeFromPdf: e.target.checked }), disabled: this.readonly }))))));
     }
 };
 LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss();
@@ -1160,7 +1160,7 @@ const LsFieldPropertiesContainer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0a90385eb494c3f4b1f31ffc4474b95ce95006b2' }, this.tabs.length > 1 && (index.h("div", { key: '9644112ef80ab2e94b84945818e5157dc540d927', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (index.h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, i18n.dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), index.h("div", { key: 'bbe72f0dabd2e3959e1cbafdc26021c7daad07a6', class: 'ls-dv-scrolling-container' }, index.h("slot", { key: 'aec628fd3216ceba7bab43d7065705f3784c3739', name: this.selectedTab }))));
+        return (index.h(index.Host, { key: '77ffbbcd6f865f4fc68155243e78f16f4acbc6f3' }, this.tabs.length > 1 && (index.h("div", { key: '46330e576a54b1dfa99d620826c780cf315d35fd', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (index.h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, i18n.dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), index.h("div", { key: '0882a1e2a3ca83b8c6d4431696a8782dc1b5593a', class: 'ls-dv-scrolling-container' }, index.h("slot", { key: '004f4177e118438d2466f4fd36b323c7c2f02575', name: this.selectedTab }))));
     }
 };
 LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss();
@@ -1264,17 +1264,17 @@ const LsFieldTypeSelect = class {
         const displayLabel = this.mixed
             ? i18n.dvI18n.t('fieldproperties.mixed')
             : i18n.dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
-        return (index.h(index.Host, { key: '8e07462b8c28d0219b479fb019cba56f93ce49e4' }, index.h("div", { key: '4bbe52234fc09e94580204e7ab5fed2e8e43f654', class: "ls-dv-fieldtype-dropdown" }, index.h("div", { key: '0d1963b105c3b806f2d3db48e65d5fdd7049dab2', class: "ls-dv-fieldtype-header", style: {
+        return (index.h(index.Host, { key: '66ad02b2693e699f42ba5b4bbdd74a4e72b5272d' }, index.h("div", { key: '3cf2bf169679e0433bce59d5147436a5fb41c02f', class: "ls-dv-fieldtype-dropdown" }, index.h("div", { key: 'de373f0cd0d12757cb6bc2cbb3aa55195497e918', class: "ls-dv-fieldtype-header", style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, index.h("div", { key: '96bc5889c07c8f307e008e8e69bd6062d07cdcac', class: "ls-dv-fieldtype-inner" }, index.h("div", { key: '8a41fb259a65ed80b52363a8abe62c29b6eb8f59', class: "ls-dv-fieldtype-icon", style: {
+            } }, index.h("div", { key: 'a37a40c0f27de521d7a9c30f471810c2f30b08a1', class: "ls-dv-fieldtype-inner" }, index.h("div", { key: 'a8a643a8d53a7789993160da6fd4e9e5e91677bf', class: "ls-dv-fieldtype-icon", style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, index.h("ls-icon", { key: 'ebf7649bd96f8130ba9cc1809457784dbbaf0a58', name: this.mixed ? 'view-grid-icon' : defaultFieldIcons.getFieldIcon(this.fieldType), size: 20 })), index.h("span", { key: 'c1865507042fbc308335cf7c18f3909534f203f7', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (index.h("button", { key: '1e534ca6db78851f7147622f18027dd7f7365a0c', class: "ls-dv-fieldtype-btn", onClick: e => {
+            } }, index.h("ls-icon", { key: '832a14679c7c30bf65a5bbd81d1ad35fec39f0b9', name: this.mixed ? 'view-grid-icon' : defaultFieldIcons.getFieldIcon(this.fieldType), size: 20 })), index.h("span", { key: '25aa5b984b956cb8536d7d637c6b4c1e657df88f', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (index.h("button", { key: 'ff497f5e7f1f54ae0f48429de3b97eb4b827b2e4', class: "ls-dv-fieldtype-btn", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": i18n.dvI18n.t('fieldproperties.changefieldtype') }, index.h("ls-icon", { key: '1b8edb5462bd0a2bc51054ecfd3876599e5448d9', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (index.h("div", { key: '7ff88dfb91403f744d4fb5e1e32ce687fbed1ed3', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (index.h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": i18n.dvI18n.t('fieldproperties.changefieldtype') }, index.h("ls-icon", { key: '96ff6e46a8d44b0d7b027b7390c10897f6b0ece5', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (index.h("div", { key: '2a00ba791cb7e55aac8578fa46594e8a426599cc', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (index.h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
                 '--background-selected': color.s10,
                 '--check-icon-selected': color.s50,
             }, onClick: () => this.selectFieldType(type) }, index.h("div", { class: "ls-dv-fieldtype-item-icon", style: {
@@ -1504,7 +1504,7 @@ const LsInputWrapper = class {
     leadingIcon;
     select = false;
     render() {
-        return (index.h(index.Host, { key: 'f9c362226515379a7ca23950e89d491f9ed9a9d6' }, index.h("ls-icon", { key: '8b37cd0ebd7cbf02d7f867142ab419fe1b856f3d', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && index.h("ls-icon", { key: '21d817951cf45c0693306f38fcdb71f00d218ff4', id: "selectorIcon", name: "selector-icon" }), index.h("slot", { key: '0968f81f3dd7da629da23dc8e086edda0e28a01c' })));
+        return (index.h(index.Host, { key: '617bc7d6b1b7181b0194f55280fbe10e9f36e768' }, index.h("ls-icon", { key: '6d2bc09ed02dec5aec3aa91379a4c42ba69d378a', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && index.h("ls-icon", { key: '8a95b0d811c9f0bdad0bcf908cf84b90da48826a', id: "selectorIcon", name: "selector-icon" }), index.h("slot", { key: '5e7835c2dcdfedd3a9e4cbb0cc24b2e95e25f9f4' })));
     }
 };
 LsInputWrapper.style = lsInputWrapperCss();
@@ -1865,7 +1865,7 @@ const LsPropsSection = class {
     sectionDescription;
     row = false;
     render() {
-        return (index.h(index.Host, { key: 'e5e5fb44d9a49442f77f117491a90feb1b2dcf77' }, index.h("div", { key: '116d9fe841991a4be1ed15204117b7fa247a41b4', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, index.h("div", { key: 'c0c03b44a8e7eeb995995a4ad5ea1dbba0574f31', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'ab8a31c47c1b0037a2e76c29eef9a584a8fbe327', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && index.h("p", { key: 'dc48632accc3f7c2a8c2885c6be4826df5324b82', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), index.h("slot", { key: '55d4f42bb8428aa59a854bdbd3626df8748d11a9' }))));
+        return (index.h(index.Host, { key: '1b6cf1035f048c9c0348bef3fb52847535787435' }, index.h("div", { key: '0e29c67fb26ffeb3f555c0077a8fea22b5f3438d', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, index.h("div", { key: '2b7913089accebfc07650e08773bd61cb61ae3e2', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'af615d09d85d303ad96b320c5a3469165e263c5c', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && index.h("p", { key: 'b28c5de86eff3cb4a1a74dd58a23070b87b6a057', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), index.h("slot", { key: '968d3c634aa7b1f269430620d00b2d8025fb5dd1' }))));
     }
 };
 LsPropsSection.style = lsPropsSectionCss();
@@ -2446,10 +2446,10 @@ const LsToggle = class {
         this.valueChange.emit(value);
     }
     render() {
-        return (index.h(index.Host, { key: '07d60cddaa24dbfbfa5e931d4e665e599a4cc3b5' }, index.h("label", { key: '48dca47c79b3262f7d9c8bf2b0716d0f0b73acc6', class: "ls-dv-switch" }, index.h("input", { key: '98f6f69407eb192e229b02e146a5921c7f3a26d6', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (index.h(index.Host, { key: 'f809e7080f1c45114a18b3c0bf6e14d9a327679e' }, index.h("label", { key: 'ba891813f726b860ad4fe2dd6a0d1fb65140ff58', class: "ls-dv-switch" }, index.h("input", { key: '3f280f447e436f1954ffddc64874d91d313bb96f', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
                 e.target.blur();
-            } }), index.h("span", { key: '4e110d73699e18b7d76d237991228c88a47b6ce2', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), index.h("slot", { key: 'c0866352a968012bc0c472a57f64666ab4830595' })));
+            } }), index.h("span", { key: '4d177c0bd2152a9437763e75141161fb1d17209e', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), index.h("slot", { key: 'e81517d28298ef0affb51a068b1f7b61a53e59cd' })));
     }
 };
 LsToggle.style = lsToggleCss();