legalesign-document-viewer 0.4.5 → 0.4.7
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/{index-BpMnxZQ4.js → index-C4ibYtjE.js} +5 -5
- package/dist/cjs/{index-BpMnxZQ4.js.map → index-C4ibYtjE.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/ls-compose-manager.cjs.entry.js +3 -3
- package/dist/cjs/{ls-document-options_45.cjs.entry.js → ls-document-options_46.cjs.entry.js} +346 -205
- package/dist/cjs/ls-document-options_46.cjs.entry.js.map +1 -0
- package/dist/cjs/ls-document-viewer.cjs.js +2 -2
- package/dist/cjs/ls-field-properties-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ls-formfield.cjs.entry.js +4 -4
- package/dist/cjs/ls-number-input.ls-radio-input.ls-select-input.ls-text-input.ls-textarea-input.entry.cjs.js.map +1 -1
- package/dist/cjs/ls-number-input_5.cjs.entry.js +12 -12
- package/dist/cjs/ls-number-input_5.cjs.entry.js.map +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ls-compose-manager/ls-compose-manager.js +2 -2
- package/dist/collection/components/ls-document-options/ls-document-options.css +2 -2
- package/dist/collection/components/ls-document-options/ls-document-options.js +1 -1
- package/dist/collection/components/ls-document-options/ls-document-options.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/editorCalculator.js +2 -0
- package/dist/collection/components/ls-document-viewer/editorCalculator.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.css +50 -15
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +32 -6
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-editor-field/ls-editor-field.css +16 -7
- package/dist/collection/components/ls-editor-field/ls-editor-field.js +116 -16
- package/dist/collection/components/ls-editor-field/ls-editor-field.js.map +1 -1
- package/dist/collection/components/ls-editor-table/ls-editor-table.js +1 -1
- package/dist/collection/components/ls-feature-column/ls-feature-column.js +6 -6
- package/dist/collection/components/ls-feature-column/ls-feature-column.js.map +1 -1
- package/dist/collection/components/ls-field-alignment/ls-field-alignment.css +1 -1
- package/dist/collection/components/ls-field-alignment/ls-field-alignment.js +2 -2
- package/dist/collection/components/ls-field-content/ls-field-content.css +1 -1
- package/dist/collection/components/ls-field-content/ls-field-content.js +2 -2
- package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.css +1 -1
- package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js +1 -1
- package/dist/collection/components/ls-field-distribute/ls-field-distribute.css +2 -2
- package/dist/collection/components/ls-field-distribute/ls-field-distribute.js +5 -5
- package/dist/collection/components/ls-field-footer/ls-field-footer.js +1 -1
- package/dist/collection/components/ls-field-footer/ls-field-footer.js.map +1 -1
- package/dist/collection/components/ls-field-format/ls-field-format.css +1 -1
- package/dist/collection/components/ls-field-format/ls-field-format.js +11 -11
- package/dist/collection/components/ls-field-placement/ls-field-placement.css +1 -1
- package/dist/collection/components/ls-field-placement/ls-field-placement.js +1 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.css +1 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.js +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.css +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +2 -2
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -1
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.css +1 -1
- package/dist/collection/components/ls-field-properties-autosign/ls-field-properties-autosign.js +1 -1
- package/dist/collection/components/ls-field-properties-container/ls-field-properties-container.js +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.css +1 -1
- package/dist/collection/components/ls-field-properties-date/ls-field-properties-date.js +1 -1
- package/dist/collection/components/ls-field-properties-dropdown/ls-field-properties-dropdown.js +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.css +1 -1
- package/dist/collection/components/ls-field-properties-email/ls-field-properties-email.js +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.css +1 -1
- package/dist/collection/components/ls-field-properties-file/ls-field-properties-file.js +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.css +1 -1
- package/dist/collection/components/ls-field-properties-general/ls-field-properties-general.js +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.css +1 -1
- package/dist/collection/components/ls-field-properties-image/ls-field-properties-image.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.css +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +3 -3
- 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.css +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.css +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.css +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.css +2 -2
- 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-display/ls-field-type-display.js.map +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.css +7 -7
- package/dist/collection/components/ls-formfield/inputs/ls-number-input/ls-number-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.css +9 -9
- package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.js +1 -1
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.css +9 -9
- package/dist/collection/components/ls-formfield/inputs/ls-text-input/ls-text-input.js +2 -2
- package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.css +9 -9
- package/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js +1 -1
- package/dist/collection/components/ls-formfield/ls-formfield.js +2 -2
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +2 -2
- package/dist/collection/components/ls-icon/ls-icon.js +5 -5
- package/dist/collection/components/ls-icon/ls-icon.js.map +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-page-loader/ls-page-loader.js +2 -2
- package/dist/collection/components/ls-participant-card/ls-participant-card.css +1 -1
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +8 -8
- package/dist/collection/components/ls-participant-card/ls-participant-card.js.map +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.css +2 -2
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +2 -2
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js.map +1 -1
- package/dist/collection/components/ls-participant-select/ls-participant-select.css +1 -1
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +9 -9
- package/dist/collection/components/ls-participant-select/ls-participant-select.js.map +1 -1
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.css +16 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +29 -5
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js.map +1 -1
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.css +1 -1
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.css +11 -11
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +3 -3
- package/dist/collection/components/ls-title-input/ls-title-input.css +320 -0
- package/dist/collection/components/ls-title-input/ls-title-input.js +130 -0
- package/dist/collection/components/ls-title-input/ls-title-input.js.map +1 -0
- package/dist/collection/components/ls-toggle/ls-toggle.css +2 -2
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbar/ls-toolbar.css +1 -1
- package/dist/collection/components/ls-toolbar/ls-toolbar.js +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.css +1 -1
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js.map +1 -1
- package/dist/collection/components/ls-tooltip/ls-tooltip.js +1 -1
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.css +2 -2
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.css +16 -16
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +25 -3
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js.map +1 -1
- package/dist/collection/types/ValidationError.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/ls-compose-manager.js +3 -3
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +128 -97
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.js +1 -1
- package/dist/components/ls-editor-table.js +1 -1
- package/dist/components/ls-feature-column.js +1 -1
- package/dist/components/ls-field-alignment.js +1 -1
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-dimensions.js +1 -1
- package/dist/components/ls-field-distribute.js +1 -1
- package/dist/components/ls-field-footer.js +1 -1
- package/dist/components/ls-field-format.js +1 -1
- package/dist/components/ls-field-placement.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-container.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +15 -15
- 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-image.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 +1 -1
- package/dist/components/ls-formfield.js +10 -10
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-icon.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-number-input.js +1 -1
- package/dist/components/ls-page-loader.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-radio-input.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-select-input.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-text-input.js +1 -1
- package/dist/components/ls-textarea-input.js +1 -1
- package/dist/components/ls-title-input.d.ts +11 -0
- package/dist/components/ls-title-input.js +9 -0
- package/dist/components/ls-title-input.js.map +1 -0
- 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-tooltip.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-COypjAnE.js → p-2R-Lmtr0.js} +10 -10
- package/dist/components/p-2R-Lmtr0.js.map +1 -0
- package/dist/components/p-4zazHXkZ.js +108 -0
- package/dist/components/p-4zazHXkZ.js.map +1 -0
- package/dist/components/{p-DZ_KhOns.js → p-6l08SdGl.js} +8 -8
- package/dist/components/{p-DZ_KhOns.js.map → p-6l08SdGl.js.map} +1 -1
- package/dist/components/{p-DMgdq7Zj.js → p-8ubyIwnl.js} +16 -16
- package/dist/components/p-8ubyIwnl.js.map +1 -0
- package/dist/components/{p-CtV1B-_5.js → p-95nSEls8.js} +7 -7
- package/dist/components/p-95nSEls8.js.map +1 -0
- package/dist/components/p-B28ZaK_Y.js +112 -0
- package/dist/components/p-B28ZaK_Y.js.map +1 -0
- package/dist/components/{p-DKx68i7a.js → p-B8NAATla.js} +25 -25
- package/dist/components/p-B8NAATla.js.map +1 -0
- package/dist/components/{p-BiOHci04.js → p-BArB45ep.js} +25 -25
- package/dist/components/p-BArB45ep.js.map +1 -0
- package/dist/components/p-BHTy08Q0.js +83 -0
- package/dist/components/p-BHTy08Q0.js.map +1 -0
- package/dist/components/{p-CaBVuofO.js → p-BSoZFh0I.js} +4 -4
- package/dist/components/{p-CaBVuofO.js.map → p-BSoZFh0I.js.map} +1 -1
- package/dist/components/{p-DmszHmWG.js → p-BXjDp97T.js} +31 -31
- package/dist/components/p-BXjDp97T.js.map +1 -0
- package/dist/components/p-BdTy5xDV.js +115 -0
- package/dist/components/p-BdTy5xDV.js.map +1 -0
- package/dist/components/{p-CEhCcP_A.js → p-BnGihP6t.js} +5 -5
- package/dist/components/p-BnGihP6t.js.map +1 -0
- package/dist/components/p-BzEEnXM3.js +99 -0
- package/dist/components/p-BzEEnXM3.js.map +1 -0
- package/dist/components/{p-CuyjSEEv.js → p-C0vy7fEN.js} +12 -12
- package/dist/components/{p-CuyjSEEv.js.map → p-C0vy7fEN.js.map} +1 -1
- package/dist/components/{p-DKcMRnoh.js → p-C3Qs4SL0.js} +4 -4
- package/dist/components/{p-DKcMRnoh.js.map → p-C3Qs4SL0.js.map} +1 -1
- package/dist/components/{p-D-yItxA4.js → p-CB2IouRT.js} +4 -4
- package/dist/components/{p-D-yItxA4.js.map → p-CB2IouRT.js.map} +1 -1
- package/dist/components/{p-C8ZQeYj-.js → p-CB6w78IO.js} +68 -21
- package/dist/components/p-CB6w78IO.js.map +1 -0
- package/dist/components/p-CEARE5Dy.js +72 -0
- package/dist/components/p-CEARE5Dy.js.map +1 -0
- package/dist/components/{p-CrVSg3t4.js → p-CMrBTV-g.js} +7 -7
- package/dist/components/{p-CrVSg3t4.js.map → p-CMrBTV-g.js.map} +1 -1
- package/dist/components/p-COuOscFT.js +68 -0
- package/dist/components/p-COuOscFT.js.map +1 -0
- package/dist/components/{p-BIqQK9GI.js → p-CRf3zadK.js} +9 -9
- package/dist/components/p-CRf3zadK.js.map +1 -0
- package/dist/components/{p-B3axAGVs.js → p-CYeSt5Fo.js} +8 -8
- package/dist/components/p-CYeSt5Fo.js.map +1 -0
- package/dist/components/p-Ca9OGLvH.js +115 -0
- package/dist/components/p-Ca9OGLvH.js.map +1 -0
- package/dist/components/{p-Ji_SfsNu.js → p-CcmgTlbG.js} +6 -6
- package/dist/components/{p-Ji_SfsNu.js.map → p-CcmgTlbG.js.map} +1 -1
- package/dist/components/p-Ce_FwQKY.js +125 -0
- package/dist/components/p-Ce_FwQKY.js.map +1 -0
- package/dist/components/p-CnLhdSVD.js +115 -0
- package/dist/components/p-CnLhdSVD.js.map +1 -0
- package/dist/components/p-CpKruuk0.js +150 -0
- package/dist/components/p-CpKruuk0.js.map +1 -0
- package/dist/components/p-CqvHgqQi.js +201 -0
- package/dist/components/p-CqvHgqQi.js.map +1 -0
- package/dist/components/{p-DC0HL60H.js → p-CwVY532N.js} +4 -4
- package/dist/components/{p-DC0HL60H.js.map → p-CwVY532N.js.map} +1 -1
- package/dist/components/p-D0oqtZ7v.js +161 -0
- package/dist/components/p-D0oqtZ7v.js.map +1 -0
- package/dist/components/p-D5Lt75HV.js +103 -0
- package/dist/components/p-D5Lt75HV.js.map +1 -0
- package/dist/components/{p-DPVPaPb1.js → p-DMtkP3At.js} +4 -4
- package/dist/components/{p-DPVPaPb1.js.map → p-DMtkP3At.js.map} +1 -1
- package/dist/components/p-DNojPpNK.js +34 -0
- package/dist/components/p-DNojPpNK.js.map +1 -0
- package/dist/components/{p-B2TUFMT0.js → p-DVcM3j89.js} +8 -8
- package/dist/components/p-DVcM3j89.js.map +1 -0
- package/dist/components/p-DXAEPHmo.js +115 -0
- package/dist/components/p-DXAEPHmo.js.map +1 -0
- package/dist/components/{p-9pxwrFws.js → p-DYw5-WDF.js} +5 -5
- package/dist/components/{p-9pxwrFws.js.map → p-DYw5-WDF.js.map} +1 -1
- package/dist/components/p-DhQKM6mo.js +115 -0
- package/dist/components/p-DhQKM6mo.js.map +1 -0
- package/dist/components/p-DjunXuAM.js +115 -0
- package/dist/components/p-DjunXuAM.js.map +1 -0
- package/dist/components/{p-Cqxe6wZe.js → p-DpEeDtkU.js} +7 -7
- package/dist/components/{p-Cqxe6wZe.js.map → p-DpEeDtkU.js.map} +1 -1
- package/dist/components/{p-CdFJ_FQz.js → p-Dp_6qCVD.js} +19 -19
- package/dist/components/p-Dp_6qCVD.js.map +1 -0
- package/dist/components/p-Dt8uznTD.js +118 -0
- package/dist/components/p-Dt8uznTD.js.map +1 -0
- package/dist/components/{p-R3_FOlEq.js → p-DtfgidTY.js} +10 -10
- package/dist/components/p-DtfgidTY.js.map +1 -0
- package/dist/components/{p-raaSYxtA.js → p-DuLbniAl.js} +5 -5
- package/dist/components/{p-raaSYxtA.js.map → p-DuLbniAl.js.map} +1 -1
- package/dist/components/{p-NoKw4xu7.js → p-Myru1I0U.js} +5 -5
- package/dist/components/{p-NoKw4xu7.js.map → p-Myru1I0U.js.map} +1 -1
- package/dist/components/{p-BUfnTaTZ.js → p-SymuFFwR.js} +10 -10
- package/dist/components/p-SymuFFwR.js.map +1 -0
- package/dist/components/p-bm-gsw1C.js +77 -0
- package/dist/components/p-bm-gsw1C.js.map +1 -0
- package/dist/components/p-hgs41zT_.js +103 -0
- package/dist/components/p-hgs41zT_.js.map +1 -0
- package/dist/components/{p-B-j9D08q.js → p-lCZRXn_O.js} +6 -6
- package/dist/components/{p-B-j9D08q.js.map → p-lCZRXn_O.js.map} +1 -1
- package/dist/components/p-mtgdqmoW.js +73 -0
- package/dist/components/p-mtgdqmoW.js.map +1 -0
- package/dist/components/{p-CTGwIImt.js → p-zhtYmA1Q.js} +6 -6
- package/dist/components/{p-CTGwIImt.js.map → p-zhtYmA1Q.js.map} +1 -1
- package/dist/esm/{index-BzcAlD18.js → index-o0lmYfXA.js} +5 -5
- package/dist/esm/{index-BzcAlD18.js.map → index-o0lmYfXA.js.map} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/ls-compose-manager.entry.js +3 -3
- package/dist/esm/{ls-document-options_45.entry.js → ls-document-options_46.entry.js} +346 -206
- package/dist/esm/ls-document-options_46.entry.js.map +1 -0
- package/dist/esm/ls-document-viewer.js +3 -3
- package/dist/esm/ls-field-properties-dropdown.entry.js +2 -2
- package/dist/esm/ls-formfield.entry.js +4 -4
- package/dist/esm/ls-number-input.ls-radio-input.ls-select-input.ls-text-input.ls-textarea-input.entry.js.map +1 -1
- package/dist/esm/ls-number-input_5.entry.js +12 -12
- package/dist/esm/ls-number-input_5.entry.js.map +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/ls-number-input.ls-radio-input.ls-select-input.ls-text-input.ls-textarea-input.entry.esm.js.map +1 -1
- package/dist/ls-document-viewer/p-0f4af1a9.entry.js +2 -0
- package/dist/ls-document-viewer/p-3ed8b266.entry.js +2 -0
- package/dist/ls-document-viewer/p-3ed8b266.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-b1237a47.entry.js +2 -0
- package/dist/ls-document-viewer/p-d10c6f29.entry.js +4922 -0
- package/dist/ls-document-viewer/p-d10c6f29.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-f8d4e7a2.entry.js +2 -0
- package/dist/ls-document-viewer/{p-fbb241f1.entry.js.map → p-f8d4e7a2.entry.js.map} +1 -1
- package/dist/ls-document-viewer/p-o0lmYfXA.js +3 -0
- package/dist/ls-document-viewer/{p-BzcAlD18.js.map → p-o0lmYfXA.js.map} +1 -1
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +1 -0
- package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +10 -0
- package/dist/types/components/ls-recipient-card/ls-recipient-card.d.ts +3 -0
- package/dist/types/components/ls-title-input/ls-title-input.d.ts +14 -0
- package/dist/types/components/ls-validation-tag/ls-validation-tag.d.ts +2 -0
- package/dist/types/components.d.ts +65 -2
- package/dist/types/types/ValidationError.d.ts +1 -2
- package/package.json +2 -2
- package/readme.md +9 -0
- package/dist/cjs/ls-document-options_45.cjs.entry.js.map +0 -1
- package/dist/components/p-B2TUFMT0.js.map +0 -1
- package/dist/components/p-B2etz1Ic.js +0 -115
- package/dist/components/p-B2etz1Ic.js.map +0 -1
- package/dist/components/p-B2ofj7BM.js +0 -127
- package/dist/components/p-B2ofj7BM.js.map +0 -1
- package/dist/components/p-B3axAGVs.js.map +0 -1
- package/dist/components/p-B7S9E2ci.js +0 -115
- package/dist/components/p-B7S9E2ci.js.map +0 -1
- package/dist/components/p-BIqQK9GI.js.map +0 -1
- package/dist/components/p-BNX_U6jC.js +0 -112
- package/dist/components/p-BNX_U6jC.js.map +0 -1
- package/dist/components/p-BUfnTaTZ.js.map +0 -1
- package/dist/components/p-BiOHci04.js.map +0 -1
- package/dist/components/p-BzY8ubZE.js +0 -103
- package/dist/components/p-BzY8ubZE.js.map +0 -1
- package/dist/components/p-BzxhEsKd.js +0 -115
- package/dist/components/p-BzxhEsKd.js.map +0 -1
- package/dist/components/p-C8ZQeYj-.js.map +0 -1
- package/dist/components/p-CCt1S0nA.js +0 -115
- package/dist/components/p-CCt1S0nA.js.map +0 -1
- package/dist/components/p-CEhCcP_A.js.map +0 -1
- package/dist/components/p-CNc1l7mG.js +0 -73
- package/dist/components/p-CNc1l7mG.js.map +0 -1
- package/dist/components/p-COypjAnE.js.map +0 -1
- package/dist/components/p-CdFJ_FQz.js.map +0 -1
- package/dist/components/p-CtV1B-_5.js.map +0 -1
- package/dist/components/p-D-U9fbV-.js +0 -118
- package/dist/components/p-D-U9fbV-.js.map +0 -1
- package/dist/components/p-DCZnqvsu.js +0 -83
- package/dist/components/p-DCZnqvsu.js.map +0 -1
- package/dist/components/p-DDNZkGBj.js +0 -115
- package/dist/components/p-DDNZkGBj.js.map +0 -1
- package/dist/components/p-DGuG1Bmj.js +0 -108
- package/dist/components/p-DGuG1Bmj.js.map +0 -1
- package/dist/components/p-DKx68i7a.js.map +0 -1
- package/dist/components/p-DMgdq7Zj.js.map +0 -1
- package/dist/components/p-DPtMBZYM.js +0 -103
- package/dist/components/p-DPtMBZYM.js.map +0 -1
- package/dist/components/p-DUBoFEsx.js +0 -99
- package/dist/components/p-DUBoFEsx.js.map +0 -1
- package/dist/components/p-DVtr8lsT.js +0 -34
- package/dist/components/p-DVtr8lsT.js.map +0 -1
- package/dist/components/p-DmszHmWG.js.map +0 -1
- package/dist/components/p-DyU3O3tg.js +0 -161
- package/dist/components/p-DyU3O3tg.js.map +0 -1
- package/dist/components/p-FjzffTyc.js +0 -201
- package/dist/components/p-FjzffTyc.js.map +0 -1
- package/dist/components/p-G8kF15oY.js +0 -67
- package/dist/components/p-G8kF15oY.js.map +0 -1
- package/dist/components/p-HB8K0xP0.js +0 -68
- package/dist/components/p-HB8K0xP0.js.map +0 -1
- package/dist/components/p-QEWyXsBw.js +0 -115
- package/dist/components/p-QEWyXsBw.js.map +0 -1
- package/dist/components/p-R3_FOlEq.js.map +0 -1
- package/dist/components/p-cwpKMDgH.js +0 -125
- package/dist/components/p-cwpKMDgH.js.map +0 -1
- package/dist/esm/ls-document-options_45.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-06c34a72.entry.js +0 -4922
- package/dist/ls-document-viewer/p-06c34a72.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-350754cb.entry.js +0 -2
- package/dist/ls-document-viewer/p-350754cb.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-3a4da534.entry.js +0 -2
- package/dist/ls-document-viewer/p-3c5fa1d7.entry.js +0 -2
- package/dist/ls-document-viewer/p-BzcAlD18.js +0 -3
- package/dist/ls-document-viewer/p-fbb241f1.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-3c5fa1d7.entry.js.map → p-0f4af1a9.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-3a4da534.entry.js.map → p-b1237a47.entry.js.map} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-o0lmYfXA.js';
|
|
2
2
|
|
|
3
3
|
function showTooltip(event) {
|
|
4
4
|
const rootNode = this.getRootNode();
|
|
@@ -28,13 +28,13 @@ function attachAllTooltips(root) {
|
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
const lsDocumentOptionsCss = "*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-editor-infobox{padding:
|
|
31
|
+
const lsDocumentOptionsCss = "*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.template-details{display:flex;flex-direction:column;gap:0.75rem}.template-detail-section{position:relative;display:flex;padding:0.75rem;align-items:center;gap:0.5rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #fff)}.template-detail-section-title{color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;width:100%}.template-detail-section-info{color:var(--gray-70);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;width:100%}.template-title{border-radius:0.5rem;padding:0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;cursor:pointer;width:100%;margin-top:-0.125rem}.template-title:hover{background:var(--gray-10, #f7f8fa)}.column{display:flex;flex-direction:column;align-items:flex-start}.editButton{position:absolute;top:0.75rem;right:0.75rem;margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #2134dc)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
32
32
|
|
|
33
33
|
const LsDocumentOptions = class {
|
|
34
34
|
constructor(hostRef) {
|
|
35
35
|
registerInstance(this, hostRef);
|
|
36
|
-
this.mutate = createEvent(this, "mutate");
|
|
37
|
-
this.update = createEvent(this, "update");
|
|
36
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
37
|
+
this.update = createEvent(this, "update", 7);
|
|
38
38
|
}
|
|
39
39
|
get component() { return getElement(this); }
|
|
40
40
|
/**
|
|
@@ -80,7 +80,7 @@ const LsDocumentOptions = class {
|
|
|
80
80
|
}
|
|
81
81
|
return (h(Host, null, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Template Details"), h("p", { class: "toolbox-section-description" }, "Details and insights about the Template.")), h("div", { class: 'template-details' }, h("div", { class: 'template-detail-section column' }, h("p", { class: "template-detail-section-title" }, "Name"), h("div", { class: "editButton", onClick: () => {
|
|
82
82
|
this.editTitle = !this.editTitle;
|
|
83
|
-
} }, h("ls-icon", { name: this.editTitle ? 'check' : 'pencil-alt', size: "
|
|
83
|
+
} }, h("ls-icon", { name: this.editTitle ? 'check' : 'pencil-alt', size: "1.25rem", id: "edit-name-btn", "data-tooltip": this.editTitle ? 'Save' : 'Edit Name' })), this.editTitle ? (h("input", { value: this.template?.title, style: { width: '100%' }, onInput: e => {
|
|
84
84
|
e.preventDefault();
|
|
85
85
|
this.alter({ title: e.target.value });
|
|
86
86
|
}, onKeyUp: e => {
|
|
@@ -19919,9 +19919,11 @@ const findIn = (fields, selector, restyle = false, additive = false) => {
|
|
|
19919
19919
|
function addField(frame, data) {
|
|
19920
19920
|
const fields = this._template.elementConnection.templateElements;
|
|
19921
19921
|
this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: [...fields, data] } };
|
|
19922
|
+
const assignee = this._template.roles.find(r => r.signerIndex === data.signer);
|
|
19922
19923
|
const node = document.createElement('ls-editor-field');
|
|
19923
19924
|
node.setAttribute('type', data.formElementType);
|
|
19924
19925
|
node.setAttribute('id', 'ls-field-' + data.id);
|
|
19926
|
+
node.setAttribute('assignee', assignee?.name || `Participant ${data.signer}`);
|
|
19925
19927
|
// node.setAttribute('selected', 'selected');
|
|
19926
19928
|
node.style.zIndex = '100';
|
|
19927
19929
|
node.style.position = 'absolute';
|
|
@@ -24914,17 +24916,17 @@ const getGroupData = (id) => {
|
|
|
24914
24916
|
`;
|
|
24915
24917
|
};
|
|
24916
24918
|
|
|
24917
|
-
const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.left-slot-wrapper{position:fixed;top:0.375rem;left:0.675rem;z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.right-slot-wrapper{position:fixed;top:0.375rem;right:0.675rem;z-index:2000}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:
|
|
24919
|
+
const lsDocumentViewerCss = "*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.left-slot-wrapper{position:fixed;top:0.375rem;left:0.675rem;z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.right-slot-wrapper{position:fixed;top:0.375rem;right:0.675rem;z-index:2000}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:1rem;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{border:1px gray solid;width:29.375rem;min-width:24.375rem;padding:0.25rem;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;width:calc(100% + 0.25rem);padding:0.75rem 0.25rem 0.25rem 0.25rem}.scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}#pdf-canvas{top:0px;left:0px;width:6.25rem;height:6.25rem;box-shadow:0 0.5rem 2rem 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.prevButton{position:relative;bottom:1.875rem}.nextButton{position:relative;bottom:1.875rem}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer{position:relative;height:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
24918
24920
|
|
|
24919
24921
|
pdfExports.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js';
|
|
24920
24922
|
const LsDocumentViewer = class {
|
|
24921
24923
|
constructor(hostRef) {
|
|
24922
24924
|
registerInstance(this, hostRef);
|
|
24923
|
-
this.pageRendered = createEvent(this, "pageRendered");
|
|
24924
|
-
this.pageChange = createEvent(this, "pageChange");
|
|
24925
|
-
this.selectFields = createEvent(this, "selectFields");
|
|
24926
|
-
this.mutate = createEvent(this, "mutate");
|
|
24927
|
-
this.update = createEvent(this, "update");
|
|
24925
|
+
this.pageRendered = createEvent(this, "pageRendered", 7);
|
|
24926
|
+
this.pageChange = createEvent(this, "pageChange", 7);
|
|
24927
|
+
this.selectFields = createEvent(this, "selectFields", 7);
|
|
24928
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
24929
|
+
this.update = createEvent(this, "update", 7);
|
|
24928
24930
|
}
|
|
24929
24931
|
get component() { return getElement(this); }
|
|
24930
24932
|
isPageRendering;
|
|
@@ -25022,6 +25024,10 @@ const LsDocumentViewer = class {
|
|
|
25022
25024
|
this.readonly = false;
|
|
25023
25025
|
}
|
|
25024
25026
|
}
|
|
25027
|
+
zoomChanged(newZoom) {
|
|
25028
|
+
const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
|
|
25029
|
+
fields.forEach(f => f.setAttribute('zoom', String(newZoom)));
|
|
25030
|
+
}
|
|
25025
25031
|
/**
|
|
25026
25032
|
* Determines / sets which of the far left 'managers' is active.
|
|
25027
25033
|
* {'document' | 'toolbox' | 'participant' }
|
|
@@ -25082,7 +25088,6 @@ const LsDocumentViewer = class {
|
|
|
25082
25088
|
event.detail.forEach(me => this.adapter.handleEvent(me, this.token).then(result => matchData.bind(this)(result)));
|
|
25083
25089
|
}
|
|
25084
25090
|
handleFieldTypeSelected(event) {
|
|
25085
|
-
console.log(event);
|
|
25086
25091
|
const fields = this.component.shadowRoot.querySelectorAll('ls-toolbox-field');
|
|
25087
25092
|
fields.forEach(element => {
|
|
25088
25093
|
element.isSelected = element.formElementType === event.detail.formElementType;
|
|
@@ -25119,8 +25124,25 @@ const LsDocumentViewer = class {
|
|
|
25119
25124
|
}
|
|
25120
25125
|
// Updates are internal event between LS controls not to be confused with mutate
|
|
25121
25126
|
updateSigner(event) {
|
|
25122
|
-
if (event.detail)
|
|
25127
|
+
if (event.detail) {
|
|
25123
25128
|
this.signer = event.detail;
|
|
25129
|
+
try {
|
|
25130
|
+
const leftBox = this.component.shadowRoot?.getElementById('ls-recipient-manager');
|
|
25131
|
+
if (leftBox) {
|
|
25132
|
+
const recipientsBox = leftBox.querySelector('.recipients-box');
|
|
25133
|
+
const card = recipientsBox?.querySelector(`ls-recipient-card[data-signer-index="${event.detail}"]`);
|
|
25134
|
+
if (card && recipientsBox) {
|
|
25135
|
+
recipientsBox.scrollTo({
|
|
25136
|
+
top: 0,
|
|
25137
|
+
behavior: 'smooth',
|
|
25138
|
+
});
|
|
25139
|
+
}
|
|
25140
|
+
}
|
|
25141
|
+
}
|
|
25142
|
+
catch (e) {
|
|
25143
|
+
// fail silently
|
|
25144
|
+
}
|
|
25145
|
+
}
|
|
25124
25146
|
}
|
|
25125
25147
|
// Send selection changes to bars and panels if in use.
|
|
25126
25148
|
selectFieldsHandler(event) {
|
|
@@ -25330,7 +25352,10 @@ const LsDocumentViewer = class {
|
|
|
25330
25352
|
this.selected = Array.from(fields).filter(fx => fx.selected);
|
|
25331
25353
|
}
|
|
25332
25354
|
else if (update.action === 'delete') {
|
|
25355
|
+
console.log('Deleting field via syncChange', update.data);
|
|
25333
25356
|
const fi = this.component.shadowRoot.getElementById('ls-field-' + update.data.id);
|
|
25357
|
+
if (!fi)
|
|
25358
|
+
return;
|
|
25334
25359
|
const fields = this._template.elementConnection.templateElements;
|
|
25335
25360
|
this._template = { ...this._template, elementConnection: { ...this._template.elementConnection, templateElements: fields.filter(f => f.id !== update.data.id) } };
|
|
25336
25361
|
this.component.shadowRoot.getElementById('ls-document-frame').removeChild(fi);
|
|
@@ -25421,7 +25446,7 @@ const LsDocumentViewer = class {
|
|
|
25421
25446
|
return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
|
|
25422
25447
|
}
|
|
25423
25448
|
render() {
|
|
25424
|
-
return (h(Host, { key: '
|
|
25449
|
+
return (h(Host, { key: '62402c417f86fc4281d953b1a4f8709d0f1d6cd7' }, h(h.Fragment, null, this.isLoading && h("ls-page-loader", { key: '15a4db508ee9d16e44a9e84ac4c5be7f2c4f3686' }), h("div", { key: '76f9909417bc27bb9bc2f2524076f05d6c88e9bf', class: "page-header" }, h("div", { key: 'e859052dfb395701cc79b273e93877028628cf15', class: 'left-slot-wrapper' }, h("slot", { key: '34dfd7d2989bb1f96ee822517a709a4ed9820705', name: "left-button" })), h("div", { key: '1d6a035338ce475b564679b7ca1722133247d7b4', class: 'right-slot-wrapper' }, h("slot", { key: '266cce39667d3d4455ffc2f0ce2f20ee27058759', name: "right-button" })), this.mode === 'editor' && (h("div", { key: 'd54a9943c81adf4b8fe1906aa5c162b05a657373' }, h("span", { key: '7f81f4fa0ef0a94f1fac293aca22aa61ec273196', class: "header-text-1" }, "Template Creation"), h("span", { key: 'e949e88dc267a1d6317d222dbbdfde6a4953243a' }, "/"), h("span", { key: 'f9f9bad3007748b69d6a9371caab1f1cf0134be9', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: 'a3a1247ae9f2f3a0af62f8edf126d4a183062ba1', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("span", { key: '5481c7f19fd6f0bb01ef4ac2423bf31c89044fac', class: "header-text-1" }, "Compose"), " ", h("span", { key: '80b479704b6cb18916e573958930bb7e30b0010a' }, "/"), " ", h("ls-title-input", { key: 'c21d49a7e4eeaebbc8c1234f0b73d0a2b93aa5d3', template: this._template })))), this.mode === 'editor' && (h("div", { key: '574f02201940531dab79ea39680935d987bd581d', class: 'validation-tag-wrapper' }, h("ls-validation-tag", { key: 'ce68bb580c64ef38b5ab9fe286a2c01dac46a802', validationErrors: this.validationErrors }))), h("form", { key: '13325057436527a2aee93c34d43cf2c9f9cd7e9e', id: "ls-editor-form" }, this.mode !== 'preview' ? (h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (h("ls-feature-column", { mode: this.mode, onManage: manager => {
|
|
25425
25450
|
if (manager.detail === 'document') {
|
|
25426
25451
|
var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
|
|
25427
25452
|
documentManager.template = this._template;
|
|
@@ -25436,14 +25461,15 @@ const LsDocumentViewer = class {
|
|
|
25436
25461
|
validationManager.validationErrors = this.validationErrors;
|
|
25437
25462
|
}
|
|
25438
25463
|
this.manager = manager.detail;
|
|
25439
|
-
} })), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Fields"), h("p", { class: "toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), h("div", { class: "fields-box" }, this.signer > 0 && this.showTool('signature') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'toolbox' : 'hidden' }), h("ls-recipient-manager", { id: "ls-recipient-manager", class: this.manager === 'recipient' ? '
|
|
25440
|
-
this._recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected }))))), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
|
|
25464
|
+
} })), h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, h("div", { class: "ls-editor-infobox" }, h("h2", { class: "toolbox-section-title" }, "Fields"), h("p", { class: "toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), h("div", { class: "fields-box" }, this.signer > 0 && this.showTool('signature') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'toolbox' : 'hidden' }), h("ls-recipient-manager", { id: "ls-recipient-manager", class: this.manager === 'recipient' ? 'compose-toolbox' : 'hidden' }, h("div", { class: 'scroll-gradient-top' }), h("div", { class: 'scroll-gradient-bottom' }), h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), h("div", { class: 'recipients-box' }, this._recipients &&
|
|
25465
|
+
this._recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))))), !this.displayTable && (h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, h("div", { class: 'properties-header' }, h("div", { class: 'properties-header-icon' }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: 'properties-header-title' }, "Field Properties"), h("button", { class: 'tertiaryGrey', onClick: e => {
|
|
25441
25466
|
this.selected = [];
|
|
25442
25467
|
e.preventDefault();
|
|
25443
|
-
}, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "
|
|
25468
|
+
}, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel" }), h("slot", null))))) : (h(h.Fragment, null)), this.selected.length > 0 && h("ls-toolbar", { key: '3dfaa11e478b1869eef9a3a4aa90a522b9a533b2', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo }), h("div", { key: 'ecca8f68c1cb6745ee0322dd4b32d903f40ffc9e', id: "ls-mid-area" }, h("div", { key: '4e70ad5fb15755747fa78385a14b0b5c1629af2d', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, h("div", { key: '49f3923bb36f1415e791771588aa11b4d5272cad', id: "ls-document-frame" }, h("canvas", { key: '6632d26bba751070acf649939d2e090763d3b7e1', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), h("ls-editor-table", { key: '5528e11634d1eeee5fdf1c40f390be5fcc53a757', editor: this, class: this.displayTable ? '' : 'hidden' }), h("div", { key: 'd7db1734c8340f5914086992e96ee211aea42e51', id: "ls-box-selector" }))), h("ls-statusbar", { key: 'b03bf614bc06460a573ee9a83756a1d1e424bd83', editor: this, page: this.pageNum, pageCount: this.pageCount })))), h("ls-tooltip", { key: '016522d8cf6bc49ab28eb556395d0d1d28f53a02', id: "ls-tooltip-master" })));
|
|
25444
25469
|
}
|
|
25445
25470
|
static get watchers() { return {
|
|
25446
|
-
"mode": ["modeHandler"]
|
|
25471
|
+
"mode": ["modeHandler"],
|
|
25472
|
+
"zoom": ["zoomChanged"]
|
|
25447
25473
|
}; }
|
|
25448
25474
|
};
|
|
25449
25475
|
LsDocumentViewer.style = lsDocumentViewerCss;
|
|
@@ -25664,15 +25690,16 @@ const defaultRolePalette = [
|
|
|
25664
25690
|
];
|
|
25665
25691
|
// export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
|
|
25666
25692
|
|
|
25667
|
-
const lsEditorFieldCss = ":host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field
|
|
25693
|
+
const lsEditorFieldCss = ":host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.hidden-field{display:none}input{all:unset}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}.required-icon{color:var(--red-60, #f64a44)}.x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #3a3a3a);border-radius:50%;top:0;right:0}.x-button:hover{background:var(--gray-90, #1c1c1c)}";
|
|
25668
25694
|
|
|
25669
25695
|
const LsEditorField = class {
|
|
25670
25696
|
constructor(hostRef) {
|
|
25671
25697
|
registerInstance(this, hostRef);
|
|
25672
|
-
this.mutate = createEvent(this, "mutate");
|
|
25673
|
-
this.update = createEvent(this, "update");
|
|
25698
|
+
this.mutate = createEvent(this, "mutate", 6);
|
|
25699
|
+
this.update = createEvent(this, "update", 6);
|
|
25674
25700
|
}
|
|
25675
25701
|
get component() { return getElement(this); }
|
|
25702
|
+
assignee;
|
|
25676
25703
|
dataItem;
|
|
25677
25704
|
selected = false;
|
|
25678
25705
|
readonly;
|
|
@@ -25683,9 +25710,21 @@ const LsEditorField = class {
|
|
|
25683
25710
|
heldEdge = null;
|
|
25684
25711
|
isEdgeDragging = false;
|
|
25685
25712
|
innerValue;
|
|
25713
|
+
zoom;
|
|
25686
25714
|
sizeObserver;
|
|
25687
25715
|
mutate;
|
|
25688
25716
|
update;
|
|
25717
|
+
/**
|
|
25718
|
+
* Controls whether floating elements are visible. Set by mouse enter/leave events.
|
|
25719
|
+
*/
|
|
25720
|
+
floatingActive = false;
|
|
25721
|
+
// Set floatingActive true on mouse enter, false on mouse leave
|
|
25722
|
+
handleMouseEnter = () => {
|
|
25723
|
+
this.floatingActive = true;
|
|
25724
|
+
};
|
|
25725
|
+
handleMouseLeave = () => {
|
|
25726
|
+
this.floatingActive = false;
|
|
25727
|
+
};
|
|
25689
25728
|
handleInput(e) {
|
|
25690
25729
|
if (e.code === 'Enter') {
|
|
25691
25730
|
this.isEditing = false;
|
|
@@ -25738,25 +25777,23 @@ const LsEditorField = class {
|
|
|
25738
25777
|
}
|
|
25739
25778
|
watchSelectedHandler(_newValue, _oldValue) {
|
|
25740
25779
|
if (_newValue) {
|
|
25741
|
-
this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;
|
|
25742
|
-
this.component.style.opacity = '0.7';
|
|
25780
|
+
this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
|
|
25743
25781
|
this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
|
|
25744
25782
|
}
|
|
25745
25783
|
else {
|
|
25746
|
-
this.component.style.background = '
|
|
25747
|
-
this.component.style.opacity = '0.7';
|
|
25784
|
+
this.component.style.background = 'rgba(255,255,255,0.5)';
|
|
25748
25785
|
this.component.style.boxShadow = 'none';
|
|
25749
25786
|
}
|
|
25750
25787
|
}
|
|
25788
|
+
deleteField = () => {
|
|
25789
|
+
this.mutate.emit([{ action: 'delete', data: this.dataItem }]);
|
|
25790
|
+
this.update.emit([{ action: 'delete', data: this.dataItem }]);
|
|
25791
|
+
};
|
|
25751
25792
|
componentDidLoad() {
|
|
25752
25793
|
this.sizeObserver = new ResizeObserver(entries => {
|
|
25753
25794
|
for (const entry of entries) {
|
|
25754
25795
|
if (entry.contentRect) {
|
|
25755
|
-
// const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;
|
|
25756
25796
|
const movebox = this.component.shadowRoot.getElementById('field-info');
|
|
25757
|
-
// console.log(editbox)
|
|
25758
|
-
// editbox.style.height = entry.contentRect.height + "px"
|
|
25759
|
-
// editbox.style.width = entry.contentRect.width + "px"
|
|
25760
25797
|
movebox.style.height = entry.contentRect.height + 'px';
|
|
25761
25798
|
movebox.style.width = entry.contentRect.width + 'px';
|
|
25762
25799
|
}
|
|
@@ -25765,13 +25802,11 @@ const LsEditorField = class {
|
|
|
25765
25802
|
this.sizeObserver.observe(this.component);
|
|
25766
25803
|
// New dropped components automatically need selecting.
|
|
25767
25804
|
if (this.selected) {
|
|
25768
|
-
this.component.style.background = defaultRolePalette[this.dataItem?.signer % 100].s20;
|
|
25769
|
-
this.component.style.opacity = '0.7';
|
|
25805
|
+
this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
|
|
25770
25806
|
this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
|
|
25771
25807
|
}
|
|
25772
25808
|
else {
|
|
25773
|
-
this.component.style.background = '
|
|
25774
|
-
this.component.style.opacity = '0.7';
|
|
25809
|
+
this.component.style.background = this.hexToRgba('ffffff', 0.7);
|
|
25775
25810
|
this.component.style.boxShadow = 'none';
|
|
25776
25811
|
}
|
|
25777
25812
|
}
|
|
@@ -25792,11 +25827,44 @@ const LsEditorField = class {
|
|
|
25792
25827
|
this.update.emit(diffs);
|
|
25793
25828
|
}, delay);
|
|
25794
25829
|
}
|
|
25830
|
+
hexToRgba(hex, alpha) {
|
|
25831
|
+
hex = hex.replace('#', '');
|
|
25832
|
+
const r = parseInt(hex.substring(0, 2), 16);
|
|
25833
|
+
const g = parseInt(hex.substring(2, 4), 16);
|
|
25834
|
+
const b = parseInt(hex.substring(4, 6), 16);
|
|
25835
|
+
return `rgba(${r},${g},${b},${alpha})`;
|
|
25836
|
+
}
|
|
25795
25837
|
render() {
|
|
25796
|
-
|
|
25838
|
+
const hostStyle = this.floatingActive
|
|
25839
|
+
? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }
|
|
25840
|
+
: { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} solid` };
|
|
25841
|
+
const zoomValue = parseFloat(this.zoom) || 1;
|
|
25842
|
+
console.log('Zoom value in field:', zoomValue);
|
|
25843
|
+
return (h(Host, { key: 'a4f5875c197571704825a994065e5c11f5138a1e', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '8385e522e50335d6c5ab517bbf782f964683ca6b', class: {
|
|
25797
25844
|
'ls-editor-field': true,
|
|
25798
25845
|
'is-selected': this.selected,
|
|
25799
|
-
} }, !this.dataItem?.optional && h("ls-icon", { key: '
|
|
25846
|
+
} }, !this.dataItem?.optional && h("ls-icon", { key: '902e5a17e75945c13b06eab2c003488f2e9a90fe', name: "required", size: `${0.75 * zoomValue}rem`, class: "required-icon", customStyle: { position: 'absolute', verticalAlign: 'top', top: `${0.125 * zoomValue}rem`, right: `${0.125 * zoomValue}rem` } }), h("input", { key: 'f4ee949c3c00671241433f80244a502cabf404bf', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => this.alter({ value: e.target.value }) }), h("div", { key: '680784b3c815ae5a3a53d291466dd58d3d9045cf', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '1a597889f65850e1b0437f1cc259e3aa965888c0', style: {
|
|
25847
|
+
position: 'absolute',
|
|
25848
|
+
background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
|
|
25849
|
+
color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
|
|
25850
|
+
borderRadius: `${0.25 * zoomValue}rem`,
|
|
25851
|
+
padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,
|
|
25852
|
+
top: `-${1.375 * zoomValue}rem`,
|
|
25853
|
+
fontWeight: '500',
|
|
25854
|
+
left: `-${2 * zoomValue}px`,
|
|
25855
|
+
whiteSpace: 'nowrap',
|
|
25856
|
+
width: 'fit-content',
|
|
25857
|
+
} }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '3ffbb7becbcb267715b0f1e9ac3dbf10c1be53ef', style: {
|
|
25858
|
+
position: 'absolute',
|
|
25859
|
+
color: 'var(--gray-80, #3a3a3a)',
|
|
25860
|
+
bottom: `-${1.75 * zoomValue}rem`,
|
|
25861
|
+
fontSize: `${0.625 * zoomValue}rem`,
|
|
25862
|
+
left: '0',
|
|
25863
|
+
whiteSpace: 'nowrap',
|
|
25864
|
+
width: 'fit-content',
|
|
25865
|
+
} }, "Assigned to: ", this.assignee)), this.floatingActive && (h("button", { key: '9e9d0eb0e0f6addcab70db80f94e49fb0cc768e2', class: 'x-button', style: {
|
|
25866
|
+
padding: `${0.125 * zoomValue}rem`,
|
|
25867
|
+
}, onClick: () => this.deleteField() }, h("ls-icon", { key: '0df2ef57c7cdf417e98810d673d3e8f42df43d3c', name: "x", size: `${0.625 * zoomValue}rem` }))))));
|
|
25800
25868
|
}
|
|
25801
25869
|
static get watchers() { return {
|
|
25802
25870
|
"selected": ["watchSelectedHandler"]
|
|
@@ -25833,7 +25901,7 @@ const LsEditorTable = class {
|
|
|
25833
25901
|
});
|
|
25834
25902
|
}
|
|
25835
25903
|
render() {
|
|
25836
|
-
return (h(Host, { key: '
|
|
25904
|
+
return (h(Host, { key: '55c508ab25969ad8649fb15ef7a0e20d3e212bde' }, h("table", { key: '8b9154ecc83d4a09b67a83441c6e73692380c72a', id: "ls-editor-table" }), h("slot", { key: 'f3eea5f381266897fcf5df9d08959076b5ba4385' })));
|
|
25837
25905
|
}
|
|
25838
25906
|
};
|
|
25839
25907
|
LsEditorTable.style = lsEditorTableCss;
|
|
@@ -25843,7 +25911,7 @@ const lsFeatureColumnCss = ":host{display:flex;flex-direction:column;gap:0.5rem}
|
|
|
25843
25911
|
const LsFeatureColoumn = class {
|
|
25844
25912
|
constructor(hostRef) {
|
|
25845
25913
|
registerInstance(this, hostRef);
|
|
25846
|
-
this.manage = createEvent(this, "manage");
|
|
25914
|
+
this.manage = createEvent(this, "manage", 7);
|
|
25847
25915
|
}
|
|
25848
25916
|
get component() { return getElement(this); }
|
|
25849
25917
|
/**
|
|
@@ -25862,33 +25930,33 @@ const LsFeatureColoumn = class {
|
|
|
25862
25930
|
attachAllTooltips(this.component.shadowRoot);
|
|
25863
25931
|
}
|
|
25864
25932
|
render() {
|
|
25865
|
-
return (h(Host, { key: '
|
|
25933
|
+
return (h(Host, { key: '17fde441c344fb5fe9f147f570bdf656fc1a249d' }, h("div", { key: '1fc695cd618684eb128ad6bd1e1e3445f5209403', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25866
25934
|
this.manage.emit('document');
|
|
25867
25935
|
this.manager = 'document';
|
|
25868
|
-
}, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
25936
|
+
}, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '07b3066d434e909713449062ab152842fdcbf8f3', name: "document", size: "1.5rem" })), h("div", { key: '5406ccbb29eb6da9c9ca1518692d861774eb797f', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25869
25937
|
this.manage.emit('toolbox');
|
|
25870
25938
|
this.manager = 'toolbox';
|
|
25871
|
-
}, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
25939
|
+
}, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'b6a2b7bca1260f42aeab773cd364b63231a05a7f', name: "typing-input", size: "1.5rem" })), h("div", { key: '4f23c06b497942bffd2ad943bf59f135e8575397', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25872
25940
|
this.manage.emit('participant');
|
|
25873
25941
|
this.manager = 'participant';
|
|
25874
|
-
}, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
25942
|
+
}, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '07b6f9f1cc11ede4d05c21593296421399cd58be', name: "user-group", size: "1.5rem" })), h("div", { key: '1f916a0c4821825557c0cc2569318445d89bc9ee', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25875
25943
|
this.manage.emit('recipient');
|
|
25876
25944
|
this.manager = 'recipient';
|
|
25877
|
-
}, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
25945
|
+
}, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '52c8442130d4af3837989b83ec309ddaebb7ba8e', name: "user-group", size: "1.5rem" })), h("div", { key: 'c1b0abfae52baecec9515a040010fd7aa405ff51', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
|
|
25878
25946
|
this.manage.emit('validation');
|
|
25879
25947
|
this.manager = 'validation';
|
|
25880
|
-
}, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '
|
|
25948
|
+
}, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'ccc4c347af1232c5c7539fb4f1e414e1492a50dc', name: "adjustments", size: "1.5rem" })), h("slot", { key: '8d6803ab3eb7aaddb47d6728013ad39d90fc4bfa' }), h("ls-tooltip", { key: 'b47081c7ec71610af9d617b88f7fd9282d0c17aa', id: "ls-tooltip-master" })));
|
|
25881
25949
|
}
|
|
25882
25950
|
};
|
|
25883
25951
|
LsFeatureColoumn.style = lsFeatureColumnCss;
|
|
25884
25952
|
|
|
25885
|
-
const lsFieldAlignmentCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
25953
|
+
const lsFieldAlignmentCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
25886
25954
|
|
|
25887
25955
|
const LsFieldAlignment = class {
|
|
25888
25956
|
constructor(hostRef) {
|
|
25889
25957
|
registerInstance(this, hostRef);
|
|
25890
|
-
this.mutate = createEvent(this, "mutate");
|
|
25891
|
-
this.update = createEvent(this, "update");
|
|
25958
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
25959
|
+
this.update = createEvent(this, "update", 7);
|
|
25892
25960
|
}
|
|
25893
25961
|
get component() { return getElement(this); }
|
|
25894
25962
|
dataItem;
|
|
@@ -26009,20 +26077,20 @@ const LsFieldAlignment = class {
|
|
|
26009
26077
|
attachAllTooltips(this.component.shadowRoot);
|
|
26010
26078
|
}
|
|
26011
26079
|
render() {
|
|
26012
|
-
return (h(Host, { key: '
|
|
26080
|
+
return (h(Host, { key: '63398a2ccc1bc4cbd98d2858c2e2557cc7b37890' }, h("div", { key: '9e18ed6648be04c04c8d31a2141c282f95405e0b', class: 'ls-field-properties-section' }, h("div", { key: 'cdc65651627eab57be294950db80971aac9ab633', class: 'ls-field-properties-section-text' }, h("p", { key: 'ea997551b75b54f994a2b099369926183dfb164c', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'fef2f6130de37727e29ffbdd8e6c1d39347758ea', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '58f910381243daf9987373ca73cb850643457fae', class: 'multi-button-group-row' }, h("div", { key: 'a928ef05dc1a41bf172854be6de6e43d754ff215', class: 'button-group' }, h("button", { key: '0fd393359c52d53fc5acf0148cf45c35ff9a787f', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, h("ls-icon", { key: 'eb751025f62ce1482974e5244d36560ef6d652e2', name: "field-alignment-left" })), h("button", { key: '2ea4e049759d7bab322b09bf37006c9aca7d550a', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, h("ls-icon", { key: '12e1e084e55992e5e8dcb3c616d354e813db4bc2', name: "field-alignment-centre" })), h("button", { key: '50820a4dbb9fe2ee520e6bfd18cd5c3c8798e485', onClick: () => {
|
|
26013
26081
|
this.right();
|
|
26014
|
-
}, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: '
|
|
26082
|
+
}, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, h("ls-icon", { key: '020ce69f599c1dd7ca53f00b48dd605c0c85da08', name: "field-alignment-right" }))), h("div", { key: '6b89b279eb02636d907dccc34c14a346850d774e', class: 'button-group' }, h("button", { key: '49a49d4ec2b27337b8e094926cdef9961c13d848', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, h("ls-icon", { key: '1821a377171df23e2fa3d62204370023e03231eb', name: "field-alignment-top" })), h("button", { key: '03f2aac11c4c379782e3ec9b557ad9f76a8bb756', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, h("ls-icon", { key: 'df0d8013b46142216c431b5b13d3f329cf3f2bd2', name: "field-alignment-middle" })), h("button", { key: '122cdaa9caf98cc3d0bd06ed4cefb670c6095053', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, h("ls-icon", { key: 'a516854348931f5c64a52f3fc4ee9b902378c916', name: "field-alignment-bottom" }))))), h("slot", { key: 'a21b40bc260e0516f212908b6fdf37984f1e6303' }), h("ls-tooltip", { key: 'd2b66a3db33c6bb4b092a306326d9881c51eb05e', id: "ls-tooltip-master" })));
|
|
26015
26083
|
}
|
|
26016
26084
|
};
|
|
26017
26085
|
LsFieldAlignment.style = lsFieldAlignmentCss;
|
|
26018
26086
|
|
|
26019
|
-
const lsFieldContentCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26087
|
+
const lsFieldContentCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.2rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26020
26088
|
|
|
26021
26089
|
const LsFieldContent = class {
|
|
26022
26090
|
constructor(hostRef) {
|
|
26023
26091
|
registerInstance(this, hostRef);
|
|
26024
|
-
this.mutate = createEvent(this, "mutate");
|
|
26025
|
-
this.update = createEvent(this, "update");
|
|
26092
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26093
|
+
this.update = createEvent(this, "update", 7);
|
|
26026
26094
|
}
|
|
26027
26095
|
get component() { return getElement(this); }
|
|
26028
26096
|
dataItem;
|
|
@@ -26051,20 +26119,20 @@ const LsFieldContent = class {
|
|
|
26051
26119
|
return !typesWithValue.includes(this.dataItem?.elementType);
|
|
26052
26120
|
}
|
|
26053
26121
|
render() {
|
|
26054
|
-
return (h(Host, { key: '
|
|
26122
|
+
return (h(Host, { key: '734ec935c3012ca203927537a917e43bbf51bd29' }, h("ls-props-section", { key: '8e9b9f1cc340517f3b7f3255dc87e8801d73b5ec', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, h("ls-field-type-display", { key: '9b01edd6f83f4a060d00bb780322ce138fb7dea4', fieldType: this.dataItem?.elementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '3e3995526461f108576b7d22cbb1b2846d995e27', sectionTitle: "Required Field", row: true }, h("ls-toggle", { key: 'bec526155b82b50a64f9b1b5b74aadb7e3c6abad', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: (ev) => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: '1575b64c8c8381205c13c3fe70a32b97699b595f', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, h("input", { key: '320dd9b0427f7ca277134c1d0739a82a5e155f27', value: this.dataItem?.label, placeholder: "eg. Sign Here", onInput: (e) => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'aa879cb5deca3ce965dc998116966ef77e118a89', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, h("input", { key: 'd6c22af8098d61cc7af5e8abb9e23b9d046771d6', value: this.dataItem?.value, placeholder: "e.g. Gordon Smith", onInput: (e) => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '2ef0f7da035529ce618803d0c6b74b447b922555', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, h("textarea", { key: 'ce22a03c08f2d1f98feb0125912e053ef62c7226', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: (e) => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '0f6e53e8261eb4c6b8db6fd5f828a42724f27ffd', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, h("ls-input-wrapper", { key: '3005c64a70fd13264666ad5e4e014000d820c630', select: true }, h("select", { key: 'f319bc0e3d1987ff3bebe363051c6756cb1b56cf', onChange: (ev) => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
|
|
26055
26123
|
.filter(type => type.formType === this.dataItem?.elementType)
|
|
26056
|
-
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '
|
|
26124
|
+
.map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: 'c8983032bdf7d1ec86416810de22445987bd75b5' })));
|
|
26057
26125
|
}
|
|
26058
26126
|
};
|
|
26059
26127
|
LsFieldContent.style = lsFieldContentCss;
|
|
26060
26128
|
|
|
26061
|
-
const lsFieldDimensionsCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26129
|
+
const lsFieldDimensionsCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26062
26130
|
|
|
26063
26131
|
const LsFieldDimensions = class {
|
|
26064
26132
|
constructor(hostRef) {
|
|
26065
26133
|
registerInstance(this, hostRef);
|
|
26066
|
-
this.mutate = createEvent(this, "mutate");
|
|
26067
|
-
this.update = createEvent(this, "update");
|
|
26134
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26135
|
+
this.update = createEvent(this, "update", 7);
|
|
26068
26136
|
}
|
|
26069
26137
|
get component() { return getElement(this); }
|
|
26070
26138
|
dataItem;
|
|
@@ -26099,18 +26167,18 @@ const LsFieldDimensions = class {
|
|
|
26099
26167
|
attachAllTooltips(this.component.shadowRoot);
|
|
26100
26168
|
}
|
|
26101
26169
|
render() {
|
|
26102
|
-
return (h(Host, { key: '
|
|
26170
|
+
return (h(Host, { key: '703a903db877ebc294ac3e2b957a29e031ef1a89' }, this.isMultiple(this.dataItem) && (h("div", { key: '5003976f90bd1abf305e7fdf49f5bdb2c8ac1175', class: 'ls-field-properties-section' }, h("div", { key: 'c701aeff233fd6909fe092180bf4e178ef836596', class: 'ls-field-properties-section-text' }, h("p", { key: '24bed1a118880004098274aa6fe322e50ba6bcb4', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '0004e228fccc0e8862de68b8a20c325c51783755', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '54b5c2c34e71c2d89792563bb8a91ce91979425b', class: 'input-row' }, h("div", { key: '4ec93aba8780d313a231c3e373b72070d3cc8538', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: 'd1dc6e887a70faa598c69f49b79f82bd171c9e7b', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: 'f30017f0d1c416c0fb2dc7dd12637da92b25f299', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '45c33926a667cd78d421d74f9a352614f8d853cc', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'dc4ad448b52fd19ef42bd9f81edd597fba232914', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'b257839bf8395a4a7e4c46b4e8bda31f8a688088', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '880ee0a38cfa375a4bd8a0d8e6bd8651918be68e', class: 'field-set' }, h("div", { key: '661e3eadf9c75bc174a00fe463efaad733f19c17', class: 'ls-field-properties-section' }, h("div", { key: '69fa81433bf7d90d74b6d99afa6f96b6b4bb3b87', class: 'ls-field-properties-section-text' }, h("p", { key: '43aa0a76668e227c65e4ea36f7e9b5d04f68a46b', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: 'aae729ee5421bf2b487c98b36adbae66eb9df344', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '65da437f5b256a12487ba35bcb9c39376139287b', class: 'input-row' }, h("div", { key: '780b5587d9d066b816540d3e5d494b0100068c07', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '94a6fcfd4df9ec9f45bd0aaad7854061eb6362c1', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '245e8b5c172c9e81996518cdb80ccc86461c485a', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", value: this.dataItem?.width, onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: 'cb4e9a06b6eae5992c4a3d5ca69fa23d405c1c1b', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: '6122800c5cf670479ea0befb9a07454595ac5912', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'fa15e1f81dc05f2234bac95a25cb609160aa5403', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => this.alter({ height: e.target.value }) })))), h("div", { key: '49a7ffea99dea746084b94414d9b3251de398a9e', class: 'ls-field-properties-section' }, h("div", { key: 'c78c62f08d282a3a529ba8338a42bbb444917783', class: 'ls-field-properties-section-text' }, h("p", { key: 'd18f1fe5a21bdd20a5e892cbe588eb297231b649', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'af6e63b9235f1e59ade06038f09db0390893673d', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '87123ee7df1fa48be4c2674baa40373f603cf634', class: 'button-group' }, h("button", { key: '5d03b2ad33e65d8fc51a18db6f25d90d907a0b00', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: '400caf2fc05248f2cde1a2175352ffc7a8d7c7b6', name: "field-scale" })), h("button", { key: 'ea84ecc2b43b2ebd1fbd1191ac785c5e8b3692a6', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: 'bf78211f51a4319e441cf956bf58344ecdaa66c6', name: "field-match-width" })), h("button", { key: 'a29160eb0320e88fdfd02f3a8502f82ee59ffd26', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '8a1001f7d8a2f44d111447e222ba25c8cbe0085c', name: "field-match-height" })))))), h("ls-tooltip", { key: '2ff0d8ba9ce5ef8f6932a5062a88cd243485b71c', id: "ls-tooltip-master" })));
|
|
26103
26171
|
}
|
|
26104
26172
|
};
|
|
26105
26173
|
LsFieldDimensions.style = lsFieldDimensionsCss;
|
|
26106
26174
|
|
|
26107
|
-
const lsFieldDistributeCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:
|
|
26175
|
+
const lsFieldDistributeCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26108
26176
|
|
|
26109
26177
|
const LsFieldDistribute = class {
|
|
26110
26178
|
constructor(hostRef) {
|
|
26111
26179
|
registerInstance(this, hostRef);
|
|
26112
|
-
this.mutate = createEvent(this, "mutate");
|
|
26113
|
-
this.update = createEvent(this, "update");
|
|
26180
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26181
|
+
this.update = createEvent(this, "update", 7);
|
|
26114
26182
|
}
|
|
26115
26183
|
dataItem;
|
|
26116
26184
|
mutate;
|
|
@@ -26249,15 +26317,15 @@ const LsFieldDistribute = class {
|
|
|
26249
26317
|
attachAllTooltips(this.component.shadowRoot);
|
|
26250
26318
|
}
|
|
26251
26319
|
render() {
|
|
26252
|
-
return (h(Host, { key: '
|
|
26320
|
+
return (h(Host, { key: 'e609fa9e40889179615dd0994c6b60633a650e08' }, h("div", { key: '9bd095b900e305b7622f0973fdbfce980343970b', class: 'ls-field-properties-section' }, h("div", { key: '216b665c83f42a879b8dd2d0533080811e7feee2', class: 'ls-field-properties-section-text' }, h("p", { key: 'bf614585ce212feea625cfe2afe271e3dfb3dd61', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'a96e61b2016feb32ee68720bdd4da5e2b6b44c94', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'b717e2acebf9794fdf294bbaab1d47bff20523ee', class: 'button-group' }, h("button", { key: 'c51308c1daf5793770cead8f2f9997406b3d5a43', onClick: () => {
|
|
26253
26321
|
this.distributeVertical();
|
|
26254
|
-
}, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '
|
|
26322
|
+
}, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: '0a6852f37bdacd568ff4b9595d55fa8ce6a0f820', name: "field-distribute-vertically" })), h("button", { key: '2587d0c9e87765c4aef7a1d94f4003729eac7d9c', onClick: () => {
|
|
26255
26323
|
this.distributeHorizontal();
|
|
26256
|
-
}, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '
|
|
26324
|
+
}, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '97fdb980861622cdde04e34b632c69e7b6d701d1', name: "field-distribute-horizontally" })))), h("div", { key: '9242167e2f2770f72d931aa9bd1befdba1154d0a', class: 'ls-field-properties-section' }, h("div", { key: 'c19451338fdbc1691f8999462bcb68494d282f0b', class: 'ls-field-properties-section-text' }, h("p", { key: 'c3c492e747cb79ce80abc29edca0b2d9f6416870', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '4c36b3a346d322d52713b2bd576cd653f5eb535a', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '8c161810aaf366e8e34080a8214d0851edf4e042', class: 'input-row' }, h("div", { key: '199f11fa50657c258b62e285f59a861381f0140c', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: '684ff4ae3e551819f1e0fbbd38dcff5c4ada7bf9', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: 'a8e007de6b1d39aab12ed5d00e3547914b276e6e', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
|
|
26257
26325
|
this.gapVertical(parseInt(e.target.value));
|
|
26258
|
-
}, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '
|
|
26326
|
+
}, value: '', size: 4, min: 0, max: 9999 })), h("div", { key: '4c1a5f93be77a515548a7b188754fa8d7fce6c7b', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: 'd5f9b3f19a80310ded792b9298e556dfc126d526', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: 'd38b4475ef2252ee154afdbffdb7cfdc21b98bd5', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
|
|
26259
26327
|
this.gapHorizontal(parseInt(e.target.value));
|
|
26260
|
-
}, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '
|
|
26328
|
+
}, value: '', size: 4, min: 0, max: 9999 })))), h("ls-tooltip", { key: '517251c8fe81db16a4b65aa9129e6f7b9715e6e6', id: "ls-tooltip-master" }), h("slot", { key: '377fb518aba986f087af436e64fb4c9eb76cb4fe' })));
|
|
26261
26329
|
}
|
|
26262
26330
|
};
|
|
26263
26331
|
LsFieldDistribute.style = lsFieldDistributeCss;
|
|
@@ -26267,9 +26335,9 @@ const lsFieldFooterCss = ":host{display:block}.button-footer{display:flex;paddin
|
|
|
26267
26335
|
const LsFieldFooter = class {
|
|
26268
26336
|
constructor(hostRef) {
|
|
26269
26337
|
registerInstance(this, hostRef);
|
|
26270
|
-
this.mutate = createEvent(this, "mutate");
|
|
26271
|
-
this.update = createEvent(this, "update");
|
|
26272
|
-
this.selectFields = createEvent(this, "selectFields");
|
|
26338
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26339
|
+
this.update = createEvent(this, "update", 7);
|
|
26340
|
+
this.selectFields = createEvent(this, "selectFields", 7);
|
|
26273
26341
|
}
|
|
26274
26342
|
/**
|
|
26275
26343
|
* The selected items information (as JSON).
|
|
@@ -26294,18 +26362,18 @@ const LsFieldFooter = class {
|
|
|
26294
26362
|
// this.selectFields.emit([newItem]);
|
|
26295
26363
|
};
|
|
26296
26364
|
render() {
|
|
26297
|
-
return (h(Host, { key: '
|
|
26365
|
+
return (h(Host, { key: 'ad5bcbff8ba0e0e8c485029195401793a3d44947' }, h("div", { key: '5122544f2c7bcd02af2acbff8da7dd466e74d813', class: 'button-footer' }, h("button", { key: '7f82dfccee2e4d673305f5863534b80a1ad4e358', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: 'b30334400042a8fc7881d2a05ced2f397cd61a4e', name: "field-duplicate", size: "1.25rem" }), "Duplicate"), h("button", { key: '43be4c1016e2f7e50ceb40546e92933099be5400', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: 'dbbc47115c04eb8f29dcb10a60178d55c256242c', name: "trash", size: "1.25rem", color: 'var(--red-60)' }), "Delete")), h("slot", { key: 'da837305b7587c89e70abbb31563b1a5c161086e' })));
|
|
26298
26366
|
}
|
|
26299
26367
|
};
|
|
26300
26368
|
LsFieldFooter.style = lsFieldFooterCss;
|
|
26301
26369
|
|
|
26302
|
-
const lsFieldFormatCss = ":host{display:flex;flex-direction:row}.ls-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26370
|
+
const lsFieldFormatCss = ":host{display:flex;flex-direction:row}.ls-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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='number']{width:max-content;max-width:3rem}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26303
26371
|
|
|
26304
26372
|
const LsFieldFormat = class {
|
|
26305
26373
|
constructor(hostRef) {
|
|
26306
26374
|
registerInstance(this, hostRef);
|
|
26307
|
-
this.mutate = createEvent(this, "mutate");
|
|
26308
|
-
this.update = createEvent(this, "update");
|
|
26375
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26376
|
+
this.update = createEvent(this, "update", 7);
|
|
26309
26377
|
}
|
|
26310
26378
|
dataItem;
|
|
26311
26379
|
mutate;
|
|
@@ -26353,31 +26421,31 @@ const LsFieldFormat = class {
|
|
|
26353
26421
|
return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
|
|
26354
26422
|
};
|
|
26355
26423
|
render() {
|
|
26356
|
-
return (h(Host, { key: '
|
|
26424
|
+
return (h(Host, { key: 'f09669b903371ee341bcad9d0c690c73564796fc', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'c88a63694f4c7badef501d1d6e6065e1e2f8b0c1', class: 'ls-field-format-bar' }, h("div", { key: '14b3550fa16813865c4640bf789ec59de23f9841', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: 'cb1c66047558d46587d5ed10858e5de853930d2f', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '467779af8ae5de655a3f94eaa1d93401c8c21b6e', id: "ls-toolbar-font-select", onChange: input => {
|
|
26357
26425
|
this.alter({ fontName: input.target.value });
|
|
26358
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
26426
|
+
}, class: 'has-leading-icon' }, h("option", { key: 'ab2adc71db5cb0304d3ef0e88cd39f9c3b0695ff', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'b87685950342e18f67136c15b626ecddf594f9f1', value: "arial" }, "Arial"), h("option", { key: '23c3c6f267862f66649517e165fbd3b4168fb12b', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'd5df1c563bff199141bb1e3abe57aeaac20e680a', value: "courier" }, "Courier"), h("option", { key: 'd9e693b2a601ae8373e7bed6f6f63b5176f0f53f', value: "helvetica" }, "Helvetica"), h("option", { key: '53ff1c000a0a20c574ae4a0efe783a297a5a3e9e', value: "verdana" }, "Verdana")), h("ls-icon", { key: '56b5f263672aabc30b7a4fecdaf0b29dd645e239', id: "selectorIcon", name: "selector" })), h("div", { key: '1fe61ed2c6e16e2c9a58c1a349a7991dfed9bc5b', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '80a2dfae58c432af9860811270ef14887ef1dba9', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '5b662354c0bfaa6cdc9d6c085f2732b238a9a675', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
|
|
26359
26427
|
if (input.target.value === '')
|
|
26360
26428
|
return;
|
|
26361
26429
|
this.alter({ fontSize: input.target.value });
|
|
26362
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
26430
|
+
}, class: 'has-leading-icon' })), h("div", { key: 'bdc70a6f70ac24ede3e375da95a31b09fc6e0cab', class: 'button-group' }, h("button", { key: '93bd2e0f321a7630e4a5203c607b9ae97896820a', onClick: () => {
|
|
26363
26431
|
this.alter({ align: 'left' });
|
|
26364
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
26432
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '75ceda811a343eb024c8eacfa863d7d1ec0fa538', name: "menu-alt-2" })), h("button", { key: '1fbfcfdfe4b60992ad507f87c281bde9e1cfb6ac', onClick: () => {
|
|
26365
26433
|
this.alter({ align: 'center' });
|
|
26366
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
26434
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '225df89a538e7e67c4bc95a309afd5167b67b6ce', name: "menu-alt-5" })), h("button", { key: 'b8cbc695c18f0a556ab6a83e00b2cf0da78ce8f5', onClick: () => {
|
|
26367
26435
|
this.alter({ align: 'right' });
|
|
26368
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
26436
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'd3d569ce70e69c8425449549b6563eb1d966de18', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93cea0ccee515f28a1464bb86847998866ff28c9', class: 'ls-field-format-bar' }, h("div", { key: '8bf4b19264ec43d4880c0f1afd49bc0e95653ccb', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '00fc36a118fed88906b6dc6f10d4c5b572c9415a', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '631f24095b4735af86670d4464dc0dfe82722160', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '1ec3611079e764e9e052fafa18ed73bd2879a3b2', id: "ls-toolbar-font-select", onChange: input => {
|
|
26369
26437
|
this.alter({ fontName: input.target.value });
|
|
26370
|
-
}, class: 'has-leading-icon' }, h("option", { key: '
|
|
26438
|
+
}, class: 'has-leading-icon' }, h("option", { key: 'b4e20742209d89cf2f81724e56cf4e271b242efe', value: "arial" }, "Arial"), h("option", { key: '90e07a1b1642602cb82a17d55c47fa151dd042cc', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'a1be70434a95b0032f7e0bd742a5493f4191e552', value: "courier" }, "Courier"), h("option", { key: 'cf58305e89c6cd764563564b4b8c4c97d3148837', value: "helvetica" }, "Helvetica"), h("option", { key: 'aee06cd107c49e5efccdc188439e51b341aef443', value: "verdana" }, "Verdana"))), h("div", { key: 'd96af2693b5160f090877ae272235e6e4c199be0', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '054ac7cfdca186932b67186e1af9b4fc207ac8af', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '25e2bc4275d0f94a09b1dcccb62521c2aa2c33c2', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
|
|
26371
26439
|
if (input.target.value === '')
|
|
26372
26440
|
return;
|
|
26373
26441
|
this.alter({ fontSize: input.target.value });
|
|
26374
|
-
}, class: 'has-leading-icon' })), h("div", { key: '
|
|
26442
|
+
}, class: 'has-leading-icon' })), h("div", { key: 'e7b8af56e32c8cc09e5090391c164edab53de5a6', class: 'button-group' }, h("button", { key: 'abf70e78272b06353a074b093f0a316bb4bb4188', onClick: () => {
|
|
26375
26443
|
this.alter({ align: 'left' });
|
|
26376
|
-
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '
|
|
26444
|
+
}, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'f7dd25decd2cd245141f8e00cc79096c283323ac', name: "menu-alt-2" })), h("button", { key: '5c68ddd64a36d8a8b486db63fa4831522a021c8d', onClick: () => {
|
|
26377
26445
|
this.alter({ align: 'center' });
|
|
26378
|
-
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '
|
|
26446
|
+
}, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '023ad09061b00186dca7da21df38a5a478cdeed1', name: "menu-alt-5" })), h("button", { key: 'db06134b4512dbdb1d8de66975e6aca1496a24c4', onClick: () => {
|
|
26379
26447
|
this.alter({ align: 'right' });
|
|
26380
|
-
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '
|
|
26448
|
+
}, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'ddc4dfb005babf7dfe1d7cf9cc95d8ccd80c9031', name: "menu-alt-3" }))))), h("ls-tooltip", { key: 'd1f71302cf1ad18577e416d6cbca86a1c442c4c8', id: "ls-tooltip-master" })));
|
|
26381
26449
|
}
|
|
26382
26450
|
static get watchers() { return {
|
|
26383
26451
|
"dataItem": ["selectFieldsHandler"]
|
|
@@ -26385,13 +26453,13 @@ const LsFieldFormat = class {
|
|
|
26385
26453
|
};
|
|
26386
26454
|
LsFieldFormat.style = lsFieldFormatCss;
|
|
26387
26455
|
|
|
26388
|
-
const lsFieldPlacementCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26456
|
+
const lsFieldPlacementCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26389
26457
|
|
|
26390
26458
|
const LsFieldPlacement = class {
|
|
26391
26459
|
constructor(hostRef) {
|
|
26392
26460
|
registerInstance(this, hostRef);
|
|
26393
|
-
this.mutate = createEvent(this, "mutate");
|
|
26394
|
-
this.update = createEvent(this, "update");
|
|
26461
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26462
|
+
this.update = createEvent(this, "update", 7);
|
|
26395
26463
|
}
|
|
26396
26464
|
get component() { return getElement(this); }
|
|
26397
26465
|
dataItem;
|
|
@@ -26446,12 +26514,12 @@ const LsFieldPlacement = class {
|
|
|
26446
26514
|
attachAllTooltips(this.component.shadowRoot);
|
|
26447
26515
|
}
|
|
26448
26516
|
render() {
|
|
26449
|
-
return (h(Host, { key: '
|
|
26517
|
+
return (h(Host, { key: '2891a22cc782d26e8019f621139dbb9cfa7912ae' }, this.isMultiple(this.dataItem) && (h("div", { key: 'fca4cfba664c7dcc850247145a19155359778fd6', class: 'ls-field-properties-section' }, h("div", { key: '6840302fca04a9512675d308a0faf89f588e4c92', class: 'ls-field-properties-section-text' }, h("p", { key: 'f148990ba318730ecd8f63dc2a1e07dbfe2e0758', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: 'b6e3392804efacfa479b8352fe9220aa202386ac', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7c23a0dc256c248870b945337ff3699ee34faca3', class: 'input-row' }, h("div", { key: 'eb3c8491792b11452959601a11d0bb45576112ce', class: 'input-wrapper' }, h("ls-icon", { key: 'e0ef76fb7b4209ea9fca1f69ca063d9db54cab3e', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '366b808ac6308e7a4c753473db2a906bfb81fe5c', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'cc27cf6674efd760f0bf72ba0879750bd3ec58d5', class: 'input-wrapper' }, h("ls-icon", { key: '215d388859634b7ba8bae7772bc2f123bf5072e4', id: "selectLeadingIcon", name: "y" }), h("input", { key: '2679e4e35dcb2529dceab7628e51a06ebf2cb084', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '36051ca4885a6f000e62b98e93a8cee9275cec56', class: 'field-set' }, h("div", { key: '71f569f20e1cc8a1afdd07979d277cb046832d02', class: 'ls-field-properties-section' }, h("div", { key: 'c3221f6b321a2fe37bb5950bfed9c17d89b4ec06', class: 'ls-field-properties-section-text' }, h("p", { key: 'cac50315a0bf1e69fcda4836b294aded0b9c5b38', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '57d46a199248986056fa2283a3f983f788ca015f', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: '600507c665204c312ec88d7dae69f1fd943492e0', class: 'multi-button-group-row' }, h("div", { key: 'bddd2f75ef7695d6f8e8eaebdd8cee1bf3e6f838', class: 'button-group' }, h("button", { key: '00e1849e66a0852577a94889839efe43c1b1c81a', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '9f54b7db1137cef47089564d53e36b3e95a130ee', name: "field-alignment-left" })), h("button", { key: 'c32102532ba8914bfe3ef7345d9a542f5fb3a61b', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: 'b4c4383eadcef61117f3b048bd2b3178b3c0a038', name: "field-alignment-centre" })), h("button", { key: 'bb859c7f759609101af575a282c5f64dabe69c09', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: '688b723605ec157fae2b659bd4d88b08fd897353', name: "field-alignment-right" }))), h("div", { key: 'ed944060fff8351aaa7fd42649cd6447a3961004', class: 'button-group' }, h("button", { key: '808bc6db4bd34934b4aa2f6b7fe47bc561041d7c', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: '7215638df9c08fac87e730b9db6963bdaabb6679', name: "field-alignment-top" })), h("button", { key: '740fb0baef8a931ff8f9e3998a048e57e1f73868', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '75151df5e47d9a6f2bdccfcc9de925fd19e7274d', name: "field-alignment-middle" })), h("button", { key: 'd92b4595a17ce95ed97d116a8ec1f1ac848cf45e', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '4b46bcab1783eae38c8135cb435123ebf635678b', name: "field-alignment-bottom" }))))), h("div", { key: '3ab3f3ba7a84f9e10590b3e74441f11115fcfcca', class: 'ls-field-properties-section' }, h("div", { key: '2d2bc1642911a36943f543aaea4e1113f6d90468', class: 'ls-field-properties-section-text' }, h("p", { key: '2716c6bd177cee3a74b57f27fceb802f99d00153', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '12b0116cf566e8fbd8c716ce30ff50547f075eeb', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7c9d57d5988ac74a052d1e8b48891b9e49689f18', class: 'input-row' }, h("div", { key: '80f2dc6d84b2460f9119a4ad6c38cd23754b3f95', class: 'input-wrapper' }, h("ls-icon", { key: 'b5ce0258e81146a5e69ee892db47026af0e4b857', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: 'e1364c47bb93b6486e6a43e1c8375646cc90b19e', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'd1785c7797954a99563205073b080fecd91ae9cd', class: 'input-wrapper' }, h("ls-icon", { key: '1c4a39e9dbf1b538c1c5330799d73749421efe40', id: "selectLeadingIcon", name: "y" }), h("input", { key: '1577cc2f618217940a68522e511be25906f93af1', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: 'e07c33f5a5a0076f9e9d4762280deda6acb70c13', class: 'ls-field-properties-section' }, h("div", { key: '2164bb922476bb458aadb653ddf56811afd6bada', class: 'ls-field-properties-section-text' }, h("p", { key: 'deb4e93fe9730ad60df1ead15d6fd1125e5f1c7b', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: '85be0bf98871e745aeab85a7b3d5e7c7679bbbc1', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '5ea831b28aac09f5379e9fb227f6331ccb496682', class: 'button-group' }, h("button", { key: '8ed8a6be64facd93648d027fde2916a67f42c29c', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '136027ff733b7a222ecbe244bd0fb36ff3652427', name: "field-distribute-vertically" })), h("button", { key: '3408c19d67284f7ea72d73281315be8d8d233f5e', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '0360b37978f388df95806681c652f535e0eeafdb', name: "field-distribute-horizontally" })))), h("div", { key: '44bcfa853a0eaa54b06923d31706d2fa9734e866', class: 'ls-field-properties-section' }, h("div", { key: '7d5949bcc965f4ed677fb6296f541587ad2d78f0', class: 'ls-field-properties-section-text' }, h("p", { key: '4c19bf6ad558044ccd57f959b95cfaf9137d80fe', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '293c1c62bbf46e56b2ab4cbe95926c8baec55a9c', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: 'c27747a77cce6f8e59f297c68e58c0ad3844a4a7', class: 'input-row' }, h("div", { key: '26961c543f14fe3cc3fab27264c1900e85540e95', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '960ecb65e5729f20baa8e6c3ca091ee8e64d880b', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '43057c9c211ab5e6b9d6c0df9867cc6a64b2729b', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '5ffd08a406bac946193b108a8ff7cf215b0d1d1a', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '84979d224cbeead196f6e06cd1e1ec0de3b92fb4', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '1f1b03545533e57fad828649407e14ede6f41fbe', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: 'f04cdce03dae2e63bec8d9588eff9f2e15ad16ff', id: "ls-tooltip-master" })));
|
|
26450
26518
|
}
|
|
26451
26519
|
};
|
|
26452
26520
|
LsFieldPlacement.style = lsFieldPlacementCss;
|
|
26453
26521
|
|
|
26454
|
-
const lsFieldPropertiesCss = ":host{display:block;width:100%;padding:1rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26522
|
+
const lsFieldPropertiesCss = ":host{display:block;width:100%;padding:1rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26455
26523
|
|
|
26456
26524
|
const LsFieldProperties = class {
|
|
26457
26525
|
constructor(hostRef) {
|
|
@@ -26495,18 +26563,18 @@ const LsFieldProperties = class {
|
|
|
26495
26563
|
event.stopPropagation();
|
|
26496
26564
|
};
|
|
26497
26565
|
render() {
|
|
26498
|
-
return (h(Host, { key: '
|
|
26566
|
+
return (h(Host, { key: 'bab499f31527d5413652945bbf7723c5dab79405', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: '1b7a65e7ba35b960519ed1c102c4ffb0306a2b5d' })));
|
|
26499
26567
|
}
|
|
26500
26568
|
};
|
|
26501
26569
|
LsFieldProperties.style = lsFieldPropertiesCss;
|
|
26502
26570
|
|
|
26503
|
-
const lsFieldPropertiesAdvancedCss = ":host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26571
|
+
const lsFieldPropertiesAdvancedCss = ":host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26504
26572
|
|
|
26505
26573
|
const LsFieldPropertiesAdvanced = class {
|
|
26506
26574
|
constructor(hostRef) {
|
|
26507
26575
|
registerInstance(this, hostRef);
|
|
26508
|
-
this.mutate = createEvent(this, "mutate");
|
|
26509
|
-
this.update = createEvent(this, "update");
|
|
26576
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26577
|
+
this.update = createEvent(this, "update", 7);
|
|
26510
26578
|
}
|
|
26511
26579
|
dataItem;
|
|
26512
26580
|
expanded = false;
|
|
@@ -26563,15 +26631,15 @@ const LsFieldPropertiesAdvanced = class {
|
|
|
26563
26631
|
return '';
|
|
26564
26632
|
}
|
|
26565
26633
|
render() {
|
|
26566
|
-
return (h(Host, { key: '
|
|
26634
|
+
return (h(Host, { key: 'adc2b87c39dbe48a990e310d319488193fa4363f' }, h("div", { key: 'afe76dc7c97f20a5d02c468749efc624f8a5bd2f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'd90e8d469d9e4243f28fbb98725be48589546193', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: 'd856a8c15b922468197d35e4b6aee05530a08699' }, "Advanced Properties")), this.expanded && (h("div", { key: '005a9eee056ecfa5c580a719cc80515795dddefc', class: 'field-set' }, h("ls-props-section", { key: 'ffc3a6ce7ba2b75d4b1dfaf92e2a75a451f55988', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '0c0486fa164da4f0b38bebbd18d94dd53ebd9181', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
|
|
26567
26635
|
console.log(e);
|
|
26568
26636
|
this.alter({ fieldOrder: e.target.value }, 100);
|
|
26569
|
-
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '
|
|
26637
|
+
}, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: 'ba15bc93246434122c4fb2643b2219f3b7d34d83', sectionTitle: "Ref. Name" }, h("input", { key: 'f6863eb4dda557936717be368a3bb97aa66a743a', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '92abbd7166def72c7022722c1ce974176715002f', sectionTitle: "Link Type", sectionDescription: "Determines in what way this field is linked to other fields" }, h("select", { key: '7bdcb137b35ec05b952cb20794e18805ec044285', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'f2d2fc0434936e4bff0f73cec02b7b691374530f', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'e2b51d08c8919fce07fb9c59cf8d00d7b79faa9e', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: '6d490150eaab50b67ffc5cd0f598d72da8367d1b', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: 'c08d94ebd13055167b1e1e5ae914007213cbabfc', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '22170d401110443ff1559b3b937a6e64e01ffec1', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: '3f561f9faf0924e8c4bc853dcc0cbcb41211a358', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
|
|
26570
26638
|
}
|
|
26571
26639
|
};
|
|
26572
26640
|
LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss;
|
|
26573
26641
|
|
|
26574
|
-
const lsFieldPropertiesAutosignCss = ":host{display:block}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26642
|
+
const lsFieldPropertiesAutosignCss = ":host{display:block}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26575
26643
|
|
|
26576
26644
|
const LsFieldPropertiesAutosign = class {
|
|
26577
26645
|
constructor(hostRef) {
|
|
@@ -26579,7 +26647,7 @@ const LsFieldPropertiesAutosign = class {
|
|
|
26579
26647
|
}
|
|
26580
26648
|
dataItem;
|
|
26581
26649
|
render() {
|
|
26582
|
-
return (h(Host, { key: '
|
|
26650
|
+
return (h(Host, { key: '602e19c1de17c1573e1d32c0529de48a8c063589' }, h("div", { key: '8c29c9fb7ce90f61cfa4703b2706f6bbd6002d6b', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '02b1fcac1f2833806dd43c051a9d5dad06b8836f' }, "Label: ", h("input", { key: 'cfa56c618a0dda6639d81749f6ea12fd1a7a8dfe', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ad074de09ce3c4c32b6f71313406d4fd48271c91', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'd44c890e2b0796b20d20bf4b6da98394d4245cec', dataItem: this.dataItem }), h("ls-field-footer", { key: 'b4b839dc085d49e291b1dddf87120a6e9c2f1c1d', dataItem: this.dataItem }), h("slot", { key: '9dcf2162b5111c76a8c76aec0453a719c19a5c91' })));
|
|
26583
26651
|
}
|
|
26584
26652
|
};
|
|
26585
26653
|
LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss;
|
|
@@ -26599,12 +26667,12 @@ const LsFieldPropertiesContainer = class {
|
|
|
26599
26667
|
}
|
|
26600
26668
|
}
|
|
26601
26669
|
render() {
|
|
26602
|
-
return (h(Host, { key: '
|
|
26670
|
+
return (h(Host, { key: 'f867d8adae7a885d62f54f2d66c471a135dfd327' }, this.tabs.length > 1 && (h("div", { key: 'fb74674c68910651e351f595aa62b4e1a58a99b8', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), h("div", { key: '6bcb9bdfa29a664b3af157699389f5df081497f2', class: 'scrolling-container' }, h("slot", { key: 'ad6335f0acc5f70e160657d9da66720d7403ccb0', name: this.selectedTab }))));
|
|
26603
26671
|
}
|
|
26604
26672
|
};
|
|
26605
26673
|
LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss;
|
|
26606
26674
|
|
|
26607
|
-
const lsFieldPropertiesDateCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26675
|
+
const lsFieldPropertiesDateCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26608
26676
|
|
|
26609
26677
|
const LsFieldPropertiesDate = class {
|
|
26610
26678
|
constructor(hostRef) {
|
|
@@ -26612,12 +26680,12 @@ const LsFieldPropertiesDate = class {
|
|
|
26612
26680
|
}
|
|
26613
26681
|
dataItem;
|
|
26614
26682
|
render() {
|
|
26615
|
-
return (h(Host, { key: '
|
|
26683
|
+
return (h(Host, { key: '3d76414ea17b5b153bca2f695493f3bd6b08a16f' }, h("ls-field-properties-container", { key: 'edfec9516b12063d1912957a601457bbd0b62974', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'caed93b4ef27d30449cbf98e79682e5a6d64769d', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '5489d32e008c9b17c720805a9b6aaca50f5dfde9', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '09751239e9bc7d87be6617592ebe4ae85899c59a', dataItem: this.dataItem })), h("div", { key: 'ca90747a5ba7ae0c27f523aa6a75cb550efa13a2', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '846b2bab340087292cf0c62a170e77f01969af2c', dataItem: this.dataItem })), h("div", { key: '1b88e526fb50d6c4efc8caaf7a04d1e2b3dac4a7', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '5b9ab2b7cea77a40456d7a13f523da2faf23a1b3', dataItem: this.dataItem }))), h("ls-field-footer", { key: '7724a99ca02d4aa2755ef487b6713a1bfbdba675', dataItem: this.dataItem })));
|
|
26616
26684
|
}
|
|
26617
26685
|
};
|
|
26618
26686
|
LsFieldPropertiesDate.style = lsFieldPropertiesDateCss;
|
|
26619
26687
|
|
|
26620
|
-
const lsFieldPropertiesEmailCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26688
|
+
const lsFieldPropertiesEmailCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26621
26689
|
|
|
26622
26690
|
const LsFieldPropertiesEmail = class {
|
|
26623
26691
|
constructor(hostRef) {
|
|
@@ -26625,12 +26693,12 @@ const LsFieldPropertiesEmail = class {
|
|
|
26625
26693
|
}
|
|
26626
26694
|
dataItem;
|
|
26627
26695
|
render() {
|
|
26628
|
-
return (h(Host, { key: '
|
|
26696
|
+
return (h(Host, { key: 'dcee9ffb353c373a7ad4018ffc3e5f27a8f991fa' }, h("ls-field-properties-container", { key: 'd9cc3a82c913a05be483e02ceec791294925f4dc', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '01caaf2b2db49c80bd9c936ace589db080761ac5', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '34c4b5344993f49e908d0a36dd737266bdce86ef', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '03d37d252278f413b8f84f0efb495a1ddbbcc598', dataItem: this.dataItem })), h("div", { key: 'b4f667e8f4357bb21bd2d338443549fb9a46ab33', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a458d3f26c42bf616fece1fee7677fe108d2a34d', dataItem: this.dataItem })), h("div", { key: '2e9f6d5cba11d46cf577787a8f4f0d73e614385e', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'a465faa14c1cb736bc7bae76acd47091f64e1194', dataItem: this.dataItem }))), h("ls-field-footer", { key: '704c6d8df46067cc0514805c419754de1a894c32', dataItem: this.dataItem })));
|
|
26629
26697
|
}
|
|
26630
26698
|
};
|
|
26631
26699
|
LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss;
|
|
26632
26700
|
|
|
26633
|
-
const lsFieldPropertiesFileCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26701
|
+
const lsFieldPropertiesFileCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26634
26702
|
|
|
26635
26703
|
const LsFieldPropertiesFile = class {
|
|
26636
26704
|
constructor(hostRef) {
|
|
@@ -26638,12 +26706,12 @@ const LsFieldPropertiesFile = class {
|
|
|
26638
26706
|
}
|
|
26639
26707
|
dataItem;
|
|
26640
26708
|
render() {
|
|
26641
|
-
return (h(Host, { key: '
|
|
26709
|
+
return (h(Host, { key: '88b1194eadd620a301e5163f28e6ed7abb95d851' }, h("ls-field-properties-container", { key: '537f4627d4e12eefd996eb0e08792f6cdff51f9b', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '0e126a53c285c2849b112a152c71b65f97346029', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '424e82d675b7582d7e133f172c55620ecd1d3b85', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3705e79f0a68db4861abe9ad73e2ea75cdc238cc', dataItem: this.dataItem })), h("div", { key: '5facf5a8593c86aa027c3ec8f575852156359d2e', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'b1c4404b2181e2bf859f62dd4f2195125b4e1ff5', dataItem: this.dataItem })), h("div", { key: '7920be7e29f48f890441711040b2d7cd37109e4f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '61cac1518a8c20da611f7c9c9cb1799a1d21097d', dataItem: this.dataItem }))), h("ls-field-footer", { key: '079d83b3d9b867a3436454f7828eef28b2eddfcf', dataItem: this.dataItem })));
|
|
26642
26710
|
}
|
|
26643
26711
|
};
|
|
26644
26712
|
LsFieldPropertiesFile.style = lsFieldPropertiesFileCss;
|
|
26645
26713
|
|
|
26646
|
-
const lsFieldPropertiesGeneralCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26714
|
+
const lsFieldPropertiesGeneralCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26647
26715
|
|
|
26648
26716
|
const LsFieldPropertiesGeneral = class {
|
|
26649
26717
|
constructor(hostRef) {
|
|
@@ -26651,12 +26719,12 @@ const LsFieldPropertiesGeneral = class {
|
|
|
26651
26719
|
}
|
|
26652
26720
|
dataItem;
|
|
26653
26721
|
render() {
|
|
26654
|
-
return (h(Host, { key: '
|
|
26722
|
+
return (h(Host, { key: 'c5a783c9c50191a03243eacba093df4bc12c01e9' }, h("ls-field-properties-container", { key: 'e982350c67800227aa7bb29e0af36539a34d4ed1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'f47da6e521961f4946b5dcf757668915f3da7f45', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '2eaecda4df966427b680166930e8ac55166cf6c1', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '8c58fc6ee970a04ebdeaa5339885010797d47403', dataItem: this.dataItem })), h("div", { key: '7e8c06a26b03c2a38ddc7d5ac8c28fe2769f843f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '483075e06327527baecd7ad5eae6fdd213d47bae', dataItem: this.dataItem })), h("div", { key: 'a5a11197ce8a6f2cf6c8f634be5ff60e15e9f662', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '8c972251f595ee3beadef8607f79578458ef8009', dataItem: this.dataItem }))), h("ls-field-footer", { key: '1a9dff5743fa48f22ce3729fa78f1f06971ba90f', dataItem: this.dataItem })));
|
|
26655
26723
|
}
|
|
26656
26724
|
};
|
|
26657
26725
|
LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss;
|
|
26658
26726
|
|
|
26659
|
-
const lsFieldPropertiesImageCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26727
|
+
const lsFieldPropertiesImageCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26660
26728
|
|
|
26661
26729
|
const LsFieldPropertiesImage = class {
|
|
26662
26730
|
constructor(hostRef) {
|
|
@@ -26664,7 +26732,7 @@ const LsFieldPropertiesImage = class {
|
|
|
26664
26732
|
}
|
|
26665
26733
|
dataItem;
|
|
26666
26734
|
render() {
|
|
26667
|
-
return (h(Host, { key: '
|
|
26735
|
+
return (h(Host, { key: '22f5ce8899defc26526afb33f7bc7cbd70a8e048' }, h("ls-field-properties-container", { key: 'f11b88fa01aa9a0138155c5fdbfb7a912f8e8e6d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ceed990e895bbb889fe62480cb4d5aa7a82dec27', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'e932672e87051224b90b57e148a69b102f9a644c', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '065e8d0d3059d78ee60004cdae52034946dfcb34', dataItem: this.dataItem })), h("div", { key: '8721aec4a3f120a3298082ffd8c35d02f3601fc0', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '43636f26161eb313ac666eabf6ba4e446391d7e2', dataItem: this.dataItem })), h("div", { key: '75b9b6b55e4f0ada1b242bc30a3a1a8c72068e15', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '37f37b80650362d92de618f2a36a664a8bb4875b', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ca5264df240cf75afd536c1d585ddb05779bfe00', dataItem: this.dataItem })));
|
|
26668
26736
|
}
|
|
26669
26737
|
};
|
|
26670
26738
|
LsFieldPropertiesImage.style = lsFieldPropertiesImageCss;
|
|
@@ -26689,13 +26757,13 @@ function getFieldIcon(key) {
|
|
|
26689
26757
|
return defaultFieldIcons[key] || 'view-grid';
|
|
26690
26758
|
}
|
|
26691
26759
|
|
|
26692
|
-
const lsFieldPropertiesMultipleCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.properties-container{display:flex;flex-direction:column;height:100%}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;text-transform:capitalize}.tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73)}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26760
|
+
const lsFieldPropertiesMultipleCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.properties-container{display:flex;flex-direction:column;height:100%}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;text-transform:capitalize}.tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73)}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative}.full-width{width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26693
26761
|
|
|
26694
26762
|
const LsFieldPropertiesMultiple = class {
|
|
26695
26763
|
constructor(hostRef) {
|
|
26696
26764
|
registerInstance(this, hostRef);
|
|
26697
|
-
this.mutate = createEvent(this, "mutate");
|
|
26698
|
-
this.update = createEvent(this, "update");
|
|
26765
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26766
|
+
this.update = createEvent(this, "update", 7);
|
|
26699
26767
|
}
|
|
26700
26768
|
dataItem;
|
|
26701
26769
|
mutate;
|
|
@@ -26746,19 +26814,19 @@ const LsFieldPropertiesMultiple = class {
|
|
|
26746
26814
|
return { isSame: allSame, optional: allSame ? firstElementOptional : false };
|
|
26747
26815
|
};
|
|
26748
26816
|
render() {
|
|
26749
|
-
return (h(Host, { key: '
|
|
26817
|
+
return (h(Host, { key: '898bf5f2dcae78a352a6b8a636412b8a534b496a' }, h("ls-field-properties-container", { key: '78e9db977ced7ae601f7a1ff6af853fa772ccf42', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '484e69c5f6e2e1610959afd8119eb5cadbff8b82', class: 'field-set', slot: "content" }, h("div", { key: '48bbaa0b6b54638a67006a6b97c03f529861eb77', class: 'ls-field-properties-section' }, h("div", { key: '5631d6db8ba45449dd34f60dc2d8822a319a2dc3', class: 'ls-field-properties-section-text' }, h("p", { key: '05260984a9f922f7e080fce2d75883d2267ece3a', class: 'ls-field-properties-section-title' }, "Field Type"), h("p", { key: 'c5076d4a6b92186e99ebcfbe57b585f32bae8560', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), h("div", { key: '438ccaaf02b909e0ebba17394d553fc4c00a9809', class: 'ls-field-type-wrapper', style: {
|
|
26750
26818
|
border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
|
|
26751
26819
|
background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
|
|
26752
|
-
} }, h("div", { key: '
|
|
26820
|
+
} }, h("div", { key: '7d078c08df9362e321987924ad36e2672deb7d33', class: 'ls-field-type-inner' }, h("div", { key: '5b24658d67b87b5ed07380ad2254509e846ca9ec', class: 'ls-field-type-icon', style: {
|
|
26753
26821
|
border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
|
|
26754
26822
|
color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
|
|
26755
26823
|
background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
|
|
26756
|
-
} }, h("ls-icon", { key: '
|
|
26824
|
+
} }, h("ls-icon", { key: '7bdd33ecf47ff7f282031091f06d7cde704819da', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), h("p", { key: 'b1d773176ea02bd27d46cea0c5b997ebe5c575fc', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), h("div", { key: '398a8ddf0fdb5466baf13d3185746d4515bf8de6', class: 'ls-field-properties-section row' }, h("div", { key: '2777add4b21cefd15d430f0a64cd4888e53569ca', class: 'ls-field-properties-section-text' }, h("p", { key: '91672c9039cc267bbfe5b6c82ec1b415028d16ba', class: 'ls-field-properties-section-title' }, "Required Field")), h("ls-toggle", { key: 'e1581cbd990fd085f9164abf3ecaae4f608eaf70', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), h("div", { key: '654f98a2b3fdbfc1f75ebbc6fdcd4924c34d0f77', class: 'ls-field-properties-section' }, h("div", { key: 'c8379e6ac365ee97c77a2fc62f52691386e9e9fc', class: 'ls-field-properties-section-text' }, h("p", { key: '927458b6483aca60507bb384c6b8183e64fa0560', class: 'ls-field-properties-section-title' }, "Field Label"), h("p", { key: '6c26748b388121507b19d8a83fdaf82f5f461bbb', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), h("input", { key: '23309345964c6cabdf7342b669eebec4b3506363', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), h("div", { key: '81fb6ba5642271ef254e73acc510ac757f647e6c', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c24eefb1f599624eaa6b6fee9b9c938a99f697f8', dataItem: this.dataItem }), h("ls-field-size", { key: '6fd636331dd35bf6b02ea2769c88864773a67ae6', dataItem: this.dataItem })), h("div", { key: '88875c4d8fe159a136ad39429be909f4cd25d620', class: 'field-set', slot: "placement" }, h("ls-field-alignment", { key: '8e9601b8157a65ed12dcde1e5a76f9234b111137', dataItem: this.dataItem }), h("ls-field-placement", { key: '349b804d481e72abb977b0b35ed475c679be70cc', dataItem: this.dataItem }), h("ls-field-distribute", { key: 'c0611739c68d01c64e9b74c2ff0e8a48758b4730', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'bda746f14ab32d2c11921d34f1189ccd0d3d8b55' }), h("slot", { key: '973a8f1004677bd0cd27c2574acdf06718d7199b' })));
|
|
26757
26825
|
}
|
|
26758
26826
|
};
|
|
26759
26827
|
LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss;
|
|
26760
26828
|
|
|
26761
|
-
const lsFieldPropertiesNumberCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26829
|
+
const lsFieldPropertiesNumberCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26762
26830
|
|
|
26763
26831
|
const LsFieldPropertiesNumber = class {
|
|
26764
26832
|
constructor(hostRef) {
|
|
@@ -26766,12 +26834,12 @@ const LsFieldPropertiesNumber = class {
|
|
|
26766
26834
|
}
|
|
26767
26835
|
dataItem;
|
|
26768
26836
|
render() {
|
|
26769
|
-
return (h(Host, { key: '
|
|
26837
|
+
return (h(Host, { key: 'b80b5fcac71efe28dc3205735231a491795e7bd4' }, h("ls-field-properties-container", { key: '59dcf27dc38d2bc431c6b7a4c32c713c7a528c44', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '530f40c313c2388652d2bb3546b047051615e95e', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd5f3f1413755c694467d38db058f0a421fa35bce', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '2172921644d4ca951ca743b407db38b004616be8', dataItem: this.dataItem })), h("div", { key: '723e4e936ad4d0d9fdfe15e3fb0be0990a41362f', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '2f19c772c4fef5245f6b991dbc0f4bf7c289804f', dataItem: this.dataItem })), h("div", { key: 'd77f2d3c4607867c73d5f14ba86712e9f659c234', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '989670bc4ae90c6304bc2bcc1d89c60bb34233e1', dataItem: this.dataItem }))), h("ls-field-footer", { key: '7016293db69530b0176cc374b861442b8b9e490c', dataItem: this.dataItem })));
|
|
26770
26838
|
}
|
|
26771
26839
|
};
|
|
26772
26840
|
LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss;
|
|
26773
26841
|
|
|
26774
|
-
const lsFieldPropertiesSignatureCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26842
|
+
const lsFieldPropertiesSignatureCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26775
26843
|
|
|
26776
26844
|
const LsFieldPropertiesSignature = class {
|
|
26777
26845
|
constructor(hostRef) {
|
|
@@ -26779,12 +26847,12 @@ const LsFieldPropertiesSignature = class {
|
|
|
26779
26847
|
}
|
|
26780
26848
|
dataItem;
|
|
26781
26849
|
render() {
|
|
26782
|
-
return (h(Host, { key: '
|
|
26850
|
+
return (h(Host, { key: '5f4c56b08921c1fb55257a04665ff6be648ab385' }, h("ls-field-properties-container", { key: '4ddc0e655c8c006b09bd3be884bddab0dd5ed96d', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '9bd52daefc5450f342b6129016182cc2bf603b44', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'abfd4bcf641fb2ebcbac45678523cba7b38fdfe3', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '30bcc7c38d3f36a876d7aabf605409cf51d1b6ee', dataItem: this.dataItem })), h("div", { key: '517b703e3f917c4cd826a4dc6557446c6b71275c', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f472cb3cade66229c524f0b866022b441ebdd54c', dataItem: this.dataItem })), h("div", { key: '0161a883ec8d648df3a5ef879adc28a7c34444d1', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '5cdb53ee48b659f3c6f3314d59ebbc965b52b899', dataItem: this.dataItem }))), h("ls-field-footer", { key: '4ed0739a0aefe8ffe5384c68810c77fe55a7712a', dataItem: this.dataItem })));
|
|
26783
26851
|
}
|
|
26784
26852
|
};
|
|
26785
26853
|
LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss;
|
|
26786
26854
|
|
|
26787
|
-
const lsFieldPropertiesTextCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
26855
|
+
const lsFieldPropertiesTextCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}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.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26788
26856
|
|
|
26789
26857
|
const LsFieldPropertiesText = class {
|
|
26790
26858
|
constructor(hostRef) {
|
|
@@ -26792,18 +26860,18 @@ const LsFieldPropertiesText = class {
|
|
|
26792
26860
|
}
|
|
26793
26861
|
dataItem;
|
|
26794
26862
|
render() {
|
|
26795
|
-
return (h(Host, { key: '
|
|
26863
|
+
return (h(Host, { key: 'd98dcc06c9bd451991818629afbc2fff1d6c8fff' }, h("ls-field-properties-container", { key: 'a9f6c081272cf74cd4be29c78769422161dba816', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '5c625ed9ae36342832779428938c2de7a7aa7163', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd11bd76deb30a0aa93766167fe81adf8428ad4c3', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'f6c373b50a2742321af5e464ccaad5154a0a8cb4', dataItem: this.dataItem })), h("div", { key: '61f7e8aec05f9ee370eeda26eb169ae96c23bdc6', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '1a261f3e557bd7d69cff9980a864fb1e90ac07ba', dataItem: this.dataItem })), h("div", { key: '535ba971134ab505302a23932df23136a387bce5', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '7e84324458a5410b9d4af72a982c87e46d075cbc', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e8b395dc2d6f049b8715870b602f3510a8e99b7f', dataItem: this.dataItem })));
|
|
26796
26864
|
}
|
|
26797
26865
|
};
|
|
26798
26866
|
LsFieldPropertiesText.style = lsFieldPropertiesTextCss;
|
|
26799
26867
|
|
|
26800
|
-
const lsFieldSizeCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:
|
|
26868
|
+
const lsFieldSizeCss = ":host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
26801
26869
|
|
|
26802
26870
|
const LsFieldSize = class {
|
|
26803
26871
|
constructor(hostRef) {
|
|
26804
26872
|
registerInstance(this, hostRef);
|
|
26805
|
-
this.mutate = createEvent(this, "mutate");
|
|
26806
|
-
this.update = createEvent(this, "update");
|
|
26873
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
26874
|
+
this.update = createEvent(this, "update", 7);
|
|
26807
26875
|
}
|
|
26808
26876
|
get component() { return getElement(this); }
|
|
26809
26877
|
dataItem;
|
|
@@ -26823,7 +26891,7 @@ const LsFieldSize = class {
|
|
|
26823
26891
|
attachAllTooltips(this.component.shadowRoot);
|
|
26824
26892
|
}
|
|
26825
26893
|
render() {
|
|
26826
|
-
return (h(Host, { key: '
|
|
26894
|
+
return (h(Host, { key: '1cabd4d6ece5981e2e50933fa93d19b113cd6bca' }, h("div", { key: 'faabdbcb881e7724694750df2de7151d7a8990ac', class: 'ls-field-properties-section' }, h("div", { key: '14cd8bae67637aadb831dee0c2373e280dd26199', class: 'ls-field-properties-section-text' }, h("p", { key: '3a2f88d275b7b7932d7816d692ef768ac24d3774', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'e88a8518e89b06f7b446b387fd063ccf15f23f86', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'e7bb74bd8e58ee30d14736a52925ea8a144dc54f', class: 'button-group' }, h("button", { key: 'ff0c8337a67047633e50e9f3133a9611dc005e2e', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: 'c4618753082d4e2212a273fece998e8bd51f6688', name: "field-scale" })), h("button", { key: 'd88b13b511c417036b7cbac398bc8f1627cb6d26', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: 'ee4cbf6e84d12685d3ef7516557d6ffe5214524c', name: "field-match-width" })), h("button", { key: 'a16e991225c105f124afc5c65960a8b8e595867e', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: 'cbc94846ea2c09a47800e0f7e073be43c8ed2230', name: "field-match-height" })))), h("slot", { key: 'cc0e771946fe9cbd33d19a0c0fee3e025fc4870d' }), h("ls-tooltip", { key: '9f8b2d85bc49f41b85a34b30763088f804e5e5df', id: "ls-tooltip-master" })));
|
|
26827
26895
|
}
|
|
26828
26896
|
};
|
|
26829
26897
|
LsFieldSize.style = lsFieldSizeCss;
|
|
@@ -26858,14 +26926,14 @@ const LsFieldTypeDisplay = class {
|
|
|
26858
26926
|
fieldType = 'signature';
|
|
26859
26927
|
render() {
|
|
26860
26928
|
const color = defaultRolePalette[this.assignee % 100];
|
|
26861
|
-
return (h(Host, { key: '
|
|
26929
|
+
return (h(Host, { key: 'e40b140dc43b54a9b5902db8ee47f713da12e723', class: 'ls-field-type-wrapper', style: {
|
|
26862
26930
|
border: `1px dashed ${color.s30}`,
|
|
26863
26931
|
background: color.s10,
|
|
26864
|
-
} }, h("div", { key: '
|
|
26932
|
+
} }, h("div", { key: '3c16f1b3c1e5370986c266173f0792cae15e3345', class: 'ls-field-type-inner' }, h("div", { key: '268ac5892e08c2b253a722ebab1faeaffaa63db0', class: 'ls-field-type-icon', style: {
|
|
26865
26933
|
border: `1px solid ${color.s60}`,
|
|
26866
26934
|
color: color.s60,
|
|
26867
26935
|
background: color.s10,
|
|
26868
|
-
} }, h("ls-icon", { key: '
|
|
26936
|
+
} }, h("ls-icon", { key: '9ec309d89e6405f0aff5ac94868166b932983331', name: getFieldIcon(this.fieldType), size: "1.25rem" })), h("p", { key: '0f64e64d628e4b9bd7ee2426237ef1dcfc5f4940', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
|
|
26869
26937
|
}
|
|
26870
26938
|
};
|
|
26871
26939
|
LsFieldTypeDisplay.style = lsFieldTypeDisplayCss;
|
|
@@ -26883,11 +26951,11 @@ const LsHelperBar = class {
|
|
|
26883
26951
|
attachAllTooltips(this.component.shadowRoot);
|
|
26884
26952
|
}
|
|
26885
26953
|
render() {
|
|
26886
|
-
return (h(Host, { key: '
|
|
26954
|
+
return (h(Host, { key: '0ea5ddfbf8e09f857ce4bea741fab2f9661785c7' }, h("div", { key: 'a0d17c33fa0f6513ab6b22d3715bf31625e77fba', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, h("button", { key: 'd4d1405c68b9e96babb93e2044d7bf7b736444b3', style: !this.expanded ? { display: 'none' } : { display: 'block' }, id: "keyboard-btn", ref: el => {
|
|
26887
26955
|
if (el) {
|
|
26888
26956
|
this.shortcutsBtn = el;
|
|
26889
26957
|
}
|
|
26890
|
-
} }, h("ls-keyboard-shortcuts", { key: '
|
|
26958
|
+
} }, h("ls-keyboard-shortcuts", { key: 'dce4fffb30a3ed7115ee0816434552996794ad3a', referenceElement: this.shortcutsBtn }), h("ls-icon", { key: '04e31a96e6593b2fc73854619bbc80ef20fc4d26', name: "keyboard" })), h("button", { key: 'e0ff256398468065fb76fe273c1a4089af598dbf', style: !this.expanded ? { display: 'none' } : { display: 'block' }, "data-pendo": "launch-new-edit-tour" }, h("ls-icon", { key: '5ce37cfa92b2525a8d344fed6b8835930db1aeb0', name: "map", "data-tooltip": "Take a Guided Tour", "data-tooltip-placement": "left" })), h("button", { key: 'ab1cc9441815b58fc92d1688bf540a6ad9ea9349', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, h("ls-icon", { key: 'fdb1d13e35ff66d03c77bd15858910c4773b5105', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), h("div", { key: 'cfc76e9434590eb0c06055d89b219479e4b0fa8b', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), h("button", { key: '430c37f8e0f4206a76f006c3f72c60c5e2b8a2dc' }, h("ls-icon", { key: 'c3e6c2bac0ec08c2cec5c0c5237cdb7b2ec740ef', name: "question-mark-circle" }))), h("slot", { key: '38c98e7e91042d1cddb4217e8f61c44d32f65a7a' }), h("ls-tooltip", { key: '8ddaf7d60cd84a206efb4c71240db45772bc8d70', id: "ls-tooltip-master" })));
|
|
26891
26959
|
}
|
|
26892
26960
|
};
|
|
26893
26961
|
LsHelperBar.style = lsHelperBarCss;
|
|
@@ -33897,7 +33965,7 @@ const LsIcon = class {
|
|
|
33897
33965
|
name;
|
|
33898
33966
|
solid = false;
|
|
33899
33967
|
color = "#000000";
|
|
33900
|
-
size = "
|
|
33968
|
+
size = "1.25rem";
|
|
33901
33969
|
customStyle;
|
|
33902
33970
|
// Added function to check that the Icon enum type has all the icons from the icons.ts file
|
|
33903
33971
|
arraysAreIdentical(arr1, arr2) {
|
|
@@ -33917,11 +33985,11 @@ const LsIcon = class {
|
|
|
33917
33985
|
console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
|
|
33918
33986
|
}
|
|
33919
33987
|
render() {
|
|
33920
|
-
return (h("host", { key: '
|
|
33988
|
+
return (h("host", { key: 'bd029331162812961f4b1413bcedd4688cece878' }, icons
|
|
33921
33989
|
?.filter((icon) => icon.name === this.name)
|
|
33922
33990
|
?.map((icon) => (h("div", { key: icon?.name, class: 'iconContainer', style: {
|
|
33923
|
-
height: `${this.size}
|
|
33924
|
-
width: `${this.size}
|
|
33991
|
+
height: `${this.size}`,
|
|
33992
|
+
width: `${this.size}`,
|
|
33925
33993
|
...this.customStyle,
|
|
33926
33994
|
} }, this.solid ? (h("div", { innerHTML: icon.svgSolid, style: { top: '0px' } })) : (h("div", { innerHTML: icon.svgOutline, style: { top: '0px' } })))))));
|
|
33927
33995
|
}
|
|
@@ -33936,7 +34004,7 @@ const LsInputWrapper = class {
|
|
|
33936
34004
|
leadingIcon;
|
|
33937
34005
|
select = false;
|
|
33938
34006
|
render() {
|
|
33939
|
-
return (h(Host, { key: '
|
|
34007
|
+
return (h(Host, { key: '80c79e120bd0d44c11cac3e8096715e59d21a793' }, h("ls-icon", { key: 'a8af28777cb9cea7294075df1714473b8310d98d', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '0e68b967bcb36ea63a3bbd147c4af70916443c68', id: "selectorIcon", name: "selector" }), h("slot", { key: 'c547d8642431a3fc34e36c967bf9789e7b10921d' })));
|
|
33940
34008
|
}
|
|
33941
34009
|
};
|
|
33942
34010
|
LsInputWrapper.style = lsInputWrapperCss;
|
|
@@ -35433,7 +35501,7 @@ const LsKeyboardShortcuts = class {
|
|
|
35433
35501
|
});
|
|
35434
35502
|
}
|
|
35435
35503
|
render() {
|
|
35436
|
-
return (h("div", { key: 'c9907e23bf25b69edcaf1fa1f15736f3f90497d1', class: 'tooltip', role: "tooltip" }, h("div", { key: '60091b40b2c825673157a1f285f7dcb098b0fabf', id: "arrow" }), h("svg", { key: '0092c811a3688187ae25552f21bd06551223c3c6', width: "187", height: "243", viewBox: "0 0 187 243", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4a9e7baf25f3ed97af7aa6623608ba8a4b3fe264', d: "M4.66016 4.51665H7.83939C8.42814 4.51665 8.96254 4.61628 9.4426 4.81555C9.92265 5.01482 10.3302 5.31372 10.6654 5.71226C11.0096 6.10174 11.2722 6.59538 11.4534 7.19318C11.6345 7.78193 11.7251 8.47031 11.7251 9.25833C11.7251 10.0463 11.6345 10.7392 11.4534 11.3371C11.2722 11.9258 11.0096 12.4194 10.6654 12.818C10.3302 13.2075 9.92265 13.5018 9.4426 13.7011C8.96254 13.9004 8.42814 14 7.83939 14H4.66016V4.51665ZM7.83939 12.9946C8.22887 12.9946 8.58665 12.9312 8.91272 12.8044C9.2388 12.6685 9.51959 12.4738 9.75509 12.2202C9.99058 11.9666 10.1717 11.6586 10.2985 11.2963C10.4344 10.9249 10.5023 10.5038 10.5023 10.0328V8.4839C10.5023 8.0129 10.4344 7.59625 10.2985 7.23394C10.1717 6.86258 9.99058 6.55009 9.75509 6.29648C9.51959 6.04286 9.2388 5.85265 8.91272 5.72585C8.58665 5.58998 8.22887 5.52205 7.83939 5.52205H5.80143V12.9946H7.83939ZM17.9871 12.8587H17.9328C17.8603 13.0218 17.7697 13.1848 17.661 13.3478C17.5614 13.5018 17.4346 13.6422 17.2806 13.769C17.1266 13.8868 16.9409 13.9819 16.7236 14.0543C16.5062 14.1268 16.2526 14.163 15.9627 14.163C15.2381 14.163 14.6629 13.9321 14.2372 13.4701C13.8115 12.9991 13.5987 12.3379 13.5987 11.4865V6.98939H14.6856V11.2963C14.6856 12.5553 15.22 13.1848 16.2888 13.1848C16.5062 13.1848 16.7145 13.1576 16.9138 13.1033C17.1221 13.0489 17.3032 12.9674 17.4572 12.8587C17.6203 12.75 17.7471 12.6142 17.8376 12.4511C17.9373 12.279 17.9871 12.0753 17.9871 11.8398V6.98939H19.074V14H17.9871V12.8587ZM21.3886 6.98939H22.4755V8.13065H22.5299C22.711 7.68682 22.9737 7.36075 23.3179 7.15242C23.6711 6.93504 24.0923 6.82635 24.5814 6.82635C25.0162 6.82635 25.4102 6.9124 25.7634 7.08449C26.1167 7.25659 26.4156 7.50114 26.6601 7.81816C26.9138 8.13518 27.104 8.52013 27.2308 8.97301C27.3666 9.42589 27.4346 9.93312 27.4346 10.4947C27.4346 11.0563 27.3666 11.5635 27.2308 12.0164C27.104 12.4693 26.9138 12.8542 26.6601 13.1712C26.4156 13.4882 26.1167 13.7328 25.7634 13.9049C25.4102 14.077 25.0162 14.163 24.5814 14.163C23.6304 14.163 22.9465 13.7283 22.5299 12.8587H22.4755V16.7173H21.3886V6.98939ZM24.2825 13.1848C24.8984 13.1848 25.383 12.9946 25.7363 12.6142C26.0895 12.2247 26.2661 11.7175 26.2661 11.0925V9.89689C26.2661 9.27191 26.0895 8.76921 25.7363 8.38879C25.383 7.99931 24.8984 7.80457 24.2825 7.80457C24.038 7.80457 23.8025 7.8408 23.576 7.91327C23.3586 7.97667 23.1684 8.06725 23.0054 8.18499C22.8423 8.30274 22.711 8.44767 22.6114 8.61976C22.5208 8.7828 22.4755 8.95942 22.4755 9.14963V11.7582C22.4755 11.9847 22.5208 12.1885 22.6114 12.3696C22.711 12.5417 22.8423 12.6912 23.0054 12.818C23.1684 12.9357 23.3586 13.0263 23.576 13.0897C23.8025 13.1531 24.038 13.1848 24.2825 13.1848ZM30.4247 14C30.0442 14 29.7544 13.8958 29.5551 13.6875C29.3649 13.4701 29.2698 13.1984 29.2698 12.8723V3.94602H30.3567V13.0489H31.3893V14H30.4247ZM33.515 5.34542C33.2795 5.34542 33.1075 5.29108 32.9988 5.18239C32.8991 5.06464 32.8493 4.91519 32.8493 4.73403V4.55741C32.8493 4.37626 32.8991 4.23133 32.9988 4.12264C33.1075 4.00489 33.2795 3.94602 33.515 3.94602C33.7505 3.94602 33.9181 4.00489 34.0177 4.12264C34.1264 4.23133 34.1808 4.37626 34.1808 4.55741V4.73403C34.1808 4.91519 34.1264 5.06464 34.0177 5.18239C33.9181 5.29108 33.7505 5.34542 33.515 5.34542ZM32.9716 6.98939H34.0585V14H32.9716V6.98939ZM38.9768 14.163C38.4877 14.163 38.0484 14.077 37.6589 13.9049C37.2694 13.7328 36.9388 13.4882 36.6671 13.1712C36.4044 12.8542 36.2006 12.4693 36.0557 12.0164C35.9198 11.5635 35.8519 11.0563 35.8519 10.4947C35.8519 9.93312 35.9198 9.42589 36.0557 8.97301C36.2006 8.52013 36.4044 8.13518 36.6671 7.81816C36.9388 7.50114 37.2694 7.25659 37.6589 7.08449C38.0484 6.9124 38.4877 6.82635 38.9768 6.82635C39.6742 6.82635 40.2313 6.98033 40.6479 7.28829C41.0736 7.58719 41.3907 7.9812 41.599 8.47031L40.6887 8.93225C40.5619 8.56994 40.3536 8.28916 40.0637 8.08989C39.7739 7.89062 39.4116 7.79099 38.9768 7.79099C38.6507 7.79099 38.3654 7.84533 38.1209 7.95402C37.8763 8.05366 37.6725 8.19858 37.5095 8.38879C37.3464 8.56994 37.2241 8.79186 37.1426 9.05453C37.0611 9.30814 37.0204 9.58893 37.0204 9.89689V11.0925C37.0204 11.7084 37.1834 12.2156 37.5095 12.6142C37.8446 13.0037 38.3337 13.1984 38.9768 13.1984C39.8554 13.1984 40.4894 12.7908 40.8789 11.9756L41.6669 12.5055C41.4405 13.0127 41.1008 13.4158 40.6479 13.7147C40.2041 14.0136 39.6471 14.163 38.9768 14.163ZM48.2962 14C47.8886 14 47.5942 13.8913 47.413 13.6739C47.2409 13.4565 47.1323 13.1848 47.087 12.8587H47.019C46.8651 13.2935 46.6114 13.6196 46.2582 13.837C45.9049 14.0543 45.4838 14.163 44.9946 14.163C44.2519 14.163 43.6722 13.9728 43.2556 13.5924C42.848 13.212 42.6442 12.6957 42.6442 12.0435C42.6442 11.3823 42.8842 10.8751 43.3643 10.5219C43.8534 10.1686 44.6097 9.99199 45.6332 9.99199H47.019V9.29908C47.019 8.80091 46.8832 8.42049 46.6114 8.15782C46.3397 7.89515 45.9231 7.76381 45.3615 7.76381C44.9358 7.76381 44.578 7.85892 44.2882 8.04913C44.0074 8.23934 43.7719 8.49295 43.5817 8.80997L42.9295 8.19858C43.1197 7.81816 43.4231 7.49661 43.8398 7.23394C44.2565 6.96221 44.7818 6.82635 45.4158 6.82635C46.2672 6.82635 46.9285 7.03467 47.3995 7.45133C47.8704 7.86798 48.1059 8.44767 48.1059 9.19039V13.0489H48.9075V14H48.2962ZM45.1713 13.2392C45.443 13.2392 45.6921 13.2075 45.9185 13.1441C46.145 13.0806 46.3397 12.9901 46.5027 12.8723C46.6658 12.7546 46.7926 12.6187 46.8832 12.4647C46.9737 12.3108 47.019 12.1432 47.019 11.962V10.8072H45.5789C44.9539 10.8072 44.4965 10.8978 44.2066 11.0789C43.9258 11.2601 43.7855 11.5227 43.7855 11.8669V12.1522C43.7855 12.4964 43.9077 12.7636 44.1523 12.9538C44.4059 13.1441 44.7456 13.2392 45.1713 13.2392ZM52.0077 14C51.6273 14 51.3374 13.8958 51.1382 13.6875C50.948 13.4701 50.8529 13.1893 50.8529 12.8452V7.94044H49.698V6.98939H50.3502C50.5857 6.98939 50.7442 6.9441 50.8257 6.85352C50.9163 6.75389 50.9615 6.58632 50.9615 6.35082V5.04652H51.9398V6.98939H53.475V7.94044H51.9398V13.0489H53.3663V14H52.0077ZM57.8048 14.163C57.3247 14.163 56.8899 14.077 56.5005 13.9049C56.12 13.7328 55.7894 13.4882 55.5087 13.1712C55.2369 12.8452 55.0241 12.4602 54.8701 12.0164C54.7252 11.5635 54.6527 11.0563 54.6527 10.4947C54.6527 9.94218 54.7252 9.43948 54.8701 8.9866C55.0241 8.53371 55.2369 8.14876 55.5087 7.83175C55.7894 7.50567 56.12 7.25659 56.5005 7.08449C56.8899 6.9124 57.3247 6.82635 57.8048 6.82635C58.2758 6.82635 58.6969 6.9124 59.0683 7.08449C59.4397 7.25659 59.7567 7.49661 60.0194 7.80457C60.282 8.10348 60.4813 8.46125 60.6172 8.8779C60.7621 9.29456 60.8345 9.75197 60.8345 10.2501V10.7664H55.794V11.0925C55.794 11.3914 55.8393 11.6722 55.9298 11.9349C56.0295 12.1885 56.1653 12.4104 56.3374 12.6006C56.5186 12.7908 56.736 12.9403 56.9896 13.0489C57.2523 13.1576 57.5466 13.212 57.8727 13.212C58.3165 13.212 58.7015 13.1078 59.0275 12.8995C59.3627 12.6912 59.6208 12.3923 59.802 12.0028L60.5764 12.5598C60.35 13.0399 59.9967 13.4294 59.5167 13.7283C59.0366 14.0181 58.466 14.163 57.8048 14.163ZM57.8048 7.73664C57.5059 7.73664 57.2341 7.79099 56.9896 7.89968C56.745 7.99931 56.5322 8.14424 56.351 8.33445C56.1789 8.52466 56.0431 8.7511 55.9434 9.01377C55.8438 9.26738 55.794 9.54817 55.794 9.85613V9.95123H59.6661V9.80178C59.6661 9.17681 59.494 8.67864 59.1498 8.30727C58.8147 7.92685 58.3663 7.73664 57.8048 7.73664Z", fill: "#F7F8FA" }), h("g", { key: '745e11b8183a9dbd62b66c085233ef67209e6c1d', filter: "url(#filter0_d_6680_546458)" }, h("path", { key: 'fe2c77c04ad0cf37a4210dfc4f3270b2df2dc93f', d: "M3.39662 31.3513C3.39662 29.5322 4.87123 28.0576 6.69026 28.0576H38.3092C40.1282 28.0576 41.6028 29.5322 41.6028 31.3513V60.994C41.6028 62.813 40.1282 64.2876 38.3092 64.2876H6.69026C4.87123 64.2876 3.39662 62.813 3.39662 60.994V31.3513Z", fill: "#45484D" }), h("path", { key: '723b0c4d367a5ee1193807dd83db21c1bc8686a1', d: "M18.1876 40.6749H22.3494C23.1201 40.6749 23.8197 40.8053 24.4481 41.0662C25.0766 41.327 25.6101 41.7183 26.0488 42.24C26.4994 42.7499 26.8433 43.3961 27.0804 44.1787C27.3176 44.9494 27.4361 45.8505 27.4361 46.8821C27.4361 47.9136 27.3176 48.8207 27.0804 49.6033C26.8433 50.374 26.4994 51.0202 26.0488 51.5419C25.6101 52.0518 25.0766 52.4371 24.4481 52.698C23.8197 52.9588 23.1201 53.0893 22.3494 53.0893H18.1876V40.6749ZM22.3494 51.7731C22.8593 51.7731 23.3276 51.6901 23.7545 51.5241C24.1814 51.3463 24.5489 51.0913 24.8572 50.7593C25.1655 50.4273 25.4026 50.0242 25.5686 49.5499C25.7465 49.0638 25.8354 48.5124 25.8354 47.8958V45.8683C25.8354 45.2517 25.7465 44.7063 25.5686 44.232C25.4026 43.7459 25.1655 43.3368 24.8572 43.0048C24.5489 42.6728 24.1814 42.4238 23.7545 42.2578C23.3276 42.0799 22.8593 41.991 22.3494 41.991H19.6816V51.7731H22.3494Z", fill: "#F7F8FA" }), h("path", { key: 'c03640bf2da1aaa7d9e35e611f67d5c256d4d747', d: "M38.3087 27.4912C40.4404 27.4912 42.1691 29.2199 42.1691 31.3516V60.9941C42.169 63.1257 40.4403 64.8535 38.3087 64.8535H6.69057C4.55895 64.8535 2.8303 63.1257 2.83022 60.9941V31.3516C2.83022 29.2199 4.5589 27.4912 6.69057 27.4912H38.3087Z", stroke: "#E0E2E5", "stroke-width": "1.13219" })), h("path", { key: 'c08bb8812d571aecec4405d7232f13c4fdebf147', d: "M7.32311 101.095C6.55321 101.095 5.89653 100.95 5.35307 100.66C4.80961 100.361 4.34767 99.9534 3.96725 99.4371L4.80961 98.7306C5.14475 99.1745 5.51611 99.5141 5.9237 99.7496C6.3313 99.9761 6.81135 100.089 7.36387 100.089C8.04319 100.089 8.55948 99.9262 8.91272 99.6002C9.27503 99.2741 9.45618 98.8393 9.45618 98.2959C9.45618 97.843 9.32032 97.4943 9.04859 97.2497C8.77686 97.0052 8.32851 96.8104 7.70353 96.6655L6.9291 96.4889C6.05957 96.2896 5.39383 95.9907 4.93189 95.5922C4.47901 95.1846 4.25257 94.6139 4.25257 93.8803C4.25257 93.4636 4.32956 93.0923 4.48354 92.7662C4.63752 92.4401 4.85037 92.1684 5.1221 91.951C5.40289 91.7336 5.73349 91.5706 6.11391 91.4619C6.50339 91.3441 6.9291 91.2853 7.39104 91.2853C8.10659 91.2853 8.71799 91.4166 9.22521 91.6793C9.7415 91.9419 10.1763 92.3269 10.5295 92.8341L9.67357 93.4591C9.4109 93.0968 9.09388 92.8115 8.72251 92.6031C8.35115 92.3948 7.88921 92.2907 7.3367 92.2907C6.72983 92.2907 6.24978 92.422 5.89653 92.6847C5.55234 92.9383 5.38025 93.3232 5.38025 93.8395C5.38025 94.2924 5.52517 94.6366 5.81501 94.8721C6.11391 95.0985 6.56227 95.2797 7.16007 95.4155L7.9345 95.5922C8.86744 95.8005 9.54223 96.1175 9.95888 96.5432C10.3755 96.9689 10.5839 97.535 10.5839 98.2415C10.5839 98.6763 10.5069 99.0703 10.3529 99.4235C10.208 99.7768 9.99511 100.076 9.71433 100.32C9.43354 100.565 9.08935 100.755 8.68176 100.891C8.28322 101.027 7.83034 101.095 7.32311 101.095ZM15.0817 101.095C14.6017 101.095 14.1669 101.009 13.7774 100.837C13.397 100.664 13.0664 100.42 12.7856 100.103C12.5139 99.7768 12.301 99.3918 12.147 98.948C12.0021 98.4951 11.9297 97.9879 11.9297 97.4263C11.9297 96.8738 12.0021 96.3711 12.147 95.9182C12.301 95.4654 12.5139 95.0804 12.7856 94.7634C13.0664 94.4373 13.397 94.1882 13.7774 94.0161C14.1669 93.844 14.6017 93.758 15.0817 93.758C15.5527 93.758 15.9739 93.844 16.3453 94.0161C16.7166 94.1882 17.0336 94.4283 17.2963 94.7362C17.559 95.0351 17.7583 95.3929 17.8941 95.8095C18.039 96.2262 18.1115 96.6836 18.1115 97.1818V97.6981H13.0709V98.0241C13.0709 98.323 13.1162 98.6038 13.2068 98.8665C13.3064 99.1201 13.4423 99.342 13.6144 99.5322C13.7955 99.7224 14.0129 99.8719 14.2665 99.9806C14.5292 100.089 14.8236 100.144 15.1497 100.144C15.5935 100.144 15.9784 100.039 16.3045 99.8311C16.6396 99.6228 16.8978 99.3239 17.0789 98.9344L17.8534 99.4915C17.6269 99.9715 17.2737 100.361 16.7936 100.66C16.3136 100.95 15.7429 101.095 15.0817 101.095ZM15.0817 94.6683C14.7828 94.6683 14.5111 94.7226 14.2665 94.8313C14.022 94.931 13.8091 95.0759 13.628 95.2661C13.4559 95.4563 13.32 95.6827 13.2204 95.9454C13.1207 96.199 13.0709 96.4798 13.0709 96.7878V96.8829H16.9431V96.7334C16.9431 96.1084 16.771 95.6103 16.4268 95.2389C16.0916 94.8585 15.6433 94.6683 15.0817 94.6683ZM21.0574 100.932C20.677 100.932 20.3872 100.827 20.1879 100.619C19.9977 100.402 19.9026 100.13 19.9026 99.804V90.8777H20.9895V99.9806H22.0221V100.932H21.0574ZM26.2401 101.095C25.7601 101.095 25.3253 101.009 24.9358 100.837C24.5554 100.664 24.2248 100.42 23.944 100.103C23.6723 99.7768 23.4594 99.3918 23.3055 98.948C23.1605 98.4951 23.0881 97.9879 23.0881 97.4263C23.0881 96.8738 23.1605 96.3711 23.3055 95.9182C23.4594 95.4654 23.6723 95.0804 23.944 94.7634C24.2248 94.4373 24.5554 94.1882 24.9358 94.0161C25.3253 93.844 25.7601 93.758 26.2401 93.758C26.7111 93.758 27.1323 93.844 27.5037 94.0161C27.875 94.1882 28.1921 94.4283 28.4547 94.7362C28.7174 95.0351 28.9167 95.3929 29.0525 95.8095C29.1975 96.2262 29.2699 96.6836 29.2699 97.1818V97.6981H24.2293V98.0241C24.2293 98.323 24.2746 98.6038 24.3652 98.8665C24.4648 99.1201 24.6007 99.342 24.7728 99.5322C24.9539 99.7224 25.1713 99.8719 25.4249 99.9806C25.6876 100.089 25.982 100.144 26.3081 100.144C26.7519 100.144 27.1368 100.039 27.4629 99.8311C27.798 99.6228 28.0562 99.3239 28.2373 98.9344L29.0118 99.4915C28.7853 99.9715 28.4321 100.361 27.952 100.66C27.472 100.95 26.9013 101.095 26.2401 101.095ZM26.2401 94.6683C25.9412 94.6683 25.6695 94.7226 25.4249 94.8313C25.1804 94.931 24.9675 95.0759 24.7864 95.2661C24.6143 95.4563 24.4784 95.6827 24.3788 95.9454C24.2792 96.199 24.2293 96.4798 24.2293 96.7878V96.8829H28.1015V96.7334C28.1015 96.1084 27.9294 95.6103 27.5852 95.2389C27.2501 94.8585 26.8017 94.6683 26.2401 94.6683ZM33.6696 101.095C33.1805 101.095 32.7412 101.009 32.3517 100.837C31.9622 100.664 31.6316 100.42 31.3599 100.103C31.0972 99.7858 30.8934 99.4009 30.7485 98.948C30.6126 98.4951 30.5447 97.9879 30.5447 97.4263C30.5447 96.8648 30.6126 96.3575 30.7485 95.9047C30.8934 95.4518 31.0972 95.0668 31.3599 94.7498C31.6316 94.4328 31.9622 94.1882 32.3517 94.0161C32.7412 93.844 33.1805 93.758 33.6696 93.758C34.367 93.758 34.9241 93.912 35.3407 94.2199C35.7664 94.5188 36.0835 94.9128 36.2918 95.402L35.3815 95.8639C35.2547 95.5016 35.0464 95.2208 34.7565 95.0215C34.4667 94.8223 34.1044 94.7226 33.6696 94.7226C33.3435 94.7226 33.0582 94.777 32.8136 94.8857C32.5691 94.9853 32.3653 95.1302 32.2023 95.3204C32.0392 95.5016 31.9169 95.7235 31.8354 95.9862C31.7539 96.2398 31.7131 96.5206 31.7131 96.8285V98.0241C31.7131 98.6401 31.8762 99.1473 32.2023 99.5458C32.5374 99.9353 33.0265 100.13 33.6696 100.13C34.5482 100.13 35.1822 99.7224 35.5717 98.9073L36.3597 99.4371C36.1333 99.9444 35.7936 100.347 35.3407 100.646C34.8969 100.945 34.3399 101.095 33.6696 101.095ZM39.4429 100.932C39.0625 100.932 38.7726 100.827 38.5733 100.619C38.3831 100.402 38.288 100.121 38.288 99.7768V94.8721H37.1332V93.921H37.7853C38.0208 93.921 38.1793 93.8757 38.2609 93.7852C38.3514 93.6855 38.3967 93.518 38.3967 93.2825V91.9782H39.3749V93.921H40.9102V94.8721H39.3749V99.9806H40.8015V100.932H39.4429ZM53.3678 92.9428H53.2999L52.4983 94.5324L50.2294 98.6627L47.9604 94.5324L47.1588 92.9428H47.0909V100.932H45.9768V91.4483H47.4985L50.2158 96.5568H50.2837L53.0146 91.4483H54.4819V100.932H53.3678V92.9428ZM61.2143 99.7904H61.16C61.0875 99.9534 60.997 100.116 60.8883 100.279C60.7886 100.433 60.6618 100.574 60.5078 100.701C60.3539 100.818 60.1682 100.914 59.9508 100.986C59.7334 101.058 59.4798 101.095 59.19 101.095C58.4653 101.095 57.8902 100.864 57.4645 100.402C57.0388 99.9308 56.8259 99.2696 56.8259 98.4181V93.921H57.9128V98.2279C57.9128 99.4869 58.4472 100.116 59.516 100.116C59.7334 100.116 59.9417 100.089 60.141 100.035C60.3493 99.9806 60.5305 99.8991 60.6845 99.7904C60.8475 99.6817 60.9743 99.5458 61.0649 99.3828C61.1645 99.2107 61.2143 99.0069 61.2143 98.7714V93.921H62.3013V100.932H61.2143V99.7904ZM65.7707 100.932C65.3903 100.932 65.1004 100.827 64.9011 100.619C64.7109 100.402 64.6158 100.13 64.6158 99.804V90.8777H65.7027V99.9806H66.7353V100.932H65.7707ZM69.8001 100.932C69.4197 100.932 69.1299 100.827 68.9306 100.619C68.7404 100.402 68.6453 100.121 68.6453 99.7768V94.8721H67.4904V93.921H68.1426C68.3781 93.921 68.5366 93.8757 68.6181 93.7852C68.7087 93.6855 68.754 93.518 68.754 93.2825V91.9782H69.7322V93.921H71.2675V94.8721H69.7322V99.9806H71.1588V100.932H69.8001ZM73.5579 92.2771C73.3225 92.2771 73.1504 92.2227 73.0417 92.114C72.942 91.9963 72.8922 91.8468 72.8922 91.6657V91.4891C72.8922 91.3079 72.942 91.163 73.0417 91.0543C73.1504 90.9365 73.3225 90.8777 73.5579 90.8777C73.7934 90.8777 73.961 90.9365 74.0606 91.0543C74.1693 91.163 74.2237 91.3079 74.2237 91.4891V91.6657C74.2237 91.8468 74.1693 91.9963 74.0606 92.114C73.961 92.2227 73.7934 92.2771 73.5579 92.2771ZM73.0145 93.921H74.1014V100.932H73.0145V93.921ZM76.4111 93.921H77.498V95.0623H77.5524C77.7335 94.6185 77.9962 94.2924 78.3404 94.0841C78.6936 93.8667 79.1148 93.758 79.6039 93.758C80.0387 93.758 80.4327 93.844 80.7859 94.0161C81.1392 94.1882 81.4381 94.4328 81.6827 94.7498C81.9363 95.0668 82.1265 95.4518 82.2533 95.9047C82.3891 96.3575 82.4571 96.8648 82.4571 97.4263C82.4571 97.9879 82.3891 98.4951 82.2533 98.948C82.1265 99.4009 81.9363 99.7858 81.6827 100.103C81.4381 100.42 81.1392 100.664 80.7859 100.837C80.4327 101.009 80.0387 101.095 79.6039 101.095C78.6529 101.095 77.969 100.66 77.5524 99.7904H77.498V103.649H76.4111V93.921ZM79.305 100.116C79.9209 100.116 80.4055 99.9262 80.7588 99.5458C81.112 99.1563 81.2886 98.6491 81.2886 98.0241V96.8285C81.2886 96.2036 81.112 95.7009 80.7588 95.3204C80.4055 94.931 79.9209 94.7362 79.305 94.7362C79.0605 94.7362 78.825 94.7724 78.5985 94.8449C78.3811 94.9083 78.1909 94.9989 78.0279 95.1166C77.8649 95.2344 77.7335 95.3793 77.6339 95.5514C77.5433 95.7144 77.498 95.8911 77.498 96.0813V98.6899C77.498 98.9163 77.5433 99.1201 77.6339 99.3013C77.7335 99.4734 77.8649 99.6228 78.0279 99.7496C78.1909 99.8674 78.3811 99.9579 78.5985 100.021C78.825 100.085 79.0605 100.116 79.305 100.116ZM85.4472 100.932C85.0667 100.932 84.7769 100.827 84.5776 100.619C84.3874 100.402 84.2923 100.13 84.2923 99.804V90.8777H85.3792V99.9806H86.4118V100.932H85.4472ZM90.6299 101.095C90.1498 101.095 89.715 101.009 89.3256 100.837C88.9452 100.664 88.6145 100.42 88.3338 100.103C88.062 99.7768 87.8492 99.3918 87.6952 98.948C87.5503 98.4951 87.4778 97.9879 87.4778 97.4263C87.4778 96.8738 87.5503 96.3711 87.6952 95.9182C87.8492 95.4654 88.062 95.0804 88.3338 94.7634C88.6145 94.4373 88.9452 94.1882 89.3256 94.0161C89.715 93.844 90.1498 93.758 90.6299 93.758C91.1009 93.758 91.522 93.844 91.8934 94.0161C92.2648 94.1882 92.5818 94.4283 92.8445 94.7362C93.1071 95.0351 93.3064 95.3929 93.4423 95.8095C93.5872 96.2262 93.6597 96.6836 93.6597 97.1818V97.6981H88.6191V98.0241C88.6191 98.323 88.6644 98.6038 88.7549 98.8665C88.8546 99.1201 88.9904 99.342 89.1625 99.5322C89.3437 99.7224 89.5611 99.8719 89.8147 99.9806C90.0774 100.089 90.3717 100.144 90.6978 100.144C91.1416 100.144 91.5266 100.039 91.8527 99.8311C92.1878 99.6228 92.4459 99.3239 92.6271 98.9344L93.4015 99.4915C93.1751 99.9715 92.8218 100.361 92.3418 100.66C91.8617 100.95 91.2911 101.095 90.6299 101.095ZM90.6299 94.6683C90.331 94.6683 90.0592 94.7226 89.8147 94.8313C89.5701 94.931 89.3573 95.0759 89.1761 95.2661C89.004 95.4563 88.8682 95.6827 88.7685 95.9454C88.6689 96.199 88.6191 96.4798 88.6191 96.7878V96.8829H92.4912V96.7334C92.4912 96.1084 92.3191 95.6103 91.9749 95.2389C91.6398 94.8585 91.1914 94.6683 90.6299 94.6683Z", fill: "#F7F8FA" }), h("g", { key: 'abed9379864f09feaa7b5de7a123641bf5b0c512', filter: "url(#filter1_d_6680_546458)" }, h("mask", { key: '4fb702b584d46d3cf8a09e37b778099664f29819', id: "path-5-outside-1_6680_546458", maskUnits: "userSpaceOnUse", x: "1.39662", y: "112.989", width: "56", height: "40", fill: "black" }, h("rect", { key: '72b95d483aa633c86bec346058cb516743b80b71', fill: "white", x: "1.39662", y: "112.989", width: "56", height: "40" }), h("path", { key: '8109b0e99a3e4308cf0915fb19a9ffb5a0634568', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z" }), h("path", { key: '90351b97bf201ff786d058b1db7b69ec70deed2c', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z" }), h("path", { key: 'c41305c5ae1bef2c68464e64a612845863e38f21', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z" }), h("path", { key: '38c9cdff3926ac0a165a8c5d6077256c966d97fb', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z" }), h("path", { key: '36523ce6c209e604b3c18528eb29fcddf1657196', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z" }), h("path", { key: '9166b29e82b77b804994f11e0b7ccf5d73b63706', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z" }), h("path", { key: 'e947321fa6599ff71b5b53aacbacb4936154ae2c', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z" })), h("path", { key: 'fbf16a30e54a86e1033ab92b744f242d56259197', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", fill: "#45484D" }), h("path", { key: '61133a2fa7618d5b16b3a579b1e45d8b59abaf5d', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", fill: "#F7F8FA" }), h("path", { key: '3a3a3ea75fd409de1b6afa2eab4e273e24313f49', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", fill: "#F7F8FA" }), h("path", { key: 'a864cbf2f7643bc95e3e458270fd83c3028b6380', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", fill: "#F7F8FA" }), h("path", { key: '04293d7b620f39e1786f3c32b0a137b84cf69e5c', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", fill: "#F7F8FA" }), h("path", { key: '8b67d30958af48e689fc6167cd79300369fc5567', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", fill: "#F7F8FA" }), h("path", { key: '08272e9c950cf650fc40fb9a86211c371db85e3e', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", fill: "#F7F8FA" }), h("path", { key: '8ef83352a8723b9770b65da04030230e3442b2b1', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'e9a509b350d76d2ca570ea68948f4593ab2978a8', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '65b615e1d275f242498825b67d629618cb537e44', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'f7e4dd0513b865f150746690c6458c74990f8b58', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '5dbd11a25016092df46fea41211240d930e9c48d', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'bef45494c60060e438e12193f2797ca9d54a6201', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'be03f250e9c63b43cca4c0749877f5c0937ddf92', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" })), h("path", { key: '67bb8ca6a2ed5afeca548f976fb5f9d747f0f0fa', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M71.9465 129.708C72.3217 129.708 72.6258 130.012 72.6258 130.387V132.425L74.6638 132.425C75.039 132.425 75.3431 132.729 75.3431 133.105C75.3431 133.48 75.039 133.784 74.6638 133.784H72.6258V135.822C72.6258 136.197 72.3217 136.501 71.9465 136.501C71.5713 136.501 71.2672 136.197 71.2672 135.822V133.784H69.2292C68.854 133.784 68.5499 133.48 68.5499 133.105C68.5499 132.729 68.854 132.425 69.2292 132.425L71.2672 132.425V130.387C71.2672 130.012 71.5713 129.708 71.9465 129.708Z", fill: "#F7F8FA" }), h("rect", { key: 'ba1340c7ee19ecfa84dbaac70dbbed83c703bf87', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", fill: "#F7F8FA" }), h("rect", { key: '42f4126d27234572745f92bee6920b62f60599c2', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", stroke: "#C8C9CC", "stroke-width": "2.26441" }), h("path", { key: '8169f2fc86c31cc161d2f4bb2ef15b7d5a09b446', d: "M103.052 138.795C101.646 138.795 100.553 138.319 99.7707 137.368C98.9888 136.407 98.5978 134.996 98.5978 133.136C98.5978 131.276 98.9888 129.85 99.7707 128.856C100.553 127.852 101.646 127.35 103.052 127.35C103.982 127.35 104.758 127.562 105.382 127.984C106.016 128.407 106.507 129.004 106.856 129.776L105.778 130.425C105.556 129.855 105.218 129.4 104.764 129.062C104.309 128.714 103.739 128.539 103.052 128.539C102.576 128.539 102.148 128.629 101.768 128.809C101.398 128.988 101.081 129.247 100.817 129.585C100.563 129.913 100.368 130.309 100.23 130.774C100.093 131.229 100.024 131.741 100.024 132.312V133.96C100.024 135.101 100.289 135.994 100.817 136.639C101.345 137.284 102.09 137.606 103.052 137.606C103.76 137.606 104.352 137.426 104.827 137.067C105.303 136.697 105.651 136.211 105.873 135.609L106.935 136.274C106.587 137.056 106.085 137.675 105.429 138.129C104.774 138.573 103.982 138.795 103.052 138.795ZM110.218 138.604C109.774 138.604 109.436 138.483 109.203 138.24C108.982 137.986 108.871 137.669 108.871 137.289V126.875H110.139V137.495H111.343V138.604H110.218ZM113.823 128.507C113.549 128.507 113.348 128.444 113.221 128.317C113.105 128.18 113.047 128.006 113.047 127.794V127.588C113.047 127.377 113.105 127.208 113.221 127.081C113.348 126.944 113.549 126.875 113.823 126.875C114.098 126.875 114.294 126.944 114.41 127.081C114.537 127.208 114.6 127.377 114.6 127.588V127.794C114.6 128.006 114.537 128.18 114.41 128.317C114.294 128.444 114.098 128.507 113.823 128.507ZM113.189 130.425H114.457V138.604H113.189V130.425ZM120.195 138.795C119.625 138.795 119.112 138.694 118.658 138.494C118.204 138.293 117.818 138.007 117.501 137.638C117.194 137.268 116.957 136.819 116.788 136.29C116.629 135.762 116.55 135.17 116.55 134.515C116.55 133.86 116.629 133.268 116.788 132.74C116.957 132.211 117.194 131.762 117.501 131.392C117.818 131.022 118.204 130.737 118.658 130.536C119.112 130.336 119.625 130.235 120.195 130.235C121.009 130.235 121.659 130.415 122.145 130.774C122.642 131.123 123.012 131.583 123.255 132.153L122.193 132.692C122.045 132.269 121.802 131.942 121.464 131.709C121.125 131.477 120.703 131.361 120.195 131.361C119.815 131.361 119.482 131.424 119.197 131.551C118.912 131.667 118.674 131.836 118.484 132.058C118.293 132.269 118.151 132.528 118.056 132.835C117.96 133.131 117.913 133.458 117.913 133.818V135.212C117.913 135.931 118.103 136.523 118.484 136.988C118.875 137.442 119.445 137.669 120.195 137.669C121.22 137.669 121.96 137.194 122.415 136.243L123.334 136.861C123.07 137.453 122.673 137.923 122.145 138.272C121.627 138.62 120.977 138.795 120.195 138.795ZM125.124 126.875H126.392V134.309H126.455L127.708 132.914L130.022 130.425H131.559L128.532 133.659L131.861 138.604H130.323L127.613 134.436L126.392 135.688V138.604H125.124V126.875Z", fill: "#45484D" }), h("rect", { key: '8e2e32c6daaca259fa3fe918b913430970b5756c', x: "156.244", y: "148.338", width: "4.11711", height: "4.11711", fill: "white", stroke: "#C8C9CC", "stroke-width": "0.823422" }), h("g", { key: '93b4711349aad14d1b5a2eb153dd72fdfe60ae88', filter: "url(#filter2_dd_6680_546458)" }, h("g", { key: 'a0086791eb33024cdb26eaffea545c10169d899a', filter: "url(#filter3_d_6680_546458)" }, h("path", { key: '3bf4a994df9257c5d737e44751b8a3df289097dc', d: "M140.393 135.369V158.732L145.097 154.164L148.387 161.955L153.646 159.716L150.582 152.319H157.303L140.393 135.369Z", fill: "white" })), h("path", { key: '67a238d4f775750aee08618f3633b5413ae181b7', d: "M141.852 155.205V138.884L153.764 150.822H148.375L151.701 158.726L149.011 159.855L145.554 151.632L141.852 155.205Z", fill: "black" })), h("path", { key: 'fa875ebb2652b2567c34fd60b53d37fa2f0888df', d: "M7.32311 188.027C6.55321 188.027 5.89653 187.882 5.35307 187.592C4.80961 187.293 4.34767 186.886 3.96725 186.37L4.80961 185.663C5.14475 186.107 5.51611 186.446 5.9237 186.682C6.3313 186.908 6.81135 187.022 7.36387 187.022C8.04319 187.022 8.55948 186.859 8.91272 186.533C9.27503 186.206 9.45618 185.772 9.45618 185.228C9.45618 184.775 9.32032 184.427 9.04859 184.182C8.77686 183.938 8.32851 183.743 7.70353 183.598L6.9291 183.421C6.05957 183.222 5.39383 182.923 4.93189 182.525C4.47901 182.117 4.25257 181.546 4.25257 180.813C4.25257 180.396 4.32956 180.025 4.48354 179.699C4.63752 179.372 4.85037 179.101 5.1221 178.883C5.40289 178.666 5.73349 178.503 6.11391 178.394C6.50339 178.277 6.9291 178.218 7.39104 178.218C8.10659 178.218 8.71799 178.349 9.22521 178.612C9.7415 178.874 10.1763 179.259 10.5295 179.766L9.67357 180.391C9.4109 180.029 9.09388 179.744 8.72251 179.536C8.35115 179.327 7.88921 179.223 7.3367 179.223C6.72983 179.223 6.24978 179.354 5.89653 179.617C5.55234 179.871 5.38025 180.256 5.38025 180.772C5.38025 181.225 5.52517 181.569 5.81501 181.804C6.11391 182.031 6.56227 182.212 7.16007 182.348L7.9345 182.525C8.86744 182.733 9.54223 183.05 9.95888 183.476C10.3755 183.901 10.5839 184.467 10.5839 185.174C10.5839 185.609 10.5069 186.003 10.3529 186.356C10.208 186.709 9.99511 187.008 9.71433 187.253C9.43354 187.497 9.08935 187.687 8.68176 187.823C8.28322 187.959 7.83034 188.027 7.32311 188.027ZM12.4459 177.81H13.5329V181.995H13.5872C13.7593 181.596 13.9993 181.279 14.3073 181.044C14.6243 180.808 15.0455 180.69 15.5708 180.69C16.2954 180.69 16.8661 180.926 17.2827 181.397C17.7084 181.859 17.9213 182.515 17.9213 183.367V187.864H16.8344V183.557C16.8344 182.298 16.3045 181.669 15.2448 181.669C15.0274 181.669 14.8145 181.696 14.6062 181.75C14.4069 181.804 14.2258 181.886 14.0627 181.995C13.8997 182.103 13.7684 182.244 13.6687 182.416C13.5782 182.579 13.5329 182.774 13.5329 183V187.864H12.4459V177.81ZM20.7114 179.209C20.4759 179.209 20.3038 179.155 20.1951 179.046C20.0955 178.929 20.0457 178.779 20.0457 178.598V178.421C20.0457 178.24 20.0955 178.095 20.1951 177.987C20.3038 177.869 20.4759 177.81 20.7114 177.81C20.9469 177.81 21.1145 177.869 21.2141 177.987C21.3228 178.095 21.3771 178.24 21.3771 178.421V178.598C21.3771 178.779 21.3228 178.929 21.2141 179.046C21.1145 179.155 20.9469 179.209 20.7114 179.209ZM20.1679 180.853H21.2549V187.864H20.1679V180.853ZM23.945 181.804H22.8037V180.853H23.945V179.44C23.945 178.951 24.0718 178.557 24.3254 178.258C24.579 177.959 24.964 177.81 25.4802 177.81H26.54V178.761H25.0319V180.853H26.54V181.804H25.0319V187.864H23.945V181.804ZM29.5184 187.864C29.138 187.864 28.8481 187.76 28.6489 187.552C28.4587 187.334 28.3635 187.053 28.3635 186.709V181.804H27.2087V180.853H27.8608C28.0963 180.853 28.2549 180.808 28.3364 180.718C28.4269 180.618 28.4722 180.45 28.4722 180.215V178.911H29.4505V180.853H30.9857V181.804H29.4505V186.913H30.877V187.864H29.5184ZM36.0523 187.864V178.381H39.8294C40.6808 178.381 41.3329 178.625 41.7858 179.114C42.2477 179.594 42.4787 180.256 42.4787 181.098C42.4787 181.94 42.2477 182.606 41.7858 183.095C41.3329 183.575 40.6808 183.815 39.8294 183.815H37.1936V187.864H36.0523ZM37.1936 182.81H39.8294C40.2822 182.81 40.631 182.692 40.8755 182.457C41.1291 182.221 41.2559 181.886 41.2559 181.451V180.745C41.2559 180.31 41.1291 179.975 40.8755 179.739C40.631 179.504 40.2822 179.386 39.8294 179.386H37.1936V182.81ZM46.5671 188.027C46.0961 188.027 45.6658 187.941 45.2764 187.769C44.8869 187.597 44.5517 187.352 44.271 187.035C43.9992 186.709 43.7864 186.324 43.6324 185.88C43.4784 185.428 43.4014 184.92 43.4014 184.359C43.4014 183.806 43.4784 183.303 43.6324 182.851C43.7864 182.398 43.9992 182.013 44.271 181.696C44.5517 181.37 44.8869 181.121 45.2764 180.949C45.6658 180.776 46.0961 180.69 46.5671 180.69C47.0381 180.69 47.4638 180.776 47.8442 180.949C48.2337 181.121 48.5688 181.37 48.8496 181.696C49.1304 182.013 49.3478 182.398 49.5017 182.851C49.6557 183.303 49.7327 183.806 49.7327 184.359C49.7327 184.92 49.6557 185.428 49.5017 185.88C49.3478 186.324 49.1304 186.709 48.8496 187.035C48.5688 187.352 48.2337 187.597 47.8442 187.769C47.4638 187.941 47.0381 188.027 46.5671 188.027ZM46.5671 187.062C47.1558 187.062 47.6359 186.881 48.0072 186.519C48.3786 186.157 48.5643 185.604 48.5643 184.861V183.856C48.5643 183.113 48.3786 182.561 48.0072 182.198C47.6359 181.836 47.1558 181.655 46.5671 181.655C45.9783 181.655 45.4983 181.836 45.1269 182.198C44.7555 182.561 44.5699 183.113 44.5699 183.856V184.861C44.5699 185.604 44.7555 186.157 45.1269 186.519C45.4983 186.881 45.9783 187.062 46.5671 187.062ZM53.6262 188.027C52.974 188.027 52.4261 187.905 51.9822 187.66C51.5475 187.407 51.1716 187.071 50.8546 186.655L51.629 186.03C51.9007 186.374 52.2041 186.641 52.5393 186.831C52.8744 187.013 53.2639 187.103 53.7077 187.103C54.1696 187.103 54.5274 187.004 54.781 186.804C55.0437 186.605 55.175 186.324 55.175 185.962C55.175 185.69 55.0845 185.459 54.9033 185.269C54.7312 185.07 54.4142 184.934 53.9523 184.861L53.3952 184.78C53.0691 184.735 52.7702 184.667 52.4985 184.576C52.2268 184.476 51.9868 184.35 51.7784 184.196C51.5792 184.033 51.4207 183.833 51.3029 183.598C51.1942 183.362 51.1399 183.082 51.1399 182.756C51.1399 182.411 51.2033 182.112 51.3301 181.859C51.4569 181.596 51.629 181.379 51.8464 181.207C52.0728 181.035 52.34 180.908 52.648 180.826C52.9559 180.736 53.2865 180.69 53.6398 180.69C54.2104 180.69 54.6859 180.79 55.0664 180.989C55.4558 181.189 55.7955 181.465 56.0853 181.818L55.3653 182.47C55.2113 182.253 54.9848 182.058 54.6859 181.886C54.387 181.705 54.0111 181.614 53.5583 181.614C53.1054 181.614 52.7612 181.714 52.5257 181.913C52.2992 182.103 52.186 182.366 52.186 182.701C52.186 183.045 52.2992 183.294 52.5257 183.448C52.7612 183.602 53.0963 183.716 53.5311 183.788L54.0745 183.87C54.8535 183.987 55.406 184.214 55.7321 184.549C56.0582 184.875 56.2212 185.305 56.2212 185.84C56.2212 186.519 55.9902 187.053 55.5283 187.443C55.0664 187.832 54.4323 188.027 53.6262 188.027ZM58.6845 179.209C58.449 179.209 58.2769 179.155 58.1682 179.046C58.0686 178.929 58.0188 178.779 58.0188 178.598V178.421C58.0188 178.24 58.0686 178.095 58.1682 177.987C58.2769 177.869 58.449 177.81 58.6845 177.81C58.92 177.81 59.0876 177.869 59.1872 177.987C59.2959 178.095 59.3502 178.24 59.3502 178.421V178.598C59.3502 178.779 59.2959 178.929 59.1872 179.046C59.0876 179.155 58.92 179.209 58.6845 179.209ZM58.141 180.853H59.2279V187.864H58.141V180.853ZM63.0865 187.864C62.7061 187.864 62.4162 187.76 62.217 187.552C62.0268 187.334 61.9317 187.053 61.9317 186.709V181.804H60.7768V180.853H61.429C61.6645 180.853 61.823 180.808 61.9045 180.718C61.9951 180.618 62.0403 180.45 62.0403 180.215V178.911H63.0186V180.853H64.5538V181.804H63.0186V186.913H64.4451V187.864H63.0865ZM66.8443 179.209C66.6088 179.209 66.4367 179.155 66.328 179.046C66.2284 178.929 66.1786 178.779 66.1786 178.598V178.421C66.1786 178.24 66.2284 178.095 66.328 177.987C66.4367 177.869 66.6088 177.81 66.8443 177.81C67.0798 177.81 67.2474 177.869 67.347 177.987C67.4557 178.095 67.5101 178.24 67.5101 178.421V178.598C67.5101 178.779 67.4557 178.929 67.347 179.046C67.2474 179.155 67.0798 179.209 66.8443 179.209ZM66.3009 180.853H67.3878V187.864H66.3009V180.853ZM72.3468 188.027C71.8758 188.027 71.4456 187.941 71.0561 187.769C70.6666 187.597 70.3315 187.352 70.0507 187.035C69.779 186.709 69.5661 186.324 69.4122 185.88C69.2582 185.428 69.1812 184.92 69.1812 184.359C69.1812 183.806 69.2582 183.303 69.4122 182.851C69.5661 182.398 69.779 182.013 70.0507 181.696C70.3315 181.37 70.6666 181.121 71.0561 180.949C71.4456 180.776 71.8758 180.69 72.3468 180.69C72.8178 180.69 73.2435 180.776 73.624 180.949C74.0134 181.121 74.3486 181.37 74.6294 181.696C74.9102 182.013 75.1275 182.398 75.2815 182.851C75.4355 183.303 75.5125 183.806 75.5125 184.359C75.5125 184.92 75.4355 185.428 75.2815 185.88C75.1275 186.324 74.9102 186.709 74.6294 187.035C74.3486 187.352 74.0134 187.597 73.624 187.769C73.2435 187.941 72.8178 188.027 72.3468 188.027ZM72.3468 187.062C72.9356 187.062 73.4156 186.881 73.787 186.519C74.1584 186.157 74.3441 185.604 74.3441 184.861V183.856C74.3441 183.113 74.1584 182.561 73.787 182.198C73.4156 181.836 72.9356 181.655 72.3468 181.655C71.7581 181.655 71.278 181.836 70.9067 182.198C70.5353 182.561 70.3496 183.113 70.3496 183.856V184.861C70.3496 185.604 70.5353 186.157 70.9067 186.519C71.278 186.881 71.7581 187.062 72.3468 187.062ZM77.3001 187.864V180.853H78.387V181.995H78.4413C78.6134 181.596 78.8535 181.279 79.1614 181.044C79.4784 180.808 79.8996 180.69 80.425 180.69C81.1496 180.69 81.7202 180.926 82.1368 181.397C82.5626 181.859 82.7754 182.515 82.7754 183.367V187.864H81.6885V183.557C81.6885 182.298 81.1586 181.669 80.0989 181.669C79.8815 181.669 79.6686 181.696 79.4603 181.75C79.261 181.804 79.0799 181.886 78.9169 181.995C78.7538 182.103 78.6225 182.244 78.5228 182.416C78.4323 182.579 78.387 182.774 78.387 183V187.864H77.3001ZM88.2329 177.81H89.3198V181.995H89.3742C89.5553 181.551 89.818 181.225 90.1622 181.016C90.5154 180.799 90.9366 180.69 91.4257 180.69C91.8605 180.69 92.2545 180.776 92.6078 180.949C92.961 181.121 93.2599 181.365 93.5045 181.682C93.7581 181.999 93.9483 182.384 94.0751 182.837C94.211 183.29 94.2789 183.797 94.2789 184.359C94.2789 184.92 94.211 185.428 94.0751 185.88C93.9483 186.333 93.7581 186.718 93.5045 187.035C93.2599 187.352 92.961 187.597 92.6078 187.769C92.2545 187.941 91.8605 188.027 91.4257 188.027C90.4747 188.027 89.7908 187.592 89.3742 186.723H89.3198V187.864H88.2329V177.81ZM91.1268 187.049C91.7428 187.049 92.2273 186.859 92.5806 186.478C92.9338 186.089 93.1105 185.581 93.1105 184.957V183.761C93.1105 183.136 92.9338 182.633 92.5806 182.253C92.2273 181.863 91.7428 181.669 91.1268 181.669C90.8823 181.669 90.6468 181.705 90.4203 181.777C90.203 181.841 90.0127 181.931 89.8497 182.049C89.6867 182.167 89.5553 182.312 89.4557 182.484C89.3651 182.647 89.3198 182.823 89.3198 183.014V185.622C89.3198 185.849 89.3651 186.052 89.4557 186.234C89.5553 186.406 89.6867 186.555 89.8497 186.682C90.0127 186.8 90.203 186.89 90.4203 186.954C90.6468 187.017 90.8823 187.049 91.1268 187.049ZM100.368 180.853H101.442L98.3031 189.494C98.2216 189.703 98.1401 189.875 98.0586 190.011C97.9771 190.156 97.8774 190.269 97.7597 190.35C97.6419 190.432 97.4925 190.491 97.3113 190.527C97.1392 190.563 96.9264 190.581 96.6728 190.581H96.1157V189.63H97.2162L97.7461 188.136L95.1239 180.853H96.2108L97.8955 185.622L98.2216 186.764H98.2896L98.67 185.622L100.368 180.853ZM106.079 187.864V186.859H108.729V179.223H108.634L106.242 181.451L105.577 180.731L108.09 178.381H109.87V186.859H112.316V187.864H106.079ZM114.185 180.853H115.272V181.995H115.326C115.508 181.551 115.77 181.225 116.114 181.016C116.468 180.799 116.889 180.69 117.378 180.69C117.813 180.69 118.207 180.776 118.56 180.949C118.913 181.121 119.212 181.365 119.457 181.682C119.71 181.999 119.901 182.384 120.027 182.837C120.163 183.29 120.231 183.797 120.231 184.359C120.231 184.92 120.163 185.428 120.027 185.88C119.901 186.333 119.71 186.718 119.457 187.035C119.212 187.352 118.913 187.597 118.56 187.769C118.207 187.941 117.813 188.027 117.378 188.027C116.427 188.027 115.743 187.592 115.326 186.723H115.272V190.581H114.185V180.853ZM117.079 187.049C117.695 187.049 118.18 186.859 118.533 186.478C118.886 186.089 119.063 185.581 119.063 184.957V183.761C119.063 183.136 118.886 182.633 118.533 182.253C118.18 181.863 117.695 181.669 117.079 181.669C116.835 181.669 116.599 181.705 116.373 181.777C116.155 181.841 115.965 181.931 115.802 182.049C115.639 182.167 115.508 182.312 115.408 182.484C115.317 182.647 115.272 182.823 115.272 183.014V185.622C115.272 185.849 115.317 186.052 115.408 186.234C115.508 186.406 115.639 186.555 115.802 186.682C115.965 186.8 116.155 186.89 116.373 186.954C116.599 187.017 116.835 187.049 117.079 187.049ZM121.038 187.864L123.633 184.332L121.146 180.853H122.423L124.203 183.462H124.244L126.092 180.853H127.301L124.828 184.25L127.355 187.864H126.078L124.258 185.12H124.217L122.247 187.864H121.038Z", fill: "#F7F8FA" }), h("g", { key: '5a2ed1b139a57faf9a39063e8f64a003c0220ddc', filter: "url(#filter4_d_6680_546458)" }, h("path", { key: '8db299471a7ee65e32c0f47fd0669b9f834deba5', d: "M24.637 217.478C24.4981 217.478 24.39 217.536 24.2433 217.609L19.4881 219.913C19.1986 220.056 19.106 220.187 19.106 220.373C19.106 220.554 19.1986 220.685 19.4881 220.828L24.2433 223.132C24.3939 223.206 24.502 223.264 24.6409 223.264C24.8918 223.264 25.0462 223.071 25.0462 222.774V217.968C25.0462 217.671 24.8879 217.478 24.637 217.478Z", fill: "#F7F8FA" }), h("path", { key: '2524d8d79b32ce908061294aea9d4d6d75bb5f4e', d: "M38.3097 201.355C40.4414 201.355 42.1691 203.084 42.1691 205.216V234.858C42.1691 236.99 40.4414 238.719 38.3097 238.719H6.69057C4.55886 238.719 2.83022 236.99 2.83022 234.858V205.216C2.83022 203.084 4.55886 201.355 6.69057 201.355H38.3097Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '3abd0a3ece02e395d1099f64d4eca1e438f10f23', filter: "url(#filter5_d_6680_546458)" }, h("path", { key: '90b243588172475aa25cd909bef79a84f785070e', d: "M66.9725 223.264C67.1076 223.264 67.2157 223.206 67.3623 223.132L72.1176 220.828C72.4071 220.685 72.4997 220.554 72.4997 220.373C72.4997 220.187 72.4071 220.056 72.1176 219.913L67.3623 217.609C67.2118 217.536 67.1037 217.478 66.9686 217.478C66.7139 217.478 66.5556 217.671 66.5556 217.968L66.5595 222.774C66.5595 223.071 66.7178 223.264 66.9725 223.264Z", fill: "#F7F8FA" }), h("path", { key: 'ec255af82a6d50d5968c16c9d29b836a959e3ce2', d: "M85.5741 201.355C87.7058 201.355 89.4335 203.084 89.4335 205.216V234.858C89.4335 236.99 87.7058 238.719 85.5741 238.719H53.955C51.8233 238.719 50.0946 236.99 50.0946 234.858V205.216C50.0946 203.084 51.8233 201.355 53.955 201.355H85.5741Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '57c899c26ea8adf55816920c268146efbaa11861', filter: "url(#filter6_d_6680_546458)" }, h("path", { key: 'b27b062e0b2b5c2a622c69b97710a343613ceec2', d: "M119.59 222.928C119.59 222.793 119.533 222.685 119.459 222.538L117.155 217.779C117.012 217.493 116.881 217.401 116.696 217.401C116.514 217.401 116.383 217.493 116.24 217.779L113.936 222.538C113.863 222.685 113.805 222.793 113.805 222.932C113.805 223.187 113.998 223.341 114.295 223.341H119.096C119.397 223.341 119.59 223.183 119.59 222.928Z", fill: "#F7F8FA" }), h("path", { key: 'b51a1f04de3657d14fed6136c79c010fe2e68d4c', d: "M132.839 201.355C134.97 201.355 136.698 203.084 136.698 205.216V234.858C136.698 236.99 134.97 238.719 132.839 238.719H101.219C99.0877 238.719 97.359 236.99 97.359 234.858V205.216C97.359 203.084 99.0877 201.355 101.219 201.355H132.839Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '20da2d7094f69f976353642b0fddd61677578ec8', filter: "url(#filter7_d_6680_546458)" }, h("path", { key: '3f2f9bbb7e8590a151a0d5cc3009b27c33edceb5', d: "M166.855 217.814C166.855 217.559 166.662 217.401 166.361 217.401H161.559C161.262 217.401 161.069 217.555 161.069 217.81C161.069 217.949 161.127 218.057 161.2 218.204L163.505 222.963C163.647 223.248 163.779 223.341 163.96 223.341C164.145 223.341 164.277 223.248 164.419 222.963L166.724 218.204C166.797 218.057 166.855 217.949 166.855 217.814Z", fill: "#F7F8FA" }), h("path", { key: '7e5f62e959e71c0b6924754ea99748c2abdce20d', d: "M180.103 201.355C182.235 201.355 183.962 203.084 183.962 205.216V234.858C183.962 236.99 182.235 238.719 180.103 238.719H148.484C146.352 238.719 144.623 236.99 144.623 234.858V205.216C144.623 203.084 146.352 201.355 148.484 201.355H180.103Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("defs", { key: '71cabad3cb0b343cf4719ea0f27d01e20f446df1' }, h("filter", { key: '83300fd9444353457baf0e0601ca210d8c9de64c', id: "filter0_d_6680_546458", x: "5.98431e-05", y: "25.7933", width: "44.9993", height: "43.0231", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '2bdb89fe8bb4b9856ca44d4d8393eb3a768df699', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bedecc4e3ea8dffcbb068a9452e3dc0597015d2d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'd3448a5938bed81223119f12d739d6c977654aee', dy: "1.13219" }), h("feGaussianBlur", { key: '2121cea1f234372641bcd801bd3ff4a064b33819', stdDeviation: "1.13219" }), h("feColorMatrix", { key: 'b4035f3d58cac5f3fd43296b01d6f46b637b42c2', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '843adb9117c360e89a8d930cc2bda7abb8a43da8', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '05ac90776cda4222c823ab503e658e2fff93bf56', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '92cbb16d1284de9496b8ef702c225f2e1af4502b', id: "filter1_d_6680_546458", x: "9.53674e-06", y: "112.725", width: "59.4922", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'b5a24ef2c5ffb1e3a5375b0971e1e641a9ff05ea', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '80e09db4ea7ac8f6b0eec82e84d6ed0509c96c5b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '52c854a49d047738dbe7e8b4a30b5baffa3b6950', dy: "1.13221" }), h("feGaussianBlur", { key: '7f76df7ac3567513b3c65d9d8515097908f2e313', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '922f9728b4879ec64b3caa2ba6e68746e1931d47', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'e1a4881ddfba277ceaebe4da54b6a89ffc5e2fac', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'd3cfed8d123385dd4a171cb655f7a5d3e189002a', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'd2a14e7d54810d0b8e333385878111b7fb9b928e', id: "filter2_dd_6680_546458", x: "130.543", y: "132.312", width: "30.156", height: "39.4931", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6226d87282b678ba9c94c23e88ae5f059923447e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '4c4f86b99b09b85d5c8107ecaaa74c1685007413', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'bbefacf066acf7b86e65088c13f8ec1dd3e61502', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_6680_546458" }), h("feOffset", { key: 'bef4c790174006e7fb1028bfefec54593c0e0827', dy: "2.26441" }), h("feGaussianBlur", { key: '455378497d43c45fe8b1b5eaebdf893be7131c2c', stdDeviation: "2.26441" }), h("feColorMatrix", { key: 'aae62dd924069d224831cd88da3cef50325793db', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }), h("feBlend", { key: '10afc9663d279f058918e82fb9d0dc7cffc5af47', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feColorMatrix", { key: 'ba121f1575d6f6715d05f63709a04f812709e5d5', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '209b14a640508ed1f7d78ef443f168f161bd94fd', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_6680_546458" }), h("feOffset", { key: 'c30a4779239a0990048902f874fa7a978d32337f', dx: "-3.39662", dy: "3.39662" }), h("feGaussianBlur", { key: 'cba523d741705a06b1507c79e8a4afd1f297ee47', stdDeviation: "3.79289" }), h("feColorMatrix", { key: '55a62b69edd853fc9c2ae6556733715199b97318', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), h("feBlend", { key: 'cd15258545da572e4e1c9ccb8c2145a07da926a1', mode: "normal", in2: "effect1_dropShadow_6680_546458", result: "effect2_dropShadow_6680_546458" }), h("feBlend", { key: '99a2c2716d5fa6fec063f621cd575dd0201a7b73', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'dc3c69b1de6cea739568ca98660813c7c3789f1f', id: "filter3_d_6680_546458", x: "136.997", y: "133.104", width: "23.7025", height: "33.3792", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '637fb2d47f46bd841d91ebe3c633dbb75bdb5b47', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '68df67425530196b120b5547089a64960acab0de', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '8e2dede86b55b7bf8207a2af6029e361e5da96ed', dy: "1.13221" }), h("feGaussianBlur", { key: '589113330dc7c0a3e32937339d988fc5be228f87', stdDeviation: "1.69831" }), h("feColorMatrix", { key: 'a221ebb25b511e50098e042fcf66d876e993a269', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" }), h("feBlend", { key: 'ee6d250762b3f31a04dd26f5a125bd2c9597f8bb', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'a0820390efe977fd9ca4fb08df01f12b190b002c', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '9a68b50d577d5a6de447f8c131fcb4d611ba462b', id: "filter4_d_6680_546458", x: "9.53674e-06", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '82dc98c40f8cf4b1dabf40fe04a1d1bc8ed0bac6', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '3831b582006757d64593c58bffbbf1bde8b5922c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '38db6c3fe6a893759fe49b2e16fd02f26fdaf2fc', dy: "1.13221" }), h("feGaussianBlur", { key: 'ad5e0fcd3b9a72de85c68e9a752b2f74c7b247e5', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'b67e99510f5df982e5a109147a23e059468d2b9e', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'fac17e31e885562b162f9107955a6b972339761c', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '28fb9bdbbf39c073b385336b8f9b20f8d7b38827', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'efba4420763d626ed23e0306d75819222fb75f78', id: "filter5_d_6680_546458", x: "47.2644", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '2dbddcc70f249cdba60aaa0e9e912626c771aae5', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'b80ef2d5f9ac200f9c3da30d7afcb8f5deece1bc', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'd58863a833a2d325e393d177c8a136873c4284fa', dy: "1.13221" }), h("feGaussianBlur", { key: 'a13392c514632a22348345a396a9fe6869e6ff23', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '1bfd06f9f330babc90e95feb2c4cbc8a6f7e29d8', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'f752075a72c00797aeec594062b3b0b9a487aa1e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'ceaf1f96c352a95088f7703abcdca91b0ca70008', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'b2f8c1cce05cca5c3f05832bf6f7e86e1470d3d2', id: "filter6_d_6680_546458", x: "94.5288", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '0d38f3babd6eb84723caec5ce846d84ffa9e05a1', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'edab1a60a5d4a9b2c02a3c41ec4703d25f5f4b0c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '1da96fbb27a3a0d96103ce59b673656c04ae735a', dy: "1.13221" }), h("feGaussianBlur", { key: 'a11fcdc27d6f4d149e72433dcb41b3815ac538be', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'f4bcbcfec3d0e8715b21bdf7321749232e10a448', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'c246dffa4ac067aa248d6b3c7102ded3a8737cfb', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '0b08fdd4d802fe8932604b8e69c9ba6095f499d1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'd4d12581acec4cfa5f8a401425b2710ccac58522', id: "filter7_d_6680_546458", x: "141.793", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '2cdd8ae8716f884ad147c20ffeac03850afe2883', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '21bb1db0c6ed4febdf9b33174265480933c52207', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '126c27e589d9a095d2f0996171a0b8fd07de64ab', dy: "1.13221" }), h("feGaussianBlur", { key: '0eeea7dfa4929e6365f72f52b71fd3dc75f8e630', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '0098641e6849c6df9613e546ed6d026832fd4369', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '2df8d4694ef7652636a6b1583685d4c5150508fe', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '2c3c6ab9c5a0fd171825aaa570a8bdf807fe1179', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })))), h("slot", { key: 'f5c6cf05206245d1a34ee3515be799b89ed8d338' })));
|
|
35504
|
+
return (h("div", { key: '2b460410aa156bd8692bb26283b3b7465d35c126', class: 'tooltip', role: "tooltip" }, h("div", { key: '741c6d8d59ad61be662f63dbac5e3262f26d0d31', id: "arrow" }), h("svg", { key: '9f4d235cc3c9613a0c4e68c5fb6bdc3b172bff7d', width: "187", height: "243", viewBox: "0 0 187 243", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f72dcd03dae471cc92d284f71edd5014e7b10ce4', d: "M4.66016 4.51665H7.83939C8.42814 4.51665 8.96254 4.61628 9.4426 4.81555C9.92265 5.01482 10.3302 5.31372 10.6654 5.71226C11.0096 6.10174 11.2722 6.59538 11.4534 7.19318C11.6345 7.78193 11.7251 8.47031 11.7251 9.25833C11.7251 10.0463 11.6345 10.7392 11.4534 11.3371C11.2722 11.9258 11.0096 12.4194 10.6654 12.818C10.3302 13.2075 9.92265 13.5018 9.4426 13.7011C8.96254 13.9004 8.42814 14 7.83939 14H4.66016V4.51665ZM7.83939 12.9946C8.22887 12.9946 8.58665 12.9312 8.91272 12.8044C9.2388 12.6685 9.51959 12.4738 9.75509 12.2202C9.99058 11.9666 10.1717 11.6586 10.2985 11.2963C10.4344 10.9249 10.5023 10.5038 10.5023 10.0328V8.4839C10.5023 8.0129 10.4344 7.59625 10.2985 7.23394C10.1717 6.86258 9.99058 6.55009 9.75509 6.29648C9.51959 6.04286 9.2388 5.85265 8.91272 5.72585C8.58665 5.58998 8.22887 5.52205 7.83939 5.52205H5.80143V12.9946H7.83939ZM17.9871 12.8587H17.9328C17.8603 13.0218 17.7697 13.1848 17.661 13.3478C17.5614 13.5018 17.4346 13.6422 17.2806 13.769C17.1266 13.8868 16.9409 13.9819 16.7236 14.0543C16.5062 14.1268 16.2526 14.163 15.9627 14.163C15.2381 14.163 14.6629 13.9321 14.2372 13.4701C13.8115 12.9991 13.5987 12.3379 13.5987 11.4865V6.98939H14.6856V11.2963C14.6856 12.5553 15.22 13.1848 16.2888 13.1848C16.5062 13.1848 16.7145 13.1576 16.9138 13.1033C17.1221 13.0489 17.3032 12.9674 17.4572 12.8587C17.6203 12.75 17.7471 12.6142 17.8376 12.4511C17.9373 12.279 17.9871 12.0753 17.9871 11.8398V6.98939H19.074V14H17.9871V12.8587ZM21.3886 6.98939H22.4755V8.13065H22.5299C22.711 7.68682 22.9737 7.36075 23.3179 7.15242C23.6711 6.93504 24.0923 6.82635 24.5814 6.82635C25.0162 6.82635 25.4102 6.9124 25.7634 7.08449C26.1167 7.25659 26.4156 7.50114 26.6601 7.81816C26.9138 8.13518 27.104 8.52013 27.2308 8.97301C27.3666 9.42589 27.4346 9.93312 27.4346 10.4947C27.4346 11.0563 27.3666 11.5635 27.2308 12.0164C27.104 12.4693 26.9138 12.8542 26.6601 13.1712C26.4156 13.4882 26.1167 13.7328 25.7634 13.9049C25.4102 14.077 25.0162 14.163 24.5814 14.163C23.6304 14.163 22.9465 13.7283 22.5299 12.8587H22.4755V16.7173H21.3886V6.98939ZM24.2825 13.1848C24.8984 13.1848 25.383 12.9946 25.7363 12.6142C26.0895 12.2247 26.2661 11.7175 26.2661 11.0925V9.89689C26.2661 9.27191 26.0895 8.76921 25.7363 8.38879C25.383 7.99931 24.8984 7.80457 24.2825 7.80457C24.038 7.80457 23.8025 7.8408 23.576 7.91327C23.3586 7.97667 23.1684 8.06725 23.0054 8.18499C22.8423 8.30274 22.711 8.44767 22.6114 8.61976C22.5208 8.7828 22.4755 8.95942 22.4755 9.14963V11.7582C22.4755 11.9847 22.5208 12.1885 22.6114 12.3696C22.711 12.5417 22.8423 12.6912 23.0054 12.818C23.1684 12.9357 23.3586 13.0263 23.576 13.0897C23.8025 13.1531 24.038 13.1848 24.2825 13.1848ZM30.4247 14C30.0442 14 29.7544 13.8958 29.5551 13.6875C29.3649 13.4701 29.2698 13.1984 29.2698 12.8723V3.94602H30.3567V13.0489H31.3893V14H30.4247ZM33.515 5.34542C33.2795 5.34542 33.1075 5.29108 32.9988 5.18239C32.8991 5.06464 32.8493 4.91519 32.8493 4.73403V4.55741C32.8493 4.37626 32.8991 4.23133 32.9988 4.12264C33.1075 4.00489 33.2795 3.94602 33.515 3.94602C33.7505 3.94602 33.9181 4.00489 34.0177 4.12264C34.1264 4.23133 34.1808 4.37626 34.1808 4.55741V4.73403C34.1808 4.91519 34.1264 5.06464 34.0177 5.18239C33.9181 5.29108 33.7505 5.34542 33.515 5.34542ZM32.9716 6.98939H34.0585V14H32.9716V6.98939ZM38.9768 14.163C38.4877 14.163 38.0484 14.077 37.6589 13.9049C37.2694 13.7328 36.9388 13.4882 36.6671 13.1712C36.4044 12.8542 36.2006 12.4693 36.0557 12.0164C35.9198 11.5635 35.8519 11.0563 35.8519 10.4947C35.8519 9.93312 35.9198 9.42589 36.0557 8.97301C36.2006 8.52013 36.4044 8.13518 36.6671 7.81816C36.9388 7.50114 37.2694 7.25659 37.6589 7.08449C38.0484 6.9124 38.4877 6.82635 38.9768 6.82635C39.6742 6.82635 40.2313 6.98033 40.6479 7.28829C41.0736 7.58719 41.3907 7.9812 41.599 8.47031L40.6887 8.93225C40.5619 8.56994 40.3536 8.28916 40.0637 8.08989C39.7739 7.89062 39.4116 7.79099 38.9768 7.79099C38.6507 7.79099 38.3654 7.84533 38.1209 7.95402C37.8763 8.05366 37.6725 8.19858 37.5095 8.38879C37.3464 8.56994 37.2241 8.79186 37.1426 9.05453C37.0611 9.30814 37.0204 9.58893 37.0204 9.89689V11.0925C37.0204 11.7084 37.1834 12.2156 37.5095 12.6142C37.8446 13.0037 38.3337 13.1984 38.9768 13.1984C39.8554 13.1984 40.4894 12.7908 40.8789 11.9756L41.6669 12.5055C41.4405 13.0127 41.1008 13.4158 40.6479 13.7147C40.2041 14.0136 39.6471 14.163 38.9768 14.163ZM48.2962 14C47.8886 14 47.5942 13.8913 47.413 13.6739C47.2409 13.4565 47.1323 13.1848 47.087 12.8587H47.019C46.8651 13.2935 46.6114 13.6196 46.2582 13.837C45.9049 14.0543 45.4838 14.163 44.9946 14.163C44.2519 14.163 43.6722 13.9728 43.2556 13.5924C42.848 13.212 42.6442 12.6957 42.6442 12.0435C42.6442 11.3823 42.8842 10.8751 43.3643 10.5219C43.8534 10.1686 44.6097 9.99199 45.6332 9.99199H47.019V9.29908C47.019 8.80091 46.8832 8.42049 46.6114 8.15782C46.3397 7.89515 45.9231 7.76381 45.3615 7.76381C44.9358 7.76381 44.578 7.85892 44.2882 8.04913C44.0074 8.23934 43.7719 8.49295 43.5817 8.80997L42.9295 8.19858C43.1197 7.81816 43.4231 7.49661 43.8398 7.23394C44.2565 6.96221 44.7818 6.82635 45.4158 6.82635C46.2672 6.82635 46.9285 7.03467 47.3995 7.45133C47.8704 7.86798 48.1059 8.44767 48.1059 9.19039V13.0489H48.9075V14H48.2962ZM45.1713 13.2392C45.443 13.2392 45.6921 13.2075 45.9185 13.1441C46.145 13.0806 46.3397 12.9901 46.5027 12.8723C46.6658 12.7546 46.7926 12.6187 46.8832 12.4647C46.9737 12.3108 47.019 12.1432 47.019 11.962V10.8072H45.5789C44.9539 10.8072 44.4965 10.8978 44.2066 11.0789C43.9258 11.2601 43.7855 11.5227 43.7855 11.8669V12.1522C43.7855 12.4964 43.9077 12.7636 44.1523 12.9538C44.4059 13.1441 44.7456 13.2392 45.1713 13.2392ZM52.0077 14C51.6273 14 51.3374 13.8958 51.1382 13.6875C50.948 13.4701 50.8529 13.1893 50.8529 12.8452V7.94044H49.698V6.98939H50.3502C50.5857 6.98939 50.7442 6.9441 50.8257 6.85352C50.9163 6.75389 50.9615 6.58632 50.9615 6.35082V5.04652H51.9398V6.98939H53.475V7.94044H51.9398V13.0489H53.3663V14H52.0077ZM57.8048 14.163C57.3247 14.163 56.8899 14.077 56.5005 13.9049C56.12 13.7328 55.7894 13.4882 55.5087 13.1712C55.2369 12.8452 55.0241 12.4602 54.8701 12.0164C54.7252 11.5635 54.6527 11.0563 54.6527 10.4947C54.6527 9.94218 54.7252 9.43948 54.8701 8.9866C55.0241 8.53371 55.2369 8.14876 55.5087 7.83175C55.7894 7.50567 56.12 7.25659 56.5005 7.08449C56.8899 6.9124 57.3247 6.82635 57.8048 6.82635C58.2758 6.82635 58.6969 6.9124 59.0683 7.08449C59.4397 7.25659 59.7567 7.49661 60.0194 7.80457C60.282 8.10348 60.4813 8.46125 60.6172 8.8779C60.7621 9.29456 60.8345 9.75197 60.8345 10.2501V10.7664H55.794V11.0925C55.794 11.3914 55.8393 11.6722 55.9298 11.9349C56.0295 12.1885 56.1653 12.4104 56.3374 12.6006C56.5186 12.7908 56.736 12.9403 56.9896 13.0489C57.2523 13.1576 57.5466 13.212 57.8727 13.212C58.3165 13.212 58.7015 13.1078 59.0275 12.8995C59.3627 12.6912 59.6208 12.3923 59.802 12.0028L60.5764 12.5598C60.35 13.0399 59.9967 13.4294 59.5167 13.7283C59.0366 14.0181 58.466 14.163 57.8048 14.163ZM57.8048 7.73664C57.5059 7.73664 57.2341 7.79099 56.9896 7.89968C56.745 7.99931 56.5322 8.14424 56.351 8.33445C56.1789 8.52466 56.0431 8.7511 55.9434 9.01377C55.8438 9.26738 55.794 9.54817 55.794 9.85613V9.95123H59.6661V9.80178C59.6661 9.17681 59.494 8.67864 59.1498 8.30727C58.8147 7.92685 58.3663 7.73664 57.8048 7.73664Z", fill: "#F7F8FA" }), h("g", { key: '4ab469820f360c22fef71520c15781523ad4c878', filter: "url(#filter0_d_6680_546458)" }, h("path", { key: 'fa5260128eaa90695455d16d43ff57ff84fec561', d: "M3.39662 31.3513C3.39662 29.5322 4.87123 28.0576 6.69026 28.0576H38.3092C40.1282 28.0576 41.6028 29.5322 41.6028 31.3513V60.994C41.6028 62.813 40.1282 64.2876 38.3092 64.2876H6.69026C4.87123 64.2876 3.39662 62.813 3.39662 60.994V31.3513Z", fill: "#45484D" }), h("path", { key: '9199edbb82ecf666776c13532f0cc4e09918a49e', d: "M18.1876 40.6749H22.3494C23.1201 40.6749 23.8197 40.8053 24.4481 41.0662C25.0766 41.327 25.6101 41.7183 26.0488 42.24C26.4994 42.7499 26.8433 43.3961 27.0804 44.1787C27.3176 44.9494 27.4361 45.8505 27.4361 46.8821C27.4361 47.9136 27.3176 48.8207 27.0804 49.6033C26.8433 50.374 26.4994 51.0202 26.0488 51.5419C25.6101 52.0518 25.0766 52.4371 24.4481 52.698C23.8197 52.9588 23.1201 53.0893 22.3494 53.0893H18.1876V40.6749ZM22.3494 51.7731C22.8593 51.7731 23.3276 51.6901 23.7545 51.5241C24.1814 51.3463 24.5489 51.0913 24.8572 50.7593C25.1655 50.4273 25.4026 50.0242 25.5686 49.5499C25.7465 49.0638 25.8354 48.5124 25.8354 47.8958V45.8683C25.8354 45.2517 25.7465 44.7063 25.5686 44.232C25.4026 43.7459 25.1655 43.3368 24.8572 43.0048C24.5489 42.6728 24.1814 42.4238 23.7545 42.2578C23.3276 42.0799 22.8593 41.991 22.3494 41.991H19.6816V51.7731H22.3494Z", fill: "#F7F8FA" }), h("path", { key: 'fa6e2d5177871113615cac7be2a8d4fcb9ba743a', d: "M38.3087 27.4912C40.4404 27.4912 42.1691 29.2199 42.1691 31.3516V60.9941C42.169 63.1257 40.4403 64.8535 38.3087 64.8535H6.69057C4.55895 64.8535 2.8303 63.1257 2.83022 60.9941V31.3516C2.83022 29.2199 4.5589 27.4912 6.69057 27.4912H38.3087Z", stroke: "#E0E2E5", "stroke-width": "1.13219" })), h("path", { key: '0bc76647c4752668d04a559412fdf1f3768a1b3d', d: "M7.32311 101.095C6.55321 101.095 5.89653 100.95 5.35307 100.66C4.80961 100.361 4.34767 99.9534 3.96725 99.4371L4.80961 98.7306C5.14475 99.1745 5.51611 99.5141 5.9237 99.7496C6.3313 99.9761 6.81135 100.089 7.36387 100.089C8.04319 100.089 8.55948 99.9262 8.91272 99.6002C9.27503 99.2741 9.45618 98.8393 9.45618 98.2959C9.45618 97.843 9.32032 97.4943 9.04859 97.2497C8.77686 97.0052 8.32851 96.8104 7.70353 96.6655L6.9291 96.4889C6.05957 96.2896 5.39383 95.9907 4.93189 95.5922C4.47901 95.1846 4.25257 94.6139 4.25257 93.8803C4.25257 93.4636 4.32956 93.0923 4.48354 92.7662C4.63752 92.4401 4.85037 92.1684 5.1221 91.951C5.40289 91.7336 5.73349 91.5706 6.11391 91.4619C6.50339 91.3441 6.9291 91.2853 7.39104 91.2853C8.10659 91.2853 8.71799 91.4166 9.22521 91.6793C9.7415 91.9419 10.1763 92.3269 10.5295 92.8341L9.67357 93.4591C9.4109 93.0968 9.09388 92.8115 8.72251 92.6031C8.35115 92.3948 7.88921 92.2907 7.3367 92.2907C6.72983 92.2907 6.24978 92.422 5.89653 92.6847C5.55234 92.9383 5.38025 93.3232 5.38025 93.8395C5.38025 94.2924 5.52517 94.6366 5.81501 94.8721C6.11391 95.0985 6.56227 95.2797 7.16007 95.4155L7.9345 95.5922C8.86744 95.8005 9.54223 96.1175 9.95888 96.5432C10.3755 96.9689 10.5839 97.535 10.5839 98.2415C10.5839 98.6763 10.5069 99.0703 10.3529 99.4235C10.208 99.7768 9.99511 100.076 9.71433 100.32C9.43354 100.565 9.08935 100.755 8.68176 100.891C8.28322 101.027 7.83034 101.095 7.32311 101.095ZM15.0817 101.095C14.6017 101.095 14.1669 101.009 13.7774 100.837C13.397 100.664 13.0664 100.42 12.7856 100.103C12.5139 99.7768 12.301 99.3918 12.147 98.948C12.0021 98.4951 11.9297 97.9879 11.9297 97.4263C11.9297 96.8738 12.0021 96.3711 12.147 95.9182C12.301 95.4654 12.5139 95.0804 12.7856 94.7634C13.0664 94.4373 13.397 94.1882 13.7774 94.0161C14.1669 93.844 14.6017 93.758 15.0817 93.758C15.5527 93.758 15.9739 93.844 16.3453 94.0161C16.7166 94.1882 17.0336 94.4283 17.2963 94.7362C17.559 95.0351 17.7583 95.3929 17.8941 95.8095C18.039 96.2262 18.1115 96.6836 18.1115 97.1818V97.6981H13.0709V98.0241C13.0709 98.323 13.1162 98.6038 13.2068 98.8665C13.3064 99.1201 13.4423 99.342 13.6144 99.5322C13.7955 99.7224 14.0129 99.8719 14.2665 99.9806C14.5292 100.089 14.8236 100.144 15.1497 100.144C15.5935 100.144 15.9784 100.039 16.3045 99.8311C16.6396 99.6228 16.8978 99.3239 17.0789 98.9344L17.8534 99.4915C17.6269 99.9715 17.2737 100.361 16.7936 100.66C16.3136 100.95 15.7429 101.095 15.0817 101.095ZM15.0817 94.6683C14.7828 94.6683 14.5111 94.7226 14.2665 94.8313C14.022 94.931 13.8091 95.0759 13.628 95.2661C13.4559 95.4563 13.32 95.6827 13.2204 95.9454C13.1207 96.199 13.0709 96.4798 13.0709 96.7878V96.8829H16.9431V96.7334C16.9431 96.1084 16.771 95.6103 16.4268 95.2389C16.0916 94.8585 15.6433 94.6683 15.0817 94.6683ZM21.0574 100.932C20.677 100.932 20.3872 100.827 20.1879 100.619C19.9977 100.402 19.9026 100.13 19.9026 99.804V90.8777H20.9895V99.9806H22.0221V100.932H21.0574ZM26.2401 101.095C25.7601 101.095 25.3253 101.009 24.9358 100.837C24.5554 100.664 24.2248 100.42 23.944 100.103C23.6723 99.7768 23.4594 99.3918 23.3055 98.948C23.1605 98.4951 23.0881 97.9879 23.0881 97.4263C23.0881 96.8738 23.1605 96.3711 23.3055 95.9182C23.4594 95.4654 23.6723 95.0804 23.944 94.7634C24.2248 94.4373 24.5554 94.1882 24.9358 94.0161C25.3253 93.844 25.7601 93.758 26.2401 93.758C26.7111 93.758 27.1323 93.844 27.5037 94.0161C27.875 94.1882 28.1921 94.4283 28.4547 94.7362C28.7174 95.0351 28.9167 95.3929 29.0525 95.8095C29.1975 96.2262 29.2699 96.6836 29.2699 97.1818V97.6981H24.2293V98.0241C24.2293 98.323 24.2746 98.6038 24.3652 98.8665C24.4648 99.1201 24.6007 99.342 24.7728 99.5322C24.9539 99.7224 25.1713 99.8719 25.4249 99.9806C25.6876 100.089 25.982 100.144 26.3081 100.144C26.7519 100.144 27.1368 100.039 27.4629 99.8311C27.798 99.6228 28.0562 99.3239 28.2373 98.9344L29.0118 99.4915C28.7853 99.9715 28.4321 100.361 27.952 100.66C27.472 100.95 26.9013 101.095 26.2401 101.095ZM26.2401 94.6683C25.9412 94.6683 25.6695 94.7226 25.4249 94.8313C25.1804 94.931 24.9675 95.0759 24.7864 95.2661C24.6143 95.4563 24.4784 95.6827 24.3788 95.9454C24.2792 96.199 24.2293 96.4798 24.2293 96.7878V96.8829H28.1015V96.7334C28.1015 96.1084 27.9294 95.6103 27.5852 95.2389C27.2501 94.8585 26.8017 94.6683 26.2401 94.6683ZM33.6696 101.095C33.1805 101.095 32.7412 101.009 32.3517 100.837C31.9622 100.664 31.6316 100.42 31.3599 100.103C31.0972 99.7858 30.8934 99.4009 30.7485 98.948C30.6126 98.4951 30.5447 97.9879 30.5447 97.4263C30.5447 96.8648 30.6126 96.3575 30.7485 95.9047C30.8934 95.4518 31.0972 95.0668 31.3599 94.7498C31.6316 94.4328 31.9622 94.1882 32.3517 94.0161C32.7412 93.844 33.1805 93.758 33.6696 93.758C34.367 93.758 34.9241 93.912 35.3407 94.2199C35.7664 94.5188 36.0835 94.9128 36.2918 95.402L35.3815 95.8639C35.2547 95.5016 35.0464 95.2208 34.7565 95.0215C34.4667 94.8223 34.1044 94.7226 33.6696 94.7226C33.3435 94.7226 33.0582 94.777 32.8136 94.8857C32.5691 94.9853 32.3653 95.1302 32.2023 95.3204C32.0392 95.5016 31.9169 95.7235 31.8354 95.9862C31.7539 96.2398 31.7131 96.5206 31.7131 96.8285V98.0241C31.7131 98.6401 31.8762 99.1473 32.2023 99.5458C32.5374 99.9353 33.0265 100.13 33.6696 100.13C34.5482 100.13 35.1822 99.7224 35.5717 98.9073L36.3597 99.4371C36.1333 99.9444 35.7936 100.347 35.3407 100.646C34.8969 100.945 34.3399 101.095 33.6696 101.095ZM39.4429 100.932C39.0625 100.932 38.7726 100.827 38.5733 100.619C38.3831 100.402 38.288 100.121 38.288 99.7768V94.8721H37.1332V93.921H37.7853C38.0208 93.921 38.1793 93.8757 38.2609 93.7852C38.3514 93.6855 38.3967 93.518 38.3967 93.2825V91.9782H39.3749V93.921H40.9102V94.8721H39.3749V99.9806H40.8015V100.932H39.4429ZM53.3678 92.9428H53.2999L52.4983 94.5324L50.2294 98.6627L47.9604 94.5324L47.1588 92.9428H47.0909V100.932H45.9768V91.4483H47.4985L50.2158 96.5568H50.2837L53.0146 91.4483H54.4819V100.932H53.3678V92.9428ZM61.2143 99.7904H61.16C61.0875 99.9534 60.997 100.116 60.8883 100.279C60.7886 100.433 60.6618 100.574 60.5078 100.701C60.3539 100.818 60.1682 100.914 59.9508 100.986C59.7334 101.058 59.4798 101.095 59.19 101.095C58.4653 101.095 57.8902 100.864 57.4645 100.402C57.0388 99.9308 56.8259 99.2696 56.8259 98.4181V93.921H57.9128V98.2279C57.9128 99.4869 58.4472 100.116 59.516 100.116C59.7334 100.116 59.9417 100.089 60.141 100.035C60.3493 99.9806 60.5305 99.8991 60.6845 99.7904C60.8475 99.6817 60.9743 99.5458 61.0649 99.3828C61.1645 99.2107 61.2143 99.0069 61.2143 98.7714V93.921H62.3013V100.932H61.2143V99.7904ZM65.7707 100.932C65.3903 100.932 65.1004 100.827 64.9011 100.619C64.7109 100.402 64.6158 100.13 64.6158 99.804V90.8777H65.7027V99.9806H66.7353V100.932H65.7707ZM69.8001 100.932C69.4197 100.932 69.1299 100.827 68.9306 100.619C68.7404 100.402 68.6453 100.121 68.6453 99.7768V94.8721H67.4904V93.921H68.1426C68.3781 93.921 68.5366 93.8757 68.6181 93.7852C68.7087 93.6855 68.754 93.518 68.754 93.2825V91.9782H69.7322V93.921H71.2675V94.8721H69.7322V99.9806H71.1588V100.932H69.8001ZM73.5579 92.2771C73.3225 92.2771 73.1504 92.2227 73.0417 92.114C72.942 91.9963 72.8922 91.8468 72.8922 91.6657V91.4891C72.8922 91.3079 72.942 91.163 73.0417 91.0543C73.1504 90.9365 73.3225 90.8777 73.5579 90.8777C73.7934 90.8777 73.961 90.9365 74.0606 91.0543C74.1693 91.163 74.2237 91.3079 74.2237 91.4891V91.6657C74.2237 91.8468 74.1693 91.9963 74.0606 92.114C73.961 92.2227 73.7934 92.2771 73.5579 92.2771ZM73.0145 93.921H74.1014V100.932H73.0145V93.921ZM76.4111 93.921H77.498V95.0623H77.5524C77.7335 94.6185 77.9962 94.2924 78.3404 94.0841C78.6936 93.8667 79.1148 93.758 79.6039 93.758C80.0387 93.758 80.4327 93.844 80.7859 94.0161C81.1392 94.1882 81.4381 94.4328 81.6827 94.7498C81.9363 95.0668 82.1265 95.4518 82.2533 95.9047C82.3891 96.3575 82.4571 96.8648 82.4571 97.4263C82.4571 97.9879 82.3891 98.4951 82.2533 98.948C82.1265 99.4009 81.9363 99.7858 81.6827 100.103C81.4381 100.42 81.1392 100.664 80.7859 100.837C80.4327 101.009 80.0387 101.095 79.6039 101.095C78.6529 101.095 77.969 100.66 77.5524 99.7904H77.498V103.649H76.4111V93.921ZM79.305 100.116C79.9209 100.116 80.4055 99.9262 80.7588 99.5458C81.112 99.1563 81.2886 98.6491 81.2886 98.0241V96.8285C81.2886 96.2036 81.112 95.7009 80.7588 95.3204C80.4055 94.931 79.9209 94.7362 79.305 94.7362C79.0605 94.7362 78.825 94.7724 78.5985 94.8449C78.3811 94.9083 78.1909 94.9989 78.0279 95.1166C77.8649 95.2344 77.7335 95.3793 77.6339 95.5514C77.5433 95.7144 77.498 95.8911 77.498 96.0813V98.6899C77.498 98.9163 77.5433 99.1201 77.6339 99.3013C77.7335 99.4734 77.8649 99.6228 78.0279 99.7496C78.1909 99.8674 78.3811 99.9579 78.5985 100.021C78.825 100.085 79.0605 100.116 79.305 100.116ZM85.4472 100.932C85.0667 100.932 84.7769 100.827 84.5776 100.619C84.3874 100.402 84.2923 100.13 84.2923 99.804V90.8777H85.3792V99.9806H86.4118V100.932H85.4472ZM90.6299 101.095C90.1498 101.095 89.715 101.009 89.3256 100.837C88.9452 100.664 88.6145 100.42 88.3338 100.103C88.062 99.7768 87.8492 99.3918 87.6952 98.948C87.5503 98.4951 87.4778 97.9879 87.4778 97.4263C87.4778 96.8738 87.5503 96.3711 87.6952 95.9182C87.8492 95.4654 88.062 95.0804 88.3338 94.7634C88.6145 94.4373 88.9452 94.1882 89.3256 94.0161C89.715 93.844 90.1498 93.758 90.6299 93.758C91.1009 93.758 91.522 93.844 91.8934 94.0161C92.2648 94.1882 92.5818 94.4283 92.8445 94.7362C93.1071 95.0351 93.3064 95.3929 93.4423 95.8095C93.5872 96.2262 93.6597 96.6836 93.6597 97.1818V97.6981H88.6191V98.0241C88.6191 98.323 88.6644 98.6038 88.7549 98.8665C88.8546 99.1201 88.9904 99.342 89.1625 99.5322C89.3437 99.7224 89.5611 99.8719 89.8147 99.9806C90.0774 100.089 90.3717 100.144 90.6978 100.144C91.1416 100.144 91.5266 100.039 91.8527 99.8311C92.1878 99.6228 92.4459 99.3239 92.6271 98.9344L93.4015 99.4915C93.1751 99.9715 92.8218 100.361 92.3418 100.66C91.8617 100.95 91.2911 101.095 90.6299 101.095ZM90.6299 94.6683C90.331 94.6683 90.0592 94.7226 89.8147 94.8313C89.5701 94.931 89.3573 95.0759 89.1761 95.2661C89.004 95.4563 88.8682 95.6827 88.7685 95.9454C88.6689 96.199 88.6191 96.4798 88.6191 96.7878V96.8829H92.4912V96.7334C92.4912 96.1084 92.3191 95.6103 91.9749 95.2389C91.6398 94.8585 91.1914 94.6683 90.6299 94.6683Z", fill: "#F7F8FA" }), h("g", { key: 'b4e36f0b6cb08b8645a85f049d7d594d88d291a8', filter: "url(#filter1_d_6680_546458)" }, h("mask", { key: '68f64187276a347663c0bd9db2e88491aeb25941', id: "path-5-outside-1_6680_546458", maskUnits: "userSpaceOnUse", x: "1.39662", y: "112.989", width: "56", height: "40", fill: "black" }, h("rect", { key: '82ab49574ccec3cf532746dd49babd764de940ed', fill: "white", x: "1.39662", y: "112.989", width: "56", height: "40" }), h("path", { key: 'e764cd2bc9349a9bec0b3c34214a817ef8a9a94c', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z" }), h("path", { key: 'd9e3b39602e2b98dad19e95ba1578de3444837fa', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z" }), h("path", { key: '836196d0097430f7e9ff4dcf6cb56de3f6634368', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z" }), h("path", { key: '40eb39acd741dd486039d1b873d34a0b7594ab32', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z" }), h("path", { key: 'b7fbfec5504d404999361f12dd37c6e6bee8172d', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z" }), h("path", { key: 'fa5bf3e16f48436ad99b9360fb8aeec3cd6b273f', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z" }), h("path", { key: '1acedd146497ddba621106a39388f153f90e589c', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z" })), h("path", { key: 'ad10df2ba365ff9dec008ea2e68591de5ab38aa7', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", fill: "#45484D" }), h("path", { key: '00ededab6b6375d3cd46baa43c9c9c9e285c2991', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", fill: "#F7F8FA" }), h("path", { key: 'fdc2171e5a2ca98a6c8d7066c27f56fc62d34b0f', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", fill: "#F7F8FA" }), h("path", { key: '05de267ce92105dde307d32738dcefee62b21274', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", fill: "#F7F8FA" }), h("path", { key: 'ba9309105cc2042142014a8575d02c47497a53ad', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", fill: "#F7F8FA" }), h("path", { key: '0fb81c100a82855dd1afcfc138e78daba36915a8', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", fill: "#F7F8FA" }), h("path", { key: '6e7071defcd88317601278924e5ecc1fdfcd5a8b', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", fill: "#F7F8FA" }), h("path", { key: 'd0cff7688ff17de1a6ddc7e18ee9cae636e30085', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'e16dc9d5270150b46530c2a06c1a15f0d1729567', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '97db4ab9304d2fbe9e09ab407722b8839630c4e6', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '7cd8514ce7ffa805d6ccbf98fb5109f79d96ab64', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '8b86d8588d20f778f6d1f195455d489777d9bb1d', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: 'de5fd31b867c14ced2d0bca1de4657a3dcf4df26', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), h("path", { key: '5870c65ed116340a5cbaf69ba6e543978f014061', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" })), h("path", { key: '46f26eab57f5554664cb8a930ffae5200c2a3bc6', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M71.9465 129.708C72.3217 129.708 72.6258 130.012 72.6258 130.387V132.425L74.6638 132.425C75.039 132.425 75.3431 132.729 75.3431 133.105C75.3431 133.48 75.039 133.784 74.6638 133.784H72.6258V135.822C72.6258 136.197 72.3217 136.501 71.9465 136.501C71.5713 136.501 71.2672 136.197 71.2672 135.822V133.784H69.2292C68.854 133.784 68.5499 133.48 68.5499 133.105C68.5499 132.729 68.854 132.425 69.2292 132.425L71.2672 132.425V130.387C71.2672 130.012 71.5713 129.708 71.9465 129.708Z", fill: "#F7F8FA" }), h("rect", { key: 'e387da1bd0dc2c71e7d8d8a3cdbb1966c6b50011', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", fill: "#F7F8FA" }), h("rect", { key: '2789b7054e1a7fe94c046dc489c7bbab15308397', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", stroke: "#C8C9CC", "stroke-width": "2.26441" }), h("path", { key: '0b1492313f5edf6cd17cf2a58a1a9281f6bcd24a', d: "M103.052 138.795C101.646 138.795 100.553 138.319 99.7707 137.368C98.9888 136.407 98.5978 134.996 98.5978 133.136C98.5978 131.276 98.9888 129.85 99.7707 128.856C100.553 127.852 101.646 127.35 103.052 127.35C103.982 127.35 104.758 127.562 105.382 127.984C106.016 128.407 106.507 129.004 106.856 129.776L105.778 130.425C105.556 129.855 105.218 129.4 104.764 129.062C104.309 128.714 103.739 128.539 103.052 128.539C102.576 128.539 102.148 128.629 101.768 128.809C101.398 128.988 101.081 129.247 100.817 129.585C100.563 129.913 100.368 130.309 100.23 130.774C100.093 131.229 100.024 131.741 100.024 132.312V133.96C100.024 135.101 100.289 135.994 100.817 136.639C101.345 137.284 102.09 137.606 103.052 137.606C103.76 137.606 104.352 137.426 104.827 137.067C105.303 136.697 105.651 136.211 105.873 135.609L106.935 136.274C106.587 137.056 106.085 137.675 105.429 138.129C104.774 138.573 103.982 138.795 103.052 138.795ZM110.218 138.604C109.774 138.604 109.436 138.483 109.203 138.24C108.982 137.986 108.871 137.669 108.871 137.289V126.875H110.139V137.495H111.343V138.604H110.218ZM113.823 128.507C113.549 128.507 113.348 128.444 113.221 128.317C113.105 128.18 113.047 128.006 113.047 127.794V127.588C113.047 127.377 113.105 127.208 113.221 127.081C113.348 126.944 113.549 126.875 113.823 126.875C114.098 126.875 114.294 126.944 114.41 127.081C114.537 127.208 114.6 127.377 114.6 127.588V127.794C114.6 128.006 114.537 128.18 114.41 128.317C114.294 128.444 114.098 128.507 113.823 128.507ZM113.189 130.425H114.457V138.604H113.189V130.425ZM120.195 138.795C119.625 138.795 119.112 138.694 118.658 138.494C118.204 138.293 117.818 138.007 117.501 137.638C117.194 137.268 116.957 136.819 116.788 136.29C116.629 135.762 116.55 135.17 116.55 134.515C116.55 133.86 116.629 133.268 116.788 132.74C116.957 132.211 117.194 131.762 117.501 131.392C117.818 131.022 118.204 130.737 118.658 130.536C119.112 130.336 119.625 130.235 120.195 130.235C121.009 130.235 121.659 130.415 122.145 130.774C122.642 131.123 123.012 131.583 123.255 132.153L122.193 132.692C122.045 132.269 121.802 131.942 121.464 131.709C121.125 131.477 120.703 131.361 120.195 131.361C119.815 131.361 119.482 131.424 119.197 131.551C118.912 131.667 118.674 131.836 118.484 132.058C118.293 132.269 118.151 132.528 118.056 132.835C117.96 133.131 117.913 133.458 117.913 133.818V135.212C117.913 135.931 118.103 136.523 118.484 136.988C118.875 137.442 119.445 137.669 120.195 137.669C121.22 137.669 121.96 137.194 122.415 136.243L123.334 136.861C123.07 137.453 122.673 137.923 122.145 138.272C121.627 138.62 120.977 138.795 120.195 138.795ZM125.124 126.875H126.392V134.309H126.455L127.708 132.914L130.022 130.425H131.559L128.532 133.659L131.861 138.604H130.323L127.613 134.436L126.392 135.688V138.604H125.124V126.875Z", fill: "#45484D" }), h("rect", { key: '15aa55adef29aa3d126fe936b0b8cca50d2d7a28', x: "156.244", y: "148.338", width: "4.11711", height: "4.11711", fill: "white", stroke: "#C8C9CC", "stroke-width": "0.823422" }), h("g", { key: '0740b34738247e0c6ba92f8c305af6393a2f0d13', filter: "url(#filter2_dd_6680_546458)" }, h("g", { key: '67a86dc107e62cd42374a13a4e3605e92e57db73', filter: "url(#filter3_d_6680_546458)" }, h("path", { key: 'ff9e94cd84ba2856924abb6e5728c2387c5af494', d: "M140.393 135.369V158.732L145.097 154.164L148.387 161.955L153.646 159.716L150.582 152.319H157.303L140.393 135.369Z", fill: "white" })), h("path", { key: '8d15be9131829d357b7f5dc1dc488d2c94db0d04', d: "M141.852 155.205V138.884L153.764 150.822H148.375L151.701 158.726L149.011 159.855L145.554 151.632L141.852 155.205Z", fill: "black" })), h("path", { key: '6665307fe92274a3b692f2f44b15a70afe42ab5e', d: "M7.32311 188.027C6.55321 188.027 5.89653 187.882 5.35307 187.592C4.80961 187.293 4.34767 186.886 3.96725 186.37L4.80961 185.663C5.14475 186.107 5.51611 186.446 5.9237 186.682C6.3313 186.908 6.81135 187.022 7.36387 187.022C8.04319 187.022 8.55948 186.859 8.91272 186.533C9.27503 186.206 9.45618 185.772 9.45618 185.228C9.45618 184.775 9.32032 184.427 9.04859 184.182C8.77686 183.938 8.32851 183.743 7.70353 183.598L6.9291 183.421C6.05957 183.222 5.39383 182.923 4.93189 182.525C4.47901 182.117 4.25257 181.546 4.25257 180.813C4.25257 180.396 4.32956 180.025 4.48354 179.699C4.63752 179.372 4.85037 179.101 5.1221 178.883C5.40289 178.666 5.73349 178.503 6.11391 178.394C6.50339 178.277 6.9291 178.218 7.39104 178.218C8.10659 178.218 8.71799 178.349 9.22521 178.612C9.7415 178.874 10.1763 179.259 10.5295 179.766L9.67357 180.391C9.4109 180.029 9.09388 179.744 8.72251 179.536C8.35115 179.327 7.88921 179.223 7.3367 179.223C6.72983 179.223 6.24978 179.354 5.89653 179.617C5.55234 179.871 5.38025 180.256 5.38025 180.772C5.38025 181.225 5.52517 181.569 5.81501 181.804C6.11391 182.031 6.56227 182.212 7.16007 182.348L7.9345 182.525C8.86744 182.733 9.54223 183.05 9.95888 183.476C10.3755 183.901 10.5839 184.467 10.5839 185.174C10.5839 185.609 10.5069 186.003 10.3529 186.356C10.208 186.709 9.99511 187.008 9.71433 187.253C9.43354 187.497 9.08935 187.687 8.68176 187.823C8.28322 187.959 7.83034 188.027 7.32311 188.027ZM12.4459 177.81H13.5329V181.995H13.5872C13.7593 181.596 13.9993 181.279 14.3073 181.044C14.6243 180.808 15.0455 180.69 15.5708 180.69C16.2954 180.69 16.8661 180.926 17.2827 181.397C17.7084 181.859 17.9213 182.515 17.9213 183.367V187.864H16.8344V183.557C16.8344 182.298 16.3045 181.669 15.2448 181.669C15.0274 181.669 14.8145 181.696 14.6062 181.75C14.4069 181.804 14.2258 181.886 14.0627 181.995C13.8997 182.103 13.7684 182.244 13.6687 182.416C13.5782 182.579 13.5329 182.774 13.5329 183V187.864H12.4459V177.81ZM20.7114 179.209C20.4759 179.209 20.3038 179.155 20.1951 179.046C20.0955 178.929 20.0457 178.779 20.0457 178.598V178.421C20.0457 178.24 20.0955 178.095 20.1951 177.987C20.3038 177.869 20.4759 177.81 20.7114 177.81C20.9469 177.81 21.1145 177.869 21.2141 177.987C21.3228 178.095 21.3771 178.24 21.3771 178.421V178.598C21.3771 178.779 21.3228 178.929 21.2141 179.046C21.1145 179.155 20.9469 179.209 20.7114 179.209ZM20.1679 180.853H21.2549V187.864H20.1679V180.853ZM23.945 181.804H22.8037V180.853H23.945V179.44C23.945 178.951 24.0718 178.557 24.3254 178.258C24.579 177.959 24.964 177.81 25.4802 177.81H26.54V178.761H25.0319V180.853H26.54V181.804H25.0319V187.864H23.945V181.804ZM29.5184 187.864C29.138 187.864 28.8481 187.76 28.6489 187.552C28.4587 187.334 28.3635 187.053 28.3635 186.709V181.804H27.2087V180.853H27.8608C28.0963 180.853 28.2549 180.808 28.3364 180.718C28.4269 180.618 28.4722 180.45 28.4722 180.215V178.911H29.4505V180.853H30.9857V181.804H29.4505V186.913H30.877V187.864H29.5184ZM36.0523 187.864V178.381H39.8294C40.6808 178.381 41.3329 178.625 41.7858 179.114C42.2477 179.594 42.4787 180.256 42.4787 181.098C42.4787 181.94 42.2477 182.606 41.7858 183.095C41.3329 183.575 40.6808 183.815 39.8294 183.815H37.1936V187.864H36.0523ZM37.1936 182.81H39.8294C40.2822 182.81 40.631 182.692 40.8755 182.457C41.1291 182.221 41.2559 181.886 41.2559 181.451V180.745C41.2559 180.31 41.1291 179.975 40.8755 179.739C40.631 179.504 40.2822 179.386 39.8294 179.386H37.1936V182.81ZM46.5671 188.027C46.0961 188.027 45.6658 187.941 45.2764 187.769C44.8869 187.597 44.5517 187.352 44.271 187.035C43.9992 186.709 43.7864 186.324 43.6324 185.88C43.4784 185.428 43.4014 184.92 43.4014 184.359C43.4014 183.806 43.4784 183.303 43.6324 182.851C43.7864 182.398 43.9992 182.013 44.271 181.696C44.5517 181.37 44.8869 181.121 45.2764 180.949C45.6658 180.776 46.0961 180.69 46.5671 180.69C47.0381 180.69 47.4638 180.776 47.8442 180.949C48.2337 181.121 48.5688 181.37 48.8496 181.696C49.1304 182.013 49.3478 182.398 49.5017 182.851C49.6557 183.303 49.7327 183.806 49.7327 184.359C49.7327 184.92 49.6557 185.428 49.5017 185.88C49.3478 186.324 49.1304 186.709 48.8496 187.035C48.5688 187.352 48.2337 187.597 47.8442 187.769C47.4638 187.941 47.0381 188.027 46.5671 188.027ZM46.5671 187.062C47.1558 187.062 47.6359 186.881 48.0072 186.519C48.3786 186.157 48.5643 185.604 48.5643 184.861V183.856C48.5643 183.113 48.3786 182.561 48.0072 182.198C47.6359 181.836 47.1558 181.655 46.5671 181.655C45.9783 181.655 45.4983 181.836 45.1269 182.198C44.7555 182.561 44.5699 183.113 44.5699 183.856V184.861C44.5699 185.604 44.7555 186.157 45.1269 186.519C45.4983 186.881 45.9783 187.062 46.5671 187.062ZM53.6262 188.027C52.974 188.027 52.4261 187.905 51.9822 187.66C51.5475 187.407 51.1716 187.071 50.8546 186.655L51.629 186.03C51.9007 186.374 52.2041 186.641 52.5393 186.831C52.8744 187.013 53.2639 187.103 53.7077 187.103C54.1696 187.103 54.5274 187.004 54.781 186.804C55.0437 186.605 55.175 186.324 55.175 185.962C55.175 185.69 55.0845 185.459 54.9033 185.269C54.7312 185.07 54.4142 184.934 53.9523 184.861L53.3952 184.78C53.0691 184.735 52.7702 184.667 52.4985 184.576C52.2268 184.476 51.9868 184.35 51.7784 184.196C51.5792 184.033 51.4207 183.833 51.3029 183.598C51.1942 183.362 51.1399 183.082 51.1399 182.756C51.1399 182.411 51.2033 182.112 51.3301 181.859C51.4569 181.596 51.629 181.379 51.8464 181.207C52.0728 181.035 52.34 180.908 52.648 180.826C52.9559 180.736 53.2865 180.69 53.6398 180.69C54.2104 180.69 54.6859 180.79 55.0664 180.989C55.4558 181.189 55.7955 181.465 56.0853 181.818L55.3653 182.47C55.2113 182.253 54.9848 182.058 54.6859 181.886C54.387 181.705 54.0111 181.614 53.5583 181.614C53.1054 181.614 52.7612 181.714 52.5257 181.913C52.2992 182.103 52.186 182.366 52.186 182.701C52.186 183.045 52.2992 183.294 52.5257 183.448C52.7612 183.602 53.0963 183.716 53.5311 183.788L54.0745 183.87C54.8535 183.987 55.406 184.214 55.7321 184.549C56.0582 184.875 56.2212 185.305 56.2212 185.84C56.2212 186.519 55.9902 187.053 55.5283 187.443C55.0664 187.832 54.4323 188.027 53.6262 188.027ZM58.6845 179.209C58.449 179.209 58.2769 179.155 58.1682 179.046C58.0686 178.929 58.0188 178.779 58.0188 178.598V178.421C58.0188 178.24 58.0686 178.095 58.1682 177.987C58.2769 177.869 58.449 177.81 58.6845 177.81C58.92 177.81 59.0876 177.869 59.1872 177.987C59.2959 178.095 59.3502 178.24 59.3502 178.421V178.598C59.3502 178.779 59.2959 178.929 59.1872 179.046C59.0876 179.155 58.92 179.209 58.6845 179.209ZM58.141 180.853H59.2279V187.864H58.141V180.853ZM63.0865 187.864C62.7061 187.864 62.4162 187.76 62.217 187.552C62.0268 187.334 61.9317 187.053 61.9317 186.709V181.804H60.7768V180.853H61.429C61.6645 180.853 61.823 180.808 61.9045 180.718C61.9951 180.618 62.0403 180.45 62.0403 180.215V178.911H63.0186V180.853H64.5538V181.804H63.0186V186.913H64.4451V187.864H63.0865ZM66.8443 179.209C66.6088 179.209 66.4367 179.155 66.328 179.046C66.2284 178.929 66.1786 178.779 66.1786 178.598V178.421C66.1786 178.24 66.2284 178.095 66.328 177.987C66.4367 177.869 66.6088 177.81 66.8443 177.81C67.0798 177.81 67.2474 177.869 67.347 177.987C67.4557 178.095 67.5101 178.24 67.5101 178.421V178.598C67.5101 178.779 67.4557 178.929 67.347 179.046C67.2474 179.155 67.0798 179.209 66.8443 179.209ZM66.3009 180.853H67.3878V187.864H66.3009V180.853ZM72.3468 188.027C71.8758 188.027 71.4456 187.941 71.0561 187.769C70.6666 187.597 70.3315 187.352 70.0507 187.035C69.779 186.709 69.5661 186.324 69.4122 185.88C69.2582 185.428 69.1812 184.92 69.1812 184.359C69.1812 183.806 69.2582 183.303 69.4122 182.851C69.5661 182.398 69.779 182.013 70.0507 181.696C70.3315 181.37 70.6666 181.121 71.0561 180.949C71.4456 180.776 71.8758 180.69 72.3468 180.69C72.8178 180.69 73.2435 180.776 73.624 180.949C74.0134 181.121 74.3486 181.37 74.6294 181.696C74.9102 182.013 75.1275 182.398 75.2815 182.851C75.4355 183.303 75.5125 183.806 75.5125 184.359C75.5125 184.92 75.4355 185.428 75.2815 185.88C75.1275 186.324 74.9102 186.709 74.6294 187.035C74.3486 187.352 74.0134 187.597 73.624 187.769C73.2435 187.941 72.8178 188.027 72.3468 188.027ZM72.3468 187.062C72.9356 187.062 73.4156 186.881 73.787 186.519C74.1584 186.157 74.3441 185.604 74.3441 184.861V183.856C74.3441 183.113 74.1584 182.561 73.787 182.198C73.4156 181.836 72.9356 181.655 72.3468 181.655C71.7581 181.655 71.278 181.836 70.9067 182.198C70.5353 182.561 70.3496 183.113 70.3496 183.856V184.861C70.3496 185.604 70.5353 186.157 70.9067 186.519C71.278 186.881 71.7581 187.062 72.3468 187.062ZM77.3001 187.864V180.853H78.387V181.995H78.4413C78.6134 181.596 78.8535 181.279 79.1614 181.044C79.4784 180.808 79.8996 180.69 80.425 180.69C81.1496 180.69 81.7202 180.926 82.1368 181.397C82.5626 181.859 82.7754 182.515 82.7754 183.367V187.864H81.6885V183.557C81.6885 182.298 81.1586 181.669 80.0989 181.669C79.8815 181.669 79.6686 181.696 79.4603 181.75C79.261 181.804 79.0799 181.886 78.9169 181.995C78.7538 182.103 78.6225 182.244 78.5228 182.416C78.4323 182.579 78.387 182.774 78.387 183V187.864H77.3001ZM88.2329 177.81H89.3198V181.995H89.3742C89.5553 181.551 89.818 181.225 90.1622 181.016C90.5154 180.799 90.9366 180.69 91.4257 180.69C91.8605 180.69 92.2545 180.776 92.6078 180.949C92.961 181.121 93.2599 181.365 93.5045 181.682C93.7581 181.999 93.9483 182.384 94.0751 182.837C94.211 183.29 94.2789 183.797 94.2789 184.359C94.2789 184.92 94.211 185.428 94.0751 185.88C93.9483 186.333 93.7581 186.718 93.5045 187.035C93.2599 187.352 92.961 187.597 92.6078 187.769C92.2545 187.941 91.8605 188.027 91.4257 188.027C90.4747 188.027 89.7908 187.592 89.3742 186.723H89.3198V187.864H88.2329V177.81ZM91.1268 187.049C91.7428 187.049 92.2273 186.859 92.5806 186.478C92.9338 186.089 93.1105 185.581 93.1105 184.957V183.761C93.1105 183.136 92.9338 182.633 92.5806 182.253C92.2273 181.863 91.7428 181.669 91.1268 181.669C90.8823 181.669 90.6468 181.705 90.4203 181.777C90.203 181.841 90.0127 181.931 89.8497 182.049C89.6867 182.167 89.5553 182.312 89.4557 182.484C89.3651 182.647 89.3198 182.823 89.3198 183.014V185.622C89.3198 185.849 89.3651 186.052 89.4557 186.234C89.5553 186.406 89.6867 186.555 89.8497 186.682C90.0127 186.8 90.203 186.89 90.4203 186.954C90.6468 187.017 90.8823 187.049 91.1268 187.049ZM100.368 180.853H101.442L98.3031 189.494C98.2216 189.703 98.1401 189.875 98.0586 190.011C97.9771 190.156 97.8774 190.269 97.7597 190.35C97.6419 190.432 97.4925 190.491 97.3113 190.527C97.1392 190.563 96.9264 190.581 96.6728 190.581H96.1157V189.63H97.2162L97.7461 188.136L95.1239 180.853H96.2108L97.8955 185.622L98.2216 186.764H98.2896L98.67 185.622L100.368 180.853ZM106.079 187.864V186.859H108.729V179.223H108.634L106.242 181.451L105.577 180.731L108.09 178.381H109.87V186.859H112.316V187.864H106.079ZM114.185 180.853H115.272V181.995H115.326C115.508 181.551 115.77 181.225 116.114 181.016C116.468 180.799 116.889 180.69 117.378 180.69C117.813 180.69 118.207 180.776 118.56 180.949C118.913 181.121 119.212 181.365 119.457 181.682C119.71 181.999 119.901 182.384 120.027 182.837C120.163 183.29 120.231 183.797 120.231 184.359C120.231 184.92 120.163 185.428 120.027 185.88C119.901 186.333 119.71 186.718 119.457 187.035C119.212 187.352 118.913 187.597 118.56 187.769C118.207 187.941 117.813 188.027 117.378 188.027C116.427 188.027 115.743 187.592 115.326 186.723H115.272V190.581H114.185V180.853ZM117.079 187.049C117.695 187.049 118.18 186.859 118.533 186.478C118.886 186.089 119.063 185.581 119.063 184.957V183.761C119.063 183.136 118.886 182.633 118.533 182.253C118.18 181.863 117.695 181.669 117.079 181.669C116.835 181.669 116.599 181.705 116.373 181.777C116.155 181.841 115.965 181.931 115.802 182.049C115.639 182.167 115.508 182.312 115.408 182.484C115.317 182.647 115.272 182.823 115.272 183.014V185.622C115.272 185.849 115.317 186.052 115.408 186.234C115.508 186.406 115.639 186.555 115.802 186.682C115.965 186.8 116.155 186.89 116.373 186.954C116.599 187.017 116.835 187.049 117.079 187.049ZM121.038 187.864L123.633 184.332L121.146 180.853H122.423L124.203 183.462H124.244L126.092 180.853H127.301L124.828 184.25L127.355 187.864H126.078L124.258 185.12H124.217L122.247 187.864H121.038Z", fill: "#F7F8FA" }), h("g", { key: 'ce2fcfe0ca7650682e1fe9a22145a7058ea45e40', filter: "url(#filter4_d_6680_546458)" }, h("path", { key: '38afd132f1edc140fd3c3bb64723c786260ca84f', d: "M24.637 217.478C24.4981 217.478 24.39 217.536 24.2433 217.609L19.4881 219.913C19.1986 220.056 19.106 220.187 19.106 220.373C19.106 220.554 19.1986 220.685 19.4881 220.828L24.2433 223.132C24.3939 223.206 24.502 223.264 24.6409 223.264C24.8918 223.264 25.0462 223.071 25.0462 222.774V217.968C25.0462 217.671 24.8879 217.478 24.637 217.478Z", fill: "#F7F8FA" }), h("path", { key: '38f2eece0af61cd26c0ee269b2490a9076c802b8', d: "M38.3097 201.355C40.4414 201.355 42.1691 203.084 42.1691 205.216V234.858C42.1691 236.99 40.4414 238.719 38.3097 238.719H6.69057C4.55886 238.719 2.83022 236.99 2.83022 234.858V205.216C2.83022 203.084 4.55886 201.355 6.69057 201.355H38.3097Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: 'd166384c3d58dcaa33eb6f593ffc898503234dab', filter: "url(#filter5_d_6680_546458)" }, h("path", { key: '55da16f3a31ba8b3d36a7619a90e2ec0627db8ca', d: "M66.9725 223.264C67.1076 223.264 67.2157 223.206 67.3623 223.132L72.1176 220.828C72.4071 220.685 72.4997 220.554 72.4997 220.373C72.4997 220.187 72.4071 220.056 72.1176 219.913L67.3623 217.609C67.2118 217.536 67.1037 217.478 66.9686 217.478C66.7139 217.478 66.5556 217.671 66.5556 217.968L66.5595 222.774C66.5595 223.071 66.7178 223.264 66.9725 223.264Z", fill: "#F7F8FA" }), h("path", { key: '26fab148db938da4578751d6acd4c78c0d1b1417', d: "M85.5741 201.355C87.7058 201.355 89.4335 203.084 89.4335 205.216V234.858C89.4335 236.99 87.7058 238.719 85.5741 238.719H53.955C51.8233 238.719 50.0946 236.99 50.0946 234.858V205.216C50.0946 203.084 51.8233 201.355 53.955 201.355H85.5741Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '4c680e03228ab23878c766c625dc79ba8181c340', filter: "url(#filter6_d_6680_546458)" }, h("path", { key: '7cef995f55d9306dfa0d8947767b20ea9f5c57d6', d: "M119.59 222.928C119.59 222.793 119.533 222.685 119.459 222.538L117.155 217.779C117.012 217.493 116.881 217.401 116.696 217.401C116.514 217.401 116.383 217.493 116.24 217.779L113.936 222.538C113.863 222.685 113.805 222.793 113.805 222.932C113.805 223.187 113.998 223.341 114.295 223.341H119.096C119.397 223.341 119.59 223.183 119.59 222.928Z", fill: "#F7F8FA" }), h("path", { key: 'ccbe29dc3d208145d84417a9462f49cde26c4650', d: "M132.839 201.355C134.97 201.355 136.698 203.084 136.698 205.216V234.858C136.698 236.99 134.97 238.719 132.839 238.719H101.219C99.0877 238.719 97.359 236.99 97.359 234.858V205.216C97.359 203.084 99.0877 201.355 101.219 201.355H132.839Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("g", { key: '038d0e224f07083a2ff82ca5b070d8d46145c096', filter: "url(#filter7_d_6680_546458)" }, h("path", { key: 'b08febd270a3c83bcfc986a19e0b072c5166431f', d: "M166.855 217.814C166.855 217.559 166.662 217.401 166.361 217.401H161.559C161.262 217.401 161.069 217.555 161.069 217.81C161.069 217.949 161.127 218.057 161.2 218.204L163.505 222.963C163.647 223.248 163.779 223.341 163.96 223.341C164.145 223.341 164.277 223.248 164.419 222.963L166.724 218.204C166.797 218.057 166.855 217.949 166.855 217.814Z", fill: "#F7F8FA" }), h("path", { key: '6230163bf421f538f754f666e9eb481d70666ab7', d: "M180.103 201.355C182.235 201.355 183.962 203.084 183.962 205.216V234.858C183.962 236.99 182.235 238.719 180.103 238.719H148.484C146.352 238.719 144.623 236.99 144.623 234.858V205.216C144.623 203.084 146.352 201.355 148.484 201.355H180.103Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), h("defs", { key: 'c3c92e4f8704eb4b94b71f6ed9008e1613503885' }, h("filter", { key: 'c8c2ba6a5c279ff35266accdbd6a77c9fbc2a228', id: "filter0_d_6680_546458", x: "5.98431e-05", y: "25.7933", width: "44.9993", height: "43.0231", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '948e88f3d4edaad29acf62db4e5e2041302fe51b', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'ce6f1c4c4ad8dadcaa2c7f3ad12469777948fe1b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'de9135bcd46c9d6776c773579350416f5c6423d0', dy: "1.13219" }), h("feGaussianBlur", { key: 'fe5398725cc709905efe13b8a6803a8dd1bd8f67', stdDeviation: "1.13219" }), h("feColorMatrix", { key: '5dc25bb3036bb52cb9016334394b5d80048b3f03', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '6e31e51205c46a61b34046bdb280b36c4d200201', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '8ac6f5922056eaf2733bafe100164b7193584b07', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '482c840c0ab37d13cb183df5a2fa9e453b1f7e4f', id: "filter1_d_6680_546458", x: "9.53674e-06", y: "112.725", width: "59.4922", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'f2abd4e5c8b465d75c3450c8ae71a71ee7d97fb9', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '892d480a2912139b8a100f85ca4c624213a6e7bd', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '1a58db7942dbb076e12bf44b1234620823843933', dy: "1.13221" }), h("feGaussianBlur", { key: '7840fb8090ebb91b1c2d29a0c6fbb834c0545636', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '8594649f9bb49769d5e8cfbf2a3a0359ea2b0a6e', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'fe3bb8e8a087e3d04c1ca07bcd9e46c269250d0b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '7546f8500d80430649268f0e09b95dc9510c4fc1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '217442ed3d27f068509046c2edec63a7e3885969', id: "filter2_dd_6680_546458", x: "130.543", y: "132.312", width: "30.156", height: "39.4931", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '73680ce1061f2c3e4f781611e18b52cdfc7ac507', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a0b2aa1f2118166f7d904e717eb97e75191c7a60', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '763c899e8045929fe066563bde043137e4197511', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_6680_546458" }), h("feOffset", { key: '95487052c8f1a81ff89880ec94d9eb8e4c8ed577', dy: "2.26441" }), h("feGaussianBlur", { key: 'fd54ef38cef102b00ce18e72c03c3879ff7aba51', stdDeviation: "2.26441" }), h("feColorMatrix", { key: '4fcaa87e01ee088cea3227dd8c99aa76b50465a7', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }), h("feBlend", { key: '025b3f6a990999a6e0ef68f1af5077f1fef69006', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feColorMatrix", { key: '6f01625bfc10470e2a97f2b1f40dc72c556186e8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'b06413722434a29252ce93f11082e5a531f46dd8', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_6680_546458" }), h("feOffset", { key: 'bb3183b505d8e3e85785368fbd8e50262367af0b', dx: "-3.39662", dy: "3.39662" }), h("feGaussianBlur", { key: '7b7dc5ce24aac3d62a805d52eecfca9efed25aab', stdDeviation: "3.79289" }), h("feColorMatrix", { key: '706fcd8b4f002f316a183d75a30ec731eea5b5f1', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), h("feBlend", { key: '6e12c07fd99cad86e50be05829ca6a0b3e3e8e2b', mode: "normal", in2: "effect1_dropShadow_6680_546458", result: "effect2_dropShadow_6680_546458" }), h("feBlend", { key: 'e69f49490356948887a89e689f42cd6499877ad1', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '6b694d6d41f722ebb943342655889ff165e5d2ce', id: "filter3_d_6680_546458", x: "136.997", y: "133.104", width: "23.7025", height: "33.3792", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '9fee09744dddc83ed0079b78c0816767cbc24e7e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '5d8a531927fd35a55bfb0d17e7faf75fc4357291', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '064a3139b64b2bf645640dc43ff507d20860a379', dy: "1.13221" }), h("feGaussianBlur", { key: 'f9c671668ea2bb53452e5dafa908e5f31c050f15', stdDeviation: "1.69831" }), h("feColorMatrix", { key: '441ed9987e89f213002f3053b777aff8eb199b9d', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" }), h("feBlend", { key: 'c8d1dbae769c94e4eedcebd197a23a2a50b869c2', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: 'ad1994f76aba12b2ad315b8a16214a4b412f92d1', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: 'f3bc87fb9ac43e21b6b255a277a064c044ac8722', id: "filter4_d_6680_546458", x: "9.53674e-06", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '7b4b97313cf76b386b3ada3f4688a29b5db2f89c', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '144afbf58adfaee643174ddf04feac9cf1d4dd8f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '5df804ed65625d36a502d24fbd49c6081ae03c19', dy: "1.13221" }), h("feGaussianBlur", { key: '5ca97df1917d4c90f2544cb652138109637a8cb8', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'fd5a0faa01b91e0b6a72b516f0dff15f42748124', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '0103fcb4ce50aa081028252ae5655ecd7c1326f6', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '55f90ec6afa93ff96edbbbac121af4b77f064d3a', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '05215e37ff49d5dc5e03ddc9fa3e6100dfb287c9', id: "filter5_d_6680_546458", x: "47.2644", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'b0d22d441299344cab31447d6d0e3c40d20c7dff', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '2a4c1b74b377ab49037523396115d93f95b90596', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: 'ff983c1cd20d8a2be5c506bcb0678b9d608efc98', dy: "1.13221" }), h("feGaussianBlur", { key: '1a48545ea6fa3e4ade708b4000527f49ca5d3269', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '75eb3556a3a951728ee6521f974794e045075b33', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: 'ded47f7a51c015987e252b1aef1dff05688bb8b2', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '25a75c9c1937564880ba2cb322f47a072b96fb98', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '07ad0fc5d12316bd3b823d1af18bb97b99d2a899', id: "filter6_d_6680_546458", x: "94.5288", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1d1dc1786c8696980d6e6292d28e5addf8d41d0d', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'b3d297a01cd2572dbc6c5e3e005979ad3bdee388', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '670fdc0cd5ac36ccdf310d9460796d325414d0ba', dy: "1.13221" }), h("feGaussianBlur", { key: '7595cc5b2ab87b527f42ba52bd72ea1d4760623a', stdDeviation: "1.13221" }), h("feColorMatrix", { key: 'a63a73109510e5107d13e801c94ed7a387c5ec1a', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '216f8a1c8aa64e62793b36df41a07041e98a1875', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '96e2e5aca0f9c61b224e614dc32ad461a83de85f', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), h("filter", { key: '42b67c317a95775a09f161c46e6f7aef5ed0c0b6', id: "filter7_d_6680_546458", x: "141.793", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'a1ec3e9a4f5c93c31e068a348ca970380333ae1c', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'b0865d96b4241aeea2874714b7140b6a56e00228', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feOffset", { key: '940f3c9645c52df7de96a538d1f8be83482b4678', dy: "1.13221" }), h("feGaussianBlur", { key: '20dd0c3d91d4be3d5dab20d8d54c016468a6f340', stdDeviation: "1.13221" }), h("feColorMatrix", { key: '5f4ae7f89cac50ebb528afd88617bf361e925c13', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), h("feBlend", { key: '320eb1ba5e959329829e597f9fb7cd956214d391', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), h("feBlend", { key: '2dafd20cbf910dc96b248d97bbb53617a72fca14', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })))), h("slot", { key: 'f548d94a5e64f3deb74f3c6a5d3f5f323a546ee6' })));
|
|
35437
35505
|
}
|
|
35438
35506
|
};
|
|
35439
35507
|
LsKeyboardShortcuts.style = lsKeyboardShortcutsCss;
|
|
@@ -35445,7 +35513,7 @@ const LsPageLoader = class {
|
|
|
35445
35513
|
registerInstance(this, hostRef);
|
|
35446
35514
|
}
|
|
35447
35515
|
render() {
|
|
35448
|
-
return (h(Host, { key: '
|
|
35516
|
+
return (h(Host, { key: 'ce2846cf98da6e1273d3ef5ec66567401d6bb9da' }, h("div", { key: 'c179a9e73133133e2e5b39544e7e14f92ef82ac3', class: 'loading-animation' }, h("svg", { key: '2846571a36b79d5c62fe83562dde4342b2f2ccea', class: "block w-full h-full", fill: "none", preserveAspectRatio: "none", viewBox: "0 0 20 20" }, h("g", { key: 'c8580d956381b023321a6dc5713b439d7a23cc42', id: "Icon/solid/logo" }, h("g", { key: 'ede7e0885fa03619735131d843e46bbc92093062', id: "Icon" }, h("path", { key: '6dbab93436d67da6d8df6b0189bf702ba4e18685', class: "classic-sequential-front", d: "M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z", fill: "currentColor" }), h("path", { key: '8f2273900216d193d15ebce5b5edb05e92b1f9c0', class: "classic-sequential-middle", d: "M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z", fill: "currentColor" }), h("path", { key: 'b76ec8669abe54d7024ae68489d6abd9a2fdd85d', class: "classic-sequential-back", d: "M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z", fill: "currentColor" })))), h("style", { key: '77d8556526d6c9ce5e3625b6bf05a4d40d24ace3' }, `
|
|
35449
35517
|
@keyframes classic-sequential-back {
|
|
35450
35518
|
0% { opacity: 0; transform: scale(0.3); }
|
|
35451
35519
|
2% { opacity: 0.3; transform: scale(0.5); }
|
|
@@ -35514,20 +35582,20 @@ const LsPageLoader = class {
|
|
|
35514
35582
|
animation: classic-sequential-front 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
|
|
35515
35583
|
transform-origin: center;
|
|
35516
35584
|
}
|
|
35517
|
-
`)), h("slot", { key: '
|
|
35585
|
+
`)), h("slot", { key: 'cf13753875ca4d9a9327f9df1dd4315121d49bc3' })));
|
|
35518
35586
|
}
|
|
35519
35587
|
};
|
|
35520
35588
|
LsPageLoader.style = lsPageLoaderCss;
|
|
35521
35589
|
|
|
35522
|
-
const lsParticipantCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
35590
|
+
const lsParticipantCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
35523
35591
|
|
|
35524
35592
|
const LsParticipantCard = class {
|
|
35525
35593
|
constructor(hostRef) {
|
|
35526
35594
|
registerInstance(this, hostRef);
|
|
35527
|
-
this.mutate = createEvent(this, "mutate");
|
|
35528
|
-
this.update = createEvent(this, "update");
|
|
35529
|
-
this.opened = createEvent(this, "opened");
|
|
35530
|
-
this.addParticipant = createEvent(this, "addParticipant");
|
|
35595
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
35596
|
+
this.update = createEvent(this, "update", 7);
|
|
35597
|
+
this.opened = createEvent(this, "opened", 7);
|
|
35598
|
+
this.addParticipant = createEvent(this, "addParticipant", 7);
|
|
35531
35599
|
}
|
|
35532
35600
|
get component() { return getElement(this); }
|
|
35533
35601
|
signer;
|
|
@@ -35579,36 +35647,36 @@ const LsParticipantCard = class {
|
|
|
35579
35647
|
render() {
|
|
35580
35648
|
const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) || [];
|
|
35581
35649
|
const child = this.template.roles.find(r => r.signerParent === this.signer.id);
|
|
35582
|
-
return (h(Host, { key: '
|
|
35650
|
+
return (h(Host, { key: '566dadf0ccdcd48bb8e84d23c1feb07992c7138b' }, h("div", { key: '6b46022f975c0387f9a7c2218cdc590fe70acea9', class: 'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card'), style: {
|
|
35583
35651
|
background: defaultRolePalette[this.signer?.signerIndex % 100].s10,
|
|
35584
35652
|
border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,
|
|
35585
35653
|
marginTop: this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',
|
|
35586
35654
|
}, onMouseEnter: e => e.currentTarget.querySelector('.button-set')?.classList.remove('hidden'), onMouseLeave: e => e.currentTarget.querySelector('.button-set')?.classList.add('hidden'), onDblClick: () => {
|
|
35587
35655
|
this.editable = true;
|
|
35588
|
-
} }, h("div", { key: '
|
|
35656
|
+
} }, h("div", { key: 'bbeb8181d6fd53b2aa58b259d20f3936b4c2d637', class: 'participant-card-inner' }, h("div", { key: '144afaef4217215b305129a0a7a5ee5fb56d1c2c', class: 'participant-card-top-items' }, h("div", { key: 'eac90e844ac71a8da3be8514c7d6312551159b05', class: 'role-label', style: {
|
|
35589
35657
|
background: defaultRolePalette[this.signer?.signerIndex % 100].s20,
|
|
35590
35658
|
color: defaultRolePalette[this.signer?.signerIndex % 100].s90,
|
|
35591
|
-
} }, h("ls-icon", { key: '
|
|
35659
|
+
} }, h("ls-icon", { key: '235ec0fae5d6239960875d2c6233767425c2451d', name: this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye' }), (this.signer?.ordinal || '')), h("div", { key: '1f107046c82ec315f38bf23f9eecef8a03a5d0da', class: 'button-set hidden' }, this.index > 0 && this.signer.roleType !== 'WITNESS' && (h("div", { key: 'f612e40da907cb2c8781478d531a380bdb8e45bf', class: "innerButton", onClick: () => {
|
|
35592
35660
|
this.swapHandler(this.signer, this.template.roles[this.index - 1]);
|
|
35593
35661
|
}, style: {
|
|
35594
35662
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
35595
35663
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
35596
|
-
}, "data-tooltip": "Move Up" }, h("ls-icon", { key: '
|
|
35664
|
+
}, "data-tooltip": "Move Up" }, h("ls-icon", { key: '6e636228b83b418175f0ff9d421481ee21bdc5dc', name: "arrow-up", size: "1.125rem" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (h("div", { key: '0af3434f272caeef661bcd7e7fc4a4e5f6a0247b', class: "innerButton", onClick: () => {
|
|
35597
35665
|
this.swapHandler(this.signer, this.template.roles[this.index + 1]);
|
|
35598
35666
|
}, style: {
|
|
35599
35667
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
35600
35668
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
35601
|
-
}, "data-tooltip": "Move Down" }, h("ls-icon", { key: '
|
|
35669
|
+
}, "data-tooltip": "Move Down" }, h("ls-icon", { key: '96ccf7537631af83a033569e950576e8da3098f4', name: "arrow-down", size: "1.125rem" }))), h("div", { key: '1621650800fbe8bb6fa99a59a572c3b6d492b4dd', class: "innerButton", onClick: () => {
|
|
35602
35670
|
this.editable = !this.editable;
|
|
35603
35671
|
}, style: {
|
|
35604
35672
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
35605
35673
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
35606
|
-
} }, h("ls-icon", { key: '
|
|
35674
|
+
} }, h("ls-icon", { key: '240e497042c41d35e311c5315653ae2b52e2808b', name: this.editable ? 'check' : 'pencil-alt', size: "1.125rem", "data-tooltip": this.editable ? "Save Changes" : "Edit Participant" })), h("div", { key: 'a08fc82ffe319408ada2d59a96d106cc0da89f49', class: "innerButton", onClick: () => {
|
|
35607
35675
|
this.deleteHandler(this.signer);
|
|
35608
35676
|
}, style: {
|
|
35609
35677
|
'--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
|
|
35610
35678
|
'--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
|
|
35611
|
-
}, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, h("ls-icon", { key: '
|
|
35679
|
+
}, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, h("ls-icon", { key: '62ebf9e23a55d0243a51249c4599bc03ead62807', name: "trash", size: "1.125rem" })))), this.editable ? (h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (h("ls-input-wrapper", { leadingIcon: "eye" }, h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
|
|
35612
35680
|
if (e.key === 'Enter' || e.keyCode === 13)
|
|
35613
35681
|
this.editable = false;
|
|
35614
35682
|
} }), this.signer?.roleType === 'SIGNER' && !child ? (h("button", { class: 'tertiary', onClick: () => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id }) }, h("ls-icon", { name: "plus", style: { marginRight: '0.25rem' } }), "Add Witness")) : this.signer?.roleType === 'SIGNER' && child ? (h("button", { class: 'destructive', onClick: () => {
|
|
@@ -35623,7 +35691,7 @@ const LsParticipantCard = class {
|
|
|
35623
35691
|
} }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (h("div", { class: 'role-label fields', style: {
|
|
35624
35692
|
background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,
|
|
35625
35693
|
color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,
|
|
35626
|
-
} }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "
|
|
35694
|
+
} }, participantFields.length === 0 && h("ls-icon", { name: "exclamation-circle", size: "1rem", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), h("slot", { key: 'e448c77938303f5ff85d190183c67cc74d1e081b' }), h("ls-tooltip", { key: 'baf26e5fdec56dcae46a7988d690f36b6bdfe459', id: "ls-tooltip-master" })));
|
|
35627
35695
|
}
|
|
35628
35696
|
static get watchers() { return {
|
|
35629
35697
|
"editable": ["modeHandler"]
|
|
@@ -35631,14 +35699,14 @@ const LsParticipantCard = class {
|
|
|
35631
35699
|
};
|
|
35632
35700
|
LsParticipantCard.style = lsParticipantCardCss;
|
|
35633
35701
|
|
|
35634
|
-
const lsParticipantManagerCss = ".label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}*{box-sizing:border-box;margin:0}.ls-editor-infobox{padding:
|
|
35702
|
+
const lsParticipantManagerCss = ".label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}*{box-sizing:border-box;margin:0}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.add-participant-button{position:sticky;display:flex;padding:0.75rem 0;margin-bottom:-0.75rem;margin-top:-0.75rem;bottom:-0.75rem;background-image:linear-gradient(to top, var(--gray-10, #f7f8fa) 0%, var(--gray-10, #f7f8fa) 80%, transparent 100%)}.add-participant-button button{display:flex;gap:0.75rem;justify-content:center;align-items:center;width:100%;border:2px dashed var(--gray-20, #edeff2);background:var(--white, #fff);color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
35635
35703
|
|
|
35636
35704
|
const LsParticipantManager = class {
|
|
35637
35705
|
constructor(hostRef) {
|
|
35638
35706
|
registerInstance(this, hostRef);
|
|
35639
|
-
this.mutate = createEvent(this, "mutate");
|
|
35640
|
-
this.update = createEvent(this, "update");
|
|
35641
|
-
this.addParticipant = createEvent(this, "addParticipant");
|
|
35707
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
35708
|
+
this.update = createEvent(this, "update", 7);
|
|
35709
|
+
this.addParticipant = createEvent(this, "addParticipant", 7);
|
|
35642
35710
|
}
|
|
35643
35711
|
get element() { return getElement(this); }
|
|
35644
35712
|
/**
|
|
@@ -35690,23 +35758,23 @@ const LsParticipantManager = class {
|
|
|
35690
35758
|
observer.observe(this.element.shadowRoot, { childList: true, subtree: true });
|
|
35691
35759
|
}
|
|
35692
35760
|
render() {
|
|
35693
|
-
return (h(Host, { key: '
|
|
35761
|
+
return (h(Host, { key: '301ef42d09bceef04c0e141f2d37118df0d66691' }, h("div", { key: 'e1ee87c782770385e14be1a5ec2f7de0fbf2dbb0', class: "ls-editor-infobox" }, h("h2", { key: '1d06c3bfc327ff5a3d99ad17ae6c23b4d13af07c', class: "toolbox-section-title" }, "Participants"), h("p", { key: 'c987dc7df8d13ee51cd7db2b8f18d198f664698f', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), h("div", { key: 'e1e1e119f09b892d09d2f32881b0d8015055d5e2', class: "participant-list" }, this.template &&
|
|
35694
35762
|
this.template?.roles.map((r, index) => {
|
|
35695
35763
|
return (h("ls-participant-card", { signer: r, index: index, template: this.template, onOpened: event => {
|
|
35696
35764
|
this.handleOpened.bind(this)(event);
|
|
35697
35765
|
}, onAddParticipant: event => this.handleOpenNewWitness(event) }));
|
|
35698
|
-
})), h("div", { key: '
|
|
35766
|
+
})), h("div", { key: '6b37ecdbd91f2d32eeee1e1357319661ab101514', class: 'add-participant-button' }, h("button", { key: '9a7dfe989b3d8b62fbdd5ac7ddd4f13019248927', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, h("ls-icon", { key: 'c742cd2ce372fa0c3b434b2f0ab632adc635dbba', name: "user-add", size: "1.25rem", color: "var(--gray-100, #45484D);" }), h("p", { key: '5bc451999fef2073419509bc23d1a75338e58ebc' }, "Add Participant"))), h("slot", { key: '92fc7a4dd675f613ee70d6148cb1b0f2f64e45f5' })));
|
|
35699
35767
|
}
|
|
35700
35768
|
};
|
|
35701
35769
|
LsParticipantManager.style = lsParticipantManagerCss;
|
|
35702
35770
|
|
|
35703
|
-
const lsParticipantSelectCss = ":host{display:inline-block}*{margin:0}.dropdown{display:flex;align-items:center;position:relative}.dropdown-header{border-radius:0.625rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.selected-role-label{display:flex;padding:0.125rem 0.375rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:0.75rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh;overflow-y:auto}.dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.5rem}.dropdown-item.selected,.dropdown-item.selected:hover{background:var(--background-selected, #e0e2e5)}.dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.add-participant-row{all:unset;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.5rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.plus-icon{color:var(--gray-40, #d8d9dc)}.role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.role-text{display:flex;flex-direction:column;width:100%}.dropdown-item .check-icon{color:var(--gray-40, #d8d9dc)}.dropdown-item.selected .check-icon{color:var(--check-icon-selected)}.role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.role-type{color:var(--gray-80, #787a80);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.dropdown-item.selected .role-name{color:var(--role-name-selected)}.dropdown-item.selected .role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
35771
|
+
const lsParticipantSelectCss = ":host{display:inline-block}*{margin:0}.dropdown{display:flex;align-items:center;position:relative}.dropdown-header{border-radius:0.625rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.selected-role-label{display:flex;padding:0.125rem 0.375rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:0.75rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh;overflow-y:auto}.dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.5rem}.dropdown-item.selected,.dropdown-item.selected:hover{background:var(--background-selected, #e0e2e5)}.dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.add-participant-row{all:unset;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.5rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.plus-icon{color:var(--gray-40, #d8d9dc)}.role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.role-text{display:flex;flex-direction:column;width:100%}.dropdown-item .check-icon{color:var(--gray-40, #d8d9dc)}.dropdown-item.selected .check-icon{color:var(--check-icon-selected)}.role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.role-type{color:var(--gray-80, #787a80);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.dropdown-item.selected .role-name{color:var(--role-name-selected)}.dropdown-item.selected .role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}.expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.5rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
35704
35772
|
|
|
35705
35773
|
const LsParticipantSelect = class {
|
|
35706
35774
|
constructor(hostRef) {
|
|
35707
35775
|
registerInstance(this, hostRef);
|
|
35708
|
-
this.roleChange = createEvent(this, "roleChange");
|
|
35709
|
-
this.addParticipant = createEvent(this, "addParticipant");
|
|
35776
|
+
this.roleChange = createEvent(this, "roleChange", 7);
|
|
35777
|
+
this.addParticipant = createEvent(this, "addParticipant", 7);
|
|
35710
35778
|
}
|
|
35711
35779
|
/**
|
|
35712
35780
|
* The id of the currently selected role.
|
|
@@ -35754,27 +35822,27 @@ const LsParticipantSelect = class {
|
|
|
35754
35822
|
this.addParticipant.emit({ type: 'SIGNER' });
|
|
35755
35823
|
}
|
|
35756
35824
|
render() {
|
|
35757
|
-
return (h(Host, { key: '
|
|
35825
|
+
return (h(Host, { key: '25af53a8a4650d760977001daa37b03c5101ecb8' }, h("div", { key: '319e571fae8c236d3f5f10b83e1433d020273b5b', class: "dropdown" }, h("div", { key: '68246a8eb38934ea5f14e1719b5fd0de18c15ecc', class: "dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: '8dd98df3ccfe7076dc2fc279d415807a50d68919', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f4486a5b2091bc6c12b1802e35f607216882ed5f', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: '13c789b9470dc4098bce7f281cdd4136c8569810', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: '6ff7a80e31fd10fb02dd06d93d4204ffdb551464', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: 'feb2bbadf74932a991e4011f3f03bb785745a48f', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: '2955ee01e397ae33eb545eeeebf2364ff1a7a082', class: 'placing-fields-text' }, "Placing Fields for"), h("div", { key: '6a906a8b3549f0313d2de5b9844026333a3a087e', class: 'selected-role-label', style: {
|
|
35758
35826
|
background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
|
|
35759
35827
|
color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
|
|
35760
|
-
} }, h("ls-icon", { key: '
|
|
35828
|
+
} }, h("ls-icon", { key: '7059bdc5ac56a51ee4ef2a11fd5a2ae7851062f8', size: "1.125rem", name: this.selectedRole?.roleType === 'SENDER'
|
|
35761
35829
|
? 'user'
|
|
35762
35830
|
: this.selectedRole?.roleType === 'APPROVER'
|
|
35763
35831
|
? 'check-circle'
|
|
35764
35832
|
: this.selectedRole?.roleType === 'WITNESS'
|
|
35765
35833
|
? 'eye'
|
|
35766
35834
|
: 'signature' }), this.selectedRole.name ||
|
|
35767
|
-
(this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '
|
|
35835
|
+
(this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), h("button", { key: '0483efb0903505ec239859c069e668aa0108ca58', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '6ca40387f001404569726a1ebc2e4f5338dc64ce', name: "chevron-down" }))), this.isOpen && (h("div", { key: '9106bd072fcd76f84398dcfeb0c3ced9e2ad0d39', class: "dropdown-list" }, h("div", { key: '6876b925d6e08131ffa81d88927c0e18082e2640', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
35768
35836
|
'--background-selected': defaultRolePalette[0].s10,
|
|
35769
35837
|
'--check-icon-selected': defaultRolePalette[0].s50,
|
|
35770
|
-
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: '
|
|
35838
|
+
}, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, h("div", { key: 'fe9d52da41a2d47e6e0e9a2dce9a626429c37c08', class: 'role-icon', style: {
|
|
35771
35839
|
background: defaultRolePalette[0].s50,
|
|
35772
35840
|
color: defaultRolePalette[0].s80,
|
|
35773
|
-
} }, h("ls-icon", { key: '
|
|
35841
|
+
} }, h("ls-icon", { key: '06e4ce3766af6f95b5c570bce9324a7fc8611e74', name: "user" })), h("div", { key: 'cbf02bde1289aea8c373d6d93026174e8a8e2665', class: 'role-text' }, h("p", { key: '48c01c946fa6f8179da02fa53f64f76ae1f04eb5', class: 'role-name', style: {
|
|
35774
35842
|
'--role-name-selected': defaultRolePalette[0].s80,
|
|
35775
|
-
} }, 'Sender'), h("p", { key: '
|
|
35843
|
+
} }, 'Sender'), h("p", { key: 'b160bda998d4f6efc977023b370b68e24089b974', class: 'role-type', style: {
|
|
35776
35844
|
'--role-type-selected': defaultRolePalette[0].s80,
|
|
35777
|
-
} }, "You")), h("ls-icon", { key: '
|
|
35845
|
+
} }, "You")), h("ls-icon", { key: 'a2529d78b09d633decdb28c15c2ba73f6e1696ee', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
|
|
35778
35846
|
'--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
|
|
35779
35847
|
'--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
|
|
35780
35848
|
}, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
|
|
@@ -35786,10 +35854,10 @@ const LsParticipantSelect = class {
|
|
|
35786
35854
|
'--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
|
|
35787
35855
|
} }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), h("p", { class: 'role-type', style: {
|
|
35788
35856
|
'--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
|
|
35789
|
-
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '
|
|
35857
|
+
} }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '84ce8377cb5c2601178b1e50a9b5def2486c0962', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
|
|
35790
35858
|
'--background-selected': defaultRolePalette[1].s10,
|
|
35791
35859
|
'--check-icon-selected': defaultRolePalette[1].s50,
|
|
35792
|
-
} }, h("div", { key: '
|
|
35860
|
+
} }, h("div", { key: '9c22a614f6018d01ce21a0aa4cbad6107d4369b8', class: 'add-participant-icon' }, h("ls-icon", { key: 'c7ab4dd2ff2551de73c57cb82044c7dd8f316b77', name: "user-add" })), h("div", { key: '79e464e49741bb6549745b9368a763ae436b4441', class: 'role-text' }, h("p", { key: '2293cf86abcee23195759ba7654be1bb351f471b', class: 'role-name' }, "Add Participant"), h("p", { key: '73b7331ac0ebff11ea067b98005241ed435de8d1', class: 'role-type' }, "Add a new Signer")), h("ls-icon", { key: 'b1e0c4be5fb1dfd211b936b7c2e378dbbcb067c8', class: 'plus-icon', name: "plus" }))))), h("slot", { key: '412f51ae8b531d044651dacf31bdad9ac0d0a71c' })));
|
|
35793
35861
|
}
|
|
35794
35862
|
static get watchers() { return {
|
|
35795
35863
|
"roles": ["handleRoleLoad"]
|
|
@@ -35807,18 +35875,18 @@ const LsPropsSection = class {
|
|
|
35807
35875
|
sectionDescription;
|
|
35808
35876
|
row = false;
|
|
35809
35877
|
render() {
|
|
35810
|
-
return (h(Host, { key: '
|
|
35878
|
+
return (h(Host, { key: '4b24bc2ccb0ee11c0d9cc1770ec0d1b239b924d5' }, h("div", { key: 'a92e48cf867e686ac84c3f3ce3945d3fc4d73811', class: this.row ? 'ls-field-properties-section row' : 'ls-field-properties-section' }, h("div", { key: '811c27c607c3611cc958a66fef19ae0fb124d6fd', class: 'ls-field-properties-section-text' }, h("p", { key: 'f4ccf988b97952f0d02cae2810dc134555807a5b', class: 'ls-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'a85216a0721e875f765ac82b46961ffe22788eb0', class: 'ls-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: 'e22f8f4565c5190273f079f88f3f9b3c7826c912' }))));
|
|
35811
35879
|
}
|
|
35812
35880
|
};
|
|
35813
35881
|
LsPropsSection.style = lsPropsSectionCss;
|
|
35814
35882
|
|
|
35815
|
-
const lsRecipientCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.75rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.dot{width:0.5rem;height:0.5rem;background:var(--red-50, #ff706b);border-radius:50%;margin-right:0.25rem}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1.5rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.fields-box{display:flex;flex-direction:column;gap:0.5rem;width:100%}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}.participant-card-text{padding:0 0.125rem 0.125rem 0.125rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
35883
|
+
const lsRecipientCardCss = ":host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.75rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;max-height:6.25rem;transition:max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;transform-origin:top}.participant-card.expand-up{transform-origin:bottom}.participant-card.expand-down{transform-origin:top}.participant-card.expanded{max-height:125rem;}.dot{width:0.5rem;height:0.5rem;background:var(--red-50, #ff706b);border-radius:50%;margin-right:0.25rem}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1.5rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.fields-box{display:flex;flex-direction:column;gap:0.5rem;width:100%}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}.participant-card-text{padding:0 0.125rem 0.125rem 0.125rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);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.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
35816
35884
|
|
|
35817
35885
|
const LsRecipientCard = class {
|
|
35818
35886
|
constructor(hostRef) {
|
|
35819
35887
|
registerInstance(this, hostRef);
|
|
35820
|
-
this.changeSigner = createEvent(this, "changeSigner");
|
|
35821
|
-
this.fieldSelected = createEvent(this, "fieldSelected");
|
|
35888
|
+
this.changeSigner = createEvent(this, "changeSigner", 7);
|
|
35889
|
+
this.fieldSelected = createEvent(this, "fieldSelected", 7);
|
|
35822
35890
|
}
|
|
35823
35891
|
get component() { return getElement(this); }
|
|
35824
35892
|
/**
|
|
@@ -35863,10 +35931,28 @@ const LsRecipientCard = class {
|
|
|
35863
35931
|
showTool(fieldFormType) {
|
|
35864
35932
|
return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
|
|
35865
35933
|
}
|
|
35934
|
+
cardRef;
|
|
35935
|
+
handleExpandCollapse() {
|
|
35936
|
+
if (!this.cardRef)
|
|
35937
|
+
return;
|
|
35938
|
+
const isActive = this.activeRecipient === this.recipient.signerIndex;
|
|
35939
|
+
if (isActive) {
|
|
35940
|
+
// Expand
|
|
35941
|
+
this.cardRef.style.maxHeight = this.cardRef.scrollHeight + 'px';
|
|
35942
|
+
}
|
|
35943
|
+
else {
|
|
35944
|
+
// Collapse
|
|
35945
|
+
this.cardRef.style.maxHeight = '6rem';
|
|
35946
|
+
}
|
|
35947
|
+
}
|
|
35948
|
+
componentDidLoad() {
|
|
35949
|
+
const isActive = this.activeRecipient === this.recipient.signerIndex;
|
|
35950
|
+
this.cardRef.style.maxHeight = isActive ? this.cardRef.scrollHeight + 'px' : '6rem';
|
|
35951
|
+
}
|
|
35866
35952
|
render() {
|
|
35867
35953
|
const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
|
|
35868
35954
|
const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
|
|
35869
|
-
return (h(Host, { key: '
|
|
35955
|
+
return (h(Host, { key: '73db66993569efdfabd969b04be37079990dcdd7' }, h("div", { key: 'c9feefb2baa574749e95982eb51195d3bfc5953c', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
|
|
35870
35956
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
|
|
35871
35957
|
border: `1px solid ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
|
|
35872
35958
|
outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
|
|
@@ -35878,31 +35964,34 @@ const LsRecipientCard = class {
|
|
|
35878
35964
|
this.setIsHovered(true);
|
|
35879
35965
|
}, onMouseLeave: () => {
|
|
35880
35966
|
this.setIsHovered(false);
|
|
35881
|
-
} }, h("div", { key: '
|
|
35967
|
+
} }, h("div", { key: 'ee10c615fc5de2c2b438763b258469102f547ece', class: 'participant-card-inner' }, h("div", { key: '63a3c7940d80ba6327ac8772787ac4d87087441c', class: 'participant-card-top-items' }, h("div", { key: '2ff71e60be37836581f9a19f336567e89489aacd', class: 'role-label', style: {
|
|
35882
35968
|
background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
|
|
35883
35969
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
|
|
35884
|
-
} }, h("ls-icon", { key: '
|
|
35970
|
+
} }, h("ls-icon", { key: 'a3166dc0869f0e80cd7760df4a8affaf159d930d', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), this.recipient?.roleType || 'Signer'), h("ls-icon", { key: '538560a7210cc2bc808a052c92604926b713c589', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), h("div", { key: '9cfa1fc270c0b317aff093dba3703af201afe249', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && recipientSignatures.length === 0 ? 'block' : 'none' } })), h("div", { key: '50e9dfee3480213b8dac424d824e2e9da45e91c3', class: 'participant-card-text' }, h("p", { key: '82359c07689d75b03c1093acb33f152197a08c31', class: "participant-text-description", style: {
|
|
35885
35971
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
|
|
35886
|
-
} }, this.recipient?.firstname + ' ' + this.recipient?.lastname), h("p", { key: '
|
|
35972
|
+
} }, this.recipient?.firstname + ' ' + this.recipient?.lastname), h("p", { key: '7626ea4908b8265cf9863515aa022a617d0ffeda', class: "participant-text-type", style: {
|
|
35887
35973
|
color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
|
|
35888
|
-
} }, this.recipient.email)),
|
|
35974
|
+
} }, this.recipient.email)), h("div", { key: 'ad48ea0ced45aff786e3c4ebf09ff4fb5c139a70', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && (h("ls-toolbox-field", { key: 'a157117b363235f63c4aeeec6f53a61debabf4b5', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { key: 'c35835b44207036f86711f21970297393e0592c7', elementType: "auto sign", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (h("ls-toolbox-field", { key: 'b4e61285e20b00e9e30caed38eb69fb18ec54b13', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { key: '948d200b0ec0b64424d7a2f87b0c3ca84d660f08', elementType: "signing date", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 30, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (h("ls-toolbox-field", { key: 'd5ca66a12059af8d07b2fdcf1e26cdab4b5594b0', elementType: "date", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 2, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (h("ls-toolbox-field", { key: '1b6dc3da6e12d85743bdafc70c0eac7a9daff307', elementType: "email", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (h("ls-toolbox-field", { key: '75fa5155a14c7d1bac867d5fc866e5a9eb73e0fa', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (h("ls-toolbox-field", { key: '92f677423aa7ddd9916e8ec26699a3a37e9418cc', elementType: "number", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (h("ls-toolbox-field", { key: '90f8fca76bc2e209ea79bf7aa3ddcad9ff5d0e81', elementType: "dropdown", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (h("ls-toolbox-field", { key: '5c00b34d43d9fb59ea8cc02ef07c4206a84252ca', elementType: "checkbox", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (h("ls-toolbox-field", { key: '8ef093fcd41fb60b5adb579d1be25917747638b1', elementType: "regex", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (h("ls-toolbox-field", { key: 'c6d8ece08563f7cf7165d7e524dcd0fb040f6ccb', elementType: "image", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (h("ls-toolbox-field", { key: '17771c03e7d35384312cc5a21541bec709121836', elementType: "file", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { key: '310aa9610a5e6f950de3e41a1efc42cb62f9cffe', elementType: "drawn", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), h("slot", { key: '0b42e749e43c6bf2d88cc1528ef9467ccfd4fce8' }), h("ls-tooltip", { key: '29610e97a48eab7813d122ffd3b3261d9d467660', id: "ls-tooltip-master" })));
|
|
35889
35975
|
}
|
|
35976
|
+
static get watchers() { return {
|
|
35977
|
+
"activeRecipient": ["handleExpandCollapse"]
|
|
35978
|
+
}; }
|
|
35890
35979
|
};
|
|
35891
35980
|
LsRecipientCard.style = lsRecipientCardCss;
|
|
35892
35981
|
|
|
35893
|
-
const lsRecipientManagerCss = ":host{display:block}*{margin:0}.ls-editor-infobox{padding:
|
|
35982
|
+
const lsRecipientManagerCss = ":host{display:block}*{margin:0}.ls-editor-infobox{padding:0.25rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;margin-bottom:0.375rem}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;margin-bottom:0.375rem}";
|
|
35894
35983
|
|
|
35895
35984
|
const LsRecipientManager = class {
|
|
35896
35985
|
constructor(hostRef) {
|
|
35897
35986
|
registerInstance(this, hostRef);
|
|
35898
35987
|
}
|
|
35899
35988
|
render() {
|
|
35900
|
-
return (h(Host, { key: '
|
|
35989
|
+
return (h(Host, { key: '9c6026c5d362b25b31f25e2588226d1e7bb9ca78' }, h("div", { key: 'f4e732260416beb3f01803a9c6f8d6fee22859ec', class: 'ls-editor-infobox' }, h("h2", { key: 'd622ae085cc3fee0cbca43bb045764080e5f6bc8', class: "toolbox-section-title" }, "Recipients & Fields"), h("p", { key: 'd75d89a00e6f977ea4cca32df089ad1862c016ce', class: "toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), h("slot", { key: '5dd8bd6a4a769540c21e75e01a7b8ec0431ea30c' })));
|
|
35901
35990
|
}
|
|
35902
35991
|
};
|
|
35903
35992
|
LsRecipientManager.style = lsRecipientManagerCss;
|
|
35904
35993
|
|
|
35905
|
-
const lsStatusbarCss = ":host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1rem}*{margin:0;padding:0;box-sizing:border-box}.status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}input[type=\"range\"]{-webkit-appearance:none;width:100%;height:
|
|
35994
|
+
const lsStatusbarCss = ":host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1rem}*{margin:0;padding:0;box-sizing:border-box}.status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}input[type=\"range\"]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #EDEFF2);border-radius:0.25rem;outline:none}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border-radius:50%;cursor:pointer}input[type=\"range\"]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border:none;border-radius:50%;cursor:pointer}input[type=\"range\"]::-moz-range-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}input[type=\"range\"]::-webkit-slider-runnable-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6c6e73);text-transform:capitalize}button.tertiaryGrey:hover{background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
35906
35995
|
|
|
35907
35996
|
const LsStatusbar = class {
|
|
35908
35997
|
constructor(hostRef) {
|
|
@@ -35947,21 +36036,67 @@ const LsStatusbar = class {
|
|
|
35947
36036
|
this.zoom = this.editor.zoom;
|
|
35948
36037
|
}
|
|
35949
36038
|
render() {
|
|
35950
|
-
return (h(Host, { key: '
|
|
36039
|
+
return (h(Host, { key: '46fecc601a9be83398f28ec84e6ecb9bf2c16e0e' }, h("div", { key: '5345a3d6aac3f9b354862b25de8cc85ce9578df9', class: 'controls-bar' }, h("div", { key: 'bb82d80870d6f2baf7619543d0983eab419b0524', class: 'status-bar-section' }, h("button", { key: '05dcb584b66d5d75bfaf70cac8e8dbde2e2ba470', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '716d529fdadc97a6c22ccaca00cfff4d431fac59', name: "zoom-out" })), h("div", { key: '91818ea3ee0507f3ab9fa495bf293ae0eee786a6' }, h("input", { key: '5aff9830a5bfca3ebb16603c00c6a700c569bce6', type: "range", min: "1", max: "300", value: this.zoom * 100, class: "slider", id: "zoomRange", onInput: () => this.handleZoomInput() })), h("button", { key: 'fc4b71f200d4511bfe41d83317d018c274bc2fb6', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: '39e9ffc385771f125bd4bb6b58f36539a13df4b7', name: "zoom-in" }))), h("div", { key: '5800487257cc880357ee0612b18dabda6822fbea', class: 'status-bar-section' }, h("button", { key: '59970cab2136a048905085511f0fa51916647bec', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: 'a2c4a318305844767a9ca0b77462571403107873', name: "fit-width" })), h("button", { key: 'c334fdc56bc8763aa4315ee03e48e92d982ab642', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: 'a0fbb611fe0f24d80a1f3bb89f155b2c8f19f28b', name: "fit-height" }))), h("div", { key: '3fe48ab8468f8a6097c565838098e070c710403d', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'ca10f745fb58d161707c0d4dce2faf6f08044453', onClick: () => {
|
|
35951
36040
|
this.editor.pagePrev();
|
|
35952
|
-
}, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: '
|
|
36041
|
+
}, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: '5c6777f1cee8f830325222de33cc32207f3de894', name: "chevron-left" })), h("p", { key: '227ee3abd98c67eda27cf655963f8cd9306d43cc' }, this.page, " / ", this.pageCount), h("button", { key: 'a2952dfe6cc84e3f32be5d30cd8d4a39642cf3fc', onClick: () => {
|
|
35953
36042
|
this.editor.pageNext();
|
|
35954
|
-
}, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: '
|
|
36043
|
+
}, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: '1575be772f45f09714a4a13677e13960a5440a50', name: "chevron-right" })))), h("ls-helper-bar", { key: 'a0b00711c34985754bb58935c14b9f864c9e51fa' }), h("ls-tooltip", { key: '334b5a12fda32672fb03400bc4da9bb6117ef88c', id: "ls-tooltip-master" }), h("slot", { key: '0d2469ab58fb78120e4d11672b5764c954f6538d' })));
|
|
35955
36044
|
}
|
|
35956
36045
|
};
|
|
35957
36046
|
LsStatusbar.style = lsStatusbarCss;
|
|
35958
36047
|
|
|
35959
|
-
const
|
|
36048
|
+
const lsTitleInputCss = "*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.template-title{border-radius:0.5rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.template-title:hover{background:var(--gray-10, #f7f8fa)}.editButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
36049
|
+
|
|
36050
|
+
const LsTitleInput = class {
|
|
36051
|
+
constructor(hostRef) {
|
|
36052
|
+
registerInstance(this, hostRef);
|
|
36053
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
36054
|
+
this.update = createEvent(this, "update", 7);
|
|
36055
|
+
}
|
|
36056
|
+
get component() { return getElement(this); }
|
|
36057
|
+
template;
|
|
36058
|
+
editTitle = false;
|
|
36059
|
+
mutate;
|
|
36060
|
+
update;
|
|
36061
|
+
// Send one or more mutations up the chain
|
|
36062
|
+
// The source of the chain fires the mutation
|
|
36063
|
+
// NOTE this alter is debounced to account for typing
|
|
36064
|
+
alter(diff) {
|
|
36065
|
+
this.debounce(diff, 500);
|
|
36066
|
+
}
|
|
36067
|
+
titletimer;
|
|
36068
|
+
debounce(diff, delay) {
|
|
36069
|
+
if (this.titletimer)
|
|
36070
|
+
clearTimeout(this.titletimer);
|
|
36071
|
+
this.titletimer = setTimeout(() => {
|
|
36072
|
+
this.template = { ...this.template, ...diff };
|
|
36073
|
+
const diffs = [{ action: 'update', data: this.template }];
|
|
36074
|
+
this.update.emit(diffs);
|
|
36075
|
+
this.mutate.emit(diffs);
|
|
36076
|
+
}, delay);
|
|
36077
|
+
}
|
|
36078
|
+
render() {
|
|
36079
|
+
return (h(Host, { key: '48cae0d9c9d29f199cdabb4ab274bdfaef0891d1' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
|
|
36080
|
+
e.preventDefault();
|
|
36081
|
+
this.alter({ title: e.target.value });
|
|
36082
|
+
}, onKeyUp: e => {
|
|
36083
|
+
if (e.key === 'Enter' || e.keyCode === 13)
|
|
36084
|
+
this.editTitle = false;
|
|
36085
|
+
} }), h("ls-icon", { name: "check", size: "1rem", class: 'editButton', onClick: () => {
|
|
36086
|
+
this.editTitle = false;
|
|
36087
|
+
} }))) : (h("div", { class: "template-title", onClick: () => {
|
|
36088
|
+
this.editTitle = !this.editTitle;
|
|
36089
|
+
} }, h("p", null, this.template?.title)))));
|
|
36090
|
+
}
|
|
36091
|
+
};
|
|
36092
|
+
LsTitleInput.style = lsTitleInputCss;
|
|
36093
|
+
|
|
36094
|
+
const lsToggleCss = ":host{display:block}.switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-20, #edeff2);-webkit-transition:0.4s;transition:0.4s}.indeterminate{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-60, #4456f6);-webkit-transition:0.4s;transition:0.4s}.slider:before{position:absolute;content:'';height:1.25rem;width:1.25rem;left:0.125rem;bottom:0.125rem;background-color:white;-webkit-transition:0.4s;transition:0.4s}.indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.75rem;height:0.125rem;background-color:white}input:checked+.slider{background-color:var(--primary-60, #4456f6)}input:focus+.slider{box-shadow:0 0 1px var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-20, #e3e6ff)}input:checked+.slider:before{-webkit-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);transform:translateX(1.25rem)}.slider.round,.indeterminate.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}";
|
|
35960
36095
|
|
|
35961
36096
|
const LsToggle = class {
|
|
35962
36097
|
constructor(hostRef) {
|
|
35963
36098
|
registerInstance(this, hostRef);
|
|
35964
|
-
this.valueChange = createEvent(this, "valueChange");
|
|
36099
|
+
this.valueChange = createEvent(this, "valueChange", 7);
|
|
35965
36100
|
}
|
|
35966
36101
|
checked;
|
|
35967
36102
|
indeterminate;
|
|
@@ -35970,20 +36105,20 @@ const LsToggle = class {
|
|
|
35970
36105
|
this.valueChange.emit(value);
|
|
35971
36106
|
}
|
|
35972
36107
|
render() {
|
|
35973
|
-
return (h(Host, { key: '
|
|
36108
|
+
return (h(Host, { key: 'b68a8b803d7d8240af7d2212538c5384852df26b' }, h("label", { key: 'cd1f4b5207a2e552e696545931bf227101b8202d', class: "switch" }, h("input", { key: 'f3818c37f499b9f0f869b44468a3a474386dc1d9', type: "checkbox", checked: this.checked, onChange: (e) => {
|
|
35974
36109
|
this.changeHandler(e.target.checked);
|
|
35975
|
-
} }), h("span", { key: '
|
|
36110
|
+
} }), h("span", { key: 'b76ecf262824722aee395600c1babf4e61d889a0', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), h("slot", { key: '1c86f0e514f1b6f593502a3ab99f48d49bf9ad4c' })));
|
|
35976
36111
|
}
|
|
35977
36112
|
};
|
|
35978
36113
|
LsToggle.style = lsToggleCss;
|
|
35979
36114
|
|
|
35980
|
-
const lsToolbarCss = ":host{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
36115
|
+
const lsToolbarCss = ":host{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
35981
36116
|
|
|
35982
36117
|
const LsToolbar = class {
|
|
35983
36118
|
constructor(hostRef) {
|
|
35984
36119
|
registerInstance(this, hostRef);
|
|
35985
|
-
this.mutate = createEvent(this, "mutate");
|
|
35986
|
-
this.update = createEvent(this, "update");
|
|
36120
|
+
this.mutate = createEvent(this, "mutate", 7);
|
|
36121
|
+
this.update = createEvent(this, "update", 7);
|
|
35987
36122
|
}
|
|
35988
36123
|
get component() { return getElement(this); }
|
|
35989
36124
|
/**
|
|
@@ -36020,17 +36155,17 @@ const LsToolbar = class {
|
|
|
36020
36155
|
this.update.emit(diffs);
|
|
36021
36156
|
}
|
|
36022
36157
|
render() {
|
|
36023
|
-
return (h(Host, { key: '
|
|
36158
|
+
return (h(Host, { key: 'bafb88d0050349a95e68e5c2424c6ef4cb60dd31' }, (this.dataItem && this.dataItem.length > 1) ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("ls-tooltip", { key: '4cf0e3dd34be8dfff87525ebe0c87d106d49335d', id: "ls-tooltip-master" }), h("slot", { key: '2eaa4c5de2ed24e5405a4e85821b59e934b77db4' })));
|
|
36024
36159
|
}
|
|
36025
36160
|
};
|
|
36026
36161
|
LsToolbar.style = lsToolbarCss;
|
|
36027
36162
|
|
|
36028
|
-
const lsToolboxFieldCss = ".ls-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:
|
|
36163
|
+
const lsToolboxFieldCss = ".ls-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);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)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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.5rem;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, #fff)}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, #fff)}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'].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'].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'].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}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.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, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}";
|
|
36029
36164
|
|
|
36030
36165
|
const LsToolboxField = class {
|
|
36031
36166
|
constructor(hostRef) {
|
|
36032
36167
|
registerInstance(this, hostRef);
|
|
36033
|
-
this.fieldTypeSelected = createEvent(this, "fieldTypeSelected");
|
|
36168
|
+
this.fieldTypeSelected = createEvent(this, "fieldTypeSelected", 7);
|
|
36034
36169
|
}
|
|
36035
36170
|
get component() { return getElement(this); }
|
|
36036
36171
|
/**
|
|
@@ -36099,7 +36234,7 @@ const LsToolboxField = class {
|
|
|
36099
36234
|
attachAllTooltips(this.component.shadowRoot);
|
|
36100
36235
|
}
|
|
36101
36236
|
render() {
|
|
36102
|
-
return (h(Host, { key: '
|
|
36237
|
+
return (h(Host, { key: '8db0540fc65597dfc99a9a560cfde441d55d219f', draggable: "true" }, h("div", { key: '110d6153b0b171447c0cef8ee67a9ff624a7fe1b', class: 'ls-toolbox-field', style: this.isSelected && {
|
|
36103
36238
|
background: defaultRolePalette[this.signer % 100].s10,
|
|
36104
36239
|
border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
|
|
36105
36240
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
@@ -36114,9 +36249,9 @@ const LsToolboxField = class {
|
|
|
36114
36249
|
defaultWidth: this.defaultWidth,
|
|
36115
36250
|
fixedAspect: this.fixedAspect,
|
|
36116
36251
|
});
|
|
36117
|
-
} }, h("div", { key: '
|
|
36252
|
+
} }, h("div", { key: '111f63ac4327ccda47ac6db32ca48ec9e2f9161d', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, h("ls-icon", { key: '440c1ca0974d682d0b8b1de16b80c955688ea25f', name: this.icon, size: "1.25rem" })), h("p", { key: 'fcf6090878b314f5af0626168af946dda3809a89', class: "toolbox-field-label", style: this.isSelected && {
|
|
36118
36253
|
color: defaultRolePalette[this.signer % 100].s80,
|
|
36119
|
-
} }, this.label), this.redDot && (h("div", { key: '
|
|
36254
|
+
} }, this.label), this.redDot && (h("div", { key: '9d4834774b6bd44982f3a4b8e9a43695c119afbd', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, h("ls-icon", { key: 'a2c311cdffd65861e0629f9fca541b4276131337', name: "exclamation-circle", size: "1.125rem", solid: true }))), h("ls-icon", { key: '0b598a9a37ecd85c8dea68ccd03917bc4321f065', name: "drag-vertical", size: "1rem", color: "#787a80" })), h("ls-tooltip", { key: '7546842ee7d03ee8a532403dfcb457c9f405b1de', id: "ls-tooltip-master", tooltipText: "Something" })));
|
|
36120
36255
|
}
|
|
36121
36256
|
};
|
|
36122
36257
|
LsToolboxField.style = lsToolboxFieldCss;
|
|
@@ -36177,7 +36312,7 @@ const LsTooltip = class {
|
|
|
36177
36312
|
innerTooltip.classList.add('hidden');
|
|
36178
36313
|
}
|
|
36179
36314
|
render() {
|
|
36180
|
-
return (h("div", { key: '
|
|
36315
|
+
return (h("div", { key: '0e5642c211c164f0f6d9e8221be4d668eedc3b74', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, h("div", { key: '2354cb2b4689c02d9dc4573b1a41b043f2da59e8', id: "arrow" }), this.tooltipTitle && h("p", { key: '1d1c7a8a5c3cf388ef202a77ab4b242129572276', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, h("slot", { key: 'e8cb721e79f022387958f5b5357db677477a996a' })));
|
|
36181
36316
|
}
|
|
36182
36317
|
static get watchers() { return {
|
|
36183
36318
|
"referenceElement": ["updateReferenceHandler"]
|
|
@@ -36185,7 +36320,7 @@ const LsTooltip = class {
|
|
|
36185
36320
|
};
|
|
36186
36321
|
LsTooltip.style = lsTooltipCss;
|
|
36187
36322
|
|
|
36188
|
-
const lsValidationManagerCss = ":host{display:block}*{box-sizing:border-box;margin:0}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.validation-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.valid-label{display:flex;padding:
|
|
36323
|
+
const lsValidationManagerCss = ":host{display:block}*{box-sizing:border-box;margin:0}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.validation-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.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}.valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.invalid{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.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}.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}.required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.75rem;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}.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)}.required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.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}.dot{height:0.5rem;width:0.5rem;border-radius:50%}.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}.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}.dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}";
|
|
36189
36324
|
|
|
36190
36325
|
const LsValidationManager = class {
|
|
36191
36326
|
constructor(hostRef) {
|
|
@@ -36197,7 +36332,7 @@ const LsValidationManager = class {
|
|
|
36197
36332
|
*/
|
|
36198
36333
|
validationErrors;
|
|
36199
36334
|
render() {
|
|
36200
|
-
return (h(Host, { key: '
|
|
36335
|
+
return (h(Host, { key: 'e231ee736f83a5f6a9ab39f94643c4c814e6f18b' }, h("div", { key: '0cf4b80c8d51df91718b6a3fce499871875ea419' }, h("div", { key: '250e400f2464b25833ceb4b482a1738316ec4c4a' }, h("div", { key: '2ec2bb91b8d1a132dcf9eba5b57d88cb96641da8', class: 'validation-section-title' }, "Action Required"), h("p", { key: 'ec7a72efd503d451b54cbf281c9d4af7c8d4238e', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
|
|
36201
36336
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
36202
36337
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
36203
36338
|
return (h("div", { key: idx, class: 'required-field', style: {
|
|
@@ -36208,24 +36343,26 @@ const LsValidationManager = class {
|
|
|
36208
36343
|
'--field-text-color-hover': pallette.s80,
|
|
36209
36344
|
'--field-border-color-hover': pallette.s60,
|
|
36210
36345
|
} }, h("div", { class: 'required-field-items-left' }, h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
|
|
36211
|
-
})), h("slot", { key: '
|
|
36346
|
+
})), h("slot", { key: 'b9974f21914488aba03112fbc43d10b28e704065' })));
|
|
36212
36347
|
}
|
|
36213
36348
|
};
|
|
36214
36349
|
LsValidationManager.style = lsValidationManagerCss;
|
|
36215
36350
|
|
|
36216
|
-
const lsValidationTagCss = ":host{position:relative}*{box-sizing:border-box;margin:0}.valid-label{display:flex;padding:
|
|
36351
|
+
const lsValidationTagCss = ":host{position:relative}*{box-sizing:border-box;margin:0}.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}.valid-label:hover{cursor:pointer;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.invalid.default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.invalid.compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.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}.field-counter.compose{color:var(--red-10, #fff0f0);background:var(--red-60, #f64a44)}.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}.field-dropdown.compose{width:14rem;padding:0.75rem;gap:0.5rem}.field-dropdown.compose>*{width:100%}.required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.75rem;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}.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)}.required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.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}.dot{height:0.5rem;width:0.5rem;border-radius:50%}.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}.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}.dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.validation-tag-title{font-family:'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s}.validation-tag-row:hover{background-color:var(--gray-10, #f9f9fa)}.validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.validation-tag-details{flex:1 1 0%;min-width:0}.validation-tag-name{font-family:'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.validation-tag-email{font-family:'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}";
|
|
36217
36352
|
|
|
36218
36353
|
const LsValidationTag = class {
|
|
36219
36354
|
constructor(hostRef) {
|
|
36220
36355
|
registerInstance(this, hostRef);
|
|
36356
|
+
this.changeSigner = createEvent(this, "changeSigner", 7);
|
|
36221
36357
|
}
|
|
36222
36358
|
status = 'Invalid';
|
|
36223
36359
|
validationErrors = [];
|
|
36224
36360
|
isExpanded = false;
|
|
36225
36361
|
type = 'default';
|
|
36226
36362
|
showDropDown = true;
|
|
36363
|
+
changeSigner;
|
|
36227
36364
|
render() {
|
|
36228
|
-
return (h(Host, { key: '
|
|
36365
|
+
return (h(Host, { key: '56d4edab1559ad588b75595f81e5225c4fca5ae9' }, h("div", { key: 'f0eda9f66ec990740dd5e55ee84a011c9e4cfe32', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { key: 'a6eed97b64022a6a01f799ead4d8abacb6c850e3', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (h("ls-icon", { key: '44fdf98c392b1c90840f77587a8706fd06bfc809', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && h("ls-icon", { key: '43ceb3968753789e2e91016939f8faa16694dac5', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'b1bc4540da6b37a98298630ab26be1b43a11fc33', class: 'field-dropdown' }, h("div", { key: 'be99543d63859599aec555191145ba842ca6b4a8', class: 'dropdown-header' }, h("h2", { key: 'bc31a3368340e72ee6da9bec445fab0c34c096d9' }, "Fields Required"), h("p", { key: '300e9dd9f7a5c3dde5da158a5ccbb3f49f388a55' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
|
|
36229
36366
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
36230
36367
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
36231
36368
|
return (h("div", { key: idx, class: 'required-field', style: {
|
|
@@ -36236,16 +36373,19 @@ const LsValidationTag = class {
|
|
|
36236
36373
|
'--field-text-color-hover': pallette.s80,
|
|
36237
36374
|
'--field-border-color-hover': pallette.s60,
|
|
36238
36375
|
} }, h("div", { class: 'required-field-items-left' }, h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
|
|
36239
|
-
}))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: '
|
|
36376
|
+
}))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'bb4058c147e00ac825e470bad730f44966563efe', class: 'field-dropdown compose' }, h("div", { key: '549403e738740dd25b92519fb247ba1d3b230bc1', class: "validation-tag-header" }, h("p", { key: '177540f440276eaec3896b01936e710f9f5b8ced', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
|
|
36240
36377
|
const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
|
|
36241
36378
|
const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
|
|
36242
|
-
return (h("div", { class: "validation-tag-row", key: idx
|
|
36379
|
+
return (h("div", { class: "validation-tag-row", key: idx, onClick: () => {
|
|
36380
|
+
this.changeSigner.emit(field?.role?.signerIndex);
|
|
36381
|
+
this.isExpanded = false;
|
|
36382
|
+
} }, h("div", { class: "validation-tag-bar", style: { background: pallette.s60 } }), h("div", { class: "validation-tag-details" }, h("p", { class: "validation-tag-name" }, `${field?.role?.firstname} ${field?.role?.lastname}`), h("p", { class: "validation-tag-email" }, field?.role?.email))));
|
|
36243
36383
|
})))));
|
|
36244
36384
|
}
|
|
36245
36385
|
};
|
|
36246
36386
|
LsValidationTag.style = lsValidationTagCss;
|
|
36247
36387
|
|
|
36248
|
-
export { LsDocumentOptions as ls_document_options, LsDocumentViewer as ls_document_viewer, LsEditorField as ls_editor_field, LsEditorTable as ls_editor_table, LsFeatureColoumn as ls_feature_column, LsFieldAlignment as ls_field_alignment, LsFieldContent as ls_field_content, LsFieldDimensions as ls_field_dimensions, LsFieldDistribute as ls_field_distribute, LsFieldFooter as ls_field_footer, LsFieldFormat as ls_field_format, LsFieldPlacement as ls_field_placement, LsFieldProperties as ls_field_properties, LsFieldPropertiesAdvanced as ls_field_properties_advanced, LsFieldPropertiesAutosign as ls_field_properties_autosign, LsFieldPropertiesContainer as ls_field_properties_container, LsFieldPropertiesDate as ls_field_properties_date, LsFieldPropertiesEmail as ls_field_properties_email, LsFieldPropertiesFile as ls_field_properties_file, LsFieldPropertiesGeneral as ls_field_properties_general, LsFieldPropertiesImage as ls_field_properties_image, LsFieldPropertiesMultiple as ls_field_properties_multiple, LsFieldPropertiesNumber as ls_field_properties_number, LsFieldPropertiesSignature as ls_field_properties_signature, LsFieldPropertiesText as ls_field_properties_text, LsFieldSize as ls_field_size, LsFieldTypeDisplay as ls_field_type_display, LsHelperBar as ls_helper_bar, LsIcon as ls_icon, LsInputWrapper as ls_input_wrapper, LsKeyboardShortcuts as ls_keyboard_shortcuts, LsPageLoader as ls_page_loader, LsParticipantCard as ls_participant_card, LsParticipantManager as ls_participant_manager, LsParticipantSelect as ls_participant_select, LsPropsSection as ls_props_section, LsRecipientCard as ls_recipient_card, LsRecipientManager as ls_recipient_manager, LsStatusbar as ls_statusbar, LsToggle as ls_toggle, LsToolbar as ls_toolbar, LsToolboxField as ls_toolbox_field, LsTooltip as ls_tooltip, LsValidationManager as ls_validation_manager, LsValidationTag as ls_validation_tag };
|
|
36249
|
-
//# sourceMappingURL=ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-content.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-container.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-field-type-display.ls-helper-bar.ls-icon.ls-input-wrapper.ls-keyboard-shortcuts.ls-page-loader.ls-participant-card.ls-participant-manager.ls-participant-select.ls-props-section.ls-recipient-card.ls-recipient-manager.ls-statusbar.ls-toggle.ls-toolbar.ls-toolbox-field.ls-tooltip.ls-validation-manager.ls-validation-tag.entry.js.map
|
|
36388
|
+
export { LsDocumentOptions as ls_document_options, LsDocumentViewer as ls_document_viewer, LsEditorField as ls_editor_field, LsEditorTable as ls_editor_table, LsFeatureColoumn as ls_feature_column, LsFieldAlignment as ls_field_alignment, LsFieldContent as ls_field_content, LsFieldDimensions as ls_field_dimensions, LsFieldDistribute as ls_field_distribute, LsFieldFooter as ls_field_footer, LsFieldFormat as ls_field_format, LsFieldPlacement as ls_field_placement, LsFieldProperties as ls_field_properties, LsFieldPropertiesAdvanced as ls_field_properties_advanced, LsFieldPropertiesAutosign as ls_field_properties_autosign, LsFieldPropertiesContainer as ls_field_properties_container, LsFieldPropertiesDate as ls_field_properties_date, LsFieldPropertiesEmail as ls_field_properties_email, LsFieldPropertiesFile as ls_field_properties_file, LsFieldPropertiesGeneral as ls_field_properties_general, LsFieldPropertiesImage as ls_field_properties_image, LsFieldPropertiesMultiple as ls_field_properties_multiple, LsFieldPropertiesNumber as ls_field_properties_number, LsFieldPropertiesSignature as ls_field_properties_signature, LsFieldPropertiesText as ls_field_properties_text, LsFieldSize as ls_field_size, LsFieldTypeDisplay as ls_field_type_display, LsHelperBar as ls_helper_bar, LsIcon as ls_icon, LsInputWrapper as ls_input_wrapper, LsKeyboardShortcuts as ls_keyboard_shortcuts, LsPageLoader as ls_page_loader, LsParticipantCard as ls_participant_card, LsParticipantManager as ls_participant_manager, LsParticipantSelect as ls_participant_select, LsPropsSection as ls_props_section, LsRecipientCard as ls_recipient_card, LsRecipientManager as ls_recipient_manager, LsStatusbar as ls_statusbar, LsTitleInput as ls_title_input, LsToggle as ls_toggle, LsToolbar as ls_toolbar, LsToolboxField as ls_toolbox_field, LsTooltip as ls_tooltip, LsValidationManager as ls_validation_manager, LsValidationTag as ls_validation_tag };
|
|
36389
|
+
//# sourceMappingURL=ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-content.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-container.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-field-type-display.ls-helper-bar.ls-icon.ls-input-wrapper.ls-keyboard-shortcuts.ls-page-loader.ls-participant-card.ls-participant-manager.ls-participant-select.ls-props-section.ls-recipient-card.ls-recipient-manager.ls-statusbar.ls-title-input.ls-toggle.ls-toolbar.ls-toolbox-field.ls-tooltip.ls-validation-manager.ls-validation-tag.entry.js.map
|
|
36250
36390
|
|
|
36251
|
-
//# sourceMappingURL=ls-document-
|
|
36391
|
+
//# sourceMappingURL=ls-document-options_46.entry.js.map
|