legalesign-document-viewer 1.0.13 → 1.0.15

package/dist/components/{p-BTcdVmkv.js → p-CZ9xdGQd.js}

@@ -1,8 +1,8 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$2 } from './p-DmrshWtQ.js';
-import { d as defineCustomElement$1 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$2 } from './p-DYVjHU88.js';
+import { d as defineCustomElement$1 } from './p-T_Emh7AC.js';
 
 const lsFieldPropertiesAdvancedCss = () => `:host,.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6f7176);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
@@ -16,8 +16,9 @@ const LsFieldPropertiesAdvanced = /*@__PURE__*/ proxyCustomElement(class LsField
         this.mutate = createEvent(this, "mutate", 7);
     }
     dataItem;
-    expanded = false;
     readonly = false;
+    static STORAGE_KEY = 'ls-field-properties-advanced-expanded';
+    expanded = localStorage.getItem(LsFieldPropertiesAdvanced.STORAGE_KEY) !== 'true';
     mutate;
     isSingle(dt) {
         return dt.length === undefined;
@@ -68,16 +69,16 @@ const LsFieldPropertiesAdvanced = /*@__PURE__*/ proxyCustomElement(class LsField
         return '';
     }
     render() {
-        return (h(Host, { key: 'cf6a2fccea19ebbc7c067ed0ea852ecc29d6daee' }, h("div", { key: 'fa1349e5ec4ac3cfeceefa9eb55d961a45eb0387', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'c7df008825734a12a7562d27a466f7bca3df1247', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '23c61c4bed86e2f83d79f2b2a794252b588c0516' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '8fcc0ec1e1772991f44bdf747474060a1362362d', class: 'ls-dv-field-set' }, h("ls-props-section", { key: '436a5e7c4f634786fb908543326dcf51b855e108', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: 'a1988edaeab650e4c5289e5f9e6af6ed26fa0975', type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), value: this.getValue('fieldOrder'), onInput: e => {
+        return (h(Host, { key: '70d273b48d13e9a3fd98881679cb2f321291b53c' }, h("div", { key: '1cc17b45239822e2a9cdaef70394eb1afe7df109', class: 'ls-dv-expand-fields-row', onClick: () => { this.expanded = !this.expanded; localStorage.setItem(LsFieldPropertiesAdvanced.STORAGE_KEY, String(this.expanded)); } }, h("ls-icon", { key: '07defbf850d0b4cbbddde15ee3586ac9ca156fda', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '37f4fe6353db6f2e56332be7f0067826198c4b61' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '74af0ed985640d1029c07722a7969f973e003553', class: 'ls-dv-field-set' }, h("ls-props-section", { key: 'f917b7b1a04467f6d55ac39de336f7482eb57580', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: '09349a62422496b3cc534bb7f5d67edc075539ad', type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), value: this.getValue('fieldOrder'), onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 1500);
-            }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), h("ls-props-section", { key: '265f574a5b5ebfc88c3d642b9ceb1faf9f0e1baa', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: 'f8b0ed79dc407ddc9d72078dfc2aad183a2dde6d', value: this.getValue('mapTo'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ mapTo: e.target.value }, 1500), disabled: this.readonly })), h("ls-props-section", { key: '4b86fbef7f34a01d2e5e74c8ea5a4489a22c631b', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: 'e90aece69adaec099f37789aa04ea5531e5240bb', onChange: e => this.alter({ logicAction: e.target.value }, 1500), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, h("option", { key: '310b6d8a4b5532d7105095af060d567a336d8aa5', value: "0", selected: this.getValue('logicAction') === 0 }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: '93da460c4d466000c43a59fe7189263870fc2750', value: "1", selected: this.getValue('logicAction') === 1 }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '4471f63cfad3ea4668b7318b47e8673c65afda45', value: "2", selected: this.getValue('logicAction') === 2 }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: 'c65989b75aba5ba931154cc4195de3fe47354a2a', value: "3", selected: this.getValue('logicAction') === 3 }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'b6da09e895a848d786790aae1d68e1e3971af8e4', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: 'c53121ddb284fd5ffe17e9f8a2abc423a8d8603f', value: this.getValue('logicGroup'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ logicGroup: e.target.value }, 350), disabled: this.readonly })), h("ls-props-section", { key: '21492db3549a3f25ab7a45109d6ffa8b591d141f', sectionTitle: dvI18n.t('fieldproperties.excludefrompdf'), row: true, sectionDescription: dvI18n.t('fieldproperties.excludefrompdfdescription') }, h("ls-toggle", { key: 'c9f759c73a6d40bf5c1435054e10d8c0c8dedf93', id: "toggle-excludefrompdf", checked: this.getValue('excludeFromPdf'), onValueChange: ev => !this.readonly && this.alter({ excludeFromPdf: ev.detail }) }))))));
+            }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), h("ls-props-section", { key: 'ba41fd68e5bf06847bab398b688f659d0e5117e9', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: '80143974fea20ef0338fc641fbbf7a2a5977d767', value: this.getValue('mapTo'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ mapTo: e.target.value }, 1500), disabled: this.readonly })), h("ls-props-section", { key: '528ce5eb39fd1036fff9ffe0f8ad80b798eab30f', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: 'c9e91547340cded082a070d9574ba42fd88b1e31', onChange: e => this.alter({ logicAction: e.target.value }, 1500), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, h("option", { key: 'b14094541d919c01d5c7d6ef48e36bdcbaad87aa', value: "0", selected: this.getValue('logicAction') === 0 }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'efd3edf8273ed726539053c29676bac8b728bff8', value: "1", selected: this.getValue('logicAction') === 1 }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '5d5849a6d09a367bf0f67bee11f9605c10380d2d', value: "2", selected: this.getValue('logicAction') === 2 }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: 'd0926449da59764cf7822015606b0067f71240f6', value: "3", selected: this.getValue('logicAction') === 3 }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'b41942a0d93cb2ca7429ac755343093d9b2142eb', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '321270b7de1a280a69afd3b16dcc35739de55f34', value: this.getValue('logicGroup'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ logicGroup: e.target.value }, 350), disabled: this.readonly })), h("ls-props-section", { key: 'c893a78ddafabc340ba5770ca296ca3d6ed40ee9', sectionTitle: dvI18n.t('fieldproperties.excludefrompdf'), row: true, sectionDescription: dvI18n.t('fieldproperties.excludefrompdfdescription') }, h("ls-toggle", { key: '4fd9ee165b2db8d925a842a67d0ecae7e8323544', id: "toggle-excludefrompdf", checked: this.getValue('excludeFromPdf'), onValueChange: ev => !this.readonly && this.alter({ excludeFromPdf: ev.detail }) }))))));
     }
     static get style() { return lsFieldPropertiesAdvancedCss(); }
 }, [769, "ls-field-properties-advanced", {
         "dataItem": [1040],
-        "expanded": [1028],
-        "readonly": [4]
+        "readonly": [4],
+        "expanded": [32]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -110,6 +111,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesAdvanced as L, defineCustomElement as d };
-//# sourceMappingURL=p-BTcdVmkv.js.map
+//# sourceMappingURL=p-CZ9xdGQd.js.map
 
-//# sourceMappingURL=p-BTcdVmkv.js.map
+//# sourceMappingURL=p-CZ9xdGQd.js.map

package/dist/components/p-CZ9xdGQd.js.map

@@ -0,0 +1 @@
+{"file":"p-CZ9xdGQd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-advanced/ls-field-properties-advanced.scss?tag=ls-field-properties-advanced&encapsulation=shadow","src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"sourcesContent":[":host, .ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-expand-fields-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.25rem;\n  cursor: pointer;\n  color: $gray-80;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-expand-fields-row p {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem; /* 150% */\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n  color: $gray-50;\n  box-shadow: none;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n  width: 100%;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-field-properties-advanced',\n  styleUrl: 'ls-field-properties-advanced.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop() readonly: boolean = false;\n\n  private static readonly STORAGE_KEY = 'ls-field-properties-advanced-expanded';\n\n  @State() expanded: boolean = localStorage.getItem(LsFieldPropertiesAdvanced.STORAGE_KEY) !== 'true';\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object, bounceDelay: number = 0) {\n    console.log('Altering advanced props:', diff);\n    let diffs = [];\n    if (this.isMultiple(this.dataItem)) {\n      this.dataItem = this.dataItem.map(di => {\n        return { ...di, ...diff } as LSApiElement;\n      });\n\n      diffs = this.dataItem.map(di => {\n        return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n      });\n    } else if (this.isSingle(this.dataItem)) {\n      this.dataItem = { ...this.dataItem, ...diff };\n\n      diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n    }\n\n    if (!bounceDelay || bounceDelay === 0) {\n      this.mutate.emit(diffs);\n    }\n    else {\n      this.debounce(diffs, bounceDelay);\n    }\n  }\n\n  private titletimer;\n\n  debounce(diffs, delay) {\n    if (this.titletimer) clearTimeout(this.titletimer);\n\n    this.titletimer = setTimeout(() => {\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  getValue(key) {\n    if (this.isMultiple(this.dataItem)) {\n      return '';\n    } else if (this.isSingle(this.dataItem)) {\n      return this.dataItem[key];\n    }\n    return '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'ls-dv-expand-fields-row'} onClick={() => { this.expanded = !this.expanded; localStorage.setItem(LsFieldPropertiesAdvanced.STORAGE_KEY, String(this.expanded)); }}>\n          <ls-icon name={this.expanded ? 'expand-icon' : 'collapse-icon'} size={20} solid />\n          <p>{dvI18n.t('fieldproperties.advancedproperties')}</p>\n        </div>\n        {this.expanded && (\n          <div class={'ls-dv-field-set'}>\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldorder')} sectionDescription={dvI18n.t('fieldproperties.fieldorderdescription')}>\n              <input type=\"number\" placeholder={dvI18n.t('fieldproperties.placeholdereg1')} value={this.getValue('fieldOrder')} onInput={e => {\n                console.log(e);\n                this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 1500)\n              }} \n              onChange={() => { console.log('onchange')}}\n              disabled={this.readonly}\n              />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.refname')}>\n              <input value={this.getValue('mapTo')} placeholder={dvI18n.t('fieldproperties.placeholdercheckboxgroup')} onInput={e => this.alter({ mapTo: (e.target as HTMLInputElement).value }, 1500)} disabled={this.readonly} />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.linktype')} sectionDescription={dvI18n.t('fieldproperties.linktypedescription')}>\n              <select onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value }, 1500)} name=\"Link Field\" aria-label=\"Link Field\" disabled={this.readonly}>\n                <option value=\"0\" selected={this.getValue('logicAction') === 0}>\n                  {dvI18n.t('fieldproperties.linktypenoption')}\n                </option>\n                <option value=\"1\" selected={this.getValue('logicAction') === 1}>\n                  {dvI18n.t('fieldproperties.linktypeoneofgroup')}\n                </option>\n                <option value=\"2\" selected={this.getValue('logicAction') === 2}>\n                  {dvI18n.t('fieldproperties.linktypeaddtotal')}\n                </option>\n                <option value=\"3\" selected={this.getValue('logicAction') === 3}>\n                  {dvI18n.t('fieldproperties.linktypeconditional')}\n                </option>\n              </select>\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.linkvalue')} sectionDescription={dvI18n.t('fieldproperties.linkvaluedescription')}>\n              <input\n                value={this.getValue('logicGroup')}\n                width=\"30\"\n                placeholder={dvI18n.t('fieldproperties.placeholdercheckboxgroup')}\n                onInput={e => this.alter({ logicGroup: (e.target as HTMLInputElement).value }, 350)}\n                disabled={this.readonly}\n              />\n            </ls-props-section>\n\n             <ls-props-section sectionTitle={dvI18n.t('fieldproperties.excludefrompdf')} row={true} sectionDescription={dvI18n.t('fieldproperties.excludefrompdfdescription')}>              \n              <ls-toggle id=\"toggle-excludefrompdf\" checked={this.getValue('excludeFromPdf')} onValueChange={ev => !this.readonly && this.alter({ excludeFromPdf: ev.detail })} />\n            </ls-props-section>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p--oiqur2Y.js → p-CZjNHYfy.js}

@@ -29,7 +29,7 @@ const defaultFieldPlaceholders = {
     'dropdown': 'Dropdown',
     'file': 'File',
     'drawn field': 'Draw',
-    'regular expression': 'RegEx',
+    'regular expression': '/^\d*\.\d+$/',
 };
 function getFieldPlaceholder(key) {
     return defaultFieldPlaceholders[key] || 'eg. Full Name, Address, Company Name';
@@ -58,6 +58,6 @@ const getDefaultValidationForType = (fieldType) => {
 };
 
 export { getFieldPlaceholder as a, getFieldTitleSuggestion as b, getDefaultValidationForType as g };
-//# sourceMappingURL=p--oiqur2Y.js.map
+//# sourceMappingURL=p-CZjNHYfy.js.map
 
-//# sourceMappingURL=p--oiqur2Y.js.map
+//# sourceMappingURL=p-CZjNHYfy.js.map

package/dist/components/{p--oiqur2Y.js.map → p-CZjNHYfy.js.map}

@@ -1 +1 @@
-{"file":"p--oiqur2Y.js","mappings":"AAoBO,MAAM,kBAAkB,GAA8B;AAC3D,IAAA,WAAW,EAAE,YAAY;AACzB,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,UAAU,EAAE,oBAAoB;AAChC,IAAA,OAAO,EAAE,6CAA6C;AACtD,IAAA,QAAQ,EAAE,kCAAkC;AAC5C,IAAA,UAAU,EAAE,sBAAsB;AAClC,IAAA,MAAM,EAAE,qBAAqB;AAC7B,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,oBAAoB,EAAE,eAAe;CACtC;AAEK,SAAU,uBAAuB,CAAC,GAAW,EAAA;AACjD,IAAA,OAAO,kBAAkB,CAAC,GAAG,CAAC,IAAI,eAAe;AACnD;AAEO,MAAM,wBAAwB,GAA8B;AACjE,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,cAAc,EAAE,iBAAiB;AACjC,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,QAAQ,EAAE,WAAW;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,oBAAoB,EAAE,OAAO;CAC9B;AAEK,SAAU,mBAAmB,CAAC,GAAW,EAAA;AAC7C,IAAA,OAAO,wBAAwB,CAAC,GAAG,CAAC,IAAI,sCAAsC;AAChF;;AC1DA;;AAEG;AACU,MAAA,2BAA2B,GAAG,CAAC,SAAiB,KAAY;IACvE,QAAQ,SAAS;AACf,QAAA,KAAK,WAAW,EAAE,OAAO,CAAC;AAC1B,QAAA,KAAK,WAAW,EAAE,OAAO,IAAI;AAC7B,QAAA,KAAK,UAAU,EAAE,OAAO,IAAI;AAC5B,QAAA,KAAK,cAAc,EAAE,OAAO,EAAE;AAC9B,QAAA,KAAK,MAAM,EAAE,OAAO,CAAC;AACrB,QAAA,KAAK,OAAO,EAAE,OAAO,CAAC;AACtB,QAAA,KAAK,QAAQ,EAAE,OAAO,EAAE;AACxB,QAAA,KAAK,UAAU,EAAE,OAAO,EAAE;AAC1B,QAAA,KAAK,UAAU,EAAE,OAAO,EAAE;AAC1B,QAAA,KAAK,MAAM,EAAE,OAAO,EAAE;AACtB,QAAA,KAAK,aAAa,EAAE,OAAO,EAAE;AAC7B,QAAA,KAAK,oBAAoB,EAAE,OAAO,EAAE;AACpC,QAAA,KAAK,MAAM;AACX,QAAA,SAAS,OAAO,CAAC;;AAErB;;;;","names":[],"sources":["src/components/ls-document-viewer/defaultFieldLabels.ts","src/components/ls-field-type-select/fieldTypeUtils.ts"],"sourcesContent":["export const defaultFieldLabels: { [key: string]: string } = {\n  'signature': 'Signature',\n  'auto sign': 'Auto Sign',\n  'text': 'Text',\n  'signing date': 'Auto Date',\n  'date': 'Date',\n  'initials': 'Initials',\n  'checkbox': 'Checkbox',\n  'email': 'Email',\n  'number': 'Number',\n  'dropdown': 'Dropdown',\n  'file': 'File',\n  'drawn field': 'Draw',\n  'regular expression': 'RegEx',\n};\n\nexport function getFieldLabel(key: string): string | undefined {\n  return defaultFieldLabels[key] || 'Unknown';\n}\n\nexport const defaultFieldTitles: { [key: string]: string } = {\n  'signature': 'eg. Tenant',\n  'auto sign': 'eg. Date of Signing',\n  'text': 'eg. Full Name, Address, Company Name',\n  'signing date': 'eg. Date of Signing',\n  'date': 'eg. Date of Birth',\n  'initials': 'eg. Initial Here',\n  'checkbox': 'eg. Agree to Terms',\n  'email': 'eg. Personal Email, Emergency Contact Email',\n  'number': 'eg. Phone Number, Account Number',\n  'dropdown': 'eg. Select an Option',\n  'file': 'eg. Upload Document',\n  'drawn field': 'eg. Draw Here',\n  'regular expression': 'eg. Sort Code',\n};\n\nexport function getFieldTitleSuggestion(key: string): string | undefined {\n  return defaultFieldTitles[key] || 'eg. Sign Here';\n}\n\nexport const defaultFieldPlaceholders: { [key: string]: string } = {\n  'signature': 'Siganture',\n  'auto sign': 'Date of Signing',\n  'text': 'eg. John Doe, 123 Main St, Acme Corp',\n  'signing date': 'Date of Signing',\n  'date': 'eg. 19/12/2025',\n  'initials': 'Initials',\n  'checkbox': 'Checkbox',\n  'email': 'eg. john.doe@example.com',\n  'number': 'eg. 12345',\n  'dropdown': 'Dropdown',\n  'file': 'File',\n  'drawn field': 'Draw',\n  'regular expression': 'RegEx',\n};\n\nexport function getFieldPlaceholder(key: string): string | undefined {\n  return defaultFieldPlaceholders[key] || 'eg. Full Name, Address, Company Name';\n}\n","/**\n * Returns the default validation ID for a given formElementType.\n */\nexport const getDefaultValidationForType = (fieldType: string): number => {\n  switch (fieldType) {\n    case 'signature': return 0;\n    case 'auto sign': return 3000;\n    case 'initials': return 2000;\n    case 'signing date': return 32;\n    case 'date': return 4;\n    case 'email': return 1;\n    case 'number': return 50;\n    case 'dropdown': return 20;\n    case 'checkbox': return 25;\n    case 'file': return 74;\n    case 'drawn field': return 90;\n    case 'regular expression': return 93;\n    case 'text':\n    default: return 0;\n  }\n};\n"],"version":3}
+{"file":"p-CZjNHYfy.js","mappings":"AAoBO,MAAM,kBAAkB,GAA8B;AAC3D,IAAA,WAAW,EAAE,YAAY;AACzB,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,mBAAmB;AAC3B,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,UAAU,EAAE,oBAAoB;AAChC,IAAA,OAAO,EAAE,6CAA6C;AACtD,IAAA,QAAQ,EAAE,kCAAkC;AAC5C,IAAA,UAAU,EAAE,sBAAsB;AAClC,IAAA,MAAM,EAAE,qBAAqB;AAC7B,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,oBAAoB,EAAE,eAAe;CACtC;AAEK,SAAU,uBAAuB,CAAC,GAAW,EAAA;AACjD,IAAA,OAAO,kBAAkB,CAAC,GAAG,CAAC,IAAI,eAAe;AACnD;AAEO,MAAM,wBAAwB,GAA8B;AACjE,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,MAAM,EAAE,sCAAsC;AAC9C,IAAA,cAAc,EAAE,iBAAiB;AACjC,IAAA,MAAM,EAAE,gBAAgB;AACxB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,QAAQ,EAAE,WAAW;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,oBAAoB,EAAE,cAAc;CACrC;AAEK,SAAU,mBAAmB,CAAC,GAAW,EAAA;AAC7C,IAAA,OAAO,wBAAwB,CAAC,GAAG,CAAC,IAAI,sCAAsC;AAChF;;AC1DA;;AAEG;AACU,MAAA,2BAA2B,GAAG,CAAC,SAAiB,KAAY;IACvE,QAAQ,SAAS;AACf,QAAA,KAAK,WAAW,EAAE,OAAO,CAAC;AAC1B,QAAA,KAAK,WAAW,EAAE,OAAO,IAAI;AAC7B,QAAA,KAAK,UAAU,EAAE,OAAO,IAAI;AAC5B,QAAA,KAAK,cAAc,EAAE,OAAO,EAAE;AAC9B,QAAA,KAAK,MAAM,EAAE,OAAO,CAAC;AACrB,QAAA,KAAK,OAAO,EAAE,OAAO,CAAC;AACtB,QAAA,KAAK,QAAQ,EAAE,OAAO,EAAE;AACxB,QAAA,KAAK,UAAU,EAAE,OAAO,EAAE;AAC1B,QAAA,KAAK,UAAU,EAAE,OAAO,EAAE;AAC1B,QAAA,KAAK,MAAM,EAAE,OAAO,EAAE;AACtB,QAAA,KAAK,aAAa,EAAE,OAAO,EAAE;AAC7B,QAAA,KAAK,oBAAoB,EAAE,OAAO,EAAE;AACpC,QAAA,KAAK,MAAM;AACX,QAAA,SAAS,OAAO,CAAC;;AAErB;;;;","names":[],"sources":["src/components/ls-document-viewer/defaultFieldLabels.ts","src/components/ls-field-type-select/fieldTypeUtils.ts"],"sourcesContent":["export const defaultFieldLabels: { [key: string]: string } = {\n  'signature': 'Signature',\n  'auto sign': 'Auto Sign',\n  'text': 'Text',\n  'signing date': 'Auto Date',\n  'date': 'Date',\n  'initials': 'Initials',\n  'checkbox': 'Checkbox',\n  'email': 'Email',\n  'number': 'Number',\n  'dropdown': 'Dropdown',\n  'file': 'File',\n  'drawn field': 'Draw',\n  'regular expression': 'RegEx',\n};\n\nexport function getFieldLabel(key: string): string | undefined {\n  return defaultFieldLabels[key] || 'Unknown';\n}\n\nexport const defaultFieldTitles: { [key: string]: string } = {\n  'signature': 'eg. Tenant',\n  'auto sign': 'eg. Date of Signing',\n  'text': 'eg. Full Name, Address, Company Name',\n  'signing date': 'eg. Date of Signing',\n  'date': 'eg. Date of Birth',\n  'initials': 'eg. Initial Here',\n  'checkbox': 'eg. Agree to Terms',\n  'email': 'eg. Personal Email, Emergency Contact Email',\n  'number': 'eg. Phone Number, Account Number',\n  'dropdown': 'eg. Select an Option',\n  'file': 'eg. Upload Document',\n  'drawn field': 'eg. Draw Here',\n  'regular expression': 'eg. Sort Code',\n};\n\nexport function getFieldTitleSuggestion(key: string): string | undefined {\n  return defaultFieldTitles[key] || 'eg. Sign Here';\n}\n\nexport const defaultFieldPlaceholders: { [key: string]: string } = {\n  'signature': 'Siganture',\n  'auto sign': 'Date of Signing',\n  'text': 'eg. John Doe, 123 Main St, Acme Corp',\n  'signing date': 'Date of Signing',\n  'date': 'eg. 19/12/2025',\n  'initials': 'Initials',\n  'checkbox': 'Checkbox',\n  'email': 'eg. john.doe@example.com',\n  'number': 'eg. 12345',\n  'dropdown': 'Dropdown',\n  'file': 'File',\n  'drawn field': 'Draw',\n  'regular expression': '/^\\d*\\.\\d+$/',\n};\n\nexport function getFieldPlaceholder(key: string): string | undefined {\n  return defaultFieldPlaceholders[key] || 'eg. Full Name, Address, Company Name';\n}\n","/**\n * Returns the default validation ID for a given formElementType.\n */\nexport const getDefaultValidationForType = (fieldType: string): number => {\n  switch (fieldType) {\n    case 'signature': return 0;\n    case 'auto sign': return 3000;\n    case 'initials': return 2000;\n    case 'signing date': return 32;\n    case 'date': return 4;\n    case 'email': return 1;\n    case 'number': return 50;\n    case 'dropdown': return 20;\n    case 'checkbox': return 25;\n    case 'file': return 74;\n    case 'drawn field': return 90;\n    case 'regular expression': return 93;\n    case 'text':\n    default: return 0;\n  }\n};\n"],"version":3}

package/dist/components/{p-BKbGzLae.js → p-CxBIa83N.js}

@@ -1,6 +1,6 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
@@ -146,6 +146,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsAssigneeSelect as L, defineCustomElement as d };
-//# sourceMappingURL=p-BKbGzLae.js.map
+//# sourceMappingURL=p-CxBIa83N.js.map
 
-//# sourceMappingURL=p-BKbGzLae.js.map
+//# sourceMappingURL=p-CxBIa83N.js.map

package/dist/components/{p-BKbGzLae.js.map → p-CxBIa83N.js.map}

@@ -1 +1 @@
-{"file":"p-BKbGzLae.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-assignee-select/ls-assignee-select.scss?tag=ls-assignee-select&encapsulation=shadow","src/components/ls-assignee-select/ls-assignee-select.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-assignee-dropdown {\n  position: relative;\n  width: 100%;\n}\n\n.ls-dv-assignee-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.25rem;\n  padding-left: 0.75rem;\n  border-radius: 0.75rem;\n  border: 1px solid $gray-40;\n  background: $gray-10;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  position: relative;\n}\n\n.ls-dv-assignee-header.ls-dv-disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.ls-dv-leading-icon {\n  color: $gray-80;\n  flex-shrink: 0;\n}\n\n.ls-dv-assignee-name {\n  flex: 1;\n  font-size: var(--text-sm);\n  font-weight: 400;\n  color: $gray-100;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--font-family);\n}\n\n.ls-dv-reassign-btn {\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-40;\n  background: $white;\n  color: $gray-80;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.ls-dv-reassign-btn:hover {\n  border-color: $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-assignee-list {\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  z-index: 100;\n  max-height: 15rem;\n  overflow-y: auto;\n}\n\n.ls-dv-assignee-item {\n  display: flex;\n  padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.75rem;\n  cursor: pointer;\n}\n\n.ls-dv-assignee-item:hover {\n  background: $gray-10;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled:hover {\n  background: transparent;\n}\n\n.ls-dv-assignee-item.ls-dv-selected,\n.ls-dv-assignee-item.ls-dv-selected:hover {\n  background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-role-icon {\n  display: flex;\n  padding: 0.375rem;\n  border-radius: 0.5rem;\n  flex-shrink: 0;\n}\n\n.ls-dv-role-text {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n}\n\n.ls-dv-role-name {\n  color: $gray-100;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ls-dv-role-type {\n  color: $gray-70;\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-check-icon {\n  color: $gray-40;\n  flex-shrink: 0;\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-check-icon {\n  color: var(--check-icon-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-name {\n  color: var(--role-name-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-type {\n  color: var(--role-type-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-assignee-select',\n  styleUrl: 'ls-assignee-select.scss',\n  shadow: true,\n})\nexport class LsAssigneeSelect {\n  @Element() el: HTMLElement;\n\n  @Prop() signer: number;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() disabled: boolean = false;\n  /** Tooltip reason why Sender is disabled. Empty string = enabled. */\n  @Prop() disabledSenderReason: string = '';\n  /** Tooltip reason why Approvers are disabled. Empty string = enabled. */\n  @Prop() disabledApproverReason: string = '';\n  /** Show mixed state (for multi-select when signers differ) */\n  @Prop() mixed: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  @Event() assigneeChange: EventEmitter<number>;\n\n  @Watch('signer')\n  handleSignerChange() {\n    // force re-render\n  }\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n      this.isOpen = false;\n    }\n  }\n\n  private getSelectedRole(): { signerIndex: number; name: string; roleType: string } {\n    if (this.mixed) {\n      return { signerIndex: 0, name: dvI18n.t('fieldproperties.mixed'), roleType: 'MIXED' };\n    }\n    if (this.signer === 0) {\n      return { signerIndex: 0, name: dvI18n.t('fieldproperties.sender'), roleType: 'SENDER' };\n    }\n    const role = this.roles?.find(r => r.signerIndex === this.signer);\n    if (role) {\n      return { signerIndex: role.signerIndex, name: role.name || dvI18n.t('participants.participant', { index: role.signerIndex }), roleType: role.roleType };\n    }\n    return { signerIndex: this.signer, name: dvI18n.t('participants.participant', { index: this.signer }), roleType: 'SIGNER' };\n  }\n\n  private getRoleIcon(roleType: string) {\n    switch (roleType) {\n      case 'SENDER':\n        return 'user-icon';\n      case 'APPROVER':\n        return 'check-circle-icon';\n      case 'WITNESS':\n        return 'eye-icon';\n      case 'MIXED':\n        return 'user-icon';\n      default:\n        return 'signature-icon';\n    }\n  }\n\n  private selectRole(signerIndex: number) {\n    this.isOpen = false;\n    this.assigneeChange.emit(signerIndex);\n  }\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  render() {\n    const selected = this.getSelectedRole();\n    const senderDisabled = !!this.disabledSenderReason;\n\n    return (\n      <Host>\n        <div class=\"ls-dv-assignee-dropdown\">\n          <div class={`ls-dv-assignee-header ${this.disabled ? 'ls-dv-disabled' : ''}`}>\n            <ls-icon class=\"ls-dv-leading-icon\" name={this.getRoleIcon(selected.roleType) as any} size={18} />\n            <span class=\"ls-dv-assignee-name\">{selected.name}</span>\n            {!this.disabled && (\n              <button\n                class=\"ls-dv-reassign-btn\"\n                onClick={e => {\n                  e.stopPropagation();\n                  this.toggleDropdown();\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\"\n                data-tooltip-content={dvI18n.t('fieldproperties.reassign')}\n              >\n                <ls-icon name=\"switch-horizontal-icon\" size={16} />\n              </button>\n            )}\n          </div>\n          {this.isOpen && (\n            <div class=\"ls-dv-assignee-list\">\n              <div\n                class={`ls-dv-assignee-item ${this.signer === 0 && !this.mixed ? 'ls-dv-selected' : ''} ${senderDisabled ? 'ls-dv-item-disabled' : ''}`}\n                style={{\n                  '--background-selected': defaultRolePalette[0].s10,\n                  '--role-name-selected': defaultRolePalette[0].s80,\n                  '--role-type-selected': defaultRolePalette[0].s80,\n                  '--check-icon-selected': defaultRolePalette[0].s50,\n                }}\n                onClick={() => !senderDisabled && this.selectRole(0)}\n                data-tooltip-id={senderDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n                data-tooltip-html={\n                  senderDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledSenderReason}</span>` : undefined\n                }\n              >\n                <div\n                  class=\"ls-dv-role-icon\"\n                  style={{\n                    background: defaultRolePalette[0].s50,\n                    color: defaultRolePalette[0].s80,\n                  }}\n                >\n                  <ls-icon name=\"user-icon\" size={16} />\n                </div>\n                <div class=\"ls-dv-role-text\">\n                  <p class=\"ls-dv-role-name\">{dvI18n.t('fieldproperties.sender')}</p>\n                </div>\n                {senderDisabled ? (\n                  <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n                ) : (\n                  <ls-icon class=\"ls-dv-check-icon\" name={this.signer === 0 && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'} solid={this.signer === 0 && !this.mixed} />\n                )}\n              </div>\n              {this.roles.map(r => {\n                const isApproverDisabled = r.roleType === 'APPROVER' && !!this.disabledApproverReason;\n                return (\n                  <div\n                    class={`ls-dv-assignee-item ${r.signerIndex === this.signer && !this.mixed ? 'ls-dv-selected' : ''} ${isApproverDisabled ? 'ls-dv-item-disabled' : ''}`}\n                    style={{\n                      '--background-selected': defaultRolePalette[r.signerIndex % 100].s10,\n                      '--role-name-selected': defaultRolePalette[r.signerIndex % 100].s100,\n                      '--role-type-selected': defaultRolePalette[r.signerIndex % 100].s80,\n                      '--check-icon-selected': defaultRolePalette[r.signerIndex % 100].s50,\n                    }}\n                    onClick={() => !isApproverDisabled && this.selectRole(r.signerIndex)}\n                    data-tooltip-id={isApproverDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n                    data-tooltip-html={\n                      isApproverDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledApproverReason}</span>` : undefined\n                    }\n                  >\n                    <div\n                      class=\"ls-dv-role-icon\"\n                      style={{\n                        background: defaultRolePalette[r.signerIndex % 100].s40,\n                        color: defaultRolePalette[r.signerIndex % 100].s90,\n                      }}\n                    >\n                      <ls-icon name={this.getRoleIcon(r.roleType) as any} size={16} />\n                    </div>\n                    <div class=\"ls-dv-role-text\">\n                      <p class=\"ls-dv-role-name\">\n                        {r.name ||\n                          (r.signerIndex > 100\n                            ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 })\n                            : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n                      </p>\n                      <p class=\"ls-dv-role-type\">\n                        {r.roleType === 'WITNESS'\n                          ? dvI18n.t('participants.witness')\n                          : r.roleType === 'APPROVER'\n                            ? dvI18n.t('participants.approver')\n                            : dvI18n.t('participants.signer')}\n                      </p>\n                    </div>\n                    {isApproverDisabled ? (\n                      <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n                    ) : (\n                      <ls-icon\n                        class=\"ls-dv-check-icon\"\n                        name={r.signerIndex === this.signer && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n                        solid={r.signerIndex === this.signer && !this.mixed}\n                      />\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n        <ls-tooltip tooltipId=\"ls-dv-assignee-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CxBIa83N.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-assignee-select/ls-assignee-select.scss?tag=ls-assignee-select&encapsulation=shadow","src/components/ls-assignee-select/ls-assignee-select.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-assignee-dropdown {\n  position: relative;\n  width: 100%;\n}\n\n.ls-dv-assignee-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.25rem;\n  padding-left: 0.75rem;\n  border-radius: 0.75rem;\n  border: 1px solid $gray-40;\n  background: $gray-10;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  position: relative;\n}\n\n.ls-dv-assignee-header.ls-dv-disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.ls-dv-leading-icon {\n  color: $gray-80;\n  flex-shrink: 0;\n}\n\n.ls-dv-assignee-name {\n  flex: 1;\n  font-size: var(--text-sm);\n  font-weight: 400;\n  color: $gray-100;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--font-family);\n}\n\n.ls-dv-reassign-btn {\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-40;\n  background: $white;\n  color: $gray-80;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.ls-dv-reassign-btn:hover {\n  border-color: $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-assignee-list {\n  position: absolute;\n  top: calc(100% + 0.25rem);\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n  border-radius: 1rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  z-index: 100;\n  max-height: 15rem;\n  overflow-y: auto;\n}\n\n.ls-dv-assignee-item {\n  display: flex;\n  padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.75rem;\n  cursor: pointer;\n}\n\n.ls-dv-assignee-item:hover {\n  background: $gray-10;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled:hover {\n  background: transparent;\n}\n\n.ls-dv-assignee-item.ls-dv-selected,\n.ls-dv-assignee-item.ls-dv-selected:hover {\n  background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-role-icon {\n  display: flex;\n  padding: 0.375rem;\n  border-radius: 0.5rem;\n  flex-shrink: 0;\n}\n\n.ls-dv-role-text {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n}\n\n.ls-dv-role-name {\n  color: $gray-100;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ls-dv-role-type {\n  color: $gray-70;\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-check-icon {\n  color: $gray-40;\n  flex-shrink: 0;\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-check-icon {\n  color: var(--check-icon-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-name {\n  color: var(--role-name-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-type {\n  color: var(--role-type-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-assignee-select',\n  styleUrl: 'ls-assignee-select.scss',\n  shadow: true,\n})\nexport class LsAssigneeSelect {\n  @Element() el: HTMLElement;\n\n  @Prop() signer: number;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() disabled: boolean = false;\n  /** Tooltip reason why Sender is disabled. Empty string = enabled. */\n  @Prop() disabledSenderReason: string = '';\n  /** Tooltip reason why Approvers are disabled. Empty string = enabled. */\n  @Prop() disabledApproverReason: string = '';\n  /** Show mixed state (for multi-select when signers differ) */\n  @Prop() mixed: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  @Event() assigneeChange: EventEmitter<number>;\n\n  @Watch('signer')\n  handleSignerChange() {\n    // force re-render\n  }\n\n  @Listen('click', { target: 'window' })\n  handleWindowClick(event: MouseEvent) {\n    if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n      this.isOpen = false;\n    }\n  }\n\n  private getSelectedRole(): { signerIndex: number; name: string; roleType: string } {\n    if (this.mixed) {\n      return { signerIndex: 0, name: dvI18n.t('fieldproperties.mixed'), roleType: 'MIXED' };\n    }\n    if (this.signer === 0) {\n      return { signerIndex: 0, name: dvI18n.t('fieldproperties.sender'), roleType: 'SENDER' };\n    }\n    const role = this.roles?.find(r => r.signerIndex === this.signer);\n    if (role) {\n      return { signerIndex: role.signerIndex, name: role.name || dvI18n.t('participants.participant', { index: role.signerIndex }), roleType: role.roleType };\n    }\n    return { signerIndex: this.signer, name: dvI18n.t('participants.participant', { index: this.signer }), roleType: 'SIGNER' };\n  }\n\n  private getRoleIcon(roleType: string) {\n    switch (roleType) {\n      case 'SENDER':\n        return 'user-icon';\n      case 'APPROVER':\n        return 'check-circle-icon';\n      case 'WITNESS':\n        return 'eye-icon';\n      case 'MIXED':\n        return 'user-icon';\n      default:\n        return 'signature-icon';\n    }\n  }\n\n  private selectRole(signerIndex: number) {\n    this.isOpen = false;\n    this.assigneeChange.emit(signerIndex);\n  }\n\n  private toggleDropdown = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  render() {\n    const selected = this.getSelectedRole();\n    const senderDisabled = !!this.disabledSenderReason;\n\n    return (\n      <Host>\n        <div class=\"ls-dv-assignee-dropdown\">\n          <div class={`ls-dv-assignee-header ${this.disabled ? 'ls-dv-disabled' : ''}`}>\n            <ls-icon class=\"ls-dv-leading-icon\" name={this.getRoleIcon(selected.roleType) as any} size={18} />\n            <span class=\"ls-dv-assignee-name\">{selected.name}</span>\n            {!this.disabled && (\n              <button\n                class=\"ls-dv-reassign-btn\"\n                onClick={e => {\n                  e.stopPropagation();\n                  this.toggleDropdown();\n                }}\n                data-tooltip-id=\"ls-dv-tooltip\"\n                data-tooltip-content={dvI18n.t('fieldproperties.reassign')}\n              >\n                <ls-icon name=\"switch-horizontal-icon\" size={16} />\n              </button>\n            )}\n          </div>\n          {this.isOpen && (\n            <div class=\"ls-dv-assignee-list\">\n              <div\n                class={`ls-dv-assignee-item ${this.signer === 0 && !this.mixed ? 'ls-dv-selected' : ''} ${senderDisabled ? 'ls-dv-item-disabled' : ''}`}\n                style={{\n                  '--background-selected': defaultRolePalette[0].s10,\n                  '--role-name-selected': defaultRolePalette[0].s80,\n                  '--role-type-selected': defaultRolePalette[0].s80,\n                  '--check-icon-selected': defaultRolePalette[0].s50,\n                }}\n                onClick={() => !senderDisabled && this.selectRole(0)}\n                data-tooltip-id={senderDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n                data-tooltip-html={\n                  senderDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledSenderReason}</span>` : undefined\n                }\n              >\n                <div\n                  class=\"ls-dv-role-icon\"\n                  style={{\n                    background: defaultRolePalette[0].s50,\n                    color: defaultRolePalette[0].s80,\n                  }}\n                >\n                  <ls-icon name=\"user-icon\" size={16} />\n                </div>\n                <div class=\"ls-dv-role-text\">\n                  <p class=\"ls-dv-role-name\">{dvI18n.t('fieldproperties.sender')}</p>\n                </div>\n                {senderDisabled ? (\n                  <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n                ) : (\n                  <ls-icon class=\"ls-dv-check-icon\" name={this.signer === 0 && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'} solid={this.signer === 0 && !this.mixed} />\n                )}\n              </div>\n              {this.roles.map(r => {\n                const isApproverDisabled = r.roleType === 'APPROVER' && !!this.disabledApproverReason;\n                return (\n                  <div\n                    class={`ls-dv-assignee-item ${r.signerIndex === this.signer && !this.mixed ? 'ls-dv-selected' : ''} ${isApproverDisabled ? 'ls-dv-item-disabled' : ''}`}\n                    style={{\n                      '--background-selected': defaultRolePalette[r.signerIndex % 100].s10,\n                      '--role-name-selected': defaultRolePalette[r.signerIndex % 100].s100,\n                      '--role-type-selected': defaultRolePalette[r.signerIndex % 100].s80,\n                      '--check-icon-selected': defaultRolePalette[r.signerIndex % 100].s50,\n                    }}\n                    onClick={() => !isApproverDisabled && this.selectRole(r.signerIndex)}\n                    data-tooltip-id={isApproverDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n                    data-tooltip-html={\n                      isApproverDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledApproverReason}</span>` : undefined\n                    }\n                  >\n                    <div\n                      class=\"ls-dv-role-icon\"\n                      style={{\n                        background: defaultRolePalette[r.signerIndex % 100].s40,\n                        color: defaultRolePalette[r.signerIndex % 100].s90,\n                      }}\n                    >\n                      <ls-icon name={this.getRoleIcon(r.roleType) as any} size={16} />\n                    </div>\n                    <div class=\"ls-dv-role-text\">\n                      <p class=\"ls-dv-role-name\">\n                        {r.name ||\n                          (r.signerIndex > 100\n                            ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 })\n                            : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n                      </p>\n                      <p class=\"ls-dv-role-type\">\n                        {r.roleType === 'WITNESS'\n                          ? dvI18n.t('participants.witness')\n                          : r.roleType === 'APPROVER'\n                            ? dvI18n.t('participants.approver')\n                            : dvI18n.t('participants.signer')}\n                      </p>\n                    </div>\n                    {isApproverDisabled ? (\n                      <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n                    ) : (\n                      <ls-icon\n                        class=\"ls-dv-check-icon\"\n                        name={r.signerIndex === this.signer && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n                        solid={r.signerIndex === this.signer && !this.mixed}\n                      />\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n        <ls-tooltip tooltipId=\"ls-dv-assignee-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-D6grL59P.js → p-D1YFoc0l.js}

