legalesign-document-viewer 1.0.0 → 1.0.2

package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js

@@ -4,8 +4,9 @@ export class LsFieldPropertiesSignature {
     template; // LSApiTemplate
     roles = [];
     readonly = false;
+    filtertoolbox = null;
     render() {
-        return (h(Host, { key: '19bd4082ec7a45d6f22d96ec712a2d564615c91e' }, h("ls-field-properties-container", { key: '73157e60ab17f49343450d1d98a6c16adbbda793', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '822040d04d327f6f71af89bd44f5f31589397414', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '44b642f4145f1318e584e7437e1d3b9219198829', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '5a9cdbf24b59f09ca1a72fafdaf3f0b2e7cc0b7f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3d02a98f22528b6a143b203c0f3f6c63499cdacb', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '66edde0dc88bd633d6e812c8fe8ed0da9659581a', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: '091adf94e3a99ce0021c6d8f9a15f374d223ac78', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'ffd2154cc34fbb34d7501888ff7ea6f6907cfab7', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '4a10a3f207149801165d8855a268ba809f614d63', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '71890b7d7a186f981a6a6874140ab1a4c0927e85' }, h("ls-field-properties-container", { key: '02cf9c239560a4c4f6b86ec1b7158d41c4b88fba', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '3cbe53f2dec0e8f104fe1c6d36cf577996c136fa', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '70329dac5dc0728fa37a2fa1a8ab33b35c3fbb50', dataItem: this.dataItem, roles: this.roles, showValidationTypes: false, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: 'ceeac0231ddc7396f2ce5ff67001a96e6786f6c2', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'a39d3dcaaea6d8153aca01db46444968a08ce488', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '70ca8293a3e62c9702869feb778cc2f118373e3b', dataItem: this.dataItem, template: this.template, readonly: this.readonly })), h("div", { key: '2f32dc537f84e9809c081c6b7869bffddfc66171', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '0e5c9c3f35523a5ffea5d426cc0b441176491f58', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '27ccf9062e4777e28163e0ad90db31102ddd8cc3', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get is() { return "ls-field-properties-signature"; }
     static get encapsulation() { return "shadow"; }
@@ -106,6 +107,26 @@ export class LsFieldPropertiesSignature {
                 "reflect": false,
                 "attribute": "readonly",
                 "defaultValue": "false"
+            },
+            "filtertoolbox": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filtertoolbox",
+                "defaultValue": "null"
             }
         };
     }

package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-field-properties-signature.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,0BAA0B;IAC7B,QAAQ,CAAe;IACvB,QAAQ,CAAM,CAAC,gBAAgB;IAC/B,KAAK,GAAgB,EAAE,CAAC;IACxB,QAAQ,GAAY,KAAK,CAAC;IAElC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBACrH,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9E;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpE,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n  tag: 'ls-field-properties-signature',\n  styleUrl: 'ls-field-properties-signature.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n  @Prop() dataItem: LSApiElement;\n  @Prop() template: any; // LSApiTemplate\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-field-properties-signature.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,0BAA0B;IAC7B,QAAQ,CAAe;IACvB,QAAQ,CAAM,CAAC,gBAAgB;IAC/B,KAAK,GAAgB,EAAE,CAAC;IACxB,QAAQ,GAAY,KAAK,CAAC;IAC1B,aAAa,GAAW,IAAI,CAAC;IAErC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI;oBACxJ,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9E;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9F;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpE,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n  tag: 'ls-field-properties-signature',\n  styleUrl: 'ls-field-properties-signature.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n  @Prop() dataItem: LSApiElement;\n  @Prop() template: any; // LSApiTemplate\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={false} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} template={this.template} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js

@@ -3,8 +3,9 @@ export class LsFieldPropertiesText {
     dataItem;
     roles = [];
     readonly = false;
+    filtertoolbox = null;
     render() {
-        return (h(Host, { key: '1990cfcc7301046afbc2c664a3539a43b3677518' }, h("ls-field-properties-container", { key: 'f29c7cc95219c6fce831f40dfef7427dec803864', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5e5ff24ea6e9e4b428dbbe9ef3f1fdda17158e0f', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '7326177fabaa07de20bd2f6b05fe7c3c43594855', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '3cc01c99d325828f40b9363a7f648ec28de98ab3', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '5d04961a8cc3432cf890b5495ab12ffce46e6f2e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'fe2da9e8b7f5443c792bfc6d164a61bcb2bd06b7', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '6e11e2d5dd87bf9779244f229f8429f0f7d5e913', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'd923eca171670980920beefcc5926f3fea0ef6c2', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'eb13dc49bb6f377b59ce039f1553c7bdb913afd7', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '57219b2a99d90b64587ae33a744d6af81fea9e3d' }, h("ls-field-properties-container", { key: 'ab6ee3f4564fcfb9ddb31c0a32f67935505dcbda', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ecc22318126e92b54c8696d94812ded394084d12', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '3b4b0b841a36b3d170962ab194de9be48a3e6df0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '3a8193327c773938c912f281841b8d7e5d2d01e6', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '36c0e139d30d6c7d453029613eba0a263df3ea3e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '75646ab5bd9e109efb1c8a45fdf65c0dc2a95780', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '9c424eb72b7eaf28dfcdd4a603d218f6f43862dd', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'c5dfa0d2256b6bad91bfdf57f16f74d545138fa2', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'b2ab8604c791c3160342382b2cd55024de259f5b', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get is() { return "ls-field-properties-text"; }
     static get encapsulation() { return "shadow"; }
@@ -86,6 +87,26 @@ export class LsFieldPropertiesText {
                 "reflect": false,
                 "attribute": "readonly",
                 "defaultValue": "false"
+            },
+            "filtertoolbox": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filtertoolbox",
+                "defaultValue": "null"
             }
         };
     }

package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-field-properties-text.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-text/ls-field-properties-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,qBAAqB;IACxB,QAAQ,CAAe;IACvB,KAAK,GAAgB,EAAE,CAAC;IACxB,QAAQ,GAAY,KAAK,CAAC;IAElC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;oBACzF,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9E;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrE;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpE,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n  tag: 'ls-field-properties-text',\n  styleUrl: 'ls-field-properties-text.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesText {\n  @Prop() dataItem: LSApiElement;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} readonly={this.readonly} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-field-properties-text.js","sourceRoot":"","sources":["../../../../src/components/ls-field-properties-text/ls-field-properties-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,qBAAqB;IACxB,QAAQ,CAAe;IACvB,KAAK,GAAgB,EAAE,CAAC;IACxB,QAAQ,GAAY,KAAK,CAAC;IAC1B,aAAa,GAAW,IAAI,CAAC;IAErC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,sFAA+B,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC;gBACzE,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS;oBAC3C,yEAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI;oBAC5H,qFAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC9E;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY;oBAC9C,4EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrE;gBACN,4DAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW;oBAC7C,2EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACpE,CACwB;YAChC,wEAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAChE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n  tag: 'ls-field-properties-text',\n  styleUrl: 'ls-field-properties-text.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesText {\n  @Prop() dataItem: LSApiElement;\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} roles={this.roles} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n            <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-field-type-select/ls-field-type-select.js

@@ -75,6 +75,8 @@ export class LsFieldTypeSelect {
     disabled = false;
     /** Show mixed state when multi-select has different field types */
     mixed = false;
+    /** Pipe-delimited filter for allowed field types */
+    filtertoolbox = null;
     isOpen = false;
     fieldTypeChange;
     handleWindowClick(event) {
@@ -93,21 +95,21 @@ export class LsFieldTypeSelect {
     }
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        const validTypes = getValidFieldTypes(this.roleTypes);
+        const validTypes = getValidFieldTypes(this.roleTypes).filter(t => this.filtertoolbox === null || this.filtertoolbox.split('|').includes(t));
         const displayLabel = this.mixed
             ? dvI18n.t('fieldproperties.mixed')
             : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
-        return (h(Host, { key: '0da0866eb4b6bd18343587eaf132cab26717de96' }, h("div", { key: '8d33ebf8335771c8bf14116b0664b9abad29b6a4', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '673c5287584995100ed21a9be83bc87c4a41d592', class: "ls-dv-fieldtype-header", style: {
+        return (h(Host, { key: '6bfe8fdca902983b87999b331d0ab9e4348d8119' }, h("div", { key: 'd9ecf1411a4b353db022651b5312d2eed8581ce4', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '2d39319df63a4bd49117efb6f6597ca0acf4998f', class: "ls-dv-fieldtype-header", style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'b1ffa32896bfb90b500822c95dffd7cd987f98c1', class: "ls-dv-fieldtype-inner" }, h("div", { key: '840d54ff98e4f5f2a359b10d2533f4b5019387ea', class: "ls-dv-fieldtype-icon", style: {
+            } }, h("div", { key: '0dc0422afef8b56b4eb126cf51d5d74eadd0b035', class: "ls-dv-fieldtype-inner" }, h("div", { key: 'e293fddbf13371be97cfae330245fc70a3d90fb6', class: "ls-dv-fieldtype-icon", style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '9fbf4829b98dad3f1cb422421757e42fbfef25af', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: '2f354830eb5cd5c17cb46259cf4946e22fe8a822', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '807318518989e8b33fd5b2a7e1e1383bb2ae11c9', class: "ls-dv-fieldtype-btn", onClick: e => {
+            } }, h("ls-icon", { key: 'd70e7c8a2166ab9a28025fdea837d4ef2548a568', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'fdac95009c85c06097d852de5e67c881614d22db', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '335160180754f0e4d7f3cb92b0dbf35700aa8ffe', class: "ls-dv-fieldtype-btn", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: 'a45d8d4afcf003134db6f99efa68402b4b3a699e', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'e3d6ef482583d3f235416287f20d77e47446d05d', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: 'b301132f3002fb687f22afc745791e031f0130ba', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'f8a2da27316feb75da093c9a6567dda9c491acc7', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
                 '--background-selected': color.s10,
                 '--check-icon-selected': color.s50,
             }, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {
@@ -249,6 +251,26 @@ export class LsFieldTypeSelect {
                 "reflect": false,
                 "attribute": "mixed",
                 "defaultValue": "false"
+            },
+            "filtertoolbox": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Pipe-delimited filter for allowed field types"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filtertoolbox",
+                "defaultValue": "null"
             }
         };
     }

package/dist/collection/components/ls-field-type-select/ls-field-type-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-field-type-select.js","sourceRoot":"","sources":["../../../../src/components/ls-field-type-select/ls-field-type-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n  'signature': 'toolbox.signature',\n  'auto sign': 'toolbox.autosign',\n  'text': 'toolbox.text',\n  'signing date': 'toolbox.signingdate',\n  'date': 'toolbox.date',\n  'initials': 'toolbox.initials',\n  'checkbox': 'toolbox.checkbox',\n  'email': 'toolbox.email',\n  'number': 'toolbox.number',\n  'dropdown': 'toolbox.dropdown',\n  'file': 'toolbox.file',\n  'drawn field': 'toolbox.drawn',\n  'regular expression': 'toolbox.regex',\n};\n\n/** All field types in display order */\nconst ALL_FIELD_TYPES = [\n  'signature',\n  'text',\n  'signing date',\n  'date',\n  'email',\n  'initials',\n  'number',\n  'dropdown',\n  'checkbox',\n  'file',\n  'drawn field',\n  'regular expression',\n];\n\n/**\n * Returns the list of valid field types given role types of the selected fields.\n * - Sender: no signature, no initials, no file\n * - Approver: no signature, no auto sign, no initials, no file\n * - Signer/Witness: all except auto sign\n */\nconst getValidFieldTypes = (roleTypes: string[]): string[] => {\n  let excluded: Set<string> = new Set();\n\n  for (const roleType of roleTypes) {\n    switch (roleType) {\n      case 'SENDER':\n        excluded.add('signature');\n        excluded.add('initials');\n        excluded.add('file');\n        excluded.add('signing date');\n        excluded.add('drawn field');\n        excluded.add('regular expression');\n        break;\n      case 'APPROVER':\n        excluded.add('signature');\n        excluded.add('initials');\n        excluded.add('file');\n        break;\n      default: // SIGNER, WITNESS\n        break;\n    }\n  }\n\n  return ALL_FIELD_TYPES.filter(ft => !excluded.has(ft));\n};\n\n@Component({\n  tag: 'ls-field-type-select',\n  styleUrl: 'ls-field-type-select.scss',\n  shadow: true,\n})\nexport class LsFieldTypeSelect {\n  @Element() el: HTMLElement;\n\n  /** Current field type (e.g. 'text', 'signature') */\n  @Prop() fieldType: string = 'text';\n  /** Signer index for colour */\n  @Prop() assignee: number = 1;\n  /** Roles from the template for determining valid types */\n  @Prop() roles: LSApiRole[] = [];\n  /** Role types of the selected field(s) — used to filter valid types */\n  @Prop() roleTypes: string[] = ['SIGNER'];\n  /** Whether the select is disabled */\n  @Prop() disabled: boolean = false;\n  /** Show mixed state when multi-select has different field types */\n  @Prop() mixed: boolean = false;\n\n  @State() isOpen: boolean = false;\n\n  @Event() fieldTypeChange: EventEmitter<string>;\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 toggleDropdown = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private selectFieldType(type: string) {\n    this.isOpen = false;\n    this.fieldTypeChange.emit(type);\n  }\n\n  render() {\n    const color = defaultRolePalette[this.assignee % 100];\n    const validTypes = getValidFieldTypes(this.roleTypes);\n    const displayLabel = this.mixed\n      ? dvI18n.t('fieldproperties.mixed')\n      : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');\n\n    return (\n      <Host>\n        <div class=\"ls-dv-fieldtype-dropdown\">\n          <div\n            class=\"ls-dv-fieldtype-header\"\n            style={{\n              border: `1px dashed ${color.s30}`,\n              background: color.s10,\n            }}\n          >\n            <div class=\"ls-dv-fieldtype-inner\">\n              <div\n                class=\"ls-dv-fieldtype-icon\"\n                style={{\n                  border: `1px solid ${color.s60}`,\n                  color: color.s60,\n                  background: color.s10,\n                }}\n              >\n                <ls-icon name={this.mixed ? 'view-grid-icon' as any : getFieldIcon(this.fieldType) as any} size={20} />\n              </div>\n              <span class=\"ls-dv-fieldtype-name\">{displayLabel}</span>\n              {!this.disabled && (\n                <button\n                  class=\"ls-dv-fieldtype-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.changefieldtype')}\n                >\n                  <ls-icon name=\"switch-horizontal-icon\" size={16} />\n                </button>\n              )}\n            </div>\n          </div>\n          {this.isOpen && (\n            <div class=\"ls-dv-fieldtype-list\">\n              {validTypes.map(type => (\n                <div\n                  class={`ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`}\n                  style={{\n                    '--background-selected': color.s10,\n                    '--check-icon-selected': color.s50,\n                  }}\n                  onClick={() => this.selectFieldType(type)}\n                >\n                  <div\n                    class=\"ls-dv-fieldtype-item-icon\"\n                    style={{\n                      color: color.s60,\n                    }}\n                  >\n                    <ls-icon name={getFieldIcon(type) as any} size={16} />\n                  </div>\n                  <span class=\"ls-dv-fieldtype-item-name\">\n                    {dvI18n.t(fieldTypeKeyMap[type] || 'toolbox.text')}\n                  </span>\n                  <ls-icon\n                    class=\"ls-dv-check-icon\"\n                    name={type === this.fieldType && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n                    solid={type === this.fieldType && !this.mixed}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-field-type-select.js","sourceRoot":"","sources":["../../../../src/components/ls-field-type-select/ls-field-type-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n  'signature': 'toolbox.signature',\n  'auto sign': 'toolbox.autosign',\n  'text': 'toolbox.text',\n  'signing date': 'toolbox.signingdate',\n  'date': 'toolbox.date',\n  'initials': 'toolbox.initials',\n  'checkbox': 'toolbox.checkbox',\n  'email': 'toolbox.email',\n  'number': 'toolbox.number',\n  'dropdown': 'toolbox.dropdown',\n  'file': 'toolbox.file',\n  'drawn field': 'toolbox.drawn',\n  'regular expression': 'toolbox.regex',\n};\n\n/** All field types in display order */\nconst ALL_FIELD_TYPES = [\n  'signature',\n  'text',\n  'signing date',\n  'date',\n  'email',\n  'initials',\n  'number',\n  'dropdown',\n  'checkbox',\n  'file',\n  'drawn field',\n  'regular expression',\n];\n\n/**\n * Returns the list of valid field types given role types of the selected fields.\n * - Sender: no signature, no initials, no file\n * - Approver: no signature, no auto sign, no initials, no file\n * - Signer/Witness: all except auto sign\n */\nconst getValidFieldTypes = (roleTypes: string[]): string[] => {\n  let excluded: Set<string> = new Set();\n\n  for (const roleType of roleTypes) {\n    switch (roleType) {\n      case 'SENDER':\n        excluded.add('signature');\n        excluded.add('initials');\n        excluded.add('file');\n        excluded.add('signing date');\n        excluded.add('drawn field');\n        excluded.add('regular expression');\n        break;\n      case 'APPROVER':\n        excluded.add('signature');\n        excluded.add('initials');\n        excluded.add('file');\n        break;\n      default: // SIGNER, WITNESS\n        break;\n    }\n  }\n\n  return ALL_FIELD_TYPES.filter(ft => !excluded.has(ft));\n};\n\n@Component({\n  tag: 'ls-field-type-select',\n  styleUrl: 'ls-field-type-select.scss',\n  shadow: true,\n})\nexport class LsFieldTypeSelect {\n  @Element() el: HTMLElement;\n\n  /** Current field type (e.g. 'text', 'signature') */\n  @Prop() fieldType: string = 'text';\n  /** Signer index for colour */\n  @Prop() assignee: number = 1;\n  /** Roles from the template for determining valid types */\n  @Prop() roles: LSApiRole[] = [];\n  /** Role types of the selected field(s) — used to filter valid types */\n  @Prop() roleTypes: string[] = ['SIGNER'];\n  /** Whether the select is disabled */\n  @Prop() disabled: boolean = false;\n  /** Show mixed state when multi-select has different field types */\n  @Prop() mixed: boolean = false;\n  /** Pipe-delimited filter for allowed field types */\n  @Prop() filtertoolbox: string = null;\n\n  @State() isOpen: boolean = false;\n\n  @Event() fieldTypeChange: EventEmitter<string>;\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 toggleDropdown = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n  };\n\n  private selectFieldType(type: string) {\n    this.isOpen = false;\n    this.fieldTypeChange.emit(type);\n  }\n\n  render() {\n    const color = defaultRolePalette[this.assignee % 100];\n    const validTypes = getValidFieldTypes(this.roleTypes).filter(t => this.filtertoolbox === null || this.filtertoolbox.split('|').includes(t));\n    const displayLabel = this.mixed\n      ? dvI18n.t('fieldproperties.mixed')\n      : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');\n\n    return (\n      <Host>\n        <div class=\"ls-dv-fieldtype-dropdown\">\n          <div\n            class=\"ls-dv-fieldtype-header\"\n            style={{\n              border: `1px dashed ${color.s30}`,\n              background: color.s10,\n            }}\n          >\n            <div class=\"ls-dv-fieldtype-inner\">\n              <div\n                class=\"ls-dv-fieldtype-icon\"\n                style={{\n                  border: `1px solid ${color.s60}`,\n                  color: color.s60,\n                  background: color.s10,\n                }}\n              >\n                <ls-icon name={this.mixed ? 'view-grid-icon' as any : getFieldIcon(this.fieldType) as any} size={20} />\n              </div>\n              <span class=\"ls-dv-fieldtype-name\">{displayLabel}</span>\n              {!this.disabled && (\n                <button\n                  class=\"ls-dv-fieldtype-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.changefieldtype')}\n                >\n                  <ls-icon name=\"switch-horizontal-icon\" size={16} />\n                </button>\n              )}\n            </div>\n          </div>\n          {this.isOpen && (\n            <div class=\"ls-dv-fieldtype-list\">\n              {validTypes.map(type => (\n                <div\n                  class={`ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`}\n                  style={{\n                    '--background-selected': color.s10,\n                    '--check-icon-selected': color.s50,\n                  }}\n                  onClick={() => this.selectFieldType(type)}\n                >\n                  <div\n                    class=\"ls-dv-fieldtype-item-icon\"\n                    style={{\n                      color: color.s60,\n                    }}\n                  >\n                    <ls-icon name={getFieldIcon(type) as any} size={16} />\n                  </div>\n                  <span class=\"ls-dv-fieldtype-item-name\">\n                    {dvI18n.t(fieldTypeKeyMap[type] || 'toolbox.text')}\n                  </span>\n                  <ls-icon\n                    class=\"ls-dv-check-icon\"\n                    name={type === this.fieldType && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n                    solid={type === this.fieldType && !this.mixed}\n                  />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-left-bar/ls-left-bar.js

@@ -74,7 +74,7 @@ export class LsLeftBar {
         return (h("div", { class: "ls-dv-field-properties-outer" }, h("div", { class: "ls-dv-properties-header" }, h("div", { class: "ls-dv-properties-header-icon" }, h("ls-icon", { name: "pre-filled-content-icon" })), h("h1", { class: "ls-dv-properties-header-title" }, dvI18n.t('viewer.fieldproperties')), h("button", { class: "ls-dv-tertiary-grey", onClick: e => {
                 this.clearSelected.emit();
                 e.preventDefault();
-            }, style: { borderRadius: '0.75rem' }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('viewer.closepropertiespanel') }, h("ls-icon", { name: "x-icon", size: 20 }))), h("ls-field-properties", { id: "my-field-panel", dataItem: this.selectedDataItems, template: this.template, readonly: this.template?.locked || false })));
+            }, style: { borderRadius: '0.75rem' }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('viewer.closepropertiespanel') }, h("ls-icon", { name: "x-icon", size: 20 }))), h("ls-field-properties", { id: "my-field-panel", dataItem: this.selectedDataItems, template: this.template, readonly: this.template?.locked || false, filtertoolbox: this.filtertoolbox })));
     }
     renderToolbox() {
         return (h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, h("div", { class: "ls-dv-editor-infobox" }, h("h2", { class: "ls-dv-toolbox-section-title" }, dvI18n.t('toolbox.title')), h("p", { class: "ls-dv-toolbox-section-description" }, dvI18n.t('toolbox.description'))), h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'signature' })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'auto sign' })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'text' })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'signing date' })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'date' })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'email' })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'initials' })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'number' })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'dropdown' })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'checkbox' })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'regular expression' })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'file' })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "text", formElementType: "drawn field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.signer, isSelected: this.fieldTypeSelected?.formElementType === 'drawn field' })))));

