npm - legalesign-document-viewer - Versions diffs - 1.0.7 → 1.0.9 - Mend

legalesign-document-viewer 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (217) hide show

package/dist/components/{p-BJoHocUQ.js → p-CpiQFgrc.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$f, v as validateFieldValue, a as validationTypes, g as getInputType } from './p-BLMY8rNM.js';
+import { d as defineCustomElement$f, v as validateFieldValue, a as validationTypes, g as getInputType } from './p-SPfJL8BL.js';
 import { g as getDefaultValidationForType, a as getFieldPlaceholder, b as getFieldTitleSuggestion } from './p--oiqur2Y.js';
-import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { f as forceCloseDatePicker } from './index.js';
-import { d as defineCustomElement$h } from './p-CgoyKNia.js';
+import { d as defineCustomElement$h } from './p-DrY15WI3.js';
 import { d as defineCustomElement$g } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
+import { d as defineCustomElement$e } from './p-gI-BKLOF.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -226,16 +226,14 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
         this.update.emit([{ action: 'update', data: this.dataItem }]);
     }
     getSenderDisabledReason() {
-        const signerOnlyTypes = ['signing date', 'regular expression', 'image', 'file', 'drawn', 'drawn field'];
+        const signerOnlyTypes = ['file', 'drawn', 'drawn field', 'initials'];
         const fieldType = this.dataItem?.formElementType;
         if (signerOnlyTypes.includes(fieldType)) {
             const nameMap = {
-                'signing date': dvI18n.t('toolbox.signingdate'),
-                'regular expression': dvI18n.t('toolbox.regex'),
-                'image': dvI18n.t('toolbox.image'),
                 'file': dvI18n.t('toolbox.file'),
                 'drawn': dvI18n.t('toolbox.drawn'),
                 'drawn field': dvI18n.t('toolbox.drawn'),
+                'initials': dvI18n.t('toolbox.initials'),
             };
             return dvI18n.t('fieldproperties.cannotreassignsendersingle', { fieldTypes: nameMap[fieldType] || fieldType });
         }
@@ -253,6 +251,11 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
             this.alterImmediate({ signer: newSigner, formElementType: 'auto sign', elementType: 'admin', validation: 3000 });
             return;
         }
