legalesign-document-viewer 1.0.0 → 1.0.2

package/dist/components/p-Dy-dPxzq.js.map

@@ -0,0 +1 @@
+{"file":"p-Dy-dPxzq.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSn4J,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-text/ls-field-properties-text.scss?tag=ls-field-properties-text&encapsulation=shadow","src/components/ls-field-properties-text/ls-field-properties-text.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  display: flex;\n  gap: 0.5rem;\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  font-weight: 500;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid $gray-50;\n  background: $white;\n  color: $gray-90;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background-color: white;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","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"],"version":3}

package/dist/components/{p-D7rSbima.js → p-DzUG2q_b.js}

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 
 const lsKeyboardShortcutsCss = () => `:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.ls-dv-keyboard-shortcuts-tooltip{position:absolute;bottom:0;right:0;border-radius:0.625rem;background:var(--gray-100, #45484d);color:var(--white, #ffffff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:1rem;width:fit-content;white-space:nowrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.ls-dv-tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.5rem}.ls-dv-shortcuts-table{border-spacing:0}.ls-dv-shortcuts-table tr td{padding:0.2rem 0}.ls-dv-shortcut-keys{font-weight:500;padding-right:1rem;font-family:monospace;font-size:0.7rem;color:var(--gray-30, #e0e2e5)}.ls-dv-shortcut-label{color:var(--white, #ffffff)}#arrow{display:none}`;
 
@@ -49,6 +49,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsKeyboardShortcuts as L, defineCustomElement as d };
-//# sourceMappingURL=p-D7rSbima.js.map
+//# sourceMappingURL=p-DzUG2q_b.js.map
 
-//# sourceMappingURL=p-D7rSbima.js.map
+//# sourceMappingURL=p-DzUG2q_b.js.map

package/dist/components/{p-D7rSbima.js.map → p-DzUG2q_b.js.map}