package/dist/collection/components/ls-left-bar/ls-left-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-left-bar.js","sourceRoot":"","sources":["../../../../src/components/ls-left-bar/ls-left-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n  tag: 'ls-left-bar',\n  styleUrl: 'ls-left-bar.scss',\n  shadow: true,\n})\nexport class LsLeftBar {\n  @Element() el: HTMLElement;\n\n  @Prop() mode: 'editor' | 'compose' | 'preview' = 'editor';\n  @Prop() selected: HTMLLsEditorFieldElement[] = [];\n  @Prop() manager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation';\n  @Prop() signer: number;\n  @Prop() filtertoolbox: string = null;\n  @Prop() template: LSApiTemplate;\n  @Prop() recipients: any[];\n  @Prop() validationErrors: ValidationError[] = [];\n  @Prop() fieldTypeSelected: IToolboxField;\n  @Prop() displayTable: boolean = false;\n  @Prop() busy: boolean = false;\n  @Prop() selectedDataItems: any[] = [];\n\n  @Event() managerChange: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n  @Event() clearSelected: EventEmitter<void>;\n\n  @Watch('manager')\n  managerWatchHandler(newManager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation') {\n    if (newManager === 'document') {\n      const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n      if (dm) dm.template = this.template;\n    } else if (newManager === 'participant') {\n      const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n      if (pm) pm.template = this.template;\n    } else if (newManager === 'validation') {\n      const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n      if (vm) vm.validationErrors = this.validationErrors;\n    }\n  }\n\n  componentDidLoad() {\n    const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n    if (leftBox) {\n      leftBox.addEventListener('mousedown', e => e.stopPropagation());\n      leftBox.addEventListener('mouseup', e => e.stopPropagation());\n      leftBox.addEventListener('mousemove', e => e.stopPropagation());\n    }\n  }\n\n  @Watch('signer')\n  signerChanged() {\n    try {\n      const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n      if (recipientManager) {\n        const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n        if (recipientsBox) {\n          recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n      }\n    } catch (e) {\n      // fail silently\n    }\n  }\n\n  private showTool(fieldFormType: string): boolean {\n    return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n  }\n\n  private checkType(type: LSApiRoleType): boolean {\n    if (this.mode === 'compose' && this.recipients) {\n      return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    } else if (this.template) {\n      return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    }\n    return false;\n  }\n\n  private renderFieldProperties() {\n    if (this.displayTable || this.selected.length === 0) return null;\n    return (\n      <div class=\"ls-dv-field-properties-outer\">\n        <div class=\"ls-dv-properties-header\">\n          <div class=\"ls-dv-properties-header-icon\">\n            <ls-icon name=\"pre-filled-content-icon\" />\n          </div>\n          <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n          <button\n            class=\"ls-dv-tertiary-grey\"\n            onClick={e => {\n              this.clearSelected.emit();\n              e.preventDefault();\n            }}\n            style={{ borderRadius: '0.75rem' }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n          >\n            <ls-icon name=\"x-icon\" size={20} />\n          </button>\n        </div>\n        <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked || false}></ls-field-properties>\n      </div>\n    );\n  }\n\n  private renderToolbox() {\n    return (\n      <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n        <div class=\"ls-dv-editor-infobox\">\n          <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n          <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n        </div>\n        <div class=\"ls-dv-fields-box\">\n          {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n            <ls-toolbox-field\n              elementType=\"signature\"\n              formElementType=\"signature\"\n              label={dvI18n.t('toolbox.signature')}\n              defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n              validation={0}\n              icon=\"signature-icon\"\n              tooltip={dvI18n.t('toolbox.signaturetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n            />\n          )}\n          {this.signer === 0 && this.showTool('auto sign') && (\n            <ls-toolbox-field\n              elementType=\"admin\"\n              formElementType=\"auto sign\"\n              label={dvI18n.t('toolbox.autosign')}\n              defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n              validation={3000}\n              icon=\"auto-sign-icon\"\n              tooltip={dvI18n.t('toolbox.autosigntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n            />\n          )}\n          {this.showTool('text') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"text\"\n              label={dvI18n.t('toolbox.text')}\n              defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n              validation={0}\n              icon=\"text-icon\"\n              tooltip={dvI18n.t('toolbox.texttooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('signing date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"signing date\"\n              label={dvI18n.t('toolbox.signingdate')}\n              defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n              validation={32}\n              icon=\"auto-date-icon\"\n              tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n            />\n          )}\n          {this.showTool('date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"date\"\n              label={dvI18n.t('toolbox.date')}\n              defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n              validation={4}\n              icon=\"calender-icon\"\n              tooltip={dvI18n.t('toolbox.datetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n            />\n          )}\n          {this.showTool('email') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"email\"\n              label={dvI18n.t('toolbox.email')}\n              defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n              validation={1}\n              icon=\"at-symbol-icon\"\n              tooltip={dvI18n.t('toolbox.emailtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n            />\n          )}\n          {this.showTool('initials') && (\n            <ls-toolbox-field\n              elementType=\"initials\"\n              formElementType=\"initials\"\n              label={dvI18n.t('toolbox.initials')}\n              defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n              validation={2000}\n              icon=\"initials-icon\"\n              tooltip={dvI18n.t('toolbox.initialstooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n            />\n          )}\n          {this.showTool('number') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"number\"\n              label={dvI18n.t('toolbox.number')}\n              defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n              validation={50}\n              icon=\"hashtag-icon\"\n              tooltip={dvI18n.t('toolbox.numbertooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n            />\n          )}\n          {this.showTool('dropdown') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"dropdown\"\n              label={dvI18n.t('toolbox.dropdown')}\n              defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n              validation={20}\n              icon=\"dropdown-icon\"\n              tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n            />\n          )}\n          {this.showTool('checkbox') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"checkbox\"\n              label={dvI18n.t('toolbox.checkbox')}\n              defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n              validation={25}\n              icon=\"check-icon\"\n              tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('regex') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"regular expression\"\n              label={dvI18n.t('toolbox.regex')}\n              defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n              validation={93}\n              icon=\"code-icon\"\n              tooltip={dvI18n.t('toolbox.regextooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n            />\n          )}\n\n          {this.signer > 0 && this.showTool('file') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"file\"\n              label={dvI18n.t('toolbox.file')}\n              defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n              validation={74}\n              icon=\"upload-icon\"\n              tooltip={dvI18n.t('toolbox.filetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('drawn') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"drawn field\"\n              label={dvI18n.t('toolbox.drawn')}\n              defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n              validation={90}\n              icon=\"pencil-icon\"\n              tooltip={dvI18n.t('toolbox.drawntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderEditor() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          {this.renderToolbox()}\n          <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n          <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n          <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  private renderCompose() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n            <div class=\"ls-dv-scroll-gradient-top\" />\n            <div class=\"ls-dv-scroll-gradient-bottom\" />\n            <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n            <div class=\"ls-dv-recipients-box\">\n              {this.recipients &&\n                this.recipients.map(recipient => (\n                  <ls-recipient-card\n                    recipient={recipient}\n                    activeRecipient={this.signer}\n                    filtertoolbox={this.filtertoolbox}\n                    template={this.template}\n                    validationErrors={this.validationErrors}\n                    fieldTypeSelected={this.fieldTypeSelected}\n                    data-signer-index={recipient.signerIndex}\n                  />\n                ))}\n            </div>\n            <slot name=\"recipient-panel\"></slot>\n          </ls-recipient-manager>\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  render() {\n    return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n  }\n}\n"]}
+{"version":3,"file":"ls-left-bar.js","sourceRoot":"","sources":["../../../../src/components/ls-left-bar/ls-left-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n  tag: 'ls-left-bar',\n  styleUrl: 'ls-left-bar.scss',\n  shadow: true,\n})\nexport class LsLeftBar {\n  @Element() el: HTMLElement;\n\n  @Prop() mode: 'editor' | 'compose' | 'preview' = 'editor';\n  @Prop() selected: HTMLLsEditorFieldElement[] = [];\n  @Prop() manager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation';\n  @Prop() signer: number;\n  @Prop() filtertoolbox: string = null;\n  @Prop() template: LSApiTemplate;\n  @Prop() recipients: any[];\n  @Prop() validationErrors: ValidationError[] = [];\n  @Prop() fieldTypeSelected: IToolboxField;\n  @Prop() displayTable: boolean = false;\n  @Prop() busy: boolean = false;\n  @Prop() selectedDataItems: any[] = [];\n\n  @Event() managerChange: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n  @Event() clearSelected: EventEmitter<void>;\n\n  @Watch('manager')\n  managerWatchHandler(newManager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation') {\n    if (newManager === 'document') {\n      const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n      if (dm) dm.template = this.template;\n    } else if (newManager === 'participant') {\n      const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n      if (pm) pm.template = this.template;\n    } else if (newManager === 'validation') {\n      const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n      if (vm) vm.validationErrors = this.validationErrors;\n    }\n  }\n\n  componentDidLoad() {\n    const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n    if (leftBox) {\n      leftBox.addEventListener('mousedown', e => e.stopPropagation());\n      leftBox.addEventListener('mouseup', e => e.stopPropagation());\n      leftBox.addEventListener('mousemove', e => e.stopPropagation());\n    }\n  }\n\n  @Watch('signer')\n  signerChanged() {\n    try {\n      const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n      if (recipientManager) {\n        const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n        if (recipientsBox) {\n          recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n      }\n    } catch (e) {\n      // fail silently\n    }\n  }\n\n  private showTool(fieldFormType: string): boolean {\n    return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n  }\n\n  private checkType(type: LSApiRoleType): boolean {\n    if (this.mode === 'compose' && this.recipients) {\n      return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    } else if (this.template) {\n      return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    }\n    return false;\n  }\n\n  private renderFieldProperties() {\n    if (this.displayTable || this.selected.length === 0) return null;\n    return (\n      <div class=\"ls-dv-field-properties-outer\">\n        <div class=\"ls-dv-properties-header\">\n          <div class=\"ls-dv-properties-header-icon\">\n            <ls-icon name=\"pre-filled-content-icon\" />\n          </div>\n          <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n          <button\n            class=\"ls-dv-tertiary-grey\"\n            onClick={e => {\n              this.clearSelected.emit();\n              e.preventDefault();\n            }}\n            style={{ borderRadius: '0.75rem' }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n          >\n            <ls-icon name=\"x-icon\" size={20} />\n          </button>\n        </div>\n        <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked || false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n      </div>\n    );\n  }\n\n  private renderToolbox() {\n    return (\n      <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n        <div class=\"ls-dv-editor-infobox\">\n          <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n          <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n        </div>\n        <div class=\"ls-dv-fields-box\">\n          {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n            <ls-toolbox-field\n              elementType=\"signature\"\n              formElementType=\"signature\"\n              label={dvI18n.t('toolbox.signature')}\n              defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n              validation={0}\n              icon=\"signature-icon\"\n              tooltip={dvI18n.t('toolbox.signaturetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n            />\n          )}\n          {this.signer === 0 && this.showTool('auto sign') && (\n            <ls-toolbox-field\n              elementType=\"admin\"\n              formElementType=\"auto sign\"\n              label={dvI18n.t('toolbox.autosign')}\n              defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n              validation={3000}\n              icon=\"auto-sign-icon\"\n              tooltip={dvI18n.t('toolbox.autosigntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n            />\n          )}\n          {this.showTool('text') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"text\"\n              label={dvI18n.t('toolbox.text')}\n              defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n              validation={0}\n              icon=\"text-icon\"\n              tooltip={dvI18n.t('toolbox.texttooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('signing date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"signing date\"\n              label={dvI18n.t('toolbox.signingdate')}\n              defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n              validation={32}\n              icon=\"auto-date-icon\"\n              tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n            />\n          )}\n          {this.showTool('date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"date\"\n              label={dvI18n.t('toolbox.date')}\n              defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n              validation={4}\n              icon=\"calender-icon\"\n              tooltip={dvI18n.t('toolbox.datetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n            />\n          )}\n          {this.showTool('email') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"email\"\n              label={dvI18n.t('toolbox.email')}\n              defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n              validation={1}\n              icon=\"at-symbol-icon\"\n              tooltip={dvI18n.t('toolbox.emailtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n            />\n          )}\n          {this.showTool('initials') && (\n            <ls-toolbox-field\n              elementType=\"initials\"\n              formElementType=\"initials\"\n              label={dvI18n.t('toolbox.initials')}\n              defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n              validation={2000}\n              icon=\"initials-icon\"\n              tooltip={dvI18n.t('toolbox.initialstooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n            />\n          )}\n          {this.showTool('number') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"number\"\n              label={dvI18n.t('toolbox.number')}\n              defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n              validation={50}\n              icon=\"hashtag-icon\"\n              tooltip={dvI18n.t('toolbox.numbertooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n            />\n          )}\n          {this.showTool('dropdown') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"dropdown\"\n              label={dvI18n.t('toolbox.dropdown')}\n              defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n              validation={20}\n              icon=\"dropdown-icon\"\n              tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n            />\n          )}\n          {this.showTool('checkbox') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"checkbox\"\n              label={dvI18n.t('toolbox.checkbox')}\n              defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n              validation={25}\n              icon=\"check-icon\"\n              tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('regex') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"regular expression\"\n              label={dvI18n.t('toolbox.regex')}\n              defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n              validation={93}\n              icon=\"code-icon\"\n              tooltip={dvI18n.t('toolbox.regextooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n            />\n          )}\n\n          {this.signer > 0 && this.showTool('file') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"file\"\n              label={dvI18n.t('toolbox.file')}\n              defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n              validation={74}\n              icon=\"upload-icon\"\n              tooltip={dvI18n.t('toolbox.filetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('drawn') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"drawn field\"\n              label={dvI18n.t('toolbox.drawn')}\n              defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n              validation={90}\n              icon=\"pencil-icon\"\n              tooltip={dvI18n.t('toolbox.drawntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderEditor() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          {this.renderToolbox()}\n          <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n          <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n          <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  private renderCompose() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n            <div class=\"ls-dv-scroll-gradient-top\" />\n            <div class=\"ls-dv-scroll-gradient-bottom\" />\n            <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n            <div class=\"ls-dv-recipients-box\">\n              {this.recipients &&\n                this.recipients.map(recipient => (\n                  <ls-recipient-card\n                    recipient={recipient}\n                    activeRecipient={this.signer}\n                    filtertoolbox={this.filtertoolbox}\n                    template={this.template}\n                    validationErrors={this.validationErrors}\n                    fieldTypeSelected={this.fieldTypeSelected}\n                    data-signer-index={recipient.signerIndex}\n                  />\n                ))}\n            </div>\n            <slot name=\"recipient-panel\"></slot>\n          </ls-recipient-manager>\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  render() {\n    return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n  }\n}\n"]}

package/dist/collection/components/ls-recipient-card/ls-recipient-card.js

@@ -66,8 +66,7 @@ export class LsRecipientCard {
     render() {
         const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
         const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
-        const dropdownsMissingOptions = recipientFields.filter(f => f.validation === 20 && (!f.options || f.options.length === 0));
-        return (h(Host, { key: 'd04c10ea912458749fcbf821f4185adb03274fe0' }, h("div", { key: 'd3bded16f3a1fc75ec164ee2d1107d9724ec0fcc', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
+        return (h(Host, { key: '2a4f5263ceefc8ab53464b28b5168a1848aa26c7' }, h("div", { key: '702d888a47556b00d5093061e596a8a05dd07f3d', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
                 border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
                 outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -79,14 +78,14 @@ export class LsRecipientCard {
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, h("div", { key: '5ae864ef4eaf571f165a16356b4f57bd5299fa95', class: 'ls-dv-participant-card-inner' }, h("div", { key: '459b8f9898dde3da15a9ae63971a3529bb9ac76d', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '64489043af4cdc284549a049c0041d218ee6fd8c', class: 'ls-dv-role-label', style: {
+            } }, h("div", { key: '85b3b0f882fd3d2109e18cda167bd81cbce42189', class: 'ls-dv-participant-card-inner' }, h("div", { key: 'e49d233fdf52556e786212275c151518c2476bc0', class: 'ls-dv-participant-card-top-items' }, h("div", { key: '48e6c9ec0db238bcfa3fbd4bc5612dfaf0cfeed3', class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, h("ls-icon", { key: '8331a545338140bef7e5505f3510c6ff2c37d649', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), h("ls-icon", { key: '6d1346bf7dc81c2ad544577db65d020f8772ee5a', name: "cursor-click-icon", size: 16, customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '7b5e69b01d82487154a049e6dcabf9f1b5ae3e10', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), h("div", { key: 'f30bf325cd312c25eb8cbd955ca23240dd1f9c79', class: 'ls-dv-participant-card-text' }, h("p", { key: '6c9cdd89546289a6e9e89241677f833e23ce8a0a', class: "ls-dv-participant-text-description", style: {
+            } }, h("ls-icon", { key: 'e2f15fb1d4cdbca396949fca0a7752af9bbcf1d6', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon', size: 16 }), dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)), h("ls-icon", { key: '8d7445cca26f11a4ae0ddb2c657cc4b409a2f080', name: "cursor-click-icon", size: 16, customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: 'c5408988e80aba5d0e7e1cee30041189314c737d', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex && v?.title === 'Missing signature').length > 0 ? 'block' : 'none' } })), h("div", { key: '51beeccdf06b2c5530f1e99824b10c833e61ee44', class: 'ls-dv-participant-card-text' }, h("p", { key: '805290f97da2ace60e92c7ffc05f6c7b2ec481b3', class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: 'a63e7fc9d88d53a4b122e4afdf1deef3c3994f5a', class: "ls-dv-participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName), h("p", { key: '42e2e7a4413a5070d64edefb6a7ae686ad9f06f5', class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
-            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: 'fb0fa317955f06a4b01a8afee800712b5a575735', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (h("ls-toolbox-field", { key: '67c18a26d30931b11fe0bd0296ed920295002a6e', elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: '0c55b9d99492cad3579fff98743ad4e42fa50018', elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: '411310f2aa28bdbd3a836af9589b4044f47bbbbd', elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '7204d90a2670e0a4b4cc7cc27ea5285b0415483a', elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'f378019728bc9436ce634dabf7a5c13071dab463', elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '2381fc83e72f99fc1905489552f4039b62c00300', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '7fe3f5b7ccecce75796946d95377f3aebed97f56', elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '72baba17c9806aed68d7ca9ab8c2d845d87c621a', elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: 'b2a4d3706cde95a158364cd2db587c727c481fb1', elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex, redDot: dropdownsMissingOptions.length > 0 })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: 'b22b4c8f6e93756c24f282f35febb16374dae4b8', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '67099aef1a215664cceb7e25bf075d700bcab3e4', elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '96acbc5d9fb5c7248ed0cc58a8ab720be00d3c13', elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: 'f44866c18a9342495af64a75c4c171e72197e268', elementType: "text", formElementType: "drawn field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: 'ede1015402f97f7b5598fe91498df0f7c92cabdc' }), h("ls-tooltip", { key: 'f4966a475b14094610c89c873a8b8bc17fb5ec12', tooltipId: "ls-dv-tooltip" })));
+            } }, this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email)), h("div", { key: '7daaaff9e50ce398e9dcc31d7a495bb1bba395e9', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (h("ls-toolbox-field", { key: 'a491cc97deb86026c70f2e3156483242fa453c11', elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'e818b1440b8f3f6a6e00a41f2727488455640b09', elementType: "admin", formElementType: "auto sign", label: dvI18n.t('toolbox.autosign'), defaultHeight: FIELD_DEFAULTS['auto sign'].defaultHeight, defaultWidth: FIELD_DEFAULTS['auto sign'].defaultWidth, validation: 3000, icon: "auto-sign-icon", tooltip: dvI18n.t('toolbox.autosigntooltip'), signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'ebd027748e80bb8a973b96fcf3ff8435be9e89e6', elementType: "text", formElementType: "text", label: dvI18n.t('toolbox.text'), defaultHeight: FIELD_DEFAULTS['text'].defaultHeight, defaultWidth: FIELD_DEFAULTS['text'].defaultWidth, validation: 0, icon: "text-icon", tooltip: dvI18n.t('toolbox.texttooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '386bb07d5239db57a6788ca133348527e54092e0', elementType: "text", formElementType: "signing date", label: dvI18n.t('toolbox.signingdate'), defaultHeight: FIELD_DEFAULTS['signing date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signing date'].defaultWidth, validation: 32, icon: "auto-date-icon", tooltip: dvI18n.t('toolbox.signingdatetooltip'), signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: '80b6ab767e42170f1d8c356f37ebe10e57f86352', elementType: "text", formElementType: "date", label: dvI18n.t('toolbox.date'), defaultHeight: FIELD_DEFAULTS['date'].defaultHeight, defaultWidth: FIELD_DEFAULTS['date'].defaultWidth, validation: 4, icon: "calender-icon", tooltip: dvI18n.t('toolbox.datetooltip'), signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: 'e02577159e6ac554ca37c2bb955b348071d0adbc', elementType: "text", formElementType: "email", label: dvI18n.t('toolbox.email'), defaultHeight: FIELD_DEFAULTS['email'].defaultHeight, defaultWidth: FIELD_DEFAULTS['email'].defaultWidth, validation: 1, icon: "at-symbol-icon", tooltip: dvI18n.t('toolbox.emailtooltip'), signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '02e0e4587ea0b743940acf25fd4071261e14a0a9', elementType: "initials", formElementType: "initials", label: dvI18n.t('toolbox.initials'), defaultHeight: FIELD_DEFAULTS['initials'].defaultHeight, defaultWidth: FIELD_DEFAULTS['initials'].defaultWidth, validation: 2000, icon: "initials-icon", tooltip: dvI18n.t('toolbox.initialstooltip'), signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: 'cfd5cd9ee9a6a73e0a95af1321355cbff5cc92af', elementType: "text", formElementType: "number", label: dvI18n.t('toolbox.number'), defaultHeight: FIELD_DEFAULTS['number'].defaultHeight, defaultWidth: FIELD_DEFAULTS['number'].defaultWidth, validation: 50, icon: "hashtag-icon", tooltip: dvI18n.t('toolbox.numbertooltip'), signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: 'd1f4e1f57086888417ba5ac148c9d1c6f2912ff7', elementType: "text", formElementType: "dropdown", label: dvI18n.t('toolbox.dropdown'), defaultHeight: FIELD_DEFAULTS['dropdown'].defaultHeight, defaultWidth: FIELD_DEFAULTS['dropdown'].defaultWidth, validation: 20, icon: "dropdown-icon", tooltip: dvI18n.t('toolbox.dropdowntooltip'), signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: 'e239f00135b7087f54068541bae300039bf56b2d', elementType: "text", formElementType: "checkbox", label: dvI18n.t('toolbox.checkbox'), defaultHeight: FIELD_DEFAULTS['checkbox'].defaultHeight, defaultWidth: FIELD_DEFAULTS['checkbox'].defaultWidth, validation: 25, icon: "check-icon", tooltip: dvI18n.t('toolbox.checkboxtooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '3f3d50c54ea368538ce47479a878f8ab4b66fb94', elementType: "text", formElementType: "regular expression", label: dvI18n.t('toolbox.regex'), defaultHeight: FIELD_DEFAULTS['regular expression'].defaultHeight, defaultWidth: FIELD_DEFAULTS['regular expression'].defaultWidth, validation: 93, icon: "code-icon", tooltip: dvI18n.t('toolbox.regextooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: 'a56f532223bef1586676fc060188d1b8116eda55', elementType: "text", formElementType: "file", label: dvI18n.t('toolbox.file'), defaultHeight: FIELD_DEFAULTS['file'].defaultHeight, defaultWidth: FIELD_DEFAULTS['file'].defaultWidth, validation: 74, icon: "upload-icon", tooltip: dvI18n.t('toolbox.filetooltip'), signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: 'ca63a2c307133272f54da7cf22f707f2d7cc1ee5', elementType: "text", formElementType: "drawn field", label: dvI18n.t('toolbox.drawn'), defaultHeight: FIELD_DEFAULTS['drawn field'].defaultHeight, defaultWidth: FIELD_DEFAULTS['drawn field'].defaultWidth, validation: 90, icon: "pencil-icon", tooltip: dvI18n.t('toolbox.drawntooltip'), signer: this.recipient.signerIndex }))))), h("slot", { key: '1cfdde76efc52d7830ebd10f3b25ae02b4390d2a' }), h("ls-tooltip", { key: 'b0b8474aa28218786929cc4b4e1d94d755090097', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-recipient-card"; }
     static get encapsulation() { return "shadow"; }