+        // Initials reassigned to Sender → becomes Text (sender can't have initials)
+        if (fieldType === 'initials' && newSigner === 0) {
+            this.alterImmediate({ signer: newSigner, formElementType: 'text', elementType: 'admin', validation: 0 });
+            return;
+        }
         // Any field reassigned to Sender → elementType becomes 'admin'
         // Any field reassigned away from Sender → elementType reverts to its formElementType category
         if (newSigner === 0) {
@@ -309,7 +312,7 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
         this.alterImmediate({ validation: newValidation, value: newValue });
     }
     render() {
-        return (h(Host, { key: 'f2695d6b0be7a1f227e4ec0a402c8d30b230957f' }, this.roles?.length > 0 && (h("ls-props-section", { key: '90aa78e28c9248ab72427067edde3c4dced1d4d1', sectionTitle: dvI18n.t('fieldproperties.assignee'), sectionDescription: dvI18n.t('fieldproperties.assigneedescription') }, h("ls-assignee-select", { key: '3eae837f63bca4fa50f087920e81fdd274f0ac50', signer: this.dataItem?.signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : '', onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("ls-props-section", { key: 'dd02103fdeb7aa059a70285f17606e9bc2475038', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-select", { key: '1315446ded6cb4f6eeebde98138259c0fc49ac87', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer, roles: this.roles, roleTypes: [this.getRoleType()], disabled: this.readonly, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), this.dataItem?.formElementType !== 'signature' && (h("ls-props-section", { key: 'a9335a5e678251b47a561660c57ac90dc1db4a78', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true, sectionDescription: dvI18n.t('fieldproperties.requiredfielddescription') }, h("ls-toggle", { key: '2d6ad9045ed62d17dfc38b8d2998cd1ff90d8187', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => !this.readonly && this.alterImmediate({ optional: !ev.detail }) }))), h("ls-props-section", { key: '6f4b480cea21715d2cf72583541296284406573a', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("ls-formfield", { key: '66a33605ec7344089b17a3ec6117d654496e8ad3', as: "text", name: "field-label", value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.supportsValue() && (h("ls-props-section", { key: '3e6af27f381635c6bc2235ee9e33b18c79f0e42e', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
+        return (h(Host, { key: '821442ecbc99b34befad57f7fa2dfb884afc4b17' }, this.roles?.length > 0 && (h("ls-props-section", { key: '1f4bc1eed67834086847e1eca498a11ba6acd7de', sectionTitle: dvI18n.t('fieldproperties.assignee'), sectionDescription: dvI18n.t('fieldproperties.assigneedescription') }, h("ls-assignee-select", { key: '167b7691910eff0d5c8a76026655c24a43eeed3f', signer: this.dataItem?.signer, roles: this.roles, disabled: this.readonly, disabledSenderReason: this.getSenderDisabledReason(), disabledApproverReason: this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : '', onAssigneeChange: ev => this.handleReassign(ev.detail) }))), h("ls-props-section", { key: 'b6771f8e5ea4077f2df44d8a2ef35340b3ac7ffd', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-select", { key: '9cab62379427c258f4ce0c50a83fa609f625e33a', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer, roles: this.roles, roleTypes: [this.getRoleType()], disabled: this.readonly, filtertoolbox: this.filtertoolbox, onFieldTypeChange: ev => this.handleFieldTypeChange(ev.detail) })), this.dataItem?.formElementType !== 'signature' && (h("ls-props-section", { key: '8d5ea2e6ca87e61a70f04bb35a547e3ed27e8a2e', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true, sectionDescription: dvI18n.t('fieldproperties.requiredfielddescription') }, h("ls-toggle", { key: '2ecec5995016c0200f2a81ee2e4646e75682d522', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => !this.readonly && this.alterImmediate({ optional: !ev.detail }) }))), h("ls-props-section", { key: '77689454dd208dffd69ca30e81044d370e960a5c', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("ls-formfield", { key: '3ebc938f7c31a5e315baf875102bcc6951a341a6', as: "text", name: "field-label", value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), disabled: this.readonly, onTextChange: e => this.alter({ label: e.detail.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'e14b64b7633807e98df530b3a02884fd21d2f5a0', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
                 if (this.readonly)
                     return;
                 const picker = this.component.shadowRoot.getElementById('ls-date-picker');
@@ -319,9 +322,9 @@ const LsFieldContent = /*@__PURE__*/ proxyCustomElement(class LsFieldContent ext
                 const input = e.target;
                 this.alter({ value: this.formatDateFromISO(input.value) });
                 forceCloseDatePicker(input);
-            }, disabled: this.readonly }))) : (h("ls-formfield", { as: "text", name: "field-value", value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), valid: !this.valueError, dirty: this.isDirty, errorText: this.valueError, disabled: this.readonly, onTextChange: e => this.handleValueChange(e.detail.value) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '163081bd7416239c1b85971f1c4178724fcc7ca5', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '8c07efb5fa1153628ada1d28ee63142f8690a67d', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }), disabled: this.readonly }))), this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (h("ls-props-section", { key: '776f6727b350957116a0f1bb7c3c80db0fc9c0b7', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: '25a49f7b0f46803e322c7e4c0e76130882611e91', select: true }, h("select", { key: 'dcd4417138a42d0c008e85577c5734d7e46738eb', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
+            }, disabled: this.readonly }))) : (h("ls-formfield", { as: "text", name: "field-value", value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), valid: !this.valueError, dirty: this.isDirty, errorText: this.valueError, disabled: this.readonly, onTextChange: e => this.handleValueChange(e.detail.value) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'f9c0489ba246d60c285351d3fe5b9e9485253acf', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '851b73e48093e2cdf50bd4df6929e288e4b3c4ce', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }), disabled: this.readonly }))), this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (h("ls-props-section", { key: '2ed98c6af62c8b245a636bae03def51348e0952c', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: 'd40f508fdb58ef047db4a578c105d63814f08233', select: true }, h("select", { key: '89ffeebe00524aca5df127c454fd2e1400f5b0b1', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
             .filter(type => type.formType === this.dataItem?.formElementType)
-            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (h("ls-props-section", { key: '340af765731696c7a8f13392f28e696a83f7bf7d', sectionTitle: dvI18n.t('fieldproperties.displaystate'), sectionDescription: dvI18n.t('fieldproperties.displaystatedescription') }, h("div", { key: 'edcefae0f0e8e0eaaa63943ea2bb78fa52ef7253', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))))), h("slot", { key: 'df7013168408522a2bd12a7b52b68d1927287b41' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (h("ls-props-section", { key: '2d5b22e44dfca5f2f42e2d253bac4ca73738c904', sectionTitle: dvI18n.t('fieldproperties.displaystate'), sectionDescription: dvI18n.t('fieldproperties.displaystatedescription') }, h("div", { key: '68836eb34a76d695ebd534e9ade30fc114a6d61c', class: "ls-dv-checkbox-toggle" }, this.getCheckboxStates().map((state, idx) => (h("button", { key: idx, class: { 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }, onClick: () => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' }), disabled: this.readonly }, state)))))), h("slot", { key: '9909583c06d5278a7fc53519e2e5db1c2b7011d8' })));
     }
     static get watchers() { return {
         "dataItem": ["watchDataItemHandler"]
@@ -439,6 +442,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldContent as L, defineCustomElement as d };
-//# sourceMappingURL=p-BJoHocUQ.js.map
+//# sourceMappingURL=p-CpiQFgrc.js.map
-//# sourceMappingURL=p-BJoHocUQ.js.map
+//# sourceMappingURL=p-CpiQFgrc.js.map

package/dist/components/p-CpiQFgrc.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-CpiQFgrc.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-content/ls-field-content.scss?tag=ls-field-content&encapsulation=shadow","src/components/ls-field-content/ls-field-content.tsx"],"sourcesContent":[":host {\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.2rem;\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\n.ls-dv-date-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-date-display {\n cursor: pointer;\n width: 100%;\n box-sizing: border-box;\n}\n\n.ls-dv-date-clear {\n position: absolute;\n right: 0.5rem;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n cursor: pointer;\n color: $gray-80;\n}\n\n.ls-dv-date-picker-hidden {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Watch, Listen } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { getFieldPlaceholder, getFieldTitleSuggestion } from '../ls-document-viewer/defaultFieldLabels';\nimport { dvI18n } from '../../i18n/i18n';\nimport { validateFieldValue } from '../../utils/fieldValueValidator';\nimport { getDefaultValidationForType } from '../ls-field-type-select/fieldTypeUtils';\nimport { forceCloseDatePicker } from '../../utils/utils';\n\n@Component({\n tag: 'ls-field-content',\n styleUrl: 'ls-field-content.scss',\n shadow: true,\n})\nexport class LsFieldContent {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() showValidationTypes: boolean = true;\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @State() valueError: string | null = null;\n @State() isDirty: boolean = false;\n\n @Watch('dataItem')\n watchDataItemHandler() {\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n this.dataItem?.value,\n this.dataItem?.options,\n );\n this.isDirty = !!this.dataItem?.value && this.dataItem.value.length > 0;\n }\n\n componentWillLoad() {\n if (this.dataItem?.value) {\n this.isDirty = true;\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n this.dataItem?.value,\n this.dataItem?.options,\n );\n }\n }\n\n disconnectedCallback() {\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n // Component is already detached from DOM so events can't bubble.\n // Dispatch on document and let ls-document-viewer pick it up.\n document.dispatchEvent(\n new CustomEvent('ls-flush-mutate', {\n detail: [{ action: 'update', data: this.dataItem }],\n }),\n );\n }\n }\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // Debounced alter for text inputs (value, label, options)\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n this.debounce(this.dataItem, 1500);\n }\n\n // Immediate alter for instant actions (toggles, selects, dropdowns)\n alterImmediate(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\n this.mutate.emit([{ action: 'update', data: this.dataItem }]);\n }\n\n @Listen('keydown')\n handleKeyDown(e: KeyboardEvent) {\n const isMod = e.ctrlKey || e.metaKey;\n if (isMod && (e.key === 'z' || e.key === 'Z' || e.key === 'y' || e.key === 'Y')) {\n e.preventDefault();\n // Cancel any pending debounce (discard uncommitted changes)\n if (this.labeltimer) {\n clearTimeout(this.labeltimer);\n this.labeltimer = null;\n }\n // Don't stopPropagation — let the event reach the document-level keydown handler\n return;\n }\n }\n\n handleValueChange(value: string) {\n this.isDirty = value.length > 0;\n this.valueError = validateFieldValue(\n this.dataItem?.formElementType,\n this.dataItem?.validation,\n value,\n this.dataItem?.options,\n );\n this.alter({ value });\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n supportsValue() {\n const typesWithValue = ['signature', 'initials', 'file', 'signing', 'autosign', 'signing date', 'auto sign', 'dropdown', 'checkbox', 'drawn field'];\n\n return !typesWithValue.includes(this.dataItem?.formElementType);\n }\n\n private getCheckboxStates(): string[] {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType) return [];\n return vType.description.split('/').reverse();\n }\n\n isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n /**\n * Convert a formatted date value back to ISO (yyyy-mm-dd) for the native date input.\n */\n toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] || '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] || '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n /**\n * Convert an ISO date (yyyy-mm-dd) to the configured format.\n */\n formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n private getDateFormat(): string | null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType || vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private getDateFormatById(validation: number): string | null {\n const vType = validationTypes.find(v => v.id === validation);\n if (!vType || vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private isSignatureType(): boolean {\n const fieldType = this.dataItem?.formElementType as string;\n return fieldType === 'signature' || fieldType === 'auto sign';\n }\n\n private getRoleType(): string {\n if (this.dataItem?.signer === 0) return 'SENDER';\n const role = this.roles?.find(r => r.signerIndex === this.dataItem?.signer);\n return role?.roleType || 'SIGNER';\n }\n\n private handleFieldTypeChange(newType: string) {\n const defaultValidation = getDefaultValidationForType(newType);\n const isSender = this.dataItem?.signer === 0;\n\n // Determine elementType based on formElementType\n let elementType: string;\n if (isSender) {\n elementType = 'admin';\n } else if (newType === 'signature') {\n elementType = 'signature';\n } else if (newType === 'initials') {\n elementType = 'initials';\n } else {\n elementType = 'text';\n }\n\n // Field types that don't support a user-editable value\n const noValueTypes = ['signature', 'initials', 'file', 'signing date', 'auto sign', 'date', 'dropdown', 'checkbox', 'drawn field'];\n // Also clear value when leaving a date field (formatted date values aren't valid for other types)\n const currentType = this.dataItem?.formElementType as string;\n const dateTypes = ['date', 'signing date'];\n const shouldClearValue = noValueTypes.includes(newType) || dateTypes.includes(currentType);\n\n const diff: any = {\n formElementType: newType as LSApiElement['formElementType'],\n elementType,\n validation: defaultValidation,\n };\n if (shouldClearValue) {\n diff.value = '';\n }\n\n this.dataItem = { ...this.dataItem, ...diff };\n this.mutate.emit([{ action: 'update', data: this.dataItem }]);\n this.update.emit([{ action: 'update', data: this.dataItem }]);\n }\n\n private getSenderDisabledReason(): string {\n const signerOnlyTypes = ['file', 'drawn', 'drawn field', 'initials'];\n const fieldType = this.dataItem?.formElementType as string;\n if (signerOnlyTypes.includes(fieldType)) {\n const nameMap = {\n 'file': dvI18n.t('toolbox.file'),\n 'drawn': dvI18n.t('toolbox.drawn'),\n 'drawn field': dvI18n.t('toolbox.drawn'),\n 'initials': dvI18n.t('toolbox.initials'),\n };\n return dvI18n.t('fieldproperties.cannotreassignsendersingle', { fieldTypes: nameMap[fieldType] || fieldType });\n }\n return '';\n }\n\n private handleReassign(newSigner: number) {\n const fieldType = this.dataItem?.formElementType as string;\n\n // Auto Sign reassigned away from Sender → becomes Signature\n if (fieldType === 'auto sign' && newSigner !== 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'signature', elementType: 'signature', validation: 0 });\n return;\n }\n\n // Signature reassigned to Sender → becomes Auto Sign\n if (fieldType === 'signature' && newSigner === 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'auto sign' as any, elementType: 'admin', validation: 3000 });\n return;\n }\n\n // Initials reassigned to Sender → becomes Text (sender can't have initials)\n if (fieldType === 'initials' && newSigner === 0) {\n this.alterImmediate({ signer: newSigner, formElementType: 'text', elementType: 'admin', validation: 0 });\n return;\n }\n\n // Any field reassigned to Sender → elementType becomes 'admin'\n // Any field reassigned away from Sender → elementType reverts to its formElementType category\n if (newSigner === 0) {\n this.alterImmediate({ signer: newSigner, elementType: 'admin' });\n } else if (this.dataItem?.signer === 0) {\n const elType = (fieldType === 'initials') ? 'initials' : 'text';\n this.alterImmediate({ signer: newSigner, elementType: elType });\n } else {\n this.alterImmediate({ signer: newSigner });\n }\n }\n\n private handleFormatChange(newValidation: number) {\n const currentValue = this.dataItem?.value;\n if (!currentValue || !this.isDateField()) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n // Parse current value to ISO using the old format\n const oldFormat = this.getDateFormat();\n const newFormat = this.getDateFormatById(newValidation);\n if (!oldFormat || !newFormat) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n const parts = oldFormat.split(/[/.-]/);\n const sep = oldFormat.match(/[/.-]/)?.[0] || '/';\n const valueParts = currentValue.split(sep);\n if (valueParts.length < 2) {\n this.alterImmediate({ validation: newValidation });\n return;\n }\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] || '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n const newValue = newFormat\n .replace('yyyy', y.padStart(4, '0'))\n .replace('yy', y.slice(-2))\n .replace('mm', m.padStart(2, '0'))\n .replace('dd', d.padStart(2, '0'))\n .replace('d', String(parseInt(d)));\n\n this.alterImmediate({ validation: newValidation, value: newValue });\n }\n\n render() {\n return (\n <Host>\n {this.roles?.length > 0 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.assignee')} sectionDescription={dvI18n.t('fieldproperties.assigneedescription')}>\n <ls-assignee-select\n signer={this.dataItem?.signer}\n roles={this.roles}\n disabled={this.readonly}\n disabledSenderReason={this.getSenderDisabledReason()}\n disabledApproverReason={this.isSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapproversingle') : ''}\n onAssigneeChange={ev => this.handleReassign(ev.detail)}\n />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldtype')} sectionDescription={dvI18n.t('fieldproperties.fieldtypedescription')}>\n <ls-field-type-select\n fieldType={this.dataItem?.formElementType}\n assignee={this.dataItem?.signer}\n roles={this.roles}\n roleTypes={[this.getRoleType()]}\n disabled={this.readonly}\n filtertoolbox={this.filtertoolbox}\n onFieldTypeChange={ev => this.handleFieldTypeChange(ev.detail)}\n />\n </ls-props-section>\n {this.dataItem?.formElementType !== 'signature' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.requiredfield')} row={true} sectionDescription={dvI18n.t('fieldproperties.requiredfielddescription')}>\n <ls-toggle id=\"toggle-required\" checked={!this.dataItem?.optional} onValueChange={ev => !this.readonly && this.alterImmediate({ optional: !ev.detail })} />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldlabel')} sectionDescription={dvI18n.t('fieldproperties.fieldlabeldescription')}>\n <ls-formfield\n as=\"text\"\n name=\"field-label\"\n value={this.dataItem?.label}\n placeholder={getFieldTitleSuggestion(this.dataItem?.formElementType)}\n disabled={this.readonly}\n onTextChange={e => this.alter({ label: e.detail.value })}\n />\n </ls-props-section>\n {this.supportsValue() && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.value')} sectionDescription={dvI18n.t('fieldproperties.valuedescription')}>\n {this.isDateField() ? (\n <div class=\"ls-dv-date-input-wrapper\">\n <input\n class=\"ls-dv-date-display\"\n type=\"text\"\n value={this.dataItem?.value}\n placeholder={this.getDateFormat()}\n readOnly\n onClick={() => {\n if (this.readonly) return;\n const picker = this.component.shadowRoot.getElementById('ls-date-picker') as HTMLInputElement;\n if (picker) picker.showPicker();\n }}\n />\n {this.dataItem?.value && !this.readonly && (\n <div class=\"ls-dv-date-clear\" onClick={() => this.alterImmediate({ value: '' })}>\n <ls-icon name=\"x-icon\" size={20} />\n </div>\n )}\n <input\n id=\"ls-date-picker\"\n class=\"ls-dv-date-picker-hidden\"\n type=\"date\"\n value={this.toISODate(this.dataItem?.value)}\n onInput={e => {\n const input = e.target as HTMLInputElement;\n this.alter({ value: this.formatDateFromISO(input.value) });\n forceCloseDatePicker(input);\n }}\n disabled={this.readonly}\n />\n </div>\n ) : (\n <ls-formfield\n as=\"text\"\n name=\"field-value\"\n value={this.dataItem?.value}\n placeholder={getFieldPlaceholder(this.dataItem?.formElementType)}\n valid={!this.valueError}\n dirty={this.isDirty}\n errorText={this.valueError}\n disabled={this.readonly}\n onTextChange={e => this.handleValueChange(e.detail.value)}\n />\n )}\n </ls-props-section>\n )}\n {this.dataItem.validation === 20 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.options')} sectionDescription={dvI18n.t('fieldproperties.optionsdescription')}>\n <textarea\n value={this.dataItem?.options}\n placeholder=\"Option 1
Option 2
Option 3\"\n onInput={e => this.alter({ options: (e.target as HTMLTextAreaElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n )}\n\n {this.showValidationTypes && this.dataItem?.formElementType !== 'drawn field' && this.dataItem?.formElementType !== 'regular expression' && this.dataItem?.formElementType !== 'initials' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.contentformat')} sectionDescription={dvI18n.t('fieldproperties.contentformatdescription')}>\n <ls-input-wrapper select>\n <select onChange={ev => !this.readonly && this.handleFormatChange(parseInt((ev.target as HTMLSelectElement).value))}>\n {validationTypes\n .filter(type => type.formType === this.dataItem?.formElementType)\n .map(type => (\n <option selected={this.dataItem?.validation === type.id} value={type.id}>\n {type.description}\n </option>\n ))}\n </select>\n </ls-input-wrapper>\n </ls-props-section>\n )}\n {this.dataItem?.formElementType === 'checkbox' && this.getCheckboxStates().length === 2 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.displaystate')} sectionDescription={dvI18n.t('fieldproperties.displaystatedescription')}>\n <div class=\"ls-dv-checkbox-toggle\">\n {this.getCheckboxStates().map((state, idx) => (\n <button\n key={idx}\n class={{ 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': idx === 0 ? this.dataItem?.value?.toString() !== 'true' : this.dataItem?.value?.toString() === 'true' }}\n onClick={() => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' })}\n disabled={this.readonly}\n >\n {state}\n </button>\n ))}\n </div>\n </ls-props-section>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CRZNeYR8.js → p-D3MoYCK8.js} RENAMED Viewed

@@ -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-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { d as defineCustomElement$6 } from './p-pnSqPPx5.js';
 import { d as defineCustomElement$5 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$4 } from './p-Cnnef3Aj.js';
@@ -237,6 +237,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsParticipantCard as L, defineCustomElement as d };
-//# sourceMappingURL=p-CRZNeYR8.js.map
+//# sourceMappingURL=p-D3MoYCK8.js.map
-//# sourceMappingURL=p-CRZNeYR8.js.map
+//# sourceMappingURL=p-D3MoYCK8.js.map

package/dist/components/{p-CRZNeYR8.js.map → p-D3MoYCK8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CRZNeYR8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-card/ls-participant-card.scss?tag=ls-participant-card&encapsulation=shadow","src/components/ls-participant-card/ls-participant-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.625rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n align-self: stretch;\n cursor: pointer;\n}\n\n.ls-dv-participant-card-active, .ls-dv-participant-card:hover {\n outline: 2px solid var(--active-outline-colour);\n outline-offset: -2px;\n}\n\n.ls-dv-top-card {\n border-radius: 1rem 1rem 0 0;\n}\n\n.ls-dv-full-card {\n border-radius: 1rem;\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 min-width: 0;\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}\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-inner-button-disabled {\n pointer-events: none;\n opacity: 0.4;\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 overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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\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, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-card',\n styleUrl: 'ls-participant-card.scss',\n shadow: true,\n})\nexport class LsParticipantCard {\n @Element() component: HTMLElement;\n @Prop() signer: LSApiRole;\n @Prop() index: number;\n @Prop({ mutable: true }) editable: boolean = false;\n @Prop() template: LSApiTemplate;\n @Prop() active: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n opened: EventEmitter<LSApiRole>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.signer = { ...this.signer, ...diff };\n this.debounce(this.signer, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n deleteHandler(role: LSApiRole) {\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n @Watch('editable')\n modeHandler(_editable) {\n // When opened fire an event to let the parent handle closing other controls\n if (_editable) {\n this.opened.emit(this.signer);\n }\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null; signerIndex?: number }>;\n\n @Prop() busy: boolean = false;\n\n @State() swapUpBtn: HTMLElement;\n @State() swapDownBtn: HTMLElement;\n @State() editBtn: HTMLElement;\n @State() deleteParticipantBtn: HTMLElement;\n @State() addingWitness: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingWitness = false;\n }\n\n componentDidLoad() {}\n\n render() {\n const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) \|\| [];\n const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n // Find previous and next non-witness roles for swapping\n const getPreviousNonWitness = () => {\n for (let i = this.index - 1; i >= 0; i--) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const getNextNonWitness = () => {\n for (let i = this.index + 1; i < this.template.roles.length; i++) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const previousRole = getPreviousNonWitness();\n const nextRole = getNextNonWitness();\n\n const formatRoleName = (signer: LSApiRole) => {\n if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n return dvI18n.t('participants.participant', { index: signer.signerIndex });\n };\n\n return (\n <Host>\n <div\n class={\n 'ls-dv-participant-card' +\n (this.active ? ' ls-dv-participant-card-active' : '') +\n (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n }\n style={{\n 'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n 'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n 'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n onDblClick={() => {\n this.editable = true;\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.signer?.signerIndex % 100].s20,\n color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n {this.signer?.ordinal \|\| ''}\n </div>\n <div class={'ls-dv-button-set ls-dv-hidden'}>\n {previousRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, previousRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.moveup')}\n >\n <ls-icon name=\"arrow-up-icon\" size={18} />\n </div>\n )}\n {nextRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, nextRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.movedown')}\n >\n <ls-icon name=\"arrow-down-icon\" size={18} />\n </div>\n )}\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.editable = !this.editable;\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n >\n <ls-icon\n name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n size={18}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n />\n </div>\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n data-tooltip-place=\"top-end\"\n >\n <ls-icon name=\"trash-icon\" size={18} />\n </div>\n </div>\n </div>\n {this.editable ? (\n <div class={'ls-dv-participant-card-inner'}>\n {this.signer?.roleType !== 'WITNESS' ? (\n <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n <select\n name=\"roleType\"\n id=\"role-type\"\n class={'ls-dv-has-leading-icon'}\n onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n disabled={child ? true : false}\n >\n <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n {dvI18n.t('participants.approver')}\n </option>\n <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n {dvI18n.t('participants.signer')}\n </option>\n </select>\n </ls-input-wrapper>\n ) : (\n <ls-input-wrapper leadingIcon=\"eye-icon\">\n <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" style={{ wdith: '100%' }} />\n </ls-input-wrapper>\n )}\n <input\n type=\"text\"\n id=\"participant-description\"\n name=\"participantDescription\"\n placeholder={dvI18n.t('participants.placeholder')}\n defaultValue={this.signer.name}\n onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editable = false;\n }}\n />\n {this.signer?.roleType === 'SIGNER' && !child ? (\n <ls-button\n variant=\"tertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.addwitness')}\n leadingIcon=\"plus-icon\"\n loading={this.busy \|\| this.addingWitness}\n disabled={this.busy \|\| this.addingWitness}\n onClick={() => {\n if (this.busy \|\| this.addingWitness) return;\n this.addingWitness = true;\n this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n }}\n />\n ) : this.signer?.roleType === 'SIGNER' && child ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(child);\n }}\n />\n ) : this.signer?.roleType === 'WITNESS' ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n />\n ) : null}\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.signer?.signerIndex % 100].s100,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<span style=\"white-space:normal;word-break:break-word\">${this.signer.name \|\| formatRoleName(this.signer)}</span>`}\n onMouseEnter={(e: MouseEvent) => {\n const el = e.currentTarget as HTMLElement;\n if (el.scrollWidth <= el.clientWidth) {\n el.removeAttribute('data-tooltip-html');\n }\n }}\n >\n {this.signer.name \|\| formatRoleName(this.signer)}\n </p>\n <p\n class=\"ls-dv-participant-text-type\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n textTransform: 'capitalize',\n }}\n >\n {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n </p>\n {this.signer?.roleType !== 'APPROVER' && (\n <div\n class={'ls-dv-role-label ls-dv-fields'}\n style={{\n background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n {participantFields.length === 0\n ? dvI18n.t('participants.signaturerequired')\n : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n )}\n </div>\n )}\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-D3MoYCK8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-card/ls-participant-card.scss?tag=ls-participant-card&encapsulation=shadow","src/components/ls-participant-card/ls-participant-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.625rem;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n align-self: stretch;\n cursor: pointer;\n}\n\n.ls-dv-participant-card-active, .ls-dv-participant-card:hover {\n outline: 2px solid var(--active-outline-colour);\n outline-offset: -2px;\n}\n\n.ls-dv-top-card {\n border-radius: 1rem 1rem 0 0;\n}\n\n.ls-dv-full-card {\n border-radius: 1rem;\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 min-width: 0;\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}\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-inner-button-disabled {\n pointer-events: none;\n opacity: 0.4;\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 overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\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\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, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-card',\n styleUrl: 'ls-participant-card.scss',\n shadow: true,\n})\nexport class LsParticipantCard {\n @Element() component: HTMLElement;\n @Prop() signer: LSApiRole;\n @Prop() index: number;\n @Prop({ mutable: true }) editable: boolean = false;\n @Prop() template: LSApiTemplate;\n @Prop() active: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n opened: EventEmitter<LSApiRole>;\n\n @Event({\n bubbles: true,\n composed: true,\n })\n roleChange: EventEmitter<number>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.signer = { ...this.signer, ...diff };\n this.debounce(this.signer, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n deleteHandler(role: LSApiRole) {\n this.mutate.emit([{ action: 'delete', data: role }]);\n }\n\n swapHandler(role1, role2) {\n this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n }\n\n @Watch('editable')\n modeHandler(_editable) {\n // When opened fire an event to let the parent handle closing other controls\n if (_editable) {\n this.opened.emit(this.signer);\n }\n }\n\n @Event({\n bubbles: true,\n composed: true,\n })\n addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string \| null; signerIndex?: number }>;\n\n @Prop() busy: boolean = false;\n\n @State() swapUpBtn: HTMLElement;\n @State() swapDownBtn: HTMLElement;\n @State() editBtn: HTMLElement;\n @State() deleteParticipantBtn: HTMLElement;\n @State() addingWitness: boolean = false;\n\n @Watch('template')\n templateChanged() {\n this.addingWitness = false;\n }\n\n componentDidLoad() {}\n\n render() {\n const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) \|\| [];\n const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n // Find previous and next non-witness roles for swapping\n const getPreviousNonWitness = () => {\n for (let i = this.index - 1; i >= 0; i--) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const getNextNonWitness = () => {\n for (let i = this.index + 1; i < this.template.roles.length; i++) {\n if (this.template.roles[i].roleType !== 'WITNESS') {\n return this.template.roles[i];\n }\n }\n return null;\n };\n\n const previousRole = getPreviousNonWitness();\n const nextRole = getNextNonWitness();\n\n const formatRoleName = (signer: LSApiRole) => {\n if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n return dvI18n.t('participants.participant', { index: signer.signerIndex });\n };\n\n return (\n <Host>\n <div\n class={\n 'ls-dv-participant-card' +\n (this.active ? ' ls-dv-participant-card-active' : '') +\n (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n }\n style={{\n 'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n 'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n 'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n onDblClick={() => {\n this.editable = true;\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.signer?.signerIndex % 100].s20,\n color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n {this.signer?.ordinal \|\| ''}\n </div>\n <div class={'ls-dv-button-set ls-dv-hidden'}>\n {previousRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, previousRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.moveup')}\n >\n <ls-icon name=\"arrow-up-icon\" size={18} />\n </div>\n )}\n {nextRole && this.signer.roleType !== 'WITNESS' && (\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.swapHandler(this.signer, nextRole);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.movedown')}\n >\n <ls-icon name=\"arrow-down-icon\" size={18} />\n </div>\n )}\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.editable = !this.editable;\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n >\n <ls-icon\n name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n size={18}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n />\n </div>\n <div\n class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n style={{\n '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n data-tooltip-place=\"top-end\"\n >\n <ls-icon name=\"trash-icon\" size={18} />\n </div>\n </div>\n </div>\n {this.editable ? (\n <div class={'ls-dv-participant-card-inner'}>\n {this.signer?.roleType !== 'WITNESS' ? (\n <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n <select\n name=\"roleType\"\n id=\"role-type\"\n class={'ls-dv-has-leading-icon'}\n onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n disabled={child ? true : false}\n >\n <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n {dvI18n.t('participants.approver')}\n </option>\n <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n {dvI18n.t('participants.signer')}\n </option>\n </select>\n </ls-input-wrapper>\n ) : (\n <ls-input-wrapper leadingIcon=\"eye-icon\">\n <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" style={{ wdith: '100%' }} />\n </ls-input-wrapper>\n )}\n <input\n type=\"text\"\n id=\"participant-description\"\n name=\"participantDescription\"\n placeholder={dvI18n.t('participants.placeholder')}\n defaultValue={this.signer.name}\n onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editable = false;\n }}\n />\n {this.signer?.roleType === 'SIGNER' && !child ? (\n <ls-button\n variant=\"tertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.addwitness')}\n leadingIcon=\"plus-icon\"\n loading={this.busy \|\| this.addingWitness}\n disabled={this.busy \|\| this.addingWitness}\n onClick={() => {\n if (this.busy \|\| this.addingWitness) return;\n this.addingWitness = true;\n this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n }}\n />\n ) : this.signer?.roleType === 'SIGNER' && child ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(child);\n }}\n />\n ) : this.signer?.roleType === 'WITNESS' ? (\n <ls-button\n variant=\"destructiveTertiary\"\n outline\n size=\"sm\"\n fullWidth\n text={dvI18n.t('participants.removewitness')}\n leadingIcon=\"minus-sm-icon\"\n loading={this.busy}\n disabled={this.busy}\n onClick={() => {\n if (this.busy) return;\n this.deleteHandler(this.signer);\n }}\n />\n ) : null}\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.signer?.signerIndex % 100].s100,\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-html={`<span style=\"white-space:normal;word-break:break-word\">${this.signer.name \|\| formatRoleName(this.signer)}</span>`}\n onMouseEnter={(e: MouseEvent) => {\n const el = e.currentTarget as HTMLElement;\n if (el.scrollWidth <= el.clientWidth) {\n el.removeAttribute('data-tooltip-html');\n }\n }}\n >\n {this.signer.name \|\| formatRoleName(this.signer)}\n </p>\n <p\n class=\"ls-dv-participant-text-type\"\n style={{\n color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n textTransform: 'capitalize',\n }}\n >\n {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n </p>\n {this.signer?.roleType !== 'APPROVER' && (\n <div\n class={'ls-dv-role-label ls-dv-fields'}\n style={{\n background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n }}\n >\n {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n {participantFields.length === 0\n ? dvI18n.t('participants.signaturerequired')\n : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n </div>\n )}\n </div>\n )}\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-D4qAbKWM.js → p-DFJ5ZITC.js} RENAMED Viewed

@@ -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-WVWIAGo_.js';
+import { d as dvI18n } from './p-CTJakSNy.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-CIV0VNix.js';
@@ -172,6 +172,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsValidationTag as L, defineCustomElement as d };
-//# sourceMappingURL=p-D4qAbKWM.js.map
+//# sourceMappingURL=p-DFJ5ZITC.js.map
-//# sourceMappingURL=p-D4qAbKWM.js.map
+//# sourceMappingURL=p-DFJ5ZITC.js.map