@@ -1,10 +1,10 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$7 } from './p-C-vCe5Wm.js';
-import { d as defineCustomElement$6 } from './p-gvdT4if6.js';
-import { d as defineCustomElement$5 } from './p-BTcdVmkv.js';
+import { d as defineCustomElement$7 } from './p-Ds2yihe8.js';
+import { d as defineCustomElement$6 } from './p-DtIt9SZR.js';
+import { d as defineCustomElement$5 } from './p-CZ9xdGQd.js';
 import { d as defineCustomElement$4 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$3 } from './p-DmrshWtQ.js';
-import { d as defineCustomElement$2 } from './p-BddWzZuD.js';
+import { d as defineCustomElement$3 } from './p-DYVjHU88.js';
+import { d as defineCustomElement$2 } from './p-T_Emh7AC.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
 const lsFieldPropertiesAutosignCss = () => `:host{display:block}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -78,6 +78,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesAutosign as L, defineCustomElement as d };
-//# sourceMappingURL=p-D6grL59P.js.map
+//# sourceMappingURL=p-D1YFoc0l.js.map
 
-//# sourceMappingURL=p-D6grL59P.js.map
+//# sourceMappingURL=p-D1YFoc0l.js.map

package/dist/components/{p-D6grL59P.js.map → p-D1YFoc0l.js.map}

@@ -1 +1 @@
-{"file":"p-D6grL59P.js","mappings":";;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IACR,QAAQ,GAAY,KAAK;IAEhC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACzE,CAA8B,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAEjF,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-autosign/ls-field-properties-autosign.scss?tag=ls-field-properties-autosign&encapsulation=shadow","src/components/ls-field-properties-autosign/ls-field-properties-autosign.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-autosign',\n  styleUrl: 'ls-field-properties-autosign.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAutosign {\n  @Prop() dataItem: LSApiElement;\n  @Prop() readonly: boolean = false;\n \n   render() {\n     return (\n       <Host>\n         <div class={\"ls-dv-field-properties-section\"}>Self Sign Field</div>\n         <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n         <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n         <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n\n          <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n         <slot></slot>\n       </Host>\n     );\n   }\n}\n"],"version":3}
+{"file":"p-D1YFoc0l.js","mappings":";;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,88IAA88I,CAAC;;MCQ9+I,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC5B,IAAA,QAAQ;IACR,QAAQ,GAAY,KAAK;IAEhC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACzE,CAA8B,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAEjF,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EACtE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-autosign/ls-field-properties-autosign.scss?tag=ls-field-properties-autosign&encapsulation=shadow","src/components/ls-field-properties-autosign/ls-field-properties-autosign.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-autosign',\n  styleUrl: 'ls-field-properties-autosign.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAutosign {\n  @Prop() dataItem: LSApiElement;\n  @Prop() readonly: boolean = false;\n \n   render() {\n     return (\n       <Host>\n         <div class={\"ls-dv-field-properties-section\"}>Self Sign Field</div>\n         <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n         <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n         <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n\n          <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n         <slot></slot>\n       </Host>\n     );\n   }\n}\n"],"version":3}

package/dist/components/{p-WCNsFhYD.js → p-D8XvOxx7.js}

@@ -1,7 +1,7 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Al32p_JM.js';
+import { d as dvI18n } from './p-DU-efe4l.js';
 import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
-import { d as defineCustomElement$2 } from './p-C2JalniE.js';
+import { d as defineCustomElement$2 } from './p-B5lJU9KU.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 
 const lsHelperBarCss = () => `.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:var(--rounded-full, 9999px);gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6f7176)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
