legalesign-document-viewer 1.0.13 → 1.0.15
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/{defaultFieldLabels-BUxtUsF1.js → defaultFieldLabels-BKohZ5DW.js} +3 -3
- package/dist/{esm/defaultFieldLabels-GlbzVGpj.js.map → cjs/defaultFieldLabels-BKohZ5DW.js.map} +1 -1
- package/dist/cjs/{editorUtils-Bej3Frit.js → editorUtils-CA5HbWrj.js} +3 -3
- package/dist/cjs/{editorUtils-Bej3Frit.js.map → editorUtils-CA5HbWrj.js.map} +1 -1
- package/dist/cjs/{i18n-CO9DdQsL.js → i18n-DZs4FndR.js} +483 -39
- package/dist/cjs/{i18n-CO9DdQsL.js.map → i18n-DZs4FndR.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{ls-add-new-button_20.cjs.entry.js → ls-add-new-button_21.cjs.entry.js} +68 -24
- package/dist/cjs/ls-assignee-select_21.cjs.entry.js +15 -14
- package/dist/cjs/ls-compose-loader_7.cjs.entry.js +10 -10
- package/dist/cjs/ls-compose-manager.cjs.entry.js +1 -1
- package/dist/cjs/ls-document-viewer.cjs.entry.js +23 -39
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-alignment_3.cjs.entry.js +4 -4
- package/dist/cjs/ls-field-format_2.cjs.entry.js +11 -11
- package/dist/cjs/ls-field-type-display.cjs.entry.js +4 -4
- package/dist/cjs/ls-helper-bar_2.cjs.entry.js +3 -3
- package/dist/cjs/ls-title-input.cjs.entry.js +1 -1
- package/dist/cjs/ls-toolbox-field.cjs.entry.js +3 -3
- package/dist/cjs/{mouseHandlers-Cc9PovyB.js → mouseHandlers-BdaPuPMr.js} +4 -4
- package/dist/cjs/{mouseHandlers-Cc9PovyB.js.map → mouseHandlers-BdaPuPMr.js.map} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ls-document-viewer/defaultFieldLabels.js +1 -1
- package/dist/collection/components/ls-document-viewer/defaultFieldLabels.js.map +1 -1
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js +20 -36
- package/dist/collection/components/ls-document-viewer/ls-document-viewer.js.map +1 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.js +3 -1
- package/dist/collection/components/ls-field-properties/ls-field-properties.js.map +1 -1
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js +9 -23
- package/dist/collection/components/ls-field-properties-advanced/ls-field-properties-advanced.js.map +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-regex/ls-field-properties-regex.css +301 -0
- package/dist/collection/components/ls-field-properties-regex/ls-field-properties-regex.js +180 -0
- package/dist/collection/components/ls-field-properties-regex/ls-field-properties-regex.js.map +1 -0
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js.map +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-field-type-select/ls-field-type-select.js +4 -4
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-participant-card/ls-participant-card.js +4 -0
- package/dist/collection/components/ls-participant-card/ls-participant-card.js.map +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +3 -3
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +10 -10
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +8 -8
- package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
- package/dist/components/ls-assignee-select.js +1 -1
- package/dist/components/ls-compose-manager.js +1 -1
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +102 -112
- package/dist/components/ls-document-viewer.js.map +1 -1
- package/dist/components/ls-editor-field.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-checkbox.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 +12 -12
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-regex.d.ts +11 -0
- package/dist/components/ls-field-properties-regex.js +9 -0
- package/dist/components/ls-field-properties-regex.js.map +1 -0
- 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 +4 -4
- package/dist/components/ls-field-type-select.js +1 -1
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-left-bar.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-select-menu.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-title-input.js +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-BmpejMo_.js → p-60kgekmt.js} +14 -14
- package/dist/components/{p-BmpejMo_.js.map → p-60kgekmt.js.map} +1 -1
- package/dist/components/{p-DmB0JIWj.js → p-Ab2eo4Ko.js} +8 -4
- package/dist/components/p-Ab2eo4Ko.js.map +1 -0
- package/dist/components/{p-CyV8nu-T.js → p-B0BPkRk9.js} +71 -65
- package/dist/components/p-B0BPkRk9.js.map +1 -0
- package/dist/components/{p-BDD6zFgO.js → p-B2qe4IkH.js} +14 -14
- package/dist/components/{p-BDD6zFgO.js.map → p-B2qe4IkH.js.map} +1 -1
- package/dist/components/{p-C2JalniE.js → p-B5lJU9KU.js} +4 -4
- package/dist/components/{p-C2JalniE.js.map → p-B5lJU9KU.js.map} +1 -1
- package/dist/components/{p-RceAr_AQ.js → p-BDYqYoIy.js} +3 -3
- package/dist/components/{p-RceAr_AQ.js.map → p-BDYqYoIy.js.map} +1 -1
- package/dist/components/{p-DpA4TE1Q.js → p-BEQj5_wz.js} +14 -14
- package/dist/components/{p-DpA4TE1Q.js.map → p-BEQj5_wz.js.map} +1 -1
- package/dist/components/{p-CyHkY6Ep.js → p-BHt-_hqQ.js} +3 -3
- package/dist/components/{p-CyHkY6Ep.js.map → p-BHt-_hqQ.js.map} +1 -1
- package/dist/components/{p-eWb3jk9k.js → p-BLZyVIno.js} +7 -7
- package/dist/components/{p-eWb3jk9k.js.map → p-BLZyVIno.js.map} +1 -1
- package/dist/components/{p-S46PtMZ-.js → p-BUGOiaPK.js} +6 -6
- package/dist/components/{p-S46PtMZ-.js.map → p-BUGOiaPK.js.map} +1 -1
- package/dist/components/{p-pAh5qPFg.js → p-BeQBbw5L.js} +56 -48
- package/dist/components/p-BeQBbw5L.js.map +1 -0
- package/dist/components/{p-Dw48QFVg.js → p-BpDKp7BL.js} +4 -4
- package/dist/components/{p-Dw48QFVg.js.map → p-BpDKp7BL.js.map} +1 -1
- package/dist/components/{p-DQGVdCyH.js → p-C4h8Uik2.js} +5 -5
- package/dist/components/{p-DQGVdCyH.js.map → p-C4h8Uik2.js.map} +1 -1
- package/dist/components/{p-DaQLveiE.js → p-CKcOLluN.js} +3 -3
- package/dist/components/{p-DaQLveiE.js.map → p-CKcOLluN.js.map} +1 -1
- package/dist/components/{p-D3nY_GGj.js → p-CPUhExFR.js} +13 -13
- package/dist/components/{p-D3nY_GGj.js.map → p-CPUhExFR.js.map} +1 -1
- package/dist/components/{p-D4pQIA1Z.js → p-CXCcBcGu.js} +22 -28
- package/dist/components/p-CXCcBcGu.js.map +1 -0
- package/dist/components/{p-BTcdVmkv.js → p-CZ9xdGQd.js} +11 -10
- package/dist/components/p-CZ9xdGQd.js.map +1 -0
- package/dist/components/{p--oiqur2Y.js → p-CZjNHYfy.js} +3 -3
- package/dist/components/{p--oiqur2Y.js.map → p-CZjNHYfy.js.map} +1 -1
- package/dist/components/{p-BKbGzLae.js → p-CxBIa83N.js} +3 -3
- package/dist/components/{p-BKbGzLae.js.map → p-CxBIa83N.js.map} +1 -1
- package/dist/components/{p-D6grL59P.js → p-D1YFoc0l.js} +7 -7
- package/dist/components/{p-D6grL59P.js.map → p-D1YFoc0l.js.map} +1 -1
- package/dist/components/{p-WCNsFhYD.js → p-D8XvOxx7.js} +5 -5
- package/dist/components/{p-WCNsFhYD.js.map → p-D8XvOxx7.js.map} +1 -1
- package/dist/components/{p-CLn6CMAa.js → p-DNZ70kWZ.js} +5 -5
- package/dist/components/{p-CLn6CMAa.js.map → p-DNZ70kWZ.js.map} +1 -1
- package/dist/components/{p-CowkeWsT.js → p-DRUFPWev.js} +14 -14
- package/dist/components/{p-CowkeWsT.js.map → p-DRUFPWev.js.map} +1 -1
- package/dist/{esm/i18n-Al32p_JM.js → components/p-DU-efe4l.js} +483 -39
- package/dist/components/{p-Al32p_JM.js.map → p-DU-efe4l.js.map} +1 -1
- package/dist/components/{p-BNHlMdus.js → p-DX_iaF-l.js} +3 -3
- package/dist/components/{p-BNHlMdus.js.map → p-DX_iaF-l.js.map} +1 -1
- package/dist/components/{p-DmrshWtQ.js → p-DYVjHU88.js} +3 -3
- package/dist/components/{p-DmrshWtQ.js.map → p-DYVjHU88.js.map} +1 -1
- package/dist/components/{p-eDwhUH-3.js → p-DZJKaPhB.js} +3 -3
- package/dist/components/{p-eDwhUH-3.js.map → p-DZJKaPhB.js.map} +1 -1
- package/dist/components/{p-BodlW2-m.js → p-DkDYh4WL.js} +4 -4
- package/dist/components/{p-BodlW2-m.js.map → p-DkDYh4WL.js.map} +1 -1
- package/dist/components/{p-C-vCe5Wm.js → p-Ds2yihe8.js} +3 -3
- package/dist/components/{p-C-vCe5Wm.js.map → p-Ds2yihe8.js.map} +1 -1
- package/dist/components/{p-CTMHCecN.js → p-DsIip0mA.js} +10 -10
- package/dist/components/{p-CTMHCecN.js.map → p-DsIip0mA.js.map} +1 -1
- package/dist/components/{p-BzFRp7ij.js → p-DsqOfGfP.js} +4 -4
- package/dist/components/{p-BzFRp7ij.js.map → p-DsqOfGfP.js.map} +1 -1
- package/dist/components/{p-gvdT4if6.js → p-DtIt9SZR.js} +3 -3
- package/dist/components/{p-gvdT4if6.js.map → p-DtIt9SZR.js.map} +1 -1
- package/dist/components/{p-Cmw6RXlv.js → p-DwHAGiqD.js} +8 -8
- package/dist/components/{p-Cmw6RXlv.js.map → p-DwHAGiqD.js.map} +1 -1
- package/dist/components/{p-CD0ohunR.js → p-EL05A6XH.js} +5 -5
- package/dist/components/{p-CD0ohunR.js.map → p-EL05A6XH.js.map} +1 -1
- package/dist/components/{p-DAq2HFf_.js → p-KJ6n20em.js} +14 -14
- package/dist/components/{p-DAq2HFf_.js.map → p-KJ6n20em.js.map} +1 -1
- package/dist/components/{p-uST4uUr8.js → p-LICXDZDh.js} +15 -15
- package/dist/components/{p-uST4uUr8.js.map → p-LICXDZDh.js.map} +1 -1
- package/dist/components/{p-ByN7GurE.js → p-MVrx9OAk.js} +52 -40
- package/dist/components/p-MVrx9OAk.js.map +1 -0
- package/dist/components/{p-8F4ilTjF.js → p-PPtZV34v.js} +9 -9
- package/dist/components/{p-8F4ilTjF.js.map → p-PPtZV34v.js.map} +1 -1
- package/dist/components/{p-BddWzZuD.js → p-T_Emh7AC.js} +4 -4
- package/dist/components/{p-BddWzZuD.js.map → p-T_Emh7AC.js.map} +1 -1
- package/dist/components/{p-DGQDJCUG.js → p-l5DR81kr.js} +3 -3
- package/dist/components/{p-DGQDJCUG.js.map → p-l5DR81kr.js.map} +1 -1
- package/dist/components/{p-x8FQ2VuC.js → p-oVyx239D.js} +15 -15
- package/dist/components/{p-x8FQ2VuC.js.map → p-oVyx239D.js.map} +1 -1
- package/dist/components/{p-CJWQJjj3.js → p-ovBHb1rg.js} +4 -4
- package/dist/components/{p-CJWQJjj3.js.map → p-ovBHb1rg.js.map} +1 -1
- package/dist/components/{p-XbFErpli.js → p-p5JEvsTq.js} +3 -3
- package/dist/components/{p-XbFErpli.js.map → p-p5JEvsTq.js.map} +1 -1
- package/dist/components/{p-Dxb06R94.js → p-qQidKYRw.js} +3 -3
- package/dist/components/{p-Dxb06R94.js.map → p-qQidKYRw.js.map} +1 -1
- package/dist/components/p-qucyFm7t.js +206 -0
- package/dist/components/p-qucyFm7t.js.map +1 -0
- package/dist/components/{p-CHbV_3Pe.js → p-zd5dsPvn.js} +14 -14
- package/dist/components/{p-CHbV_3Pe.js.map → p-zd5dsPvn.js.map} +1 -1
- package/dist/esm/{defaultFieldLabels-GlbzVGpj.js → defaultFieldLabels-DAGFP74Z.js} +3 -3
- package/dist/{cjs/defaultFieldLabels-BUxtUsF1.js.map → esm/defaultFieldLabels-DAGFP74Z.js.map} +1 -1
- package/dist/esm/{editorUtils-COpeLNIg.js → editorUtils-B1BCA_3i.js} +3 -3
- package/dist/esm/{editorUtils-COpeLNIg.js.map → editorUtils-B1BCA_3i.js.map} +1 -1
- package/dist/{components/p-Al32p_JM.js → esm/i18n-DU-efe4l.js} +483 -39
- package/dist/esm/{i18n-Al32p_JM.js.map → i18n-DU-efe4l.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{ls-add-new-button_20.entry.js → ls-add-new-button_21.entry.js} +67 -24
- package/dist/esm/ls-assignee-select_21.entry.js +15 -14
- package/dist/esm/ls-compose-loader_7.entry.js +10 -10
- package/dist/esm/ls-compose-manager.entry.js +1 -1
- package/dist/esm/ls-document-viewer.entry.js +23 -39
- package/dist/esm/ls-document-viewer.entry.js.map +1 -1
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-alignment_3.entry.js +4 -4
- package/dist/esm/ls-field-format_2.entry.js +11 -11
- package/dist/esm/ls-field-type-display.entry.js +4 -4
- package/dist/esm/ls-helper-bar_2.entry.js +3 -3
- package/dist/esm/ls-title-input.entry.js +1 -1
- package/dist/esm/ls-toolbox-field.entry.js +3 -3
- package/dist/esm/{mouseHandlers-CidXuxi3.js → mouseHandlers-DLIW6HsO.js} +4 -4
- package/dist/esm/{mouseHandlers-CidXuxi3.js.map → mouseHandlers-DLIW6HsO.js.map} +1 -1
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-5353749c.entry.js → p-13fa9cb6.entry.js} +2 -2
- package/dist/ls-document-viewer/p-13fa9cb6.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-daea4a55.entry.js → p-14e74521.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-51edee50.entry.js → p-2b4b7393.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-cbff9ae0.entry.js → p-31fd0b5d.entry.js} +2 -2
- package/dist/ls-document-viewer/p-83cec731.entry.js +2 -0
- package/dist/ls-document-viewer/p-83cec731.entry.js.map +1 -0
- package/dist/ls-document-viewer/{p-0WDO8yNX.js → p-ClnfOEJp.js} +2 -2
- package/dist/ls-document-viewer/{p-0WDO8yNX.js.map → p-ClnfOEJp.js.map} +1 -1
- package/dist/ls-document-viewer/{p-GlbzVGpj.js → p-DAGFP74Z.js} +2 -2
- package/dist/ls-document-viewer/{p-GlbzVGpj.js.map → p-DAGFP74Z.js.map} +1 -1
- package/dist/ls-document-viewer/p-DU-efe4l.js +2 -0
- package/dist/ls-document-viewer/{p-Al32p_JM.js.map → p-DU-efe4l.js.map} +1 -1
- package/dist/ls-document-viewer/{p-D6sbeDib.js → p-W-duPvwW.js} +2 -2
- package/dist/ls-document-viewer/{p-D6sbeDib.js.map → p-W-duPvwW.js.map} +1 -1
- package/dist/ls-document-viewer/p-a5a9b36e.entry.js +2 -0
- package/dist/ls-document-viewer/{p-8d626c5c.entry.js.map → p-a5a9b36e.entry.js.map} +1 -1
- package/dist/ls-document-viewer/{p-0bd91b5d.entry.js → p-ab242e41.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-c71b0687.entry.js → p-bae1fb76.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-b142576e.entry.js → p-e6bccb0f.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-89798744.entry.js → p-e8688cca.entry.js} +4 -4
- package/dist/ls-document-viewer/p-e8688cca.entry.js.map +1 -0
- package/dist/ls-document-viewer/p-f5959479.entry.js +2 -0
- package/dist/types/components/ls-field-properties-advanced/ls-field-properties-advanced.d.ts +2 -1
- package/dist/types/components/ls-field-properties-regex/ls-field-properties-regex.d.ts +15 -0
- package/dist/types/components.d.ts +57 -8
- package/package.json +1 -1
- package/dist/components/p-BTcdVmkv.js.map +0 -1
- package/dist/components/p-ByN7GurE.js.map +0 -1
- package/dist/components/p-CyV8nu-T.js.map +0 -1
- package/dist/components/p-D4pQIA1Z.js.map +0 -1
- package/dist/components/p-DmB0JIWj.js.map +0 -1
- package/dist/components/p-pAh5qPFg.js.map +0 -1
- package/dist/ls-document-viewer/p-5353749c.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-89798744.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-8d626c5c.entry.js +0 -2
- package/dist/ls-document-viewer/p-Al32p_JM.js +0 -2
- package/dist/ls-document-viewer/p-e4ce8e02.entry.js +0 -2
- package/dist/ls-document-viewer/p-e4ce8e02.entry.js.map +0 -1
- package/dist/ls-document-viewer/p-e7783017.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-daea4a55.entry.js.map → p-14e74521.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-51edee50.entry.js.map → p-2b4b7393.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-cbff9ae0.entry.js.map → p-31fd0b5d.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-0bd91b5d.entry.js.map → p-ab242e41.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-c71b0687.entry.js.map → p-bae1fb76.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-b142576e.entry.js.map → p-e6bccb0f.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-e7783017.entry.js.map → p-f5959479.entry.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-CD0ohunR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.scss?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[".ls-dv-toolbox-field {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n justify-content: center;\n gap: 0.875rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n cursor: grab;\n}\n\n:host(.ls-dv-dragging) .ls-dv-toolbox-field,\n:host(.ls-dv-dragging) .ls-dv-toolbox-field * {\n cursor: grabbing !important;\n}\n\n.ls-dv-toolbox-field:active {\n cursor: grabbing;\n}\n\n.ls-dv-toolbox-field:hover {\n background: $gray-10;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n border: 1px solid $gray-30;\n}\n\n.ls-dv-warning-box {\n display: flex;\n padding: 0.38rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.625rem;\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-60;\n}\n\n\n\n.ls-dv-toolbox-field-icon {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n border-radius: 0.625rem;\n border: 1px solid var(--signer-color);\n background: var(--signer-color-light);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n color: var(--signer-color);\n}\n\n.ls-dv-toolbox-field-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n width: 100%;\n margin: 0;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Event, Host, Listen, Prop, Element, h, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { IToolboxField } from '../interfaces/IToolboxField';\n\n@Component({\n tag: 'ls-toolbox-field',\n styleUrl: 'ls-toolbox-field.scss',\n shadow: true,\n})\nexport class LsToolboxField {\n @Element() component: HTMLElement;\n /**\n * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n */\n @Prop() formElementType: string;\n @Prop() elementType: 'text' | 'signature' | 'initials' | 'admin';\n @Prop() validation: number = 0;\n @Prop() fixedAspect: number | null = null;\n @Prop() redDot: boolean = false;\n\n /**\n * The text to display for this field type.\n */\n @Prop() label: string;\n\n /**\n * The icon to display for this field type.\n */\n @Prop() icon: Icon;\n /**\n * The tooltip hint to describe to the field type\n */\n @Prop() tooltip: string;\n\n /**\n * The starting height of this control type in pixels.\n */\n @Prop() defaultHeight: number;\n /**\n * The starting width of this control type in pixels.\n */\n @Prop() defaultWidth: number;\n\n /**\n * The signer color of the element\n */\n @Prop() signer: number = 0;\n\n @Prop({ mutable: true }) isSelected: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n fieldTypeSelected: EventEmitter<{\n label: string;\n elementType: string;\n defaultHeight: number;\n defaultWidth: number;\n formElementType: string;\n validation: number;\n fixedAspect: number | null;\n }>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n toolboxDragStart: EventEmitter<IToolboxField>;\n\n @Listen('mousedown')\n handleMouseDown(event: MouseEvent) {\n if (event.button !== 0) return;\n event.preventDefault();\n\n // Always select this field type\n this.fieldTypeSelected.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n\n // Also start dragging\n this.toolboxDragStart.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'ArrowDown') {\n console.log('down arrow pressed');\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={'ls-dv-toolbox-field'}\n style={\n this.isSelected && {\n background: defaultRolePalette[this.signer % 100].s10,\n border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,\n color: defaultRolePalette[this.signer % 100].s80,\n boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,\n }\n }\n >\n <div\n class=\"ls-dv-toolbox-field-icon\"\n style={{ '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.tooltip}\n data-tooltip-place=\"right\"\n >\n <ls-icon name={this.icon as any} size={20} />\n </div>\n <p\n class=\"ls-dv-toolbox-field-label\"\n style={\n this.isSelected && {\n color: defaultRolePalette[this.signer % 100].s80,\n }\n }\n >\n {this.label}\n </p>\n {this.redDot && (\n <div class={'ls-dv-warning-box'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={`${this.label} Field Required`} data-tooltip-place=\"left\">\n <ls-icon name=\"exclamation-circle-icon\" size={18} solid />\n </div>\n )}\n <ls-icon name=\"drag-vertical-icon\" size={16} customStyle={{ color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' }} />\n </div>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-EL05A6XH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbox-field/ls-toolbox-field.scss?tag=ls-toolbox-field&encapsulation=shadow","src/components/ls-toolbox-field/ls-toolbox-field.tsx"],"sourcesContent":[".ls-dv-toolbox-field {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n justify-content: center;\n gap: 0.875rem;\n border-radius: 1rem;\n border: 1px solid $gray-20;\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n cursor: grab;\n}\n\n:host(.ls-dv-dragging) .ls-dv-toolbox-field,\n:host(.ls-dv-dragging) .ls-dv-toolbox-field * {\n cursor: grabbing !important;\n}\n\n.ls-dv-toolbox-field:active {\n cursor: grabbing;\n}\n\n.ls-dv-toolbox-field:hover {\n background: $gray-10;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n border: 1px solid $gray-30;\n}\n\n.ls-dv-warning-box {\n display: flex;\n padding: 0.38rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.625rem;\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-60;\n}\n\n\n\n.ls-dv-toolbox-field-icon {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n border-radius: 0.625rem;\n border: 1px solid var(--signer-color);\n background: var(--signer-color-light);\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n color: var(--signer-color);\n}\n\n.ls-dv-toolbox-field-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n width: 100%;\n margin: 0;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Event, Host, Listen, Prop, Element, h, EventEmitter } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { IToolboxField } from '../interfaces/IToolboxField';\n\n@Component({\n tag: 'ls-toolbox-field',\n styleUrl: 'ls-toolbox-field.scss',\n shadow: true,\n})\nexport class LsToolboxField {\n @Element() component: HTMLElement;\n /**\n * The field type of this toolbox item, e.g. 'signature'. Note these should always be lowercase.\n */\n @Prop() formElementType: string;\n @Prop() elementType: 'text' | 'signature' | 'initials' | 'admin';\n @Prop() validation: number = 0;\n @Prop() fixedAspect: number | null = null;\n @Prop() redDot: boolean = false;\n\n /**\n * The text to display for this field type.\n */\n @Prop() label: string;\n\n /**\n * The icon to display for this field type.\n */\n @Prop() icon: Icon;\n /**\n * The tooltip hint to describe to the field type\n */\n @Prop() tooltip: string;\n\n /**\n * The starting height of this control type in pixels.\n */\n @Prop() defaultHeight: number;\n /**\n * The starting width of this control type in pixels.\n */\n @Prop() defaultWidth: number;\n\n /**\n * The signer color of the element\n */\n @Prop() signer: number = 0;\n\n @Prop({ mutable: true }) isSelected: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n fieldTypeSelected: EventEmitter<{\n label: string;\n elementType: string;\n defaultHeight: number;\n defaultWidth: number;\n formElementType: string;\n validation: number;\n fixedAspect: number | null;\n }>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n toolboxDragStart: EventEmitter<IToolboxField>;\n\n @Listen('mousedown')\n handleMouseDown(event: MouseEvent) {\n if (event.button !== 0) return;\n event.preventDefault();\n\n // Always select this field type\n this.fieldTypeSelected.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n\n // Also start dragging\n this.toolboxDragStart.emit({\n label: this.label,\n formElementType: this.formElementType,\n elementType: this.elementType,\n validation: this.validation,\n defaultHeight: this.defaultHeight,\n defaultWidth: this.defaultWidth,\n fixedAspect: this.fixedAspect,\n });\n }\n\n @Listen('keydown')\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'ArrowDown') {\n console.log('down arrow pressed');\n }\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n <div\n class={'ls-dv-toolbox-field'}\n style={\n this.isSelected && {\n background: defaultRolePalette[this.signer % 100].s10,\n border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,\n color: defaultRolePalette[this.signer % 100].s80,\n boxShadow: `0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`,\n }\n }\n >\n <div\n class=\"ls-dv-toolbox-field-icon\"\n style={{ '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={this.tooltip}\n data-tooltip-place=\"right\"\n >\n <ls-icon name={this.icon as any} size={20} />\n </div>\n <p\n class=\"ls-dv-toolbox-field-label\"\n style={\n this.isSelected && {\n color: defaultRolePalette[this.signer % 100].s80,\n }\n }\n >\n {this.label}\n </p>\n {this.redDot && (\n <div class={'ls-dv-warning-box'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={`${this.label} Field Required`} data-tooltip-place=\"left\">\n <ls-icon name=\"exclamation-circle-icon\" size={18} solid />\n </div>\n )}\n <ls-icon name=\"drag-vertical-icon\" size={16} customStyle={{ color: this.isSelected ? defaultRolePalette[this.signer % 100].s60 : '#787a80' }} />\n </div>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
|
|
2
|
-
import { d as defineCustomElement$n } from './p-
|
|
2
|
+
import { d as defineCustomElement$n } from './p-CxBIa83N.js';
|
|
3
3
|
import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
|
|
4
|
-
import { d as defineCustomElement$l } from './p-
|
|
5
|
-
import { d as defineCustomElement$k } from './p-
|
|
6
|
-
import { d as defineCustomElement$j } from './p-
|
|
7
|
-
import { d as defineCustomElement$i } from './p-
|
|
8
|
-
import { d as defineCustomElement$h } from './p-
|
|
9
|
-
import { d as defineCustomElement$g } from './p-
|
|
10
|
-
import { d as defineCustomElement$f } from './p-
|
|
11
|
-
import { d as defineCustomElement$e } from './p-
|
|
4
|
+
import { d as defineCustomElement$l } from './p-p5JEvsTq.js';
|
|
5
|
+
import { d as defineCustomElement$k } from './p-DsIip0mA.js';
|
|
6
|
+
import { d as defineCustomElement$j } from './p-Ds2yihe8.js';
|
|
7
|
+
import { d as defineCustomElement$i } from './p-DtIt9SZR.js';
|
|
8
|
+
import { d as defineCustomElement$h } from './p-l5DR81kr.js';
|
|
9
|
+
import { d as defineCustomElement$g } from './p-CZ9xdGQd.js';
|
|
10
|
+
import { d as defineCustomElement$f } from './p-BHt-_hqQ.js';
|
|
11
|
+
import { d as defineCustomElement$e } from './p-BLZyVIno.js';
|
|
12
12
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
13
13
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
15
|
-
import { d as defineCustomElement$a } from './p-
|
|
15
|
+
import { d as defineCustomElement$a } from './p-CKcOLluN.js';
|
|
16
16
|
import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
|
|
17
17
|
import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
|
|
18
|
-
import { d as defineCustomElement$7 } from './p-
|
|
18
|
+
import { d as defineCustomElement$7 } from './p-DYVjHU88.js';
|
|
19
19
|
import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
|
|
20
20
|
import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
|
|
21
21
|
import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
|
|
22
22
|
import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
|
|
23
|
-
import { d as defineCustomElement$2 } from './p-
|
|
23
|
+
import { d as defineCustomElement$2 } from './p-T_Emh7AC.js';
|
|
24
24
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
25
25
|
|
|
26
26
|
const lsFieldPropertiesCheckboxCss = () => `:host{display:block;height:100%}*{box-sizing:border-box;margin:0}.ls-dv-checkbox-toggle{display:flex;gap:0.5rem;background:var(--gray-10, #f7f8fa);padding:0.25rem;border-radius:0.75rem}.ls-dv-checkbox-toggle-btn{flex:1;padding:0.25rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;font-size:0.875rem;color:var(--gray-80, #6f7176);text-transform:capitalize;cursor:pointer;border:none;background:transparent;transition:background 0.15s, box-shadow 0.15s}.ls-dv-checkbox-toggle-btn:focus-visible{outline:2px solid var(--gray-40, #d8d9dc);outline-offset:2px}.ls-dv-checkbox-toggle-btn.ls-dv-active{background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}.ls-dv-checkbox-toggle-btn:disabled{cursor:default;opacity:0.5}`;
|
|
@@ -185,6 +185,6 @@ function defineCustomElement() {
|
|
|
185
185
|
defineCustomElement();
|
|
186
186
|
|
|
187
187
|
export { LsFieldPropertiesCheckbox as L, defineCustomElement as d };
|
|
188
|
-
//# sourceMappingURL=p-
|
|
188
|
+
//# sourceMappingURL=p-KJ6n20em.js.map
|
|
189
189
|
|
|
190
|
-
//# sourceMappingURL=p-
|
|
190
|
+
//# sourceMappingURL=p-KJ6n20em.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-KJ6n20em.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,2uBAA2uB,CAAC;;MCU3wB,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACX,IAAA,QAAQ;IACzB,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;AAGpC,IAAA,iBAAiB,CAAC,KAAmC,EAAA;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,IAAI,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAoB;;;;IAM/C,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EACvJ,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.scss?tag=ls-field-properties-checkbox&encapsulation=shadow","src/components/ls-field-properties-checkbox/ls-field-properties-checkbox.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-checkbox-toggle {\n display: flex;\n gap: 0.5rem;\n background: $gray-10;\n padding: 0.25rem;\n border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n flex: 1;\n padding: 0.25rem;\n border-radius: 0.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n color: $gray-80;\n text-transform: capitalize;\n cursor: pointer;\n border: none;\n background: transparent;\n transition: background 0.15s, box-shadow 0.15s;\n\n &:focus-visible {\n outline: 2px solid $gray-40;\n outline-offset: 2px;\n }\n\n &.ls-dv-active {\n background: white;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n }\n\n &:disabled {\n cursor: default;\n opacity: 0.5;\n }\n}\n","import { Component, Host, Prop, h, Listen, Element } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-properties-checkbox',\n styleUrl: 'ls-field-properties-checkbox.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesCheckbox {\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n @Listen('mutate')\n handleChildMutate(event: CustomEvent<LSMutateEvent[]>) {\n const update = event.detail?.[0];\n if (update?.action === 'update' && update.data) {\n this.dataItem = update.data as LSApiElement;\n }\n }\n\n @Element() el: HTMLElement;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} showValidationTypes={true} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
|
|
2
|
-
import { d as defineCustomElement$n } from './p-
|
|
2
|
+
import { d as defineCustomElement$n } from './p-CxBIa83N.js';
|
|
3
3
|
import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
|
|
4
|
-
import { d as defineCustomElement$l } from './p-
|
|
5
|
-
import { d as defineCustomElement$k } from './p-
|
|
6
|
-
import { d as defineCustomElement$j } from './p-
|
|
7
|
-
import { d as defineCustomElement$i } from './p-
|
|
8
|
-
import { d as defineCustomElement$h } from './p-
|
|
9
|
-
import { d as defineCustomElement$g } from './p-
|
|
10
|
-
import { d as defineCustomElement$f } from './p-
|
|
11
|
-
import { d as defineCustomElement$e } from './p-
|
|
4
|
+
import { d as defineCustomElement$l } from './p-p5JEvsTq.js';
|
|
5
|
+
import { d as defineCustomElement$k } from './p-DsIip0mA.js';
|
|
6
|
+
import { d as defineCustomElement$j } from './p-Ds2yihe8.js';
|
|
7
|
+
import { d as defineCustomElement$i } from './p-DtIt9SZR.js';
|
|
8
|
+
import { d as defineCustomElement$h } from './p-l5DR81kr.js';
|
|
9
|
+
import { d as defineCustomElement$g } from './p-CZ9xdGQd.js';
|
|
10
|
+
import { d as defineCustomElement$f } from './p-BHt-_hqQ.js';
|
|
11
|
+
import { d as defineCustomElement$e } from './p-BLZyVIno.js';
|
|
12
12
|
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
13
13
|
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
15
|
-
import { d as defineCustomElement$a } from './p-
|
|
15
|
+
import { d as defineCustomElement$a } from './p-CKcOLluN.js';
|
|
16
16
|
import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
|
|
17
17
|
import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
|
|
18
|
-
import { d as defineCustomElement$7 } from './p-
|
|
18
|
+
import { d as defineCustomElement$7 } from './p-DYVjHU88.js';
|
|
19
19
|
import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
|
|
20
20
|
import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
|
|
21
21
|
import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
|
|
22
22
|
import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
|
|
23
|
-
import { d as defineCustomElement$2 } from './p-
|
|
23
|
+
import { d as defineCustomElement$2 } from './p-T_Emh7AC.js';
|
|
24
24
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
25
25
|
|
|
26
26
|
const lsFieldPropertiesNumberCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
|
|
@@ -38,7 +38,7 @@ const LsFieldPropertiesNumber = /*@__PURE__*/ proxyCustomElement(class LsFieldPr
|
|
|
38
38
|
readonly = false;
|
|
39
39
|
filtertoolbox = null;
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '693ef03de6533d23301e47492b51fbc61a88b5eb' }, h("ls-field-properties-container", { key: '5304b091f69e9eeaf4a52ac73d876ec7cdeebee3', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'e4982b6e1c2102ed9f0814f94aa0079f0f7b7e70', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'fd1fdd11da9b0e9cd3e118971d54a1953c18a55c', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '288084808d3a567597f3f422eba1be959f9c01dc', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '069b2e3c6d9fff92353cde24353cbe2648735f99', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '43b6537ffb9b0efbc6c38a702f2affd0664e7ead', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'ad32f3ae92f33cfc69c29fe47b15d4800900c163', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '05fb5d7ad68fed167db6595bbed4d62feca02c46', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'aeb44ada15e2c35b2d455ff2a297b1463b2bcfac', dataItem: this.dataItem, readonly: this.readonly })));
|
|
42
42
|
}
|
|
43
43
|
static get style() { return lsFieldPropertiesNumberCss(); }
|
|
44
44
|
}, [769, "ls-field-properties-number", {
|
|
@@ -178,6 +178,6 @@ function defineCustomElement() {
|
|
|
178
178
|
defineCustomElement();
|
|
179
179
|
|
|
180
180
|
export { LsFieldPropertiesNumber as L, defineCustomElement as d };
|
|
181
|
-
//# sourceMappingURL=p-
|
|
181
|
+
//# sourceMappingURL=p-LICXDZDh.js.map
|
|
182
182
|
|
|
183
|
-
//# sourceMappingURL=p-
|
|
183
|
+
//# sourceMappingURL=p-LICXDZDh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-LICXDZDh.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSr4J,uBAAuB,iBAAAA,kBAAA,CAAA,MAAA,uBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC1B,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEhC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-number/ls-field-properties-number.scss?tag=ls-field-properties-number&encapsulation=shadow","src/components/ls-field-properties-number/ls-field-properties-number.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-number',\n styleUrl: 'ls-field-properties-number.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesNumber {\n @Prop() dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n \n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,29 +1,31 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
|
|
2
|
-
import { d as dvI18n } from './p-
|
|
3
|
-
import { g as getDefaultValidationForType, a as getFieldPlaceholder } from './p
|
|
4
|
-
import { d as defineCustomElement$
|
|
2
|
+
import { d as dvI18n } from './p-DU-efe4l.js';
|
|
3
|
+
import { g as getDefaultValidationForType, a as getFieldPlaceholder } from './p-CZjNHYfy.js';
|
|
4
|
+
import { d as defineCustomElement$n, v as validateFieldValue, a as validationTypes } from './p-p5JEvsTq.js';
|
|
5
5
|
import { f as forceCloseDatePicker } from './index.js';
|
|
6
|
-
import { d as defineCustomElement$
|
|
7
|
-
import { d as defineCustomElement$
|
|
8
|
-
import { d as defineCustomElement$
|
|
9
|
-
import { d as defineCustomElement$
|
|
10
|
-
import { d as defineCustomElement$
|
|
11
|
-
import { d as defineCustomElement$
|
|
12
|
-
import { d as defineCustomElement$
|
|
13
|
-
import { d as defineCustomElement$
|
|
14
|
-
import { d as defineCustomElement$
|
|
15
|
-
import { d as defineCustomElement$
|
|
16
|
-
import { d as defineCustomElement$
|
|
17
|
-
import { d as defineCustomElement$
|
|
18
|
-
import { d as defineCustomElement$
|
|
19
|
-
import { d as defineCustomElement$
|
|
20
|
-
import { d as defineCustomElement$
|
|
21
|
-
import { d as defineCustomElement$
|
|
6
|
+
import { d as defineCustomElement$p } from './p-CxBIa83N.js';
|
|
7
|
+
import { d as defineCustomElement$o } from './p-PwhF9_IW.js';
|
|
8
|
+
import { d as defineCustomElement$m } from './p-BDYqYoIy.js';
|
|
9
|
+
import { d as defineCustomElement$l } from './p-Ds2yihe8.js';
|
|
10
|
+
import { d as defineCustomElement$k } from './p-BpDKp7BL.js';
|
|
11
|
+
import { d as defineCustomElement$j } from './p-DtIt9SZR.js';
|
|
12
|
+
import { d as defineCustomElement$i } from './p-l5DR81kr.js';
|
|
13
|
+
import { d as defineCustomElement$h } from './p-CZ9xdGQd.js';
|
|
14
|
+
import { d as defineCustomElement$g } from './p-BHt-_hqQ.js';
|
|
15
|
+
import { d as defineCustomElement$f } from './p-DsqOfGfP.js';
|
|
16
|
+
import { d as defineCustomElement$e } from './p-BLZyVIno.js';
|
|
17
|
+
import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
|
|
18
|
+
import { d as defineCustomElement$c } from './p-BHeJScTh.js';
|
|
19
|
+
import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
|
|
20
|
+
import { d as defineCustomElement$a } from './p-CKcOLluN.js';
|
|
21
|
+
import { d as defineCustomElement$9 } from './p-CIV0VNix.js';
|
|
22
|
+
import { d as defineCustomElement$8 } from './p-Dk-MsCKT.js';
|
|
23
|
+
import { d as defineCustomElement$7 } from './p-DYVjHU88.js';
|
|
22
24
|
import { d as defineCustomElement$6 } from './p-IqyK8xOq.js';
|
|
23
25
|
import { d as defineCustomElement$5 } from './p-CF40f_5M.js';
|
|
24
26
|
import { d as defineCustomElement$4 } from './p-CM71cfRg.js';
|
|
25
27
|
import { d as defineCustomElement$3 } from './p-t_ow9YJD.js';
|
|
26
|
-
import { d as defineCustomElement$2 } from './p-
|
|
28
|
+
import { d as defineCustomElement$2 } from './p-T_Emh7AC.js';
|
|
27
29
|
import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
|
|
28
30
|
|
|
29
31
|
const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-properties-container{display:flex;flex-direction:column;height:100%}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-dv-field-type-inner{border-radius:0.625rem;background:var(--white, #ffffff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-dv-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;text-transform:capitalize}.ls-dv-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-dv-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, #6f7176)}.ls-dv-tab.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-dv-tab:not(.ls-dv-active):hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #edeff2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.ls-dv-scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-input-wrapper{position:relative}.ls-dv-full-width{width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-input-error{border-color:var(--red-60, #f64a44)}.ls-dv-input-error:focus{box-shadow:0 0 0 0.25rem var(--red-20, #ffe1e0);border-color:var(--red-60, #f64a44)}.ls-dv-error-text{color:var(--red-60, #f64a44);font-size:var(--text-xs);margin-top:0.25rem}.ls-dv-checkbox-toggle{display:flex;gap:0.5rem;background:var(--gray-10, #f7f8fa);padding:0.25rem;border-radius:0.75rem}.ls-dv-checkbox-toggle-btn{flex:1;padding:0.25rem;border-radius:0.5rem;display:flex;justify-content:center;align-items:center;font-size:0.875rem;color:var(--gray-80, #6f7176);text-transform:capitalize;cursor:pointer;border:none;background:transparent;transition:background 0.15s, box-shadow 0.15s}.ls-dv-checkbox-toggle-btn:focus-visible{outline:2px solid var(--gray-40, #d8d9dc);outline-offset:2px}.ls-dv-checkbox-toggle-btn.ls-dv-active{background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}.ls-dv-checkbox-toggle-btn:disabled{cursor:default;opacity:0.5}.ls-dv-mixed-hint{color:var(--gray-60, #afb0b2);font-size:var(--text-xs);font-style:italic}`;
|
|
@@ -379,7 +381,7 @@ const LsFieldPropertiesMultiple = /*@__PURE__*/ proxyCustomElement(class LsField
|
|
|
379
381
|
forceCloseDatePicker(input);
|
|
380
382
|
}, disabled: this.readonly }))), this.showContentFormat() && (h("div", { key: '5b7dfadd02735ec4d4a0311a1f877fbaac5e1b93', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ba5305c1c5655842d8480f2fb768bbef8749b884', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5dc7e79f39c9bcc5ee4c31cde211da111125a297', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('fieldproperties.contentformat')), h("p", { key: '8132c9764993d78ee37575564a9be75bb8289ab3', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('fieldproperties.contentformatdescription'))), h("ls-input-wrapper", { key: '7e8b67506020e02c0138fc394426489c295c9cc3', select: true }, h("select", { key: 'c7197eafff92b51b46df6d3da846fe70c537502d', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)), disabled: this.readonly }, !this.allValidationsSame().isSame && (h("option", { key: 'dac1e5cf6c84e574ca5ac212ae90597a7089b92e', disabled: true, selected: true, value: "" }, dvI18n.t('fieldproperties.mixed'))), validationTypes
|
|
381
383
|
.filter(type => type.formType === this.allFieldTypesSame().fieldType)
|
|
382
|
-
.map(type => (h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description)))))))), h("div", { key: '
|
|
384
|
+
.map(type => (h("option", { selected: this.allValidationsSame().validation === type.id, value: type.id }, type.description))))))), h("ls-field-properties-advanced", { key: '31086c8b1922f35658acf56f7cb735a657a9c230', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'b3638600608f91fca9929942f9d6326cf59a6ad0', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '2f121dce083c6d257d436ca2ff6e13c6b0d0bcdb', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-size", { key: 'a36763929cf750adbbf6ffc8108808d9772831c2', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '4ed8136db9c7c1b1b59c8ccd81799e769f3018ba', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-alignment", { key: 'a490dae79231de0691db3c972477313c1050d9e8', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-placement", { key: 'c6ee8196fad5496b05071868ee95a6e933c7917f', dataItem: this.dataItem, readonly: this.readonly }), h("ls-field-distribute", { key: '165694779845d972a8ec30533635abedd8b647be', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '86099d63ef3ec92eeb53fd2b95262872411b1085', dataItem: this.dataItem, readonly: this.readonly }), h("slot", { key: 'd3ded4d7091efc8448396aa5800be137adb552cf' })));
|
|
383
385
|
}
|
|
384
386
|
static get watchers() { return {
|
|
385
387
|
"dataItem": ["validateOnChange"]
|
|
@@ -398,7 +400,7 @@ function defineCustomElement() {
|
|
|
398
400
|
if (typeof customElements === "undefined") {
|
|
399
401
|
return;
|
|
400
402
|
}
|
|
401
|
-
const components = ["ls-field-properties-multiple", "ls-assignee-select", "ls-checkbox-input", "ls-editor-field", "ls-field-alignment", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-placement", "ls-field-properties-container", "ls-field-size", "ls-field-type-select", "ls-formfield", "ls-icon", "ls-icon-button", "ls-input-wrapper", "ls-label", "ls-number-input", "ls-radio-input", "ls-select-input", "ls-text-input", "ls-textarea-input", "ls-toggle", "ls-tooltip"];
|
|
403
|
+
const components = ["ls-field-properties-multiple", "ls-assignee-select", "ls-checkbox-input", "ls-editor-field", "ls-field-alignment", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-placement", "ls-field-properties-advanced", "ls-field-properties-container", "ls-field-size", "ls-field-type-select", "ls-formfield", "ls-icon", "ls-icon-button", "ls-input-wrapper", "ls-label", "ls-number-input", "ls-props-section", "ls-radio-input", "ls-select-input", "ls-text-input", "ls-textarea-input", "ls-toggle", "ls-tooltip"];
|
|
402
404
|
components.forEach(tagName => { switch (tagName) {
|
|
403
405
|
case "ls-field-properties-multiple":
|
|
404
406
|
if (!customElements.get(transformTag(tagName))) {
|
|
@@ -407,85 +409,95 @@ function defineCustomElement() {
|
|
|
407
409
|
break;
|
|
408
410
|
case "ls-assignee-select":
|
|
409
411
|
if (!customElements.get(transformTag(tagName))) {
|
|
410
|
-
defineCustomElement$
|
|
412
|
+
defineCustomElement$p();
|
|
411
413
|
}
|
|
412
414
|
break;
|
|
413
415
|
case "ls-checkbox-input":
|
|
414
416
|
if (!customElements.get(transformTag(tagName))) {
|
|
415
|
-
defineCustomElement$
|
|
417
|
+
defineCustomElement$o();
|
|
416
418
|
}
|
|
417
419
|
break;
|
|
418
420
|
case "ls-editor-field":
|
|
419
421
|
if (!customElements.get(transformTag(tagName))) {
|
|
420
|
-
defineCustomElement$
|
|
422
|
+
defineCustomElement$n();
|
|
421
423
|
}
|
|
422
424
|
break;
|
|
423
425
|
case "ls-field-alignment":
|
|
424
426
|
if (!customElements.get(transformTag(tagName))) {
|
|
425
|
-
defineCustomElement$
|
|
427
|
+
defineCustomElement$m();
|
|
426
428
|
}
|
|
427
429
|
break;
|
|
428
430
|
case "ls-field-dimensions":
|
|
429
431
|
if (!customElements.get(transformTag(tagName))) {
|
|
430
|
-
defineCustomElement$
|
|
432
|
+
defineCustomElement$l();
|
|
431
433
|
}
|
|
432
434
|
break;
|
|
433
435
|
case "ls-field-distribute":
|
|
434
436
|
if (!customElements.get(transformTag(tagName))) {
|
|
435
|
-
defineCustomElement$
|
|
437
|
+
defineCustomElement$k();
|
|
436
438
|
}
|
|
437
439
|
break;
|
|
438
440
|
case "ls-field-footer":
|
|
439
441
|
if (!customElements.get(transformTag(tagName))) {
|
|
440
|
-
defineCustomElement$
|
|
442
|
+
defineCustomElement$j();
|
|
441
443
|
}
|
|
442
444
|
break;
|
|
443
445
|
case "ls-field-placement":
|
|
444
446
|
if (!customElements.get(transformTag(tagName))) {
|
|
445
|
-
defineCustomElement$
|
|
447
|
+
defineCustomElement$i();
|
|
448
|
+
}
|
|
449
|
+
break;
|
|
450
|
+
case "ls-field-properties-advanced":
|
|
451
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
452
|
+
defineCustomElement$h();
|
|
446
453
|
}
|
|
447
454
|
break;
|
|
448
455
|
case "ls-field-properties-container":
|
|
449
456
|
if (!customElements.get(transformTag(tagName))) {
|
|
450
|
-
defineCustomElement$
|
|
457
|
+
defineCustomElement$g();
|
|
451
458
|
}
|
|
452
459
|
break;
|
|
453
460
|
case "ls-field-size":
|
|
454
461
|
if (!customElements.get(transformTag(tagName))) {
|
|
455
|
-
defineCustomElement$
|
|
462
|
+
defineCustomElement$f();
|
|
456
463
|
}
|
|
457
464
|
break;
|
|
458
465
|
case "ls-field-type-select":
|
|
459
466
|
if (!customElements.get(transformTag(tagName))) {
|
|
460
|
-
defineCustomElement$
|
|
467
|
+
defineCustomElement$e();
|
|
461
468
|
}
|
|
462
469
|
break;
|
|
463
470
|
case "ls-formfield":
|
|
464
471
|
if (!customElements.get(transformTag(tagName))) {
|
|
465
|
-
defineCustomElement$
|
|
472
|
+
defineCustomElement$d();
|
|
466
473
|
}
|
|
467
474
|
break;
|
|
468
475
|
case "ls-icon":
|
|
469
476
|
if (!customElements.get(transformTag(tagName))) {
|
|
470
|
-
defineCustomElement$
|
|
477
|
+
defineCustomElement$c();
|
|
471
478
|
}
|
|
472
479
|
break;
|
|
473
480
|
case "ls-icon-button":
|
|
474
481
|
if (!customElements.get(transformTag(tagName))) {
|
|
475
|
-
defineCustomElement$
|
|
482
|
+
defineCustomElement$b();
|
|
476
483
|
}
|
|
477
484
|
break;
|
|
478
485
|
case "ls-input-wrapper":
|
|
479
486
|
if (!customElements.get(transformTag(tagName))) {
|
|
480
|
-
defineCustomElement$
|
|
487
|
+
defineCustomElement$a();
|
|
481
488
|
}
|
|
482
489
|
break;
|
|
483
490
|
case "ls-label":
|
|
484
491
|
if (!customElements.get(transformTag(tagName))) {
|
|
485
|
-
defineCustomElement$
|
|
492
|
+
defineCustomElement$9();
|
|
486
493
|
}
|
|
487
494
|
break;
|
|
488
495
|
case "ls-number-input":
|
|
496
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
497
|
+
defineCustomElement$8();
|
|
498
|
+
}
|
|
499
|
+
break;
|
|
500
|
+
case "ls-props-section":
|
|
489
501
|
if (!customElements.get(transformTag(tagName))) {
|
|
490
502
|
defineCustomElement$7();
|
|
491
503
|
}
|
|
@@ -525,6 +537,6 @@ function defineCustomElement() {
|
|
|
525
537
|
defineCustomElement();
|
|
526
538
|
|
|
527
539
|
export { LsFieldPropertiesMultiple as L, defineCustomElement as d };
|
|
528
|
-
//# sourceMappingURL=p-
|
|
540
|
+
//# sourceMappingURL=p-MVrx9OAk.js.map
|
|
529
541
|
|
|
530
|
-
//# sourceMappingURL=p-
|
|
542
|
+
//# sourceMappingURL=p-MVrx9OAk.js.map
|