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-BodlW2-m.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-document-options/ls-document-options.scss?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n:host {\n display: block;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% */\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-template-details {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-template-detail-section {\n position: relative;\n display: flex;\n padding: 0.75rem;\n align-items: center;\n gap: 0.5rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n}\n\n.ls-dv-template-detail-section-title {\n color: $gray-80;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: 100%;\n}\n\n.ls-dv-template-detail-section-info {\n color: $gray-70;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 142.857% */\n width: 100%;\n}\n\n.ls-dv-template-title {\n border-radius: 0.625rem;\n padding: 0.25rem;\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n cursor: pointer;\n width: 100%;\n margin-top: -0.125rem;\n\n}\n\n.ls-dv-template-title:hover {\n background: $gray-10;\n}\n\n.ls-dv-column {\n display: flex;\n flex-direction: column;\n align-items: flex-start\n}\n\n.ls-dv-edit-button {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\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: $gray-70;\n}\n\n\n.ls-dv-edit-button:hover {\n color: $gray-80;\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, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.scss',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /**\n * The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n }\n\n render() {\n function formatDate(isoString) {\n if (!isoString) return '-';\n const date = new Date(isoString);\n if (isNaN(date.getTime())) return '-';\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('documentoptions.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('documentoptions.description')}</p>\n </div>\n <div class={'ls-dv-template-details'}>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.name')}</p>\n <div\n class=\"ls-dv-edit-button\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check-icon' : 'pencil-alt-icon'}\n size={20}\n id=\"edit-name-btn\"\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.editTitle ? dvI18n.t('common.save') : dvI18n.t('documentoptions.editname')}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' || e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"ls-dv-template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.autoarchive')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.autoarchivedescription')}</p>\n </div>\n {/* <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.locktemplate')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.locktemplatedescription')}</p>\n </div>\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\" tooltip-data=\"Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template.\">{dvI18n.t('documentoptions.fixedsignatureaspect')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.fixedsignatureaspectdescription')}</p>\n </div>\n\n <ls-toggle\n checked={this.template?.fixSignatureScale}\n onValueChange={e => {\n this.alter({ fixSignatureScale: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.documentretention')}</p>\n <p>\n <input\n type='number'\n min='0'\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ documentRetentionDays: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.pages')}</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.datecreated')}</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.createdby')}</p> <p>{this.template?.createdBy}</p>\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-C2zBzrSq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-document-options/ls-document-options.scss?tag=ls-document-options&encapsulation=shadow","src/components/ls-document-options/ls-document-options.tsx"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n:host {\n display: block;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% */\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-template-details {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-template-detail-section {\n position: relative;\n display: flex;\n padding: 0.75rem;\n align-items: center;\n gap: 0.5rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n}\n\n.ls-dv-template-detail-section-title {\n color: $gray-80;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: 100%;\n}\n\n.ls-dv-template-detail-section-info {\n color: $gray-70;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 142.857% */\n width: 100%;\n}\n\n.ls-dv-template-title {\n border-radius: 0.625rem;\n padding: 0.25rem;\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem; /* 150% */\n cursor: pointer;\n width: 100%;\n margin-top: -0.125rem;\n\n}\n\n.ls-dv-template-title:hover {\n background: $gray-10;\n}\n\n.ls-dv-column {\n display: flex;\n flex-direction: column;\n align-items: flex-start\n}\n\n.ls-dv-edit-button {\n position: absolute;\n top: 0.75rem;\n right: 0.75rem;\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: $gray-70;\n}\n\n\n.ls-dv-edit-button:hover {\n color: $gray-80;\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, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-document-options',\n styleUrl: 'ls-document-options.scss',\n shadow: true,\n})\nexport class LsDocumentOptions {\n @Element() component: HTMLElement;\n /**\n * The base template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n componentDidLoad() {\n }\n\n render() {\n function formatDate(isoString) {\n if (!isoString) return '-';\n const date = new Date(isoString);\n if (isNaN(date.getTime())) return '-';\n\n const day = String(date.getDate()).padStart(2, '0');\n const month = String(date.getMonth() + 1).padStart(2, '0');\n const year = date.getFullYear();\n\n const hours = String(date.getHours()).padStart(2, '0');\n const minutes = String(date.getMinutes()).padStart(2, '0');\n\n return `${day}/${month}/${year} at ${hours}:${minutes}`;\n }\n return (\n <Host>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('documentoptions.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('documentoptions.description')}</p>\n </div>\n <div class={'ls-dv-template-details'}>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.name')}</p>\n <div\n class=\"ls-dv-edit-button\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <ls-icon\n name={this.editTitle ? 'check-icon' : 'pencil-alt-icon'}\n size={20}\n id=\"edit-name-btn\"\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.editTitle ? dvI18n.t('common.save') : dvI18n.t('documentoptions.editname')}\n />\n </div>\n {this.editTitle ? (\n <input\n value={this.template?.title}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' || e.keyCode === 13) this.editTitle = false;\n }}\n />\n ) : (\n <div\n class=\"ls-dv-template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.autoarchive')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.autoarchivedescription')}</p>\n </div>\n {/* <ls-formfield as=\"radio\" value={'false'} /> */}\n <ls-toggle\n checked={this.template?.autoArchive}\n onValueChange={e => {\n this.alter({ autoArchive: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.locktemplate')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.locktemplatedescription')}</p>\n </div>\n <ls-toggle\n checked={this.template?.locked}\n onValueChange={e => {\n this.alter({ locked: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section'}>\n <div>\n <p class=\"ls-dv-template-detail-section-title\" tooltip-data=\"Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template.\">{dvI18n.t('documentoptions.fixedsignatureaspect')}</p>\n <p class={'ls-dv-template-detail-section-info'}>{dvI18n.t('documentoptions.fixedsignatureaspectdescription')}</p>\n </div>\n\n <ls-toggle\n checked={this.template?.fixSignatureScale}\n onValueChange={e => {\n this.alter({ fixSignatureScale: e.detail });\n }}\n ></ls-toggle>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.documentretention')}</p>\n <p>\n <input\n type='number'\n min='0'\n value={this.template?.documentRetentionDays}\n style={{ width: '100%' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ documentRetentionDays: (e.target as HTMLInputElement).value });\n }}\n />\n </p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.pages')}</p>\n <p>{this.template?.pageCount}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.datecreated')}</p> <p>{formatDate(this.template?.created)}</p>\n </div>\n <div class={'ls-dv-template-detail-section ls-dv-column'}>\n <p class=\"ls-dv-template-detail-section-title\">{dvI18n.t('documentoptions.createdby')}</p> <p>{this.template?.createdBy}</p>\n </div>\n </div>\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -30,7 +30,7 @@ const LsFieldSize = /*@__PURE__*/ proxyCustomElement(class LsFieldSize extends H
|
|
|
30
30
|
componentDidLoad() {
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h(Host, { key: '
|
|
33
|
+
return (h(Host, { key: '76f95b6e85ec72bbf24e8b68e19e04f33871f285' }, h("div", { key: '681a1bf220159b933ec1d60e9b2088b5f46662df', class: 'ls-dv-field-properties-section' }, h("div", { key: '613b2f04d84d1f9b0d7d29e5e98bcbeb0c5e6062', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cb98354be0e8c169a4285bd41ca675820a02c909', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '2f0772932668193f7ad3b0bc8be1f56f36385d77', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: '18b430c7b45ad82fdb7281d94a6769e5f4550b4e', class: 'ls-dv-button-group' }, h("button", { key: 'e63765d01470ecd7abc2508e497bba7a603e5004', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchsize'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchsize'), disabled: this.readonly }, h("ls-icon", { key: 'da1eb616468566d0a18849672f368a7451641d52', name: "field-scale-icon" })), h("button", { key: 'f5257123082fd45e1ea12a6872647e82932805a8', "aria-label": dvI18n.t('alignment.matchwidth'), onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchwidth'), disabled: this.readonly }, h("ls-icon", { key: '0eb31233cbc1875a1a14cc4d7ed3aadb9cfd2904', name: "field-match-width-icon" })), h("button", { key: 'b8ca21819c8d347a5a835b47ea03d553619360cf', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": dvI18n.t('alignment.matchheight'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.matchheight'), disabled: this.readonly }, h("ls-icon", { key: '9e8c0f0f914d05754639c55588cf308b3cb1a36c', name: "field-match-height-icon" })))), h("slot", { key: '0b76fb20c685671d41159771c91199692f63a420' }), h("ls-tooltip", { key: '1d36df4f634f1eaa6b5eec72cd76ea2cd5c85e3b', tooltipId: "ls-dv-tooltip" })));
|
|
34
34
|
}
|
|
35
35
|
static get style() { return lsFieldSizeCss(); }
|
|
36
36
|
}, [769, "ls-field-size", {
|
|
@@ -63,6 +63,6 @@ function defineCustomElement() {
|
|
|
63
63
|
defineCustomElement();
|
|
64
64
|
|
|
65
65
|
export { LsFieldSize as L, defineCustomElement as d };
|
|
66
|
-
//# sourceMappingURL=p-
|
|
66
|
+
//# sourceMappingURL=p-C4MDnydI.js.map
|
|
67
67
|
|
|
68
|
-
//# sourceMappingURL=p-
|
|
68
|
+
//# sourceMappingURL=p-C4MDnydI.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-BzFRp7ij.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-size/ls-field-size.scss?tag=ls-field-size&encapsulation=shadow","src/components/ls-field-size/ls-field-size.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n.ls-dv-toolbar-numeric {\n width: 2.813rem;\n max-height: 1.25rem;\n margin: 0px;\n padding: 0px;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 36px;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-size',\n styleUrl: 'ls-field-size.scss',\n shadow: true,\n})\nexport class LsFieldSize {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchsize')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchsize')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button\n aria-label={dvI18n.t('alignment.matchwidth')}\n onClick={() => this.alter({ width: this.dataItem[0].width })}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchwidth')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button\n onClick={() => this.alter({ height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchheight')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchheight')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n\n <slot></slot>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-C4MDnydI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-size/ls-field-size.scss?tag=ls-field-size&encapsulation=shadow","src/components/ls-field-size/ls-field-size.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n.ls-dv-toolbar-numeric {\n width: 2.813rem;\n max-height: 1.25rem;\n margin: 0px;\n padding: 0px;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n.ls-dv-field-properties-section {\n display: flex;\n position: relative;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n color: $gray-90;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n overflow: hidden;\n color: $gray-80;\n text-overflow: ellipsis;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 36px;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-size',\n styleUrl: 'ls-field-size.scss',\n shadow: true,\n})\nexport class LsFieldSize {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('dimensions.scaleandresize')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('dimensions.scaleandresizedescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchsize')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchsize')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-scale-icon\"></ls-icon>\n </button>\n <button\n aria-label={dvI18n.t('alignment.matchwidth')}\n onClick={() => this.alter({ width: this.dataItem[0].width })}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchwidth')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-width-icon\"></ls-icon>\n </button>\n <button\n onClick={() => this.alter({ height: this.dataItem[0].height })}\n aria-label={dvI18n.t('alignment.matchheight')}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.matchheight')}\n disabled={this.readonly}\n >\n <ls-icon name=\"field-match-height-icon\"></ls-icon>\n </button>\n </div>\n </div>\n\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 { F as FIELD_DEFAULTS } from './p-04cXI5GQ.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-BHeJScTh.js';
|
|
6
|
-
import { d as defineCustomElement$2 } from './p-
|
|
6
|
+
import { d as defineCustomElement$2 } from './p-PUZ-RtL4.js';
|
|
7
7
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
8
8
|
|
|
9
9
|
const lsValidationManagerCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-toolbox-section-description{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-validation-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-invalid{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}`;
|
|
@@ -24,7 +24,7 @@ const LsValidationManager = /*@__PURE__*/ proxyCustomElement(class LsValidationM
|
|
|
24
24
|
validationErrors;
|
|
25
25
|
selectFields;
|
|
26
26
|
render() {
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: 'a9bc080de320bf612597d092d76dbc9b82f480a9' }, h("div", { key: '36efd8e18854d20810bed0c4b5cd9d25c6c3090b' }, h("div", { key: 'be04b6befbaae66b9c18c9ac01cb2dab65c38bb0' }, h("div", { key: '8fbcf518ab31bb89ed9624aa8a2068949e9b5bcc', class: 'ls-dv-validation-section-title' }, dvI18n.t('common.actionrequired')), h("p", { key: 'a0d624031c0429c54ad81e68feeaf5ebaad2e484', class: "ls-dv-toolbox-section-description" }, dvI18n.t('validation.description'))), this.validationErrors && this.validationErrors.map((field, idx) => {
|
|
28
28
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
29
29
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
30
30
|
return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
|
|
@@ -40,7 +40,7 @@ const LsValidationManager = /*@__PURE__*/ proxyCustomElement(class LsValidationM
|
|
|
40
40
|
this.selectFields.emit([field.element]);
|
|
41
41
|
}
|
|
42
42
|
} }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: dvI18n.t('toolbox.signature'), defaultHeight: FIELD_DEFAULTS['signature'].defaultHeight, defaultWidth: FIELD_DEFAULTS['signature'].defaultWidth, validation: 0, icon: "signature-icon", tooltip: dvI18n.t('toolbox.signaturetooltip'), signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
|
|
43
|
-
})), h("slot", { key: '
|
|
43
|
+
})), h("slot", { key: '9e4767a519f5e2222c74928fa0df26b053721b64' })));
|
|
44
44
|
}
|
|
45
45
|
static get style() { return lsValidationManagerCss(); }
|
|
46
46
|
}, [769, "ls-validation-manager", {
|
|
@@ -77,6 +77,6 @@ function defineCustomElement() {
|
|
|
77
77
|
defineCustomElement();
|
|
78
78
|
|
|
79
79
|
export { LsValidationManager as L, defineCustomElement as d };
|
|
80
|
-
//# sourceMappingURL=p-
|
|
80
|
+
//# sourceMappingURL=p-C75ZosLW.js.map
|
|
81
81
|
|
|
82
|
-
//# sourceMappingURL=p-
|
|
82
|
+
//# sourceMappingURL=p-C75ZosLW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-S46PtMZ-.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.scss?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-validation-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% */\n}\n\n.ls-dv-valid-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: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-invalid {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; /* 142.857% */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.scss',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /**\n * The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'ls-dv-validation-section-title'}>{dvI18n.t('common.actionrequired')}</div>\n <p class=\"ls-dv-toolbox-section-description\">\n {dvI18n.t('validation.description')}\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n cursor: field?.element ? 'pointer' : 'default',\n }}\n onClick={() => {\n if (field?.element) {\n this.selectFields.emit([field.element]);\n }\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\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={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-C75ZosLW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.scss?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-validation-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem; /* 155.556% */\n}\n\n.ls-dv-valid-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: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-invalid {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; /* 142.857% */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.scss',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /**\n * The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'ls-dv-validation-section-title'}>{dvI18n.t('common.actionrequired')}</div>\n <p class=\"ls-dv-toolbox-section-description\">\n {dvI18n.t('validation.description')}\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n cursor: field?.element ? 'pointer' : 'default',\n }}\n onClick={() => {\n if (field?.element) {\n this.selectFields.emit([field.element]);\n }\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\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={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -42,7 +42,7 @@ const LsValidationTag = /*@__PURE__*/ proxyCustomElement(class LsValidationTag e
|
|
|
42
42
|
document.removeEventListener('mousedown', this.handleClickOutside);
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '04f8a56e1c076a7af3c90a5c7785714291fbbbed', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: '15c290f2c30270b560aeb36079f1b16246724f6d', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, (() => {
|
|
46
46
|
const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
|
|
47
47
|
const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
|
|
48
48
|
const valueErrors = this.validationErrors.filter(f => f?.type === 'value');
|
|
@@ -103,7 +103,7 @@ const LsValidationTag = /*@__PURE__*/ proxyCustomElement(class LsValidationTag e
|
|
|
103
103
|
} }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.title), h("ls-label", { text: field.description, colour: pallette.description, type: "low", size: "sm" })))));
|
|
104
104
|
}))),
|
|
105
105
|
];
|
|
106
|
-
})())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '
|
|
106
|
+
})())), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '3122d7e18b68434e75b7142e106292f135d4af53', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'b27825713efb20620d6347b941232ad9830d1b68', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '72412b44be645ffa5c1439c7886c0c02096f763d', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '9236955bcee2521b860dddade83155a20a19bd64', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '179761de3496fc7419c5a6a14ebc1a804df2ae1d', class: 'ls-dv-dropdown-header' }, h("h2", { key: '8996cbbc79e9fe279ae25664028d6dda5ea087d4' }, dvI18n.t('common.templatereadytosend')), h("p", { key: '933f5600f41f6cbaac1a624df44d38df4eac7caa' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'ea1cf10999ca68996c260fae52d022a8e72a64ea', class: 'ls-dv-field-dropdown ls-dv-compose' }, (() => {
|
|
107
107
|
const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));
|
|
108
108
|
const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));
|
|
109
109
|
const valueErrors = this.validationErrors.filter(f => f?.type === 'value');
|
|
@@ -172,6 +172,6 @@ function defineCustomElement() {
|
|
|
172
172
|
defineCustomElement();
|
|
173
173
|
|
|
174
174
|
export { LsValidationTag as L, defineCustomElement as d };
|
|
175
|
-
//# sourceMappingURL=p-
|
|
175
|
+
//# sourceMappingURL=p-C9ZMy9Xu.js.map
|
|
176
176
|
|
|
177
|
-
//# sourceMappingURL=p-
|
|
177
|
+
//# sourceMappingURL=p-C9ZMy9Xu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-CLn6CMAa.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n position: relative;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-valid-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: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n}\n\n.ls-dv-valid-label-wrapper {\n display: flex;\n padding: 0.25rem;\n border-radius: 0.5rem;\n border: 1px solid $gray-20;\n justify-content: center;\n align-items: center;\n border-radius: 0.825rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n gap: 0.25rem;\n\n &:hover {\n background: $gray-10;\n border: 1px solid $gray-30;\n }\n}\n\n.ls-dv-valid-label-icon-only {\n display: flex;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.625rem;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-validation-tag-description-compose {\n font-size: 0.75rem;\n color: $gray-80;\n line-height: 1rem;\n // white-space: nowrap;\n // overflow: hidden;\n // text-overflow: ellipsis;\n}\n\n.ls-dv-valid.ls-dv-compose {\n border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-80;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-field-counter-floating {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n color: $red-10;\n background: $red-60;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow:\n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-field-dropdown.ls-dv-field-dropdown-success {\n background: linear-gradient($green-10 0%, rgba(255, 255, 255, 1) 100%);\n width: fit-content;\n padding: 2rem;\n align-items: center;\n justify-content: center;\n\n * {\n text-align: center;\n white-space: nowrap;\n }\n}\n\n.ls-dv-dropdown-success-icon-outer {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-20;\n padding: 0.5rem;\n}\n\n.ls-dv-dropdown-success-icon-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-40;\n padding: 0.75rem;\n color: $green-100;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n width: 15rem;\n padding: 0.75rem;\n gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n width: 100%;\n}\n\n.ls-dv-validation-section {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; /* 142.857% */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-validation-tag-container {\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n border-radius: 0.625rem;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n width: 0.25rem;\n height: 2rem;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n font-size: 0.75rem;\n color: #5e6066;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.scss',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' | 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n if (path.includes(this.el)) return;\n if (this.isExpanded) {\n this.isExpanded = false;\n }\n };\n\n private el: HTMLElement;\n\n componentDidLoad() {\n this.el = (this as any).host || (this as any).el || (this as any).component;\n document.addEventListener('mousedown', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n render() {\n return (\n <Host ref={el => (this.el = el as HTMLElement)}>\n {this.type === 'compose' ? (\n <div\n class={`ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-dv-compose\">{this.validationErrors.length}</div>}\n {this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')}\n {this.validationErrors.length > 0 && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n {this.validationErrors.length === 0 && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n </div>\n ) : (\n <div class={`ls-dv-valid-label-wrapper`} onClick={() => (this.isExpanded = !this.isExpanded)}>\n <div class={`ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}>\n <ls-icon name={this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon'} size={20} />\n </div>\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-field-counter-floating ls-dv-default\">{this.validationErrors.length}</div>}\n {this.validationErrors.length > 0 && this.showDropDown && (\n <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} customStyle={{ color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' }} />\n )}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'ls-dv-field-dropdown'} style={{ top: '3.5rem' }}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n <p>\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || 0];\n return (\n <div\n key={`sig-${idx}`}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n const fieldType = field?.element?.formElementType || 'signature';\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: fieldType,\n });\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n <ls-label\n text={field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n colour={pallette.description as any}\n type=\"low\"\n size=\"sm\"\n />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.optionsrequired')}</h2>\n <p>\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`el-${idx}`}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.invalidvalues')}</h2>\n <p>\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`val-${idx}`}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (\n <div class={'ls-dv-field-dropdown ls-dv-field-dropdown-success'} style={{ top: '3.5rem' }}>\n <div class=\"ls-dv-dropdown-success-icon-outer\">\n <div class=\"ls-dv-dropdown-success-icon-inner\">\n <ls-icon name=\"check-icon\" solid size={28} />\n </div>\n </div>\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.templatereadytosend')}</h2>\n <p>{dvI18n.t('common.allfieldsplaced')}</p>\n </div>\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.fieldsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientrequiressignature') : dvI18n.t('validation.recipientsrequiressignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || 0];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`sig-${idx}`}\n onClick={() => {\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: 'signature',\n });\n this.isExpanded = false;\n }}\n // style={{ background: pallette.s10, border: `1px solid ${pallette.s40}` }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">\n {field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}\n </p>\n <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.optionsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n \n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`el-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.invalidvalues')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`val-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-C9ZMy9Xu.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n position: relative;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-valid-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: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n}\n\n.ls-dv-valid-label-wrapper {\n display: flex;\n padding: 0.25rem;\n border-radius: 0.5rem;\n border: 1px solid $gray-20;\n justify-content: center;\n align-items: center;\n border-radius: 0.825rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n gap: 0.25rem;\n\n &:hover {\n background: $gray-10;\n border: 1px solid $gray-30;\n }\n}\n\n.ls-dv-valid-label-icon-only {\n display: flex;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.625rem;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-validation-tag-description-compose {\n font-size: 0.75rem;\n color: $gray-80;\n line-height: 1rem;\n // white-space: nowrap;\n // overflow: hidden;\n // text-overflow: ellipsis;\n}\n\n.ls-dv-valid.ls-dv-compose {\n border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-80;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-field-counter-floating {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n color: $red-10;\n background: $red-60;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow:\n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-field-dropdown.ls-dv-field-dropdown-success {\n background: linear-gradient($green-10 0%, rgba(255, 255, 255, 1) 100%);\n width: fit-content;\n padding: 2rem;\n align-items: center;\n justify-content: center;\n\n * {\n text-align: center;\n white-space: nowrap;\n }\n}\n\n.ls-dv-dropdown-success-icon-outer {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-20;\n padding: 0.5rem;\n}\n\n.ls-dv-dropdown-success-icon-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-40;\n padding: 0.75rem;\n color: $green-100;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n width: 15rem;\n padding: 0.75rem;\n gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n width: 100%;\n}\n\n.ls-dv-validation-section {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; /* 142.857% */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-validation-tag-container {\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n border-radius: 0.625rem;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n width: 0.25rem;\n height: 2rem;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n font-size: 0.75rem;\n color: #5e6066;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.scss',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' | 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n @Event({ bubbles: true, composed: true }) selectFields: EventEmitter<LSApiElement[]>;\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n if (path.includes(this.el)) return;\n if (this.isExpanded) {\n this.isExpanded = false;\n }\n };\n\n private el: HTMLElement;\n\n componentDidLoad() {\n this.el = (this as any).host || (this as any).el || (this as any).component;\n document.addEventListener('mousedown', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n render() {\n return (\n <Host ref={el => (this.el = el as HTMLElement)}>\n {this.type === 'compose' ? (\n <div\n class={`ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-dv-compose\">{this.validationErrors.length}</div>}\n {this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')}\n {this.validationErrors.length > 0 && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n {this.validationErrors.length === 0 && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n </div>\n ) : (\n <div class={`ls-dv-valid-label-wrapper`} onClick={() => (this.isExpanded = !this.isExpanded)}>\n <div class={`ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}>\n <ls-icon name={this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon'} size={20} />\n </div>\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-field-counter-floating ls-dv-default\">{this.validationErrors.length}</div>}\n {this.validationErrors.length > 0 && this.showDropDown && (\n <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} customStyle={{ color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' }} />\n )}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'ls-dv-field-dropdown'} style={{ top: '3.5rem' }}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n <p>\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || 0];\n return (\n <div\n key={`sig-${idx}`}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n const fieldType = field?.element?.formElementType || 'signature';\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: fieldType,\n });\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n <ls-label\n text={field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n colour={pallette.description as any}\n type=\"low\"\n size=\"sm\"\n />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.optionsrequired')}</h2>\n <p>\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`el-${idx}`}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('validation.invalidvalues')}</h2>\n <p>\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n key={`val-${idx}`}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.title}</p>\n <ls-label text={field.description} colour={pallette.description as any} type=\"low\" size=\"sm\" />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (\n <div class={'ls-dv-field-dropdown ls-dv-field-dropdown-success'} style={{ top: '3.5rem' }}>\n <div class=\"ls-dv-dropdown-success-icon-outer\">\n <div class=\"ls-dv-dropdown-success-icon-inner\">\n <ls-icon name=\"check-icon\" solid size={28} />\n </div>\n </div>\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.templatereadytosend')}</h2>\n <p>{dvI18n.t('common.allfieldsplaced')}</p>\n </div>\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n {(() => {\n const signatureErrors = this.validationErrors.filter(f => f?.type === 'signature' || (f?.role && !f?.element && !f?.type));\n const elementErrors = this.validationErrors.filter(f => f?.type === 'options' || (f?.element && !f?.type));\n const valueErrors = this.validationErrors.filter(f => f?.type === 'value');\n return [\n signatureErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.fieldsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {signatureErrors.length} {signatureErrors.length === 1 ? dvI18n.t('validation.recipientrequiressignature') : dvI18n.t('validation.recipientsrequiressignatures')}\n </p>\n </div>\n {signatureErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || 0];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`sig-${idx}`}\n onClick={() => {\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: 'signature',\n });\n this.isExpanded = false;\n }}\n // style={{ background: pallette.s10, border: `1px solid ${pallette.s40}` }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">\n {field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}\n </p>\n <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n elementErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.optionsrequired')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {elementErrors.length} {elementErrors.length === 1 ? dvI18n.t('validation.fieldneedsoptions') : dvI18n.t('validation.fieldsneedoptions')}\n </p>\n \n </div>\n {elementErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`el-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n valueErrors.length > 0 && (\n <div class=\"ls-dv-validation-section\">\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('validation.invalidvalues')}</p>\n <p class=\"ls-dv-validation-tag-description-compose\">\n {valueErrors.length} {valueErrors.length === 1 ? dvI18n.t('validation.fieldhasinvalidvalue') : dvI18n.t('validation.fieldshaveinvalidvalues')}\n </p>\n </div>\n {valueErrors.map((field, idx) => {\n const signerIndex = field?.element?.signer ? field?.element?.signer % 100 : 0;\n const pallette = defaultRolePalette[signerIndex];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={`val-${idx}`}\n onClick={() => {\n this.selectFields.emit([field.element]);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">{field.title}</p>\n <p class=\"ls-dv-validation-tag-email\">{field.description}</p>\n </div>\n </div>\n );\n })}\n </div>\n ),\n ];\n })()}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -5,19 +5,19 @@ import { d as dvI18n } from './p-Al32p_JM.js';
|
|
|
5
5
|
import { f as forceCloseDatePicker } from './index.js';
|
|
6
6
|
import { d as defineCustomElement$h } from './p-BKbGzLae.js';
|
|
7
7
|
import { d as defineCustomElement$g } from './p-PwhF9_IW.js';
|
|
8
|
-
import { d as defineCustomElement$e } from './p-
|
|
8
|
+
import { d as defineCustomElement$e } from './p-CYpYv8bB.js';
|
|
9
9
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
10
10
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
11
11
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
12
|
-
import { d as defineCustomElement$a } from './p-
|
|
12
|
+
import { d as defineCustomElement$a } from './p-CBf_4337.js';
|
|
13
13
|
import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
|
|
14
14
|
import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
|
|
15
|
-
import { d as defineCustomElement$7 } from './p-
|
|
15
|
+
import { d as defineCustomElement$7 } from './p-DJ32qqnr.js';
|
|
16
16
|
import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
|
|
17
17
|
import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
|
|
18
18
|
import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
|
|
19
19
|
import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
|
|
20
|
-
import { d as defineCustomElement$2 } from './p-
|
|
20
|
+
import { d as defineCustomElement$2 } from './p-DEBcjrDR.js';
|
|
21
21
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
22
22
|
|
|
23
23
|
const lsFieldContentCss = () => `:host{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.2rem;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)}.ls-dv-date-input-wrapper{position:relative;width:100%}.ls-dv-date-display{cursor:pointer;width:100%;box-sizing:border-box}.ls-dv-date-clear{position:absolute;right:0.5rem;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;color:var(--gray-80, #6f7176)}.ls-dv-date-picker-hidden{position:absolute;opacity:0;pointer-events:none;top:0;left:0;width:100%;height:100%}.ls-dv-checkbox-toggle{display:flex;gap:0.5rem;background:var(--gray-10, #f7f8fa);padding:0.25rem;border-radius:0.75rem}.ls-dv-checkbox-toggle-btn{flex:1;padding:0.25rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;font-size:0.875rem;color:var(--gray-80, #6f7176);text-transform:capitalize;cursor:pointer;border:none;background:transparent;transition:background 0.15s, box-shadow 0.15s}.ls-dv-checkbox-toggle-btn:focus-visible{outline:2px solid var(--gray-40, #d8d9dc);outline-offset:2px}.ls-dv-checkbox-toggle-btn.ls-dv-active{background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}.ls-dv-checkbox-toggle-btn:disabled{cursor:default;opacity:0.5}`;
|
|
@@ -442,6 +442,6 @@ function defineCustomElement() {
|
|
|
442
442
|
defineCustomElement();
|
|
443
443
|
|
|
444
444
|
export { LsFieldContent as L, defineCustomElement as d };
|
|
445
|
-
//# sourceMappingURL=p-
|
|
445
|
+
//# sourceMappingURL=p-CALnPlUj.js.map
|
|
446
446
|
|
|
447
|
-
//# sourceMappingURL=p-
|
|
447
|
+
//# sourceMappingURL=p-CALnPlUj.js.map
|