@@ -1 +1 @@
-{"file":"p-D7rSbima.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.scss?tag=ls-keyboard-shortcuts&encapsulation=shadow","src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  pointer-events: none;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.ls-dv-keyboard-shortcuts-tooltip {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border-radius: 0.625rem;\n  background: $gray-100;\n  color: $white;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n  padding: 1rem;\n  width: fit-content;\n  white-space: nowrap;\n  z-index: 1000;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);\n}\n\n.ls-dv-tooltip-title {\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1rem;\n  margin-bottom: 0.5rem;\n}\n\n.ls-dv-shortcuts-table {\n  border-spacing: 0;\n\n  tr {\n    td {\n      padding: 0.2rem 0;\n    }\n  }\n}\n\n.ls-dv-shortcut-keys {\n  font-weight: 500;\n  padding-right: 1rem;\n  font-family: monospace;\n  font-size: 0.7rem;\n  color: $gray-30;\n}\n\n.ls-dv-shortcut-label {\n  color: $white;\n}\n\n#arrow {\n  display: none;\n}\n","import { Component, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-keyboard-shortcuts',\n  styleUrl: 'ls-keyboard-shortcuts.scss',\n  shadow: true,\n})\nexport class LsKeyboardShortcuts {\n\n  private isMac = navigator.platform?.toLowerCase().includes('mac') || navigator.userAgent?.toLowerCase().includes('mac');\n\n  private get mod() {\n    return this.isMac ? '⌘' : 'Ctrl';\n  }\n\n  render() {\n    const shortcuts = [\n      { keys: `${this.mod} + C`, label: dvI18n.t('shortcuts.copy') },\n      { keys: `${this.mod} + V`, label: dvI18n.t('shortcuts.paste') },\n      { keys: `${this.mod} + X`, label: dvI18n.t('shortcuts.cut') },\n      { keys: `${this.mod} + A`, label: dvI18n.t('shortcuts.selectall') },\n      { keys: `${this.mod} + Z`, label: dvI18n.t('shortcuts.undo') },\n      { keys: this.isMac ? '⌘ + ⇧ + Z' : 'Ctrl + Y', label: dvI18n.t('shortcuts.redo') },\n      { keys: 'D', label: dvI18n.t('shortcuts.duplicate') },\n      { keys: '⌫', label: dvI18n.t('shortcuts.delete') },\n      { keys: '↑ ↓ ← →', label: dvI18n.t('shortcuts.move') },\n      { keys: `${this.mod} + Scroll`, label: dvI18n.t('shortcuts.zoom') },\n      { keys: 'Esc', label: dvI18n.t('shortcuts.deselect') },\n    ];\n\n    return (\n      <div class={'ls-dv-keyboard-shortcuts-tooltip'}>\n        <div id=\"arrow\"></div>\n        <p class=\"ls-dv-tooltip-title\">{dvI18n.t('shortcuts.title')}</p>\n        <table class=\"ls-dv-shortcuts-table\">\n          {shortcuts.map(s => (\n            <tr>\n              <td class=\"ls-dv-shortcut-keys\">{s.keys}</td>\n              <td class=\"ls-dv-shortcut-label\">{s.label}</td>\n            </tr>\n          ))}\n        </table>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DzUG2q_b.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.scss?tag=ls-keyboard-shortcuts&encapsulation=shadow","src/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  pointer-events: none;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.ls-dv-keyboard-shortcuts-tooltip {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border-radius: 0.625rem;\n  background: $gray-100;\n  color: $white;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n  padding: 1rem;\n  width: fit-content;\n  white-space: nowrap;\n  z-index: 1000;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);\n}\n\n.ls-dv-tooltip-title {\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1rem;\n  margin-bottom: 0.5rem;\n}\n\n.ls-dv-shortcuts-table {\n  border-spacing: 0;\n\n  tr {\n    td {\n      padding: 0.2rem 0;\n    }\n  }\n}\n\n.ls-dv-shortcut-keys {\n  font-weight: 500;\n  padding-right: 1rem;\n  font-family: monospace;\n  font-size: 0.7rem;\n  color: $gray-30;\n}\n\n.ls-dv-shortcut-label {\n  color: $white;\n}\n\n#arrow {\n  display: none;\n}\n","import { Component, h } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-keyboard-shortcuts',\n  styleUrl: 'ls-keyboard-shortcuts.scss',\n  shadow: true,\n})\nexport class LsKeyboardShortcuts {\n\n  private isMac = navigator.platform?.toLowerCase().includes('mac') || navigator.userAgent?.toLowerCase().includes('mac');\n\n  private get mod() {\n    return this.isMac ? '⌘' : 'Ctrl';\n  }\n\n  render() {\n    const shortcuts = [\n      { keys: `${this.mod} + C`, label: dvI18n.t('shortcuts.copy') },\n      { keys: `${this.mod} + V`, label: dvI18n.t('shortcuts.paste') },\n      { keys: `${this.mod} + X`, label: dvI18n.t('shortcuts.cut') },\n      { keys: `${this.mod} + A`, label: dvI18n.t('shortcuts.selectall') },\n      { keys: `${this.mod} + Z`, label: dvI18n.t('shortcuts.undo') },\n      { keys: this.isMac ? '⌘ + ⇧ + Z' : 'Ctrl + Y', label: dvI18n.t('shortcuts.redo') },\n      { keys: 'D', label: dvI18n.t('shortcuts.duplicate') },\n      { keys: '⌫', label: dvI18n.t('shortcuts.delete') },\n      { keys: '↑ ↓ ← →', label: dvI18n.t('shortcuts.move') },\n      { keys: `${this.mod} + Scroll`, label: dvI18n.t('shortcuts.zoom') },\n      { keys: 'Esc', label: dvI18n.t('shortcuts.deselect') },\n    ];\n\n    return (\n      <div class={'ls-dv-keyboard-shortcuts-tooltip'}>\n        <div id=\"arrow\"></div>\n        <p class=\"ls-dv-tooltip-title\">{dvI18n.t('shortcuts.title')}</p>\n        <table class=\"ls-dv-shortcuts-table\">\n          {shortcuts.map(s => (\n            <tr>\n              <td class=\"ls-dv-shortcut-keys\">{s.keys}</td>\n              <td class=\"ls-dv-shortcut-label\">{s.label}</td>\n            </tr>\n          ))}\n        </table>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CKq4FH9m.js → p-Qxe4qT6a.js}

@@ -1,6 +1,6 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { F as FIELD_DEFAULTS } from './p-04cXI5GQ.js';
 import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$2 } from './p-BIGiHXfV.js';