@@ -21,7 +21,7 @@ const LsHelperBar = /*@__PURE__*/ proxyCustomElement(class LsHelperBar extends H
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '64217d6d821bd50de67e0a40106e5c9e2224cd0d' }, h("div", { key: 'd775827895edfa072bc77966cf99a2bda0c79ae5', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: '10d458b846203ea54409f132be7656ff063b8251', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: 'ab3374448a0ac9d6d30d9f3ab1fafbfc45a7b087', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: '2f07663618838c831c2b16c7860ac86b1105d634', name: "keyboard-icon" })), h("button", { key: 'ce5ee367fc502880657d2fdd6f15a0d3121d306a', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: '7918093e745d1239969e34a75b42949e48191b3e', name: "book-open-icon" })), h("button", { key: 'e8de2ad302b12bf7c46c304d5f64e2a38fb17b19', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: '2af72724ada4007550d68f72e46f62fe38e54d48', name: "support-icon" })), h("div", { key: '0c7e11e5f68f4ab3aa58558797baa05c4cbe3d6a', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '975805f3fa50a38013a893a004647c7833dc2c0d' }, h("ls-icon", { key: '4216d7323158064159fd7e6749501d8d8c31abec', name: "question-mark-circle-icon" }))), h("slot", { key: 'f5e4de203885a60f561b3114461ae0b707869f16' }), h("ls-tooltip", { key: '223a4b705ed09309e169499e910a5f421a42fdea', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: 'd5e1243216fa194ac7c97b62db936e22698fe169' }, h("div", { key: 'e78e3daf51bfac8af93f2c08658067162b6a4998', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: 'd2198e6894c5e0fa5f151064b1a0b3554ceff854', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, h("ls-keyboard-shortcuts", { key: '34a955a2beee583c0b4aa3704623672005e8d3c2', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), h("ls-icon", { key: 'ac263769b9d6fcae145ba9b63282e0d6f858bb6d', name: "keyboard-icon" })), h("button", { key: '90cc038c4d034740ca2fb84b08b5cc42d862bbe0', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.viewdocumentation')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: 'cfa12c39dff0ba244bf472fb01cc1530aaa250c2', name: "book-open-icon" })), h("button", { key: 'e94ab87db268479dda3e2390a8947333e1340053', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<span style="white-space:nowrap">${dvI18n.t('helperbar.contactsupport')}</span>`, "data-tooltip-place": this.isSafari ? 'top' : 'left' }, h("ls-icon", { key: 'f5f890a3ac7bfa086115ab4b2f34de2428816302', name: "support-icon" })), h("div", { key: '2c724587391030ae69a5305685ee528e75322677', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '0134860acb82f218c0ede9e7406e4b1afb63ede3' }, h("ls-icon", { key: '01fe6aff9c191152310170a4544c04bba0961de3', name: "question-mark-circle-icon" }))), h("slot", { key: 'b4e1197d97abcdc8545769bbe97bb0f6e81d2b38' }), h("ls-tooltip", { key: '3c73a484c2e7ef8ad6434efb6c43ced8a794f788', tooltipId: "ls-dv-tooltip" })));
     }
     static get style() { return lsHelperBarCss(); }
 }, [769, "ls-helper-bar", {
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsHelperBar as L, defineCustomElement as d };
-//# sourceMappingURL=p-WCNsFhYD.js.map
+//# sourceMappingURL=p-D8XvOxx7.js.map
 
-//# sourceMappingURL=p-WCNsFhYD.js.map
+//# sourceMappingURL=p-D8XvOxx7.js.map

package/dist/components/{p-WCNsFhYD.js.map → p-D8XvOxx7.js.map}

@@ -1 +1 @@
-{"file":"p-WCNsFhYD.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-helper-bar/ls-helper-bar.scss?tag=ls-helper-bar&encapsulation=shadow","src/components/ls-helper-bar/ls-helper-bar.tsx"],"sourcesContent":[".ls-dv-controls-bar {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  border: 1px solid $gray-30;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: $rounded-full;\n  gap: 0.75rem;\n  padding: 0.5rem;\n}\n\nbutton {\n  all: unset;\n  border: 0;\n  color: $gray-80;\n}\n\nbutton:hover {\n  color: $gray-100;\n  border-radius: 0.625rem;\n}\n\nbutton:disabled {\n  color: $gray-40;\n  cursor: not-allowed;\n}\n\n.ls-dv-divider {\n  height: 1px;\n  background-color: $gray-30;\n  width: 100%;\n  margin: -0.25rem 0;\n}","import { Component, Element, Host, Prop, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-helper-bar',\n  styleUrl: 'ls-helper-bar.scss',\n  shadow: true,\n})\nexport class LsHelperBar {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) expanded: boolean = false;\n  @Prop({ mutable: true }) showShortcuts: boolean = false;\n\n  private isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'ls-dv-controls-bar'} onMouseEnter={() => (this.expanded = true)} onMouseLeave={() => (this.expanded = false)}>\n          <button\n            style={!this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }}\n            id=\"keyboard-btn\"\n            onMouseEnter={() => (this.showShortcuts = true)}\n            onMouseLeave={() => (this.showShortcuts = false)}\n          >\n            <ls-keyboard-shortcuts style={!this.showShortcuts ? { display: 'none' } : { display: 'block' }} />\n            <ls-icon name=\"keyboard-icon\" />\n          </button>\n          {/* <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} data-pendo=\"launch-new-edit-tour\">\n            <ls-icon name=\"map-icon\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content=\"Take a Guided Tour\" data-tooltip-place=\"left\" />\n          </button> */}\n          <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.viewdocumentation')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n            <ls-icon name=\"book-open-icon\" />\n          </button>\n          <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://support.legalesign.io/tickets', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.contactsupport')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n            <ls-icon name=\"support-icon\" />\n          </button>\n          <div class=\"ls-dv-divider\" style={!this.expanded ? { display: 'none' } : { display: 'block' }} />\n          <button>\n            <ls-icon name=\"question-mark-circle-icon\" />\n          </button>\n        </div>\n        <slot></slot>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-D8XvOxx7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-helper-bar/ls-helper-bar.scss?tag=ls-helper-bar&encapsulation=shadow","src/components/ls-helper-bar/ls-helper-bar.tsx"],"sourcesContent":[".ls-dv-controls-bar {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  background-color: white;\n  border: 1px solid $gray-30;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: $rounded-full;\n  gap: 0.75rem;\n  padding: 0.5rem;\n}\n\nbutton {\n  all: unset;\n  border: 0;\n  color: $gray-80;\n}\n\nbutton:hover {\n  color: $gray-100;\n  border-radius: 0.625rem;\n}\n\nbutton:disabled {\n  color: $gray-40;\n  cursor: not-allowed;\n}\n\n.ls-dv-divider {\n  height: 1px;\n  background-color: $gray-30;\n  width: 100%;\n  margin: -0.25rem 0;\n}","import { Component, Element, Host, Prop, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-helper-bar',\n  styleUrl: 'ls-helper-bar.scss',\n  shadow: true,\n})\nexport class LsHelperBar {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) expanded: boolean = false;\n  @Prop({ mutable: true }) showShortcuts: boolean = false;\n\n  private isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n\n  componentDidLoad() {\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'ls-dv-controls-bar'} onMouseEnter={() => (this.expanded = true)} onMouseLeave={() => (this.expanded = false)}>\n          <button\n            style={!this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }}\n            id=\"keyboard-btn\"\n            onMouseEnter={() => (this.showShortcuts = true)}\n            onMouseLeave={() => (this.showShortcuts = false)}\n          >\n            <ls-keyboard-shortcuts style={!this.showShortcuts ? { display: 'none' } : { display: 'block' }} />\n            <ls-icon name=\"keyboard-icon\" />\n          </button>\n          {/* <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} data-pendo=\"launch-new-edit-tour\">\n            <ls-icon name=\"map-icon\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content=\"Take a Guided Tour\" data-tooltip-place=\"left\" />\n          </button> */}\n          <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://docs.legalesign.com/web-app/how-to/useedit', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.viewdocumentation')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n            <ls-icon name=\"book-open-icon\" />\n          </button>\n          <button style={!this.expanded ? { display: 'none' } : { display: 'block' }} onClick={() => window.open('https://support.legalesign.io/tickets', '_blank')} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-html={`<span style=\"white-space:nowrap\">${dvI18n.t('helperbar.contactsupport')}</span>`} data-tooltip-place={this.isSafari ? 'top' : 'left'}>\n            <ls-icon name=\"support-icon\" />\n          </button>\n          <div class=\"ls-dv-divider\" style={!this.expanded ? { display: 'none' } : { display: 'block' }} />\n          <button>\n            <ls-icon name=\"question-mark-circle-icon\" />\n          </button>\n        </div>\n        <slot></slot>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CLn6CMAa.js → p-DNZ70kWZ.js}

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