legalesign-document-viewer 1.0.13 → 1.0.14
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-add-new-button_20.cjs.entry.js +17 -17
- package/dist/cjs/ls-assignee-select_21.cjs.entry.js +8 -8
- package/dist/cjs/ls-compose-loader_7.cjs.entry.js +9 -9
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-alignment_3.cjs.entry.js +1 -1
- package/dist/cjs/ls-field-format_2.cjs.entry.js +10 -10
- package/dist/cjs/ls-field-type-display.cjs.entry.js +3 -3
- package/dist/cjs/ls-helper-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/ls-title-input.cjs.entry.js +1 -1
- package/dist/cjs/ls-toolbox-field.cjs.entry.js +3 -3
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-field-type-select/ls-field-type-select.js +4 -4
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +3 -3
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +10 -10
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +8 -8
- package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +32 -32
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-properties-advanced.js +1 -1
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-checkbox.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +6 -6
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-field-size.js +1 -1
- package/dist/components/ls-field-type-display.js +3 -3
- package/dist/components/ls-field-type-select.js +1 -1
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-left-bar.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-title-input.js +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-C2JalniE.js → p-5AJyvM7V.js} +3 -3
- package/dist/components/{p-C2JalniE.js.map → p-5AJyvM7V.js.map} +1 -1
- package/dist/components/{p-x8FQ2VuC.js → p-B6VrNH3t.js} +9 -9
- package/dist/components/{p-x8FQ2VuC.js.map → p-B6VrNH3t.js.map} +1 -1
- package/dist/components/{p-uST4uUr8.js → p-BCYIqf8S.js} +9 -9
- package/dist/components/{p-uST4uUr8.js.map → p-BCYIqf8S.js.map} +1 -1
- package/dist/components/{p-D4pQIA1Z.js → p-BEq82oAT.js} +9 -9
- package/dist/components/{p-D4pQIA1Z.js.map → p-BEq82oAT.js.map} +1 -1
- package/dist/components/{p-DQGVdCyH.js → p-BZLs3S8S.js} +3 -3
- package/dist/components/{p-DQGVdCyH.js.map → p-BZLs3S8S.js.map} +1 -1
- package/dist/components/{p-CowkeWsT.js → p-Bd176AnW.js} +13 -13
- package/dist/components/{p-CowkeWsT.js.map → p-Bd176AnW.js.map} +1 -1
- package/dist/components/{p-BmpejMo_.js → p-BgajmEVt.js} +8 -8
- package/dist/components/{p-BmpejMo_.js.map → p-BgajmEVt.js.map} +1 -1
- package/dist/components/{p-BTcdVmkv.js → p-BgoGd-eS.js} +4 -4
- package/dist/components/{p-BTcdVmkv.js.map → p-BgoGd-eS.js.map} +1 -1
- package/dist/components/{p-BDD6zFgO.js → p-BnJLMchr.js} +8 -8
- package/dist/components/{p-BDD6zFgO.js.map → p-BnJLMchr.js.map} +1 -1
- package/dist/components/{p-BodlW2-m.js → p-C2zBzrSq.js} +3 -3
- package/dist/components/{p-BodlW2-m.js.map → p-C2zBzrSq.js.map} +1 -1
- package/dist/components/{p-BzFRp7ij.js → p-C4MDnydI.js} +3 -3
- package/dist/components/{p-BzFRp7ij.js.map → p-C4MDnydI.js.map} +1 -1
- package/dist/components/{p-S46PtMZ-.js → p-C75ZosLW.js} +5 -5
- package/dist/components/{p-S46PtMZ-.js.map → p-C75ZosLW.js.map} +1 -1
- package/dist/components/{p-CLn6CMAa.js → p-C9ZMy9Xu.js} +4 -4
- package/dist/components/{p-CLn6CMAa.js.map → p-C9ZMy9Xu.js.map} +1 -1
- package/dist/components/{p-CTMHCecN.js → p-CALnPlUj.js} +6 -6
- package/dist/components/{p-CTMHCecN.js.map → p-CALnPlUj.js.map} +1 -1
- package/dist/components/{p-DaQLveiE.js → p-CBf_4337.js} +3 -3
- package/dist/components/{p-DaQLveiE.js.map → p-CBf_4337.js.map} +1 -1
- package/dist/components/{p-D6grL59P.js → p-CWmE6B4K.js} +5 -5
- package/dist/components/{p-D6grL59P.js.map → p-CWmE6B4K.js.map} +1 -1
- package/dist/components/{p-eWb3jk9k.js → p-CYpYv8bB.js} +6 -6
- package/dist/components/{p-eWb3jk9k.js.map → p-CYpYv8bB.js.map} +1 -1
- package/dist/components/{p-CJWQJjj3.js → p-CeXrtgSO.js} +3 -3
- package/dist/components/{p-CJWQJjj3.js.map → p-CeXrtgSO.js.map} +1 -1
- package/dist/components/{p-8F4ilTjF.js → p-CgSze-aJ.js} +8 -8
- package/dist/components/{p-8F4ilTjF.js.map → p-CgSze-aJ.js.map} +1 -1
- package/dist/components/{p-DmB0JIWj.js → p-CiCPXHsq.js} +3 -3
- package/dist/components/{p-DmB0JIWj.js.map → p-CiCPXHsq.js.map} +1 -1
- package/dist/components/{p-pAh5qPFg.js → p-CqiTFz8Q.js} +19 -19
- package/dist/components/{p-pAh5qPFg.js.map → p-CqiTFz8Q.js.map} +1 -1
- package/dist/components/{p-CHbV_3Pe.js → p-CrNkvfxG.js} +8 -8
- package/dist/components/{p-CHbV_3Pe.js.map → p-CrNkvfxG.js.map} +1 -1
- package/dist/components/{p-Cmw6RXlv.js → p-CyZn7pLI.js} +7 -7
- package/dist/components/{p-Cmw6RXlv.js.map → p-CyZn7pLI.js.map} +1 -1
- package/dist/components/{p-CyV8nu-T.js → p-DAmQwWyK.js} +28 -28
- package/dist/components/{p-CyV8nu-T.js.map → p-DAmQwWyK.js.map} +1 -1
- package/dist/components/{p-BddWzZuD.js → p-DEBcjrDR.js} +4 -4
- package/dist/components/{p-BddWzZuD.js.map → p-DEBcjrDR.js.map} +1 -1
- package/dist/components/{p-DmrshWtQ.js → p-DJ32qqnr.js} +3 -3
- package/dist/components/{p-DmrshWtQ.js.map → p-DJ32qqnr.js.map} +1 -1
- package/dist/components/{p-WCNsFhYD.js → p-DbrFV9Zw.js} +4 -4
- package/dist/components/{p-WCNsFhYD.js.map → p-DbrFV9Zw.js.map} +1 -1
- package/dist/components/{p-ByN7GurE.js → p-DeCwvfDM.js} +50 -38
- package/dist/components/p-DeCwvfDM.js.map +1 -0
- package/dist/components/{p-D3nY_GGj.js → p-KrzgYVLg.js} +12 -12
- package/dist/components/{p-D3nY_GGj.js.map → p-KrzgYVLg.js.map} +1 -1
- package/dist/components/{p-CD0ohunR.js → p-PUZ-RtL4.js} +5 -5
- package/dist/components/{p-CD0ohunR.js.map → p-PUZ-RtL4.js.map} +1 -1
- package/dist/components/{p-DpA4TE1Q.js → p-eNHd8fhJ.js} +8 -8
- package/dist/components/{p-DpA4TE1Q.js.map → p-eNHd8fhJ.js.map} +1 -1
- package/dist/components/{p-DAq2HFf_.js → p-ma9TKqrQ.js} +8 -8
- package/dist/components/{p-DAq2HFf_.js.map → p-ma9TKqrQ.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-add-new-button_20.entry.js +17 -17
- package/dist/esm/ls-assignee-select_21.entry.js +8 -8
- package/dist/esm/ls-compose-loader_7.entry.js +9 -9
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-alignment_3.entry.js +1 -1
- package/dist/esm/ls-field-format_2.entry.js +10 -10
- package/dist/esm/ls-field-type-display.entry.js +3 -3
- package/dist/esm/ls-helper-bar_2.entry.js +2 -2
- package/dist/esm/ls-title-input.entry.js +1 -1
- package/dist/esm/ls-toolbox-field.entry.js +3 -3
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-5353749c.entry.js → p-4a3c409f.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e7783017.entry.js → p-531b349a.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-b142576e.entry.js → p-5b20c3cc.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-daea4a55.entry.js → p-72257f20.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-51edee50.entry.js → p-ae213996.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-cbff9ae0.entry.js → p-c926bcbd.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-0bd91b5d.entry.js → p-d4ce4e16.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e4ce8e02.entry.js → p-d9e33d6c.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e4ce8e02.entry.js.map → p-d9e33d6c.entry.js.map} +1 -1
- package/dist/ls-document-viewer/p-e17bfeb0.entry.js +2 -0
- package/dist/ls-document-viewer/{p-8d626c5c.entry.js.map → p-e17bfeb0.entry.js.map} +1 -1
- package/package.json +1 -1
- package/dist/components/p-ByN7GurE.js.map +0 -1
- package/dist/ls-document-viewer/p-8d626c5c.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-5353749c.entry.js.map → p-4a3c409f.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-e7783017.entry.js.map → p-531b349a.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-b142576e.entry.js.map → p-5b20c3cc.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-daea4a55.entry.js.map → p-72257f20.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-51edee50.entry.js.map → p-ae213996.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-cbff9ae0.entry.js.map → p-c926bcbd.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-0bd91b5d.entry.js.map → p-d4ce4e16.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-8F4ilTjF.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') && this.recipient.signerIndex > 0 && (\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.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}
|
|
1
|
+
{"file":"p-CgSze-aJ.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') && this.recipient.signerIndex > 0 && (\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.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}
|
|
@@ -3,7 +3,7 @@ import { d as defaultRolePalette } from './p-BKrsDBDB.js';
|
|
|
3
3
|
import { d as dvI18n } from './p-Al32p_JM.js';
|
|
4
4
|
import { d as defineCustomElement$6 } from './p-pnSqPPx5.js';
|
|
5
5
|
import { d as defineCustomElement$5 } from './p-BHeJScTh.js';
|
|
6
|
-
import { d as defineCustomElement$4 } from './p-
|
|
6
|
+
import { d as defineCustomElement$4 } from './p-CBf_4337.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-MzXqai7c.js';
|
|
8
8
|
import { d as defineCustomElement$2 } from './p-CKoM9Y6t.js';
|
|
9
9
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
@@ -237,6 +237,6 @@ function defineCustomElement() {
|
|
|
237
237
|
defineCustomElement();
|
|
238
238
|
|
|
239
239
|
export { LsParticipantCard as L, defineCustomElement as d };
|
|
240
|
-
//# sourceMappingURL=p-
|
|
240
|
+
//# sourceMappingURL=p-CiCPXHsq.js.map
|
|
241
241
|
|
|
242
|
-
//# sourceMappingURL=p-
|
|
242
|
+
//# sourceMappingURL=p-CiCPXHsq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-DmB0JIWj.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-CiCPXHsq.js","mappings":";;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,8+NAA8+N,CAAC;;MCYtgO,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;;;;AAEpB,IAAA,MAAM;AACN,IAAA,KAAK;IACY,QAAQ,GAAY,KAAK;AAC1C,IAAA,QAAQ;IACR,MAAM,GAAY,KAAK;AAO/B,IAAA,MAAM;AAON,IAAA,MAAM;AAMN,IAAA,UAAU;;;;AAKV,IAAA,KAAK,CAAC,IAAY,EAAA;AAChB,QAAA,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,EAAE;QACzC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;;AAGzB,IAAA,UAAU;IAElB,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAA;QAClB,IAAI,IAAI,CAAC,UAAU;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;AAElD,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,MAAK;YAChC,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC3D,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SACxB,EAAE,KAAK,CAAC;;AAGX,IAAA,aAAa,CAAC,IAAe,EAAA;AAC3B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;;IAGtD,WAAW,CAAC,KAAK,EAAE,KAAK,EAAA;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;;AAInE,IAAA,WAAW,CAAC,SAAS,EAAA;;QAEnB,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;;AAQjC,IAAA,cAAc;IAEN,IAAI,GAAY,KAAK;AAEpB,IAAA,SAAS;AACT,IAAA,WAAW;AACX,IAAA,OAAO;AACP,IAAA,oBAAoB;IACpB,aAAa,GAAY,KAAK;IAGvC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG5B,IAAA,gBAAgB;IAEhB,MAAM,GAAA;AACJ,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE;QAC1I,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;;QAG9E,MAAM,qBAAqB,GAAG,MAAK;AACjC,YAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACxC,gBAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,EAAE;oBACjD,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;;;AAGjC,YAAA,OAAO,IAAI;AACb,SAAC;QAED,MAAM,iBAAiB,GAAG,MAAK;YAC7B,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChE,gBAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,EAAE;oBACjD,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;;;AAGjC,YAAA,OAAO,IAAI;AACb,SAAC;AAED,QAAA,MAAM,YAAY,GAAG,qBAAqB,EAAE;AAC5C,QAAA,MAAM,QAAQ,GAAG,iBAAiB,EAAE;AAEpC,QAAA,MAAM,cAAc,GAAG,CAAC,MAAiB,KAAI;AAC3C,YAAA,IAAI,MAAM,CAAC,QAAQ,IAAI,SAAS;AAAE,gBAAA,OAAO,MAAM,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC;AACzH,YAAA,OAAO,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC;AAC5E,SAAC;AAED,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EACH,wBAAwB;iBACvB,IAAI,CAAC,MAAM,GAAG,gCAAgC,GAAG,EAAE,CAAC;iBACpD,KAAK,GAAG,iBAAiB,GAAG,IAAI,CAAC,MAAM,EAAE,YAAY,GAAG,oBAAoB,GAAG,kBAAkB,CAAC,EAErG,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACpE,gBAAA,QAAQ,EAAE,CAAA,UAAA,EAAa,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAC/E,gBAAA,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS,GAAG,WAAW,GAAG,GAAG;AACnE,gBAAA,yBAAyB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AAClF,aAAA,EACD,YAAY,EAAE,CAAC,IAAK,CAAC,CAAC,aAA6B,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,EACxH,YAAY,EAAE,CAAC,IAAK,CAAC,CAAC,aAA6B,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,EACrH,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,EAC5D,UAAU,EAAE,MAAK;AACf,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACtB,aAAC,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,8BAA8B,EAAA,EACxC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,kCAAkC,EAAA,EAC5C,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AAClE,gBAAA,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;aAC9D,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,UAAU,GAAG,mBAAmB,GAAG,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,QAAQ,GAAG,gBAAgB,GAAG,UAAU,EAAI,CAAA,EACjJ,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CACvB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,+BAA+B,EAAA,EACxC,YAAY,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS,KACjD,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,qBAAqB,IAAI,CAAC,IAAI,GAAG,8BAA8B,GAAG,EAAE,EAAE,EAC7E,OAAO,EAAE,MAAK;gBACZ,IAAI,IAAI,CAAC,IAAI;oBAAE;gBACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC;aAC5C,EACD,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACjF,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AAChF,aAAA,EAAA,iBAAA,EACe,eAAe,EACT,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAA,EAErD,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,CACtC,CACP,EACA,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS,KAC7C,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,GAAG,8BAA8B,GAAG,EAAE,CAAE,CAAA,EAC7E,OAAO,EAAE,MAAK;gBACZ,IAAI,IAAI,CAAC,IAAI;oBAAE;gBACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC;aACxC,EACD,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACjF,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;aAChF,EAAA,iBAAA,EACe,eAAe,EACT,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAA,EAEvD,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,CACxC,CACP,EACD,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,CAAqB,kBAAA,EAAA,IAAI,CAAC,IAAI,GAAG,8BAA8B,GAAG,EAAE,CAAA,CAAE,EAC7E,OAAO,EAAE,MAAK;gBACZ,IAAI,IAAI,CAAC,IAAI;oBAAE;AACf,gBAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;aAC/B,EACD,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACjF,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AAChF,aAAA,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,iBAAiB,EACtD,IAAI,EAAE,EAAE,EAAA,iBAAA,EACQ,eAAe,EACT,sBAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,GACrH,CACE,EACN,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,qBAAqB,IAAI,CAAC,IAAI,GAAG,8BAA8B,GAAG,EAAE,CAAA,CAAE,EAC7E,OAAO,EAAE,MAAK;gBACZ,IAAI,IAAI,CAAC,IAAI;oBAAE;AACf,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;aAChC,EACD,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACjF,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AAChF,aAAA,EACe,iBAAA,EAAA,eAAe,0BACT,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAA,oBAAA,EAC7C,SAAS,EAAA,EAE5B,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,CACnC,CACF,CACF,EACL,IAAI,CAAC,QAAQ,IACZ,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,8BAA8B,EAAA,EACvC,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,SAAS,IAClC,CAAkB,CAAA,kBAAA,EAAA,EAAA,MAAM,EAAC,IAAA,EAAA,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,UAAU,GAAG,mBAAmB,GAAG,gBAAgB,EAAA,EACjH,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,wBAAwB,EAC/B,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAG,CAAC,CAAC,MAA4B,CAAC,KAAK,EAAE,CAAC,EAC9E,QAAQ,EAAE,KAAK,GAAG,IAAI,GAAG,KAAK,EAAA,EAE9B,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,UAAU,IACpE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAC3B,EACT,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,QAAQ,EAChE,EAAA,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CACzB,CACF,CACQ,KAEnB,CAAkB,CAAA,kBAAA,EAAA,EAAA,WAAW,EAAC,UAAU,EAAA,EACtC,CAAO,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,WAAW,EAAC,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAC,IAAA,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAI,CAAA,CAC3G,CACpB,EACD,CACE,CAAA,OAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,yBAAyB,EAC5B,IAAI,EAAC,wBAAwB,EAC7B,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,EACjD,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAC9B,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EACxE,OAAO,EAAE,CAAC,IAAG;gBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE;AAAE,oBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AAClE,aAAC,EACD,CAAA,EACD,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,QAAQ,IAAI,CAAC,KAAK,IAC3C,CAAA,CAAA,WAAA,EAAA,EACE,OAAO,EAAC,UAAU,EAClB,OAAO,EAAA,IAAA,EACP,IAAI,EAAC,IAAI,EACT,SAAS,EAAA,IAAA,EACT,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EACzC,WAAW,EAAC,WAAW,EACvB,OAAO,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,EACxC,QAAQ,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,EACzC,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa;oBAAE;AACrC,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AACzB,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC;AACnH,aAAC,EAAA,CACD,IACA,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,QAAQ,IAAI,KAAK,IAC7C,CAAA,CAAA,WAAA,EAAA,EACE,OAAO,EAAC,qBAAqB,EAC7B,OAAO,EAAA,IAAA,EACP,IAAI,EAAC,IAAI,EACT,SAAS,EAAA,IAAA,EACT,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAC5C,WAAW,EAAC,eAAe,EAC3B,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,OAAO,EAAE,MAAK;gBACZ,IAAI,IAAI,CAAC,IAAI;oBAAE;AACf,gBAAA,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AAC3B,aAAC,EAAA,CACD,IACA,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,SAAS,IACrC,CACE,CAAA,WAAA,EAAA,EAAA,OAAO,EAAC,qBAAqB,EAC7B,OAAO,EACP,IAAA,EAAA,IAAI,EAAC,IAAI,EACT,SAAS,QACT,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAC5C,WAAW,EAAC,eAAe,EAC3B,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,OAAO,EAAE,MAAK;gBACZ,IAAI,IAAI,CAAC,IAAI;oBAAE;AACf,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AACjC,aAAC,EACD,CAAA,IACA,IAAI,CACJ,KAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EACvC,CAAA,CAAA,GAAA,EAAA,EACE,KAAK,EAAC,oCAAoC,EAC1C,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,IAAI;aAC/D,EACe,iBAAA,EAAA,eAAe,uBACZ,CAAA,uDAAA,EAA0D,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA,OAAA,CAAS,EACrI,YAAY,EAAE,CAAC,CAAa,KAAI;AAC9B,gBAAA,MAAM,EAAE,GAAG,CAAC,CAAC,aAA4B;gBACzC,IAAI,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,WAAW,EAAE;AACpC,oBAAA,EAAE,CAAC,eAAe,CAAC,mBAAmB,CAAC;;aAE1C,EAEA,EAAA,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAC9C,EACJ,CAAA,CAAA,GAAA,EAAA,EACE,KAAK,EAAC,6BAA6B,EACnC,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AAC7D,gBAAA,aAAa,EAAE,YAAY;AAC5B,aAAA,EAAA,EAEA,MAAM,CAAC,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC,CAC7D,EACH,IAAI,CAAC,MAAM,EAAE,QAAQ,KAAK,UAAU,KACnC,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,+BAA+B,EACtC,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,iBAAiB,CAAC,MAAM,KAAK,CAAC,GAAG,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;gBAC5J,KAAK,EAAE,iBAAiB,CAAC,MAAM,KAAK,CAAC,GAAG,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;AACzG,aAAA,EAAA,EAEA,iBAAiB,CAAC,MAAM,KAAK,CAAC,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,yBAAyB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,EAAI,CAAA,EAC1H,iBAAiB,CAAC,MAAM,KAAK;AAC5B,cAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC;cACzC,CAAG,EAAA,iBAAiB,CAAC,MAAM,CAAI,CAAA,EAAA,iBAAiB,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAE,CAAA,CACtH,CACP,CACG,CACP,CACG,CACF,EACN,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EACb,CAAA,CAAA,YAAA,EAAA,EAAY,SAAS,EAAC,eAAe,EAAG,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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}
|
|
@@ -3,37 +3,37 @@ import { d as defineCustomElement$A } from './p-BKbGzLae.js';
|
|
|
3
3
|
import { d as defineCustomElement$z } from './p-PwhF9_IW.js';
|
|
4
4
|
import { d as defineCustomElement$y } from './p-XbFErpli.js';
|
|
5
5
|
import { d as defineCustomElement$x } from './p-RceAr_AQ.js';
|
|
6
|
-
import { d as defineCustomElement$w } from './p-
|
|
6
|
+
import { d as defineCustomElement$w } from './p-CALnPlUj.js';
|
|
7
7
|
import { d as defineCustomElement$v } from './p-C-vCe5Wm.js';
|
|
8
8
|
import { d as defineCustomElement$u } from './p-Dw48QFVg.js';
|
|
9
9
|
import { d as defineCustomElement$t } from './p-gvdT4if6.js';
|
|
10
10
|
import { d as defineCustomElement$s } from './p-DGQDJCUG.js';
|
|
11
|
-
import { d as defineCustomElement$r } from './p-
|
|
12
|
-
import { d as defineCustomElement$q } from './p-
|
|
13
|
-
import { d as defineCustomElement$p } from './p-
|
|
11
|
+
import { d as defineCustomElement$r } from './p-BgoGd-eS.js';
|
|
12
|
+
import { d as defineCustomElement$q } from './p-CWmE6B4K.js';
|
|
13
|
+
import { d as defineCustomElement$p } from './p-ma9TKqrQ.js';
|
|
14
14
|
import { d as defineCustomElement$o } from './p-CyHkY6Ep.js';
|
|
15
|
-
import { d as defineCustomElement$n } from './p-
|
|
16
|
-
import { d as defineCustomElement$m } from './p-
|
|
17
|
-
import { d as defineCustomElement$l } from './p-
|
|
18
|
-
import { d as defineCustomElement$k } from './p-
|
|
19
|
-
import { d as defineCustomElement$j } from './p-
|
|
20
|
-
import { d as defineCustomElement$i } from './p-
|
|
21
|
-
import { d as defineCustomElement$h } from './p-
|
|
22
|
-
import { d as defineCustomElement$g } from './p-
|
|
23
|
-
import { d as defineCustomElement$f } from './p-
|
|
24
|
-
import { d as defineCustomElement$e } from './p-
|
|
15
|
+
import { d as defineCustomElement$n } from './p-eNHd8fhJ.js';
|
|
16
|
+
import { d as defineCustomElement$m } from './p-BnJLMchr.js';
|
|
17
|
+
import { d as defineCustomElement$l } from './p-BgajmEVt.js';
|
|
18
|
+
import { d as defineCustomElement$k } from './p-CrNkvfxG.js';
|
|
19
|
+
import { d as defineCustomElement$j } from './p-DeCwvfDM.js';
|
|
20
|
+
import { d as defineCustomElement$i } from './p-BCYIqf8S.js';
|
|
21
|
+
import { d as defineCustomElement$h } from './p-BEq82oAT.js';
|
|
22
|
+
import { d as defineCustomElement$g } from './p-B6VrNH3t.js';
|
|
23
|
+
import { d as defineCustomElement$f } from './p-C4MDnydI.js';
|
|
24
|
+
import { d as defineCustomElement$e } from './p-CYpYv8bB.js';
|
|
25
25
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
27
27
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
28
|
-
import { d as defineCustomElement$a } from './p-
|
|
28
|
+
import { d as defineCustomElement$a } from './p-CBf_4337.js';
|
|
29
29
|
import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
|
|
30
30
|
import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
|
|
31
|
-
import { d as defineCustomElement$7 } from './p-
|
|
31
|
+
import { d as defineCustomElement$7 } from './p-DJ32qqnr.js';
|
|
32
32
|
import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
|
|
33
33
|
import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
|
|
34
34
|
import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
|
|
35
35
|
import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
|
|
36
|
-
import { d as defineCustomElement$2 } from './p-
|
|
36
|
+
import { d as defineCustomElement$2 } from './p-DEBcjrDR.js';
|
|
37
37
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
38
38
|
|
|
39
39
|
const lsFieldPropertiesCss = () => `:host{display:block;width:100%;height:100%;padding:1rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
|
|
@@ -293,6 +293,6 @@ function defineCustomElement() {
|
|
|
293
293
|
defineCustomElement();
|
|
294
294
|
|
|
295
295
|
export { LsFieldProperties as L, defineCustomElement as d };
|
|
296
|
-
//# sourceMappingURL=p-
|
|
296
|
+
//# sourceMappingURL=p-CqiTFz8Q.js.map
|
|
297
297
|
|
|
298
|
-
//# sourceMappingURL=p-
|
|
298
|
+
//# sourceMappingURL=p-CqiTFz8Q.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-pAh5qPFg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles || [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles || []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-CqiTFz8Q.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles || [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles || []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -2,25 +2,25 @@ import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p
|
|
|
2
2
|
import { d as defineCustomElement$n } from './p-BKbGzLae.js';
|
|
3
3
|
import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
|
|
4
4
|
import { d as defineCustomElement$l } from './p-XbFErpli.js';
|
|
5
|
-
import { d as defineCustomElement$k } from './p-
|
|
5
|
+
import { d as defineCustomElement$k } from './p-CALnPlUj.js';
|
|
6
6
|
import { d as defineCustomElement$j } from './p-C-vCe5Wm.js';
|
|
7
7
|
import { d as defineCustomElement$i } from './p-gvdT4if6.js';
|
|
8
8
|
import { d as defineCustomElement$h } from './p-DGQDJCUG.js';
|
|
9
|
-
import { d as defineCustomElement$g } from './p-
|
|
9
|
+
import { d as defineCustomElement$g } from './p-BgoGd-eS.js';
|
|
10
10
|
import { d as defineCustomElement$f } from './p-CyHkY6Ep.js';
|
|
11
|
-
import { d as defineCustomElement$e } from './p-
|
|
11
|
+
import { d as defineCustomElement$e } from './p-CYpYv8bB.js';
|
|
12
12
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
13
13
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
15
|
-
import { d as defineCustomElement$a } from './p-
|
|
15
|
+
import { d as defineCustomElement$a } from './p-CBf_4337.js';
|
|
16
16
|
import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
|
|
17
17
|
import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
|
|
18
|
-
import { d as defineCustomElement$7 } from './p-
|
|
18
|
+
import { d as defineCustomElement$7 } from './p-DJ32qqnr.js';
|
|
19
19
|
import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
|
|
20
20
|
import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
|
|
21
21
|
import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
|
|
22
22
|
import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
|
|
23
|
-
import { d as defineCustomElement$2 } from './p-
|
|
23
|
+
import { d as defineCustomElement$2 } from './p-DEBcjrDR.js';
|
|
24
24
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
25
25
|
|
|
26
26
|
const lsFieldPropertiesGeneralCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
|
|
@@ -178,6 +178,6 @@ function defineCustomElement() {
|
|
|
178
178
|
defineCustomElement();
|
|
179
179
|
|
|
180
180
|
export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
|
|
181
|
-
//# sourceMappingURL=p-
|
|
181
|
+
//# sourceMappingURL=p-CrNkvfxG.js.map
|
|
182
182
|
|
|
183
|
-
//# sourceMappingURL=p-
|
|
183
|
+
//# sourceMappingURL=p-CrNkvfxG.js.map
|