@@ -81,8 +81,7 @@ const LsRecipientCard = /*@__PURE__*/ proxyCustomElement(class LsRecipientCard e
     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'}`,
@@ -94,14 +93,14 @@ const LsRecipientCard = /*@__PURE__*/ proxyCustomElement(class LsRecipientCard e
                 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 watchers() { return {
         "activeRecipient": ["handleExpandCollapse"]
@@ -149,6 +148,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsRecipientCard as L, defineCustomElement as d };
-//# sourceMappingURL=p-CKq4FH9m.js.map
+//# sourceMappingURL=p-Qxe4qT6a.js.map
 
-//# sourceMappingURL=p-CKq4FH9m.js.map
+//# sourceMappingURL=p-Qxe4qT6a.js.map

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

@@ -0,0 +1 @@
+{"file":"p-Qxe4qT6a.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-recipient-card/ls-recipient-card.scss?tag=ls-recipient-card&encapsulation=shadow","src/components/ls-recipient-card/ls-recipient-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-participant-card {\n  display: flex;\n  padding: 0.75rem;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0.5rem;\n  align-self: stretch;\n  max-height: 6.25rem;\n  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n  transform-origin: top;\n}\n\n.ls-dv-participant-card.ls-dv-expand-up {\n  transform-origin: bottom;\n}\n.ls-dv-participant-card.ls-dv-expand-down {\n  transform-origin: top;\n}\n\n.ls-dv-participant-card.ls-dv-expanded {\n  max-height: 125rem; /* large enough for any content */\n}\n\n.ls-dv-dot {\n  width: 0.5rem;\n  height: 0.5rem;\n  background: $red-50;\n  border-radius: 50%;\n  margin-right: 0.25rem;\n}\n\n.ls-dv-top-card {\n  border-radius: 1rem 1rem 0 0;\n}\n\n.ls-dv-full-card {\n  border-radius: 1.5rem;\n}\n\n.ls-dv-bottom-card {\n  border-radius: 0 0 1rem 1rem;\n}\n\n.ls-dv-participant-card-inner {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n}\n\n.ls-dv-form-button-set {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  text-transform: capitalize;\n}\n\n.ls-dv-fields-box {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-role-label.ls-dv-fields {\n  border-radius: 1rem;\n  margin-top: 0.5rem;\n}\n\n.ls-dv-inner-button {\n  margin: 0px;\n  padding: 0px;\n  max-height: 1.25rem !important;\n  max-width: 1.25rem !important;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  color: var(--default-button-colour);\n}\n\n.ls-dv-inner-button:hover {\n  color: var(--hover-button-colour);\n}\n\n.ls-dv-participant-card-top-items {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ls-dv-button-set {\n  display: flex;\n  gap: 0.125rem;\n}\n\n.ls-dv-participant-text-description {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-participant-text-type {\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-title-button {\n  width: 100%;\n  text-align: left;\n  background-color: transparent;\n  border: none;\n}\n\n/* Global Styles */\n\n.ls-dv-full-width {\n  width: 100%;\n}\n\n.ls-dv-participant-card-text {\n  padding: 0 0.125rem 0.125rem 0.125rem;\n}\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-tertiary {\n  border: 1px solid $primary-60;\n  background: transparent;\n  color: $primary-70;\n}\n\nbutton.ls-dv-tertiary:hover {\n  border: 1px solid $primary-70;\n  border: 1px solid $primary-80;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background: transparent;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n  background-color: $red-10;\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid $gray-50;\n  background: $white;\n  color: $gray-90;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Listen, Element, Watch } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSApiRecipient } from '../../types/LSApiRecipient';\nimport { LSApiTemplate } from '../../components';\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-recipient-card',\n  styleUrl: 'ls-recipient-card.scss',\n  shadow: true,\n})\nexport class LsRecipientCard {\n  @Element() component: HTMLElement;\n  /**\n   * The initial template data, including the link for background PDF. See README and\n   * example for correct GraphQL query and data structure.\n   * {LSApiTemplate}\n   */\n  @Prop() recipient: LSApiRecipient;\n  @Prop() activeRecipient: number;\n  @Prop() fieldTypeSelected: IToolboxField = {\n    label: 'Signature',\n    formElementType: 'signature',\n    elementType: 'signature',\n    validation: 0,\n    defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight,\n    defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth,\n  };\n  @Prop() template: LSApiTemplate;\n  @State() isHovered: boolean = false;\n\n  private setIsHovered(value: boolean) {\n    this.isHovered = value;\n  }\n  @Prop() validationErrors: ValidationError[] = [];\n\n  /**\n   * Allows the selection of fields in the toolbox to be limited to a | (pipe) delimited list.\n   * {string}\n   */\n  @Prop() filtertoolbox?: string = null;\n\n  // Send an internal event to be processed\n  @Event() changeSigner: EventEmitter<number>;\n\n  // Send an internal event to be processed\n  @Event() fieldSelected: EventEmitter<IToolboxField>;\n\n  @Listen('fieldTypeSelected')\n  handleFieldTypeSelected(event) {\n    const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');\n\n    console.log(fields);\n\n    fields.forEach(element => {\n      element.isSelected = element.formElementType === event.detail.formElementType;\n    });\n\n    this.fieldTypeSelected = event.detail;\n  }\n\n  showTool(fieldFormType: string): boolean {\n    return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n  }\n\n  private cardRef!: HTMLElement;\n\n  @Watch('activeRecipient')\n  handleExpandCollapse() {\n    if (!this.cardRef) return;\n\n    const isActive = this.activeRecipient === this.recipient.signerIndex;\n\n    if (isActive) {\n      // Expand\n      this.cardRef.style.maxHeight = this.cardRef.scrollHeight + 2 + 'px';\n    } else {\n      // Collapse\n      this.cardRef.style.maxHeight = '6rem';\n    }\n  }\n\n  componentDidLoad() {\n    const isActive = this.activeRecipient === this.recipient.signerIndex;\n    this.cardRef.style.maxHeight = isActive ? this.cardRef.scrollHeight + 2 + 'px' : '6rem';\n  }\n\n  render() {\n    const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];\n    const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');\n    return (\n      <Host>\n        <div\n          ref={el => (this.cardRef = el)}\n          class={`ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`}\n          style={{\n            background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,\n            border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,\n            outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,\n            marginTop: '0',\n            cursor: 'pointer',\n          }}\n          onClick={() => {\n            this.changeSigner.emit(this.recipient.signerIndex);\n          }}\n          onMouseEnter={() => {\n            this.setIsHovered(true);\n          }}\n          onMouseLeave={() => {\n            this.setIsHovered(false);\n          }}\n        >\n          <div class={'ls-dv-participant-card-inner'}>\n            <div class={'ls-dv-participant-card-top-items'}>\n              <div\n                class={'ls-dv-role-label'}\n                style={{\n                  background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,\n                  color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,\n                }}\n              >\n                <ls-icon name={this.recipient?.roleType === 'APPROVER' ? 'check-circle-icon' : this.recipient?.roleType === 'WITNESS' ? 'eye-icon' : 'signature-icon'} size={16} />\n                {dvI18n.t(`participants.${(this.recipient?.roleType || 'SIGNER').toLowerCase()}`)}\n              </div>\n              <ls-icon\n                name=\"cursor-click-icon\"\n                size={16}\n                customStyle={{ color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }}\n                solid\n                style={{ display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' }}\n              />\n              <div\n                class=\"ls-dv-dot\"\n                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' }}\n              />\n            </div>\n\n            <div class={'ls-dv-participant-card-text'}>\n              <p\n                class=\"ls-dv-participant-text-description\"\n                style={{\n                  color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,\n                }}\n              >\n                {this.recipient?.previousRecipientDecides ? dvI18n.t('common.tobedecided') : this.recipient?.firstName + ' ' + this.recipient?.lastName}\n              </p>\n              <p\n                class=\"ls-dv-participant-text-type\"\n                style={{\n                  color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,\n                }}\n              >\n                {this.recipient?.previousRecipientDecides ? dvI18n.t('common.previousrecipientdecidesdetails') : this.recipient.email}\n              </p>\n              {/* {this.recipient?.roleType !== 'APPROVER' && (\n                <div\n                  class={'ls-dv-role-label ls-dv-fields'}\n                  style={{\n                    background:\n                      recipientFields.length === 0 ? defaultRolePalette[this.recipient?.signerIndex % 100].s60 : defaultRolePalette[this.recipient?.signerIndex % 100].s20,\n                    color: recipientFields.length === 0 ? 'white' : defaultRolePalette[this.recipient?.signerIndex % 100].s90,\n                    // display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? '' : 'none',\n                  }}\n                >\n                  {recipientSignatures.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n                  {recipientSignatures.length === 0 ? 'Signature Required' : `${recipientFields.length} ${recipientFields.length === 1 ? 'Field' : 'Fields'}`}\n                </div>\n              )} */}\n            </div>\n\n            <div class=\"ls-dv-fields-box\" style={{ display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' }}>\n              {this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== '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.recipient.signerIndex}\n                  redDot={recipientSignatures.length === 0}\n                />\n              )}\n\n              {this.recipient.signerIndex === 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.recipient.signerIndex}\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.recipient.signerIndex}\n                />\n              )}\n\n              {this.recipient.signerIndex > 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.recipient.signerIndex}\n                />\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.recipient.signerIndex}\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.recipient.signerIndex}\n                />\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.recipient.signerIndex}\n                />\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.recipient.signerIndex}\n                />\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.recipient.signerIndex}\n                />\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.recipient.signerIndex}\n                />\n              )}\n\n              {this.recipient.signerIndex > 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.recipient.signerIndex}\n                />\n              )}\n\n              {this.recipient.signerIndex > 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.recipient.signerIndex}\n                />\n              )}\n              {this.recipient.signerIndex > 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.recipient.signerIndex}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n        <slot></slot>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Dbp-hj8N.js → p-WVWIAGo_.js}

@@ -2779,6 +2779,8 @@ const validation$h = {
 	recipientmissingsignature: "{{name}} is missing a signature",
 	recipientneedsignature: "Recipient needs a Signature Field placed for them",
 	recipientsneedsignatures: "Recipients need Signature Fields placed for them",
+	recipientrequiressignature: "Recipient requires a Signature Field",
+	recipientsrequiressignatures: "Recipients require Signature Fields",
 	optionsrequired: "Dropdown Options Required",
 	fieldneedsoptions: "Dropdown field needs options added",
 	fieldsneedoptions: "Dropdown fields need options added",
@@ -7895,6 +7897,6 @@ dvI18n.use(Browser).init({
 });
 
 export { dvI18n as d };
-//# sourceMappingURL=p-Dbp-hj8N.js.map
+//# sourceMappingURL=p-WVWIAGo_.js.map
 
-//# sourceMappingURL=p-Dbp-hj8N.js.map
+//# sourceMappingURL=p-WVWIAGo_.js.map