@sapudex/web-components 2.50.0 → 2.51.0
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/MessageStrip.d.ts +3 -0
- package/dist/MessageStrip.js +40 -8
- package/dist/MessageStrip.js.map +1 -1
- package/dist/Modal.d.ts +1 -0
- package/dist/Modal.js +7 -0
- package/dist/Modal.js.map +1 -1
- package/dist/assets/{InputSuggestions-DZR626c7.js → InputSuggestions-7eP5S95I.js} +1 -1
- package/dist/assets/{ListItemStandardExpandableTextTemplate-D_5VXMzU.js → ListItemStandardExpandableTextTemplate-CLcWBFcg.js} +1 -1
- package/dist/assets/{bundle.esm-DuQLY8Jz.js → bundle.esm-D4--IDh7.js} +311 -313
- package/dist/assets/messagebundle_ar-BRkfjlVF.js +1 -0
- package/dist/assets/messagebundle_ar-D5A573iZ.js +1 -0
- package/dist/assets/messagebundle_bg-ByA8yRlQ.js +1 -0
- package/dist/assets/messagebundle_bg-CIVFOczQ.js +1 -0
- package/dist/assets/messagebundle_ca-BR3XuU9o.js +1 -0
- package/dist/assets/messagebundle_ca-CnMQ87v0.js +1 -0
- package/dist/assets/messagebundle_cnr-C6YhRiS7.js +1 -0
- package/dist/assets/messagebundle_cnr-CKZii51E.js +1 -0
- package/dist/assets/messagebundle_cs-DcOu8IOK.js +1 -0
- package/dist/assets/messagebundle_cs-I7yYpbsI.js +1 -0
- package/dist/assets/messagebundle_cy-BxrFUGJ9.js +1 -0
- package/dist/assets/messagebundle_cy-iXD_sJ-H.js +1 -0
- package/dist/assets/messagebundle_da-BVQHPgwf.js +1 -0
- package/dist/assets/messagebundle_da-CMGObFa5.js +1 -0
- package/dist/assets/messagebundle_de-Ca8NttFO.js +1 -0
- package/dist/assets/messagebundle_el-Cqfj_U5v.js +1 -0
- package/dist/assets/messagebundle_el-D9Zgq5tn.js +1 -0
- package/dist/assets/messagebundle_en-D0JTZvAf.js +1 -0
- package/dist/assets/messagebundle_en-DWqF0cay.js +1 -0
- package/dist/assets/messagebundle_en_GB-CGB_FKp4.js +1 -0
- package/dist/assets/messagebundle_en_GB-Cl7ekzz2.js +1 -0
- package/dist/assets/messagebundle_en_US_sappsd-7UdOh8vN.js +1 -0
- package/dist/assets/messagebundle_en_US_sappsd-B8rqsyFQ.js +1 -0
- package/dist/assets/messagebundle_en_US_saprigi-9VCo5QY0.js +1 -0
- package/dist/assets/messagebundle_en_US_saprigi-DfLzOCPY.js +1 -0
- package/dist/assets/messagebundle_en_US_saptrc-DZqYka05.js +1 -0
- package/dist/assets/messagebundle_en_US_saptrc-Wh_IysAB.js +1 -0
- package/dist/assets/messagebundle_es-DKn8EzzP.js +1 -0
- package/dist/assets/messagebundle_es-lf5AJZNW.js +1 -0
- package/dist/assets/messagebundle_es_MX-DyYZGjON.js +1 -0
- package/dist/assets/messagebundle_es_MX-yBTcvu7u.js +1 -0
- package/dist/assets/messagebundle_et-Dz8Ohhcp.js +1 -0
- package/dist/assets/messagebundle_et-rMWbS-Nu.js +1 -0
- package/dist/assets/messagebundle_fi-Bfbyhuuz.js +1 -0
- package/dist/assets/messagebundle_fi-DnXm7LPH.js +1 -0
- package/dist/assets/messagebundle_fr-BvbeCfZ-.js +1 -0
- package/dist/assets/messagebundle_fr-KQhoZEew.js +1 -0
- package/dist/assets/messagebundle_fr_CA-CE2lzYx5.js +1 -0
- package/dist/assets/messagebundle_fr_CA-CIhDzHAJ.js +1 -0
- package/dist/assets/messagebundle_hi-BRQ9tZ6F.js +1 -0
- package/dist/assets/messagebundle_hi-DPwH9vag.js +1 -0
- package/dist/assets/messagebundle_hr-BSKQ6zHT.js +1 -0
- package/dist/assets/messagebundle_hr-D3gQg5JN.js +1 -0
- package/dist/assets/messagebundle_hu-CAA4oM1C.js +1 -0
- package/dist/assets/messagebundle_hu-CZNs1K9T.js +1 -0
- package/dist/assets/messagebundle_id-9H0uJyXB.js +1 -0
- package/dist/assets/messagebundle_id-m6iosVVP.js +1 -0
- package/dist/assets/messagebundle_it-BWzxa-Mi.js +1 -0
- package/dist/assets/messagebundle_it-Cm_0HF21.js +1 -0
- package/dist/assets/messagebundle_iw-DpB2YXTa.js +1 -0
- package/dist/assets/messagebundle_iw-NfqePNtD.js +1 -0
- package/dist/assets/messagebundle_ja-BCSZcI8t.js +1 -0
- package/dist/assets/messagebundle_ja-C-qqwzFf.js +1 -0
- package/dist/assets/messagebundle_kk--PGqyTVS.js +1 -0
- package/dist/assets/messagebundle_kk-DAlCQkFU.js +1 -0
- package/dist/assets/messagebundle_ko-D8mIkPe1.js +1 -0
- package/dist/assets/messagebundle_ko-qoWc4ZGG.js +1 -0
- package/dist/assets/messagebundle_lt-BIEH02V4.js +1 -0
- package/dist/assets/messagebundle_lt-ruMxSuY-.js +1 -0
- package/dist/assets/messagebundle_lv-C2om7wu0.js +1 -0
- package/dist/assets/messagebundle_lv-Dfrbh1ci.js +1 -0
- package/dist/assets/messagebundle_mk-DHvZle6t.js +1 -0
- package/dist/assets/messagebundle_mk-l_Kubx1p.js +1 -0
- package/dist/assets/messagebundle_ms-CKCmj1p_.js +1 -0
- package/dist/assets/messagebundle_ms-IhSEK5ij.js +1 -0
- package/dist/assets/messagebundle_nl-BiIb6e5c.js +1 -0
- package/dist/assets/messagebundle_nl-DquG38Cj.js +1 -0
- package/dist/assets/messagebundle_no-CX23v_jg.js +1 -0
- package/dist/assets/messagebundle_no-DFdvykvP.js +1 -0
- package/dist/assets/messagebundle_pl-BAeue3mo.js +1 -0
- package/dist/assets/messagebundle_pl-iHE_prgN.js +1 -0
- package/dist/assets/messagebundle_pt-BpQnTLvl.js +1 -0
- package/dist/assets/messagebundle_pt-C_bG3Erm.js +1 -0
- package/dist/assets/messagebundle_pt_PT-CR7qXFK-.js +1 -0
- package/dist/assets/messagebundle_pt_PT-DyseXKQQ.js +1 -0
- package/dist/assets/messagebundle_ro-CHU1E6hv.js +1 -0
- package/dist/assets/messagebundle_ro-C_amsd63.js +1 -0
- package/dist/assets/messagebundle_ru-Cab4H6Ud.js +1 -0
- package/dist/assets/messagebundle_ru-D6JMraBp.js +1 -0
- package/dist/assets/messagebundle_sh-DusYn00L.js +1 -0
- package/dist/assets/messagebundle_sh-hThvw_lF.js +1 -0
- package/dist/assets/messagebundle_sk-BqiUMEcX.js +1 -0
- package/dist/assets/messagebundle_sk-CZHfFNQ_.js +1 -0
- package/dist/assets/{messagebundle_sl-Bn5tocYe.js → messagebundle_sl-B79d3kfY.js} +1 -1
- package/dist/assets/messagebundle_sl-SfAn6n6j.js +1 -0
- package/dist/assets/messagebundle_sr-4iz7n4Te.js +1 -0
- package/dist/assets/messagebundle_sr-DxELdG62.js +1 -0
- package/dist/assets/messagebundle_sv-CPOHCrxs.js +1 -0
- package/dist/assets/messagebundle_sv-i6GuWK0l.js +1 -0
- package/dist/assets/messagebundle_th-D-kPI3tt.js +1 -0
- package/dist/assets/messagebundle_th-D64J-JvN.js +1 -0
- package/dist/assets/messagebundle_tr-CuE9DqZT.js +1 -0
- package/dist/assets/messagebundle_tr-gTuGftNt.js +1 -0
- package/dist/assets/messagebundle_uk-C6JSX-jF.js +1 -0
- package/dist/assets/messagebundle_uk-IKxyo-LT.js +1 -0
- package/dist/assets/messagebundle_vi-BRdRT5L6.js +1 -0
- package/dist/assets/messagebundle_vi-rZGL12-x.js +1 -0
- package/dist/assets/messagebundle_zh_CN-L55Y4Dfs.js +1 -0
- package/dist/assets/messagebundle_zh_CN-ZalS15WG.js +1 -0
- package/dist/assets/messagebundle_zh_TW-BcMzZCW2.js +1 -0
- package/dist/assets/messagebundle_zh_TW-sRVDBYOx.js +1 -0
- package/dist/assets/parameters-bundle.css-8pAQYERs.js +3 -0
- package/dist/assets/{parameters-bundle.css-Dd5ajhZR.js → parameters-bundle.css-BXQ-0CBp.js} +1 -12
- package/dist/assets/parameters-bundle.css-B_KvbSAR.js +2 -0
- package/dist/assets/{parameters-bundle.css-BVXLOlqR.js → parameters-bundle.css-Bleiw2gk.js} +1 -1
- package/dist/assets/{parameters-bundle.css-DH_wndOj.js → parameters-bundle.css-C3eDVARm.js} +1 -1
- package/dist/assets/parameters-bundle.css-C7KCPeJ8.js +3 -0
- package/dist/assets/{parameters-bundle.css-CWfGvXBZ.js → parameters-bundle.css-CCL9q8h_.js} +1 -1
- package/dist/assets/{parameters-bundle.css-BCB-2TTY.js → parameters-bundle.css-CDc9A-MF.js} +1 -1
- package/dist/assets/parameters-bundle.css-CLLnzh9T.js +3 -0
- package/dist/assets/parameters-bundle.css-CQFZmxYm.js +3 -0
- package/dist/assets/parameters-bundle.css-CSUOmZKr.js +3 -0
- package/dist/assets/{parameters-bundle.css-CKNWL0nG.js → parameters-bundle.css-CT-eTeTy.js} +1 -12
- package/dist/assets/parameters-bundle.css-Ciey0vhA.js +2 -0
- package/dist/assets/{parameters-bundle.css-DuHP0Q5Y.js → parameters-bundle.css-Cmk27zY9.js} +6 -9
- package/dist/assets/{parameters-bundle.css-yvuwi247.js → parameters-bundle.css-Cv89y49I.js} +1 -1
- package/dist/assets/{parameters-bundle.css-BQB0pxRT.js → parameters-bundle.css-Cx9nDxJ1.js} +1 -1
- package/dist/assets/{parameters-bundle.css-BBdTemt8.js → parameters-bundle.css-CxjtOlRD.js} +7 -10
- package/dist/assets/{parameters-bundle.css-DXuX1n-u.js → parameters-bundle.css-D6dc2la8.js} +1 -1
- package/dist/assets/parameters-bundle.css-D7Hj83QD.js +2 -0
- package/dist/assets/{parameters-bundle.css-BiSP-Gf0.js → parameters-bundle.css-D7WciSOr.js} +1 -12
- package/dist/assets/{parameters-bundle.css-tevTlrPX.js → parameters-bundle.css-D9YZOKyE.js} +1 -1
- package/dist/assets/{parameters-bundle.css-CTIq7sCI.js → parameters-bundle.css-DE8FUbIS.js} +1 -1
- package/dist/assets/parameters-bundle.css-DJgsxqD8.js +2 -0
- package/dist/assets/parameters-bundle.css-DMVuljH3.js +3 -0
- package/dist/assets/{parameters-bundle.css-1rRun2sT.js → parameters-bundle.css-DPz62M1p.js} +3 -14
- package/dist/assets/parameters-bundle.css-DkHyiuRq.js +3 -0
- package/dist/assets/parameters-bundle.css-Dvgwa73x.js +3 -0
- package/dist/assets/parameters-bundle.css-V2I5eOdH.js +3 -0
- package/dist/assets/{parameters-bundle.css-DUGC7SPT.js → parameters-bundle.css-XYDTPt-n.js} +1 -12
- package/dist/assets/{parameters-bundle.css-C90ijvPq.js → parameters-bundle.css-tmGa6wuH.js} +1 -1
- package/dist/css/themes/MastheadProfileMenu.css +1 -1
- package/dist/css/themes/MessageStrip.css +1 -1
- package/dist/css/themes/Modal.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/custom-elements-internal.json +9 -9
- package/dist/custom-elements.json +28 -9
- package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
- package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
- package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
- package/dist/generated/themes/MessageStrip.css.js +1 -1
- package/dist/generated/themes/MessageStrip.css.js.map +1 -1
- package/dist/generated/themes/Modal.css.d.ts +1 -1
- package/dist/generated/themes/Modal.css.js +1 -1
- package/dist/generated/themes/Modal.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.css.js.map +1 -1
- package/dist/types/MessageStrip.d.ts +22 -1
- package/dist/types/MessageStrip.js +21 -0
- package/dist/types/MessageStrip.js.map +1 -1
- package/dist/vscode.html-custom-data.json +13 -2
- package/dist/web-types.json +5 -5
- package/package.json +8 -8
- package/src/MessageStrip.ts +41 -9
- package/src/Modal.ts +8 -0
- package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
- package/src/generated/themes/MessageStrip.css.ts +1 -1
- package/src/generated/themes/Modal.css.ts +1 -1
- package/src/generated/themes/Search.css.ts +1 -1
- package/src/themes/MastheadProfileMenu.css +0 -4
- package/src/themes/MessageStrip.css +384 -10
- package/src/themes/Modal.css +2 -2
- package/src/themes/Search.css +6 -4
- package/src/types/MessageStrip.ts +21 -0
- package/dist/assets/messagebundle_ar-DcH18L3h.js +0 -1
- package/dist/assets/messagebundle_ar-Ic4ckTUt.js +0 -1
- package/dist/assets/messagebundle_bg-BOgOglXh.js +0 -1
- package/dist/assets/messagebundle_bg-dZrlFeKZ.js +0 -1
- package/dist/assets/messagebundle_ca-2bFyG5Ty.js +0 -1
- package/dist/assets/messagebundle_ca-B2inwHsb.js +0 -1
- package/dist/assets/messagebundle_cnr-CSmWG9_V.js +0 -1
- package/dist/assets/messagebundle_cnr-DZsc1R1r.js +0 -1
- package/dist/assets/messagebundle_cs-BZXuIszN.js +0 -1
- package/dist/assets/messagebundle_cs-Dso9kSig.js +0 -1
- package/dist/assets/messagebundle_cy-B66O9oBx.js +0 -1
- package/dist/assets/messagebundle_cy-BSiMgZtA.js +0 -1
- package/dist/assets/messagebundle_da-CAPY9nnT.js +0 -1
- package/dist/assets/messagebundle_da-DTOADw3Y.js +0 -1
- package/dist/assets/messagebundle_de-DWsuh-jj.js +0 -1
- package/dist/assets/messagebundle_el-ByL7ikpl.js +0 -1
- package/dist/assets/messagebundle_el-CwjQKEGb.js +0 -1
- package/dist/assets/messagebundle_en-4Wpx2jqf.js +0 -1
- package/dist/assets/messagebundle_en-Bi068VCa.js +0 -1
- package/dist/assets/messagebundle_en_GB-BEZ3LbT5.js +0 -1
- package/dist/assets/messagebundle_en_GB-DKEddq_J.js +0 -1
- package/dist/assets/messagebundle_en_US_sappsd-Bc-vQnEr.js +0 -1
- package/dist/assets/messagebundle_en_US_sappsd-CEGC_XRQ.js +0 -1
- package/dist/assets/messagebundle_en_US_saprigi--hAUIdWq.js +0 -1
- package/dist/assets/messagebundle_en_US_saprigi-C_gnMw05.js +0 -1
- package/dist/assets/messagebundle_en_US_saptrc-CIbQNg_d.js +0 -1
- package/dist/assets/messagebundle_en_US_saptrc-DY0WM5Yp.js +0 -1
- package/dist/assets/messagebundle_es-BHY_U2xi.js +0 -1
- package/dist/assets/messagebundle_es-vhzI0nML.js +0 -1
- package/dist/assets/messagebundle_es_MX-DjJ15Ns4.js +0 -1
- package/dist/assets/messagebundle_es_MX-DmINMi1e.js +0 -1
- package/dist/assets/messagebundle_et-CpVk1Xin.js +0 -1
- package/dist/assets/messagebundle_et-DLssZHh4.js +0 -1
- package/dist/assets/messagebundle_fi-DmGIB0sc.js +0 -1
- package/dist/assets/messagebundle_fi-YfxQ0aOR.js +0 -1
- package/dist/assets/messagebundle_fr-BFMaF4AX.js +0 -1
- package/dist/assets/messagebundle_fr-BZ-VJ002.js +0 -1
- package/dist/assets/messagebundle_fr_CA-B5jFryz1.js +0 -1
- package/dist/assets/messagebundle_fr_CA-hZ2LGeU2.js +0 -1
- package/dist/assets/messagebundle_hi-92qX3F1U.js +0 -1
- package/dist/assets/messagebundle_hi-DFXk6QGw.js +0 -1
- package/dist/assets/messagebundle_hr-CUaLQBjG.js +0 -1
- package/dist/assets/messagebundle_hr-selqadPV.js +0 -1
- package/dist/assets/messagebundle_hu-BtupF5BC.js +0 -1
- package/dist/assets/messagebundle_hu-D_rF_cCp.js +0 -1
- package/dist/assets/messagebundle_id-Bvmpblmf.js +0 -1
- package/dist/assets/messagebundle_id-P3JSHcmu.js +0 -1
- package/dist/assets/messagebundle_it-BINon06x.js +0 -1
- package/dist/assets/messagebundle_it-CXnIcrL4.js +0 -1
- package/dist/assets/messagebundle_iw-BzixLMjm.js +0 -1
- package/dist/assets/messagebundle_iw-Cb6M5XGj.js +0 -1
- package/dist/assets/messagebundle_ja-DQ5MCYLw.js +0 -1
- package/dist/assets/messagebundle_ja-J8eqPj7N.js +0 -1
- package/dist/assets/messagebundle_kk-BIeQLfxu.js +0 -1
- package/dist/assets/messagebundle_kk-DIOzUeHN.js +0 -1
- package/dist/assets/messagebundle_ko-B9_Ss1b5.js +0 -1
- package/dist/assets/messagebundle_ko-BLMVyKh5.js +0 -1
- package/dist/assets/messagebundle_lt-CbB2wq2X.js +0 -1
- package/dist/assets/messagebundle_lt-RzsUvi_1.js +0 -1
- package/dist/assets/messagebundle_lv-6quK3a4e.js +0 -1
- package/dist/assets/messagebundle_lv-BQO-79MM.js +0 -1
- package/dist/assets/messagebundle_mk-2lJhEAgI.js +0 -1
- package/dist/assets/messagebundle_mk-o-SATTof.js +0 -1
- package/dist/assets/messagebundle_ms-3Zupz0mA.js +0 -1
- package/dist/assets/messagebundle_ms-DnacCQys.js +0 -1
- package/dist/assets/messagebundle_nl-BVNQuB_K.js +0 -1
- package/dist/assets/messagebundle_nl-DTnHMKsv.js +0 -1
- package/dist/assets/messagebundle_no-BQMw-opH.js +0 -1
- package/dist/assets/messagebundle_no-OUP0Fraw.js +0 -1
- package/dist/assets/messagebundle_pl-BQW6qi8p.js +0 -1
- package/dist/assets/messagebundle_pl-PZiQh0Xy.js +0 -1
- package/dist/assets/messagebundle_pt-BlqCbnEN.js +0 -1
- package/dist/assets/messagebundle_pt-DEVzhHU_.js +0 -1
- package/dist/assets/messagebundle_pt_PT-BV1ec-3v.js +0 -1
- package/dist/assets/messagebundle_pt_PT-CL5hgi4Q.js +0 -1
- package/dist/assets/messagebundle_ro-D3lrScIy.js +0 -1
- package/dist/assets/messagebundle_ro-mHJ-r7ez.js +0 -1
- package/dist/assets/messagebundle_ru-BD3A7Zsx.js +0 -1
- package/dist/assets/messagebundle_ru-D7z2G7DP.js +0 -1
- package/dist/assets/messagebundle_sh-BoaW1EWP.js +0 -1
- package/dist/assets/messagebundle_sh-DXM15u1O.js +0 -1
- package/dist/assets/messagebundle_sk-Bjnhb-_D.js +0 -1
- package/dist/assets/messagebundle_sk-Clc7AaEc.js +0 -1
- package/dist/assets/messagebundle_sl-DJj-8V96.js +0 -1
- package/dist/assets/messagebundle_sr-Dsio4Srd.js +0 -1
- package/dist/assets/messagebundle_sr-w0tnyPzk.js +0 -1
- package/dist/assets/messagebundle_sv-B-KDauoz.js +0 -1
- package/dist/assets/messagebundle_sv-DCsGSCfn.js +0 -1
- package/dist/assets/messagebundle_th-D8qcTN_b.js +0 -1
- package/dist/assets/messagebundle_th-rPoqCsGu.js +0 -1
- package/dist/assets/messagebundle_tr-DIqpdL9d.js +0 -1
- package/dist/assets/messagebundle_tr-Dw7toCgs.js +0 -1
- package/dist/assets/messagebundle_uk-CycQpntH.js +0 -1
- package/dist/assets/messagebundle_uk-L4kmWPZY.js +0 -1
- package/dist/assets/messagebundle_vi-D1-iiI56.js +0 -1
- package/dist/assets/messagebundle_vi-wJJaYHj7.js +0 -1
- package/dist/assets/messagebundle_zh_CN-CIR_auXr.js +0 -1
- package/dist/assets/messagebundle_zh_CN-D3UfRQq7.js +0 -1
- package/dist/assets/messagebundle_zh_TW-CG9O1F7p.js +0 -1
- package/dist/assets/messagebundle_zh_TW-qc8ADbuf.js +0 -1
- package/dist/assets/parameters-bundle.css-BA_cQYjH.js +0 -2
- package/dist/assets/parameters-bundle.css-BBLk8nbD.js +0 -3
- package/dist/assets/parameters-bundle.css-B_rCq3Nc.js +0 -3
- package/dist/assets/parameters-bundle.css-CTw0R0y7.js +0 -2
- package/dist/assets/parameters-bundle.css-CV2FCAf_.js +0 -3
- package/dist/assets/parameters-bundle.css-CX7V5RGm.js +0 -3
- package/dist/assets/parameters-bundle.css-D9AHurfl.js +0 -2
- package/dist/assets/parameters-bundle.css-DENVM9pb.js +0 -3
- package/dist/assets/parameters-bundle.css-DHLZEUsz.js +0 -3
- package/dist/assets/parameters-bundle.css-DUAp19rB.js +0 -3
- package/dist/assets/parameters-bundle.css-Dp55UvXM.js +0 -3
- package/dist/assets/parameters-bundle.css-DpJfefgg.js +0 -3
- package/dist/assets/parameters-bundle.css-YNYQDxyY.js +0 -2
package/dist/MessageStrip.d.ts
CHANGED
|
@@ -21,6 +21,8 @@ declare class UDExMessageStrip extends MessageStrip {
|
|
|
21
21
|
/**
|
|
22
22
|
* Defines the component Status Type.
|
|
23
23
|
*
|
|
24
|
+
* `Text` value is DEPRECATED! Use `Icon` instead.
|
|
25
|
+
*
|
|
24
26
|
* @public
|
|
25
27
|
*/
|
|
26
28
|
statusType: `${UDExMessageStripStatusType}`;
|
|
@@ -81,6 +83,7 @@ declare class UDExMessageStrip extends MessageStrip {
|
|
|
81
83
|
getTranslation(text: I18nText): string;
|
|
82
84
|
textStatusTypeMapping(): Record<string, string>;
|
|
83
85
|
isDesignAction(): boolean;
|
|
86
|
+
get isDecorativeDesign(): boolean;
|
|
84
87
|
get isDesignWarning(): boolean;
|
|
85
88
|
_closeClick(): void;
|
|
86
89
|
get shouldHideIcon(): boolean;
|
package/dist/MessageStrip.js
CHANGED
|
@@ -34,16 +34,18 @@ let UDExMessageStrip = UDExMessageStrip_1 = class UDExMessageStrip extends Messa
|
|
|
34
34
|
*
|
|
35
35
|
* @public
|
|
36
36
|
*/
|
|
37
|
-
this.design = UDExMessageStripDesign.
|
|
37
|
+
this.design = UDExMessageStripDesign.Neutral;
|
|
38
38
|
/**
|
|
39
39
|
* Defines the component Status Type.
|
|
40
40
|
*
|
|
41
|
+
* `Text` value is DEPRECATED! Use `Icon` instead.
|
|
42
|
+
*
|
|
41
43
|
* @public
|
|
42
44
|
*/
|
|
43
45
|
this.statusType = UDExMessageStripStatusType.Icon;
|
|
44
46
|
}
|
|
45
47
|
onBeforeRendering() {
|
|
46
|
-
if (this.
|
|
48
|
+
if (this.isNotIconStatusType || (this.isDecorativeDesign && this.icon.length === 0)) {
|
|
47
49
|
this.hideIcon = true;
|
|
48
50
|
}
|
|
49
51
|
}
|
|
@@ -57,10 +59,36 @@ let UDExMessageStrip = UDExMessageStrip_1 = class UDExMessageStrip extends Messa
|
|
|
57
59
|
[UDExMessageStripDesign.Negative]: this.statusErrorText || this.getTranslation(MESSAGE_STRIP_ERROR),
|
|
58
60
|
[UDExMessageStripDesign.Warning]: this.statusWarningText || this.getTranslation(MESSAGE_STRIP_WARNING),
|
|
59
61
|
[UDExMessageStripDesign.Action]: this.getTranslation(MESSAGE_STRIP_ACTION),
|
|
62
|
+
[UDExMessageStripDesign.Neutral]: this.getTranslation(MESSAGE_STRIP_ACTION),
|
|
60
63
|
};
|
|
61
64
|
}
|
|
62
65
|
isDesignAction() {
|
|
63
|
-
return this.design === UDExMessageStripDesign.Action;
|
|
66
|
+
return this.design === UDExMessageStripDesign.Action || this.design === UDExMessageStripDesign.Neutral;
|
|
67
|
+
}
|
|
68
|
+
get isDecorativeDesign() {
|
|
69
|
+
const decorativeDesigns = [
|
|
70
|
+
UDExMessageStripDesign.Action,
|
|
71
|
+
UDExMessageStripDesign.Neutral,
|
|
72
|
+
UDExMessageStripDesign.GreyLight,
|
|
73
|
+
UDExMessageStripDesign.GreyDark,
|
|
74
|
+
UDExMessageStripDesign.RedLight,
|
|
75
|
+
UDExMessageStripDesign.RedDark,
|
|
76
|
+
UDExMessageStripDesign.MangoLight,
|
|
77
|
+
UDExMessageStripDesign.MangoDark,
|
|
78
|
+
UDExMessageStripDesign.GreenLight,
|
|
79
|
+
UDExMessageStripDesign.GreenDark,
|
|
80
|
+
UDExMessageStripDesign.TealLight,
|
|
81
|
+
UDExMessageStripDesign.TealDark,
|
|
82
|
+
UDExMessageStripDesign.BlueLight,
|
|
83
|
+
UDExMessageStripDesign.BlueDark,
|
|
84
|
+
UDExMessageStripDesign.IndigoLight,
|
|
85
|
+
UDExMessageStripDesign.IndigoDark,
|
|
86
|
+
UDExMessageStripDesign.PinkLight,
|
|
87
|
+
UDExMessageStripDesign.PinkDark,
|
|
88
|
+
UDExMessageStripDesign.RaspberryLight,
|
|
89
|
+
UDExMessageStripDesign.RaspberryDark,
|
|
90
|
+
];
|
|
91
|
+
return decorativeDesigns.includes(this.design);
|
|
64
92
|
}
|
|
65
93
|
get isDesignWarning() {
|
|
66
94
|
return this.design === UDExMessageStripDesign.Warning;
|
|
@@ -69,16 +97,19 @@ let UDExMessageStrip = UDExMessageStrip_1 = class UDExMessageStrip extends Messa
|
|
|
69
97
|
this.fireDecoratorEvent("close");
|
|
70
98
|
}
|
|
71
99
|
get shouldHideIcon() {
|
|
72
|
-
if (this.
|
|
100
|
+
if (this.isDecorativeDesign) {
|
|
101
|
+
return this.icon.length === 0;
|
|
102
|
+
}
|
|
103
|
+
if (this.isNotIconStatusType) {
|
|
73
104
|
return this.hideIcon || this.icon.length === 0;
|
|
74
105
|
}
|
|
75
106
|
return this.hideIcon;
|
|
76
107
|
}
|
|
77
108
|
get hideTextStatus() {
|
|
78
|
-
return this.statusType !== UDExMessageStripStatusType.Text || this.
|
|
109
|
+
return this.statusType !== UDExMessageStripStatusType.Text || this.isDecorativeDesign;
|
|
79
110
|
}
|
|
80
111
|
get textStatus() {
|
|
81
|
-
if (this.
|
|
112
|
+
if (!this.isDecorativeDesign) {
|
|
82
113
|
return this.textStatusTypeMapping()[this.design];
|
|
83
114
|
}
|
|
84
115
|
}
|
|
@@ -92,10 +123,11 @@ let UDExMessageStrip = UDExMessageStrip_1 = class UDExMessageStrip extends Messa
|
|
|
92
123
|
return this.icon.length > 0;
|
|
93
124
|
}
|
|
94
125
|
get isDesignActionOrIsNotIconType() {
|
|
95
|
-
return this.
|
|
126
|
+
return this.isDecorativeDesign || this.isNotIconStatusType;
|
|
96
127
|
}
|
|
97
128
|
get hiddenText() {
|
|
98
|
-
|
|
129
|
+
const statusText = this.isDecorativeDesign ? (this.textStatusTypeMapping()[this.design] ?? "") : this.textStatusTypeMapping()[this.design];
|
|
130
|
+
return `${statusText} ${this.hideCloseButton ? "" : this._closableText}`.trim();
|
|
99
131
|
}
|
|
100
132
|
};
|
|
101
133
|
__decorate([
|
package/dist/MessageStrip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageStrip.js","sourceRoot":"","sources":["../src/MessageStrip.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport MessageStrip from \"@ui5/webcomponents/dist/MessageStrip.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { I18nText } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n MESSAGE_STRIP_ERROR,\n MESSAGE_STRIP_INFORMATION,\n MESSAGE_STRIP_SUCCESS,\n MESSAGE_STRIP_WARNING,\n MESSAGE_STRIP_ACTION,\n MESSAGE_STRIP_CLOSE_BUTTON,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { UDExMessageStripDesign, UDExMessageStripStatusType } from \"./types/MessageStrip.js\";\nimport translate from \"./utils/translate.js\";\n\n// Template\nimport MessageStripTemplate from \"./MessageStripTemplate.js\";\n\n// Styles\nimport MessageStripCss from \"./generated/themes/MessageStrip.css.js\";\n\n/**\n * @class\n *\n * @constructor\n * @extends MessageStrip\n * @tagname udex-message-strip\n * @public\n */\n@customElement({\n tag: \"udex-message-strip\",\n renderer: jsxRenderer,\n styles: [MessageStrip.styles, MessageStripCss],\n template: MessageStripTemplate,\n})\n\nclass UDExMessageStrip extends MessageStrip {\n /**\n * Defines the component type.\n *\n * @public\n */\n @property()\n /** @ts-expect-error */\n design!: `${UDExMessageStripDesign}` = UDExMessageStripDesign.Action;\n\n /**\n * Defines the component Status Type.\n *\n * @public\n */\n @property()\n statusType: `${UDExMessageStripStatusType}` = UDExMessageStripStatusType.Icon;\n\n /**\n * Defines whether the MessageStrip renders close button.\n *\n * @public\n */\n @property({ type: Boolean })\n hideCloseButton!: boolean;\n\n /**\n * Defines custom status text for information type\n *\n * @default \"\"\n * @public\n */\n @property()\n statusInformationText!: string;\n\n /**\n * Defines custom status text for success type\n * @default \"\"\n * @public\n */\n @property()\n statusSuccessText!: string;\n\n /**\n * Defines custom status text for error type\n * @default \"\"\n * @public\n */\n @property()\n statusErrorText!: string;\n\n /**\n * Defines custom status text for warning type\n * @default \"\"\n * @public\n */\n @property()\n statusWarningText!: string;\n\n /**\n * Defines accessible name for close icon\n *\n * @default \"\"\n * @public\n */\n @property()\n closeIconAccessibleName!: string;\n\n /**\n * Defines tooltip for close icon\n *\n * @default \"\"\n * @public\n */\n @property()\n closeIconTooltip!: string;\n\n /**\n * Defines the content of the component.\n *\n * @slot\n * @public\n */\n @slot({ type: Node }) default!: Node;\n\n @i18n(\"@sapudex/web-components\")\n static i18nBundle: I18nBundle;\n\n onBeforeRendering() {\n if (this.isDesignActionOrIsNotIconType) {\n this.hideIcon = true;\n }\n }\n\n getTranslation(text: I18nText): string {\n return translate(UDExMessageStrip, text);\n }\n\n textStatusTypeMapping(): Record<string, string> {\n return {\n [UDExMessageStripDesign.Information]: this.statusInformationText || this.getTranslation(MESSAGE_STRIP_INFORMATION),\n [UDExMessageStripDesign.Positive]: this.statusSuccessText || this.getTranslation(MESSAGE_STRIP_SUCCESS),\n [UDExMessageStripDesign.Negative]: this.statusErrorText || this.getTranslation(MESSAGE_STRIP_ERROR),\n [UDExMessageStripDesign.Warning]: this.statusWarningText || this.getTranslation(MESSAGE_STRIP_WARNING),\n [UDExMessageStripDesign.Action]: this.getTranslation(MESSAGE_STRIP_ACTION),\n };\n }\n\n isDesignAction(): boolean {\n return this.design === UDExMessageStripDesign.Action;\n }\n\n get isDesignWarning(): boolean {\n return this.design === UDExMessageStripDesign.Warning;\n }\n\n _closeClick(): void {\n this.fireDecoratorEvent(\"close\");\n }\n\n get shouldHideIcon(): boolean {\n if (this.isDesignActionOrIsNotIconType) {\n return this.hideIcon || this.icon.length === 0;\n }\n\n return this.hideIcon;\n }\n\n get hideTextStatus(): boolean {\n return this.statusType !== UDExMessageStripStatusType.Text || this.isDesignAction();\n }\n\n get textStatus(): string | undefined {\n if (this.design !== UDExMessageStripDesign.Action) {\n return this.textStatusTypeMapping()[this.design];\n }\n }\n\n get _closeButtonText(): string {\n return this.closeIconTooltip || `${this.textStatus ?? \"\"} ${this.getTranslation(MESSAGE_STRIP_CLOSE_BUTTON)}`;\n }\n\n get isNotIconStatusType(): boolean {\n return this.statusType !== UDExMessageStripStatusType.Icon;\n }\n\n get hasIcon(): boolean {\n return this.icon.length > 0;\n }\n\n get isDesignActionOrIsNotIconType(): boolean {\n return this.isDesignAction() || this.isNotIconStatusType;\n }\n\n get hiddenText(): string {\n return `${this.textStatusTypeMapping()[this.design]} ${this.hideCloseButton ? \"\" : this._closableText}`;\n }\n}\n\nUDExMessageStrip.define();\n\nexport default UDExMessageStrip;\n"]}
|
|
1
|
+
{"version":3,"file":"MessageStrip.js","sourceRoot":"","sources":["../src/MessageStrip.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport MessageStrip from \"@ui5/webcomponents/dist/MessageStrip.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type { I18nText } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n MESSAGE_STRIP_ERROR,\n MESSAGE_STRIP_INFORMATION,\n MESSAGE_STRIP_SUCCESS,\n MESSAGE_STRIP_WARNING,\n MESSAGE_STRIP_ACTION,\n MESSAGE_STRIP_CLOSE_BUTTON,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport { UDExMessageStripDesign, UDExMessageStripStatusType } from \"./types/MessageStrip.js\";\nimport translate from \"./utils/translate.js\";\n\n// Template\nimport MessageStripTemplate from \"./MessageStripTemplate.js\";\n\n// Styles\nimport MessageStripCss from \"./generated/themes/MessageStrip.css.js\";\n\n/**\n * @class\n *\n * @constructor\n * @extends MessageStrip\n * @tagname udex-message-strip\n * @public\n */\n@customElement({\n tag: \"udex-message-strip\",\n renderer: jsxRenderer,\n styles: [MessageStrip.styles, MessageStripCss],\n template: MessageStripTemplate,\n})\n\nclass UDExMessageStrip extends MessageStrip {\n /**\n * Defines the component type.\n *\n * @public\n */\n @property()\n /** @ts-expect-error */\n design!: `${UDExMessageStripDesign}` = UDExMessageStripDesign.Neutral;\n\n /**\n * Defines the component Status Type.\n *\n * `Text` value is DEPRECATED! Use `Icon` instead.\n *\n * @public\n */\n @property()\n statusType: `${UDExMessageStripStatusType}` = UDExMessageStripStatusType.Icon;\n\n /**\n * Defines whether the MessageStrip renders close button.\n *\n * @public\n */\n @property({ type: Boolean })\n hideCloseButton!: boolean;\n\n /**\n * Defines custom status text for information type\n *\n * @default \"\"\n * @public\n */\n @property()\n statusInformationText!: string;\n\n /**\n * Defines custom status text for success type\n * @default \"\"\n * @public\n */\n @property()\n statusSuccessText!: string;\n\n /**\n * Defines custom status text for error type\n * @default \"\"\n * @public\n */\n @property()\n statusErrorText!: string;\n\n /**\n * Defines custom status text for warning type\n * @default \"\"\n * @public\n */\n @property()\n statusWarningText!: string;\n\n /**\n * Defines accessible name for close icon\n *\n * @default \"\"\n * @public\n */\n @property()\n closeIconAccessibleName!: string;\n\n /**\n * Defines tooltip for close icon\n *\n * @default \"\"\n * @public\n */\n @property()\n closeIconTooltip!: string;\n\n /**\n * Defines the content of the component.\n *\n * @slot\n * @public\n */\n @slot({ type: Node }) default!: Node;\n\n @i18n(\"@sapudex/web-components\")\n static i18nBundle: I18nBundle;\n\n onBeforeRendering() {\n if (this.isNotIconStatusType || (this.isDecorativeDesign && this.icon.length === 0)) {\n this.hideIcon = true;\n }\n }\n\n getTranslation(text: I18nText): string {\n return translate(UDExMessageStrip, text);\n }\n\n textStatusTypeMapping(): Record<string, string> {\n return {\n [UDExMessageStripDesign.Information]: this.statusInformationText || this.getTranslation(MESSAGE_STRIP_INFORMATION),\n [UDExMessageStripDesign.Positive]: this.statusSuccessText || this.getTranslation(MESSAGE_STRIP_SUCCESS),\n [UDExMessageStripDesign.Negative]: this.statusErrorText || this.getTranslation(MESSAGE_STRIP_ERROR),\n [UDExMessageStripDesign.Warning]: this.statusWarningText || this.getTranslation(MESSAGE_STRIP_WARNING),\n [UDExMessageStripDesign.Action]: this.getTranslation(MESSAGE_STRIP_ACTION),\n [UDExMessageStripDesign.Neutral]: this.getTranslation(MESSAGE_STRIP_ACTION),\n };\n }\n\n isDesignAction(): boolean {\n return this.design === UDExMessageStripDesign.Action || this.design === UDExMessageStripDesign.Neutral;\n }\n\n get isDecorativeDesign(): boolean {\n const decorativeDesigns: string[] = [\n UDExMessageStripDesign.Action,\n UDExMessageStripDesign.Neutral,\n UDExMessageStripDesign.GreyLight,\n UDExMessageStripDesign.GreyDark,\n UDExMessageStripDesign.RedLight,\n UDExMessageStripDesign.RedDark,\n UDExMessageStripDesign.MangoLight,\n UDExMessageStripDesign.MangoDark,\n UDExMessageStripDesign.GreenLight,\n UDExMessageStripDesign.GreenDark,\n UDExMessageStripDesign.TealLight,\n UDExMessageStripDesign.TealDark,\n UDExMessageStripDesign.BlueLight,\n UDExMessageStripDesign.BlueDark,\n UDExMessageStripDesign.IndigoLight,\n UDExMessageStripDesign.IndigoDark,\n UDExMessageStripDesign.PinkLight,\n UDExMessageStripDesign.PinkDark,\n UDExMessageStripDesign.RaspberryLight,\n UDExMessageStripDesign.RaspberryDark,\n ];\n return decorativeDesigns.includes(this.design);\n }\n\n get isDesignWarning(): boolean {\n return this.design === UDExMessageStripDesign.Warning;\n }\n\n _closeClick(): void {\n this.fireDecoratorEvent(\"close\");\n }\n\n get shouldHideIcon(): boolean {\n if (this.isDecorativeDesign) {\n return this.icon.length === 0;\n }\n if (this.isNotIconStatusType) {\n return this.hideIcon || this.icon.length === 0;\n }\n return this.hideIcon;\n }\n\n get hideTextStatus(): boolean {\n return this.statusType !== UDExMessageStripStatusType.Text || this.isDecorativeDesign;\n }\n\n get textStatus(): string | undefined {\n if (!this.isDecorativeDesign) {\n return this.textStatusTypeMapping()[this.design];\n }\n }\n\n get _closeButtonText(): string {\n return this.closeIconTooltip || `${this.textStatus ?? \"\"} ${this.getTranslation(MESSAGE_STRIP_CLOSE_BUTTON)}`;\n }\n\n get isNotIconStatusType(): boolean {\n return this.statusType !== UDExMessageStripStatusType.Icon;\n }\n\n get hasIcon(): boolean {\n return this.icon.length > 0;\n }\n\n get isDesignActionOrIsNotIconType(): boolean {\n return this.isDecorativeDesign || this.isNotIconStatusType;\n }\n\n get hiddenText(): string {\n const statusText = this.isDecorativeDesign ? (this.textStatusTypeMapping()[this.design] ?? \"\") : this.textStatusTypeMapping()[this.design];\n return `${statusText} ${this.hideCloseButton ? \"\" : this._closableText}`.trim();\n }\n}\n\nUDExMessageStrip.define();\n\nexport default UDExMessageStrip;\n"]}
|
package/dist/Modal.d.ts
CHANGED
package/dist/Modal.js
CHANGED
|
@@ -44,6 +44,13 @@ let UDExModal = class UDExModal extends Dialog {
|
|
|
44
44
|
*/
|
|
45
45
|
this.type = UDExModalType.default;
|
|
46
46
|
}
|
|
47
|
+
onAfterRendering() {
|
|
48
|
+
const content = this.shadowRoot?.querySelector(".ui5-popup-content");
|
|
49
|
+
if (content) {
|
|
50
|
+
const gutterWidth = content.offsetWidth - content.clientWidth;
|
|
51
|
+
this.style.setProperty("--udex-modal-scrollbar-width", `${gutterWidth}px`);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
47
54
|
};
|
|
48
55
|
__decorate([
|
|
49
56
|
property()
|
package/dist/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,SAAS;AACT,OAAO,eAAe,MAAM,8DAA8D,CAAC;AAC3F,OAAO,SAAS,MAAM,wDAAwD,CAAC;AAC/E,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAE/E,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;;;;;;;;;;GAWG;AAYH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,MAAM;IAA9B;;QACE;;;;;;;UAOE;QAEA,SAAI,GAAuB,aAAa,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AAErD,SAAS;AACT,OAAO,eAAe,MAAM,8DAA8D,CAAC;AAC3F,OAAO,SAAS,MAAM,wDAAwD,CAAC;AAC/E,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAE/E,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;;;;;;;;;;GAWG;AAYH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,MAAM;IAA9B;;QACE;;;;;;;UAOE;QAEA,SAAI,GAAuB,aAAa,CAAC,OAAO,CAAC;IASrD,CAAC;IAPC,gBAAgB;QACd,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,oBAAoB,CAAC,CAAC;QAClF,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;YAC9D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,GAAG,WAAW,IAAI,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;CACF,CAAA;AATG;IADD,QAAQ,EAAE;uCACwC;AAV/C,SAAS;IAXd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE;YACN,KAAK,CAAC,MAAM;YACZ,eAAe;YACf,SAAS;YACT,QAAQ;YACR,0BAA0B,EAAE;SAC7B;KACF,CAAC;GACI,SAAS,CAmBd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport Dialog from \"@ui5/webcomponents/dist/Dialog.js\";\nimport Popup from \"@ui5/webcomponents/dist/Popup.js\";\n\n// Styles\nimport PopupsCommonCss from \"@ui5/webcomponents/dist/generated/themes/PopupsCommon.css.js\";\nimport dialogCSS from \"@ui5/webcomponents/dist/generated/themes/Dialog.css.js\";\nimport ModalCss from \"./generated/themes/Modal.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport enum UDExModalType {\n default = \"default\",\n basic = \"basic\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-modal</code> component is a demo component that displays some text.\n *\n * @constructor\n * @extends Dialog\n * @tagname udex-modal\n * @public\n */\n@customElement({\n tag: \"udex-modal\",\n renderer: jsxRenderer,\n styles: [\n Popup.styles,\n PopupsCommonCss,\n dialogCSS,\n ModalCss,\n getEffectiveScrollbarStyle(),\n ],\n})\nclass UDExModal extends Dialog {\n /**\n * Defines modal display type\n * <br><br>\n * <b>Note:</b> The <code>basic</code> type is simplified version of styling.\n *\n * @public\n * @default \"default\"\n */\n @property()\n type: `${UDExModalType}` = UDExModalType.default;\n\n onAfterRendering() {\n const content = this.shadowRoot?.querySelector<HTMLElement>(\".ui5-popup-content\");\n if (content) {\n const gutterWidth = content.offsetWidth - content.clientWidth;\n this.style.setProperty(\"--udex-modal-scrollbar-width\", `${gutterWidth}px`);\n }\n }\n}\n\nUDExModal.define();\n\nexport default UDExModal;\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as w,j as l,a as c,f as v,d as y,b as P,s as g,m as x,q as S,r as O,u as R,D as L,c as D,v as A,T as G,I as b,w as I,F as H,B as f,R as V,x as E,z as $,A as N,C as B}from"./bundle.esm-
|
|
1
|
+
import{p as w,j as l,a as c,f as v,d as y,b as P,s as g,m as x,q as S,r as O,u as R,D as L,c as D,v as A,T as G,I as b,w as I,F as H,B as f,R as V,x as E,z as $,A as N,C as B}from"./bundle.esm-D4--IDh7.js";const F=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(F(e),`${s?"i":""}g`),t)}function M(n,e){if(!n||!e)return n;const t=r=>{const[a,d]=r.split("");for(;n.indexOf(r)>=0||e.indexOf(r)>=0;)r=`${a}${r}${d}`;return r},s=t("12"),i=t("34");let o=w(_(n,e,r=>`${s}${r}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([r,a])=>{o=_(o,r,a,!1)}),o}function z(n,e){const t=(n==null?void 0:n.listItemContent)||q;return l("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function q(){return l("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:l("div",{class:"ui5-li-text-wrapper",children:l("span",{part:"title",class:"ui5-li-title",children:l("slot",{})})})})}function U(){return[z.call(this,{listItemContent:W},{role:"option"})]}function W(){return l("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[l("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&l("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}v("@ui5/webcomponents-theming","sap_horizon",async()=>y);v("@ui5/webcomponents","sap_horizon",async()=>P,"host");const K=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.5rem;padding-top:.5rem;box-sizing:border-box}
|
|
2
2
|
`;var p=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(r=n[a])&&(o=(i<3?r(o):i>3?r(e,t,o):r(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let h=class extends S{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){O()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};p([g()],h.prototype,"text",void 0);p([g()],h.prototype,"additionalText",void 0);p([g()],h.prototype,"markupText",void 0);h=p([x({tag:"ui5-suggestion-item",template:U,styles:[S.styles,K]})],h);h.define();function X(n){const e=(n==null?void 0:n.items)||j;return c("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&l(R,{focused:this.focused,part:"header",accessibleRole:"Group",wrappingType:this.getGroupHeaderWrapping(),children:this.hasFormattedHeader?l("slot",{name:"header"}):this.headerText}),e.call(this),l(L,{orientation:"Horizontal",ownerReference:this})]})}function j(){return l("slot",{})}var T=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(r=n[a])&&(o=(i<3?r(o):i>3?r(e,t,o):r(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let m=class extends A{};T([D({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0);m=T([x({tag:"ui5-suggestion-item-group",template:X})],m);m.define();function J(n){const e=(n==null?void 0:n.suggestionsList)||Q,t=n==null?void 0:n.mobileHeader,s=n==null?void 0:n.valueStateMessage,i=n==null?void 0:n.valueStateMessageInputIcon;return c(V,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&l(H,{children:c("div",{slot:"header",class:"ui5-responsive-popover-header",children:[l("div",{class:"row",children:l(G,{level:"H1",wrappingType:"None",class:"ui5-responsive-popover-header-text",children:this._headerTitleText})}),l("div",{class:"row",children:c("div",{class:"input-root-phone native-input-wrapper",children:[l(b,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput}),t==null?void 0:t.call(this)]})}),this.hasValueStateMessage&&c("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[l(I,{class:"ui5-input-value-state-message-icon",name:i==null?void 0:i.call(this)}),this.open&&(s==null?void 0:s.call(this))]})]})}),!this._isPhone&&this.hasValueStateMessage&&c("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[l(I,{class:"ui5-input-value-state-message-icon",name:i==null?void 0:i.call(this)}),this.open&&(s==null?void 0:s.call(this))]}),this.showSuggestions&&e.call(this),this._isPhone&&c("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:[l(f,{design:"Emphasized",onClick:this._confirmMobileValue,children:this._suggestionsOkButtonText}),l(f,{class:"ui5-responsive-popover-close-btn",design:"Transparent",onClick:this._cancelMobileValue,children:this._suggestionsCancelButtonText})]})]})}function Q(){return l($,{accessibleRole:E.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:l("slot",{})})}class u{get template(){return J}constructor(e,t,s,i){this.component=e,this.slotName=t,this.handleFocus=i,this.highlight=s,this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!1,s),!0}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!0,s),!0}onSpace(e){return this._isItemOnTarget()?(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0):!1}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;return this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0}onPageDown(e){e.preventDefault();const t=this.visibleItems;if(!t)return!0;const s=t.length-1,i=this.selectedItemIndex+10<=s;return this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s),!0}onHome(e){return e.preventDefault(),this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return t&&this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0}onTab(){return this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}toggle(e,t){(e!==void 0?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const s=this._getPicker();s.preventFocusRestore=e,s.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e,i=this._getNonGroupItems();s&&(this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText},this._getComponent().onItemSelected(s,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";s&&!e.detail.item.selected||this._handledPress&&!s||(s&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!e||!e[this.selectedItemIndex]?!1:e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){var e;return!!((e=this._getPicker())!=null&&e.open)}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;t!==-1&&t+1>e-1||this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this.visibleItems,t=this.selectedItemIndex;if(!(t===-1||t===null)){if(t-1<0){(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,this.component.value=this.component.typedInValue,this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}}get visibleItems(){return this._getItems().filter(e=>!e.hidden)}_moveItemSelection(e,t){const s=this.visibleItems,i=s[t],o=s[e],r=this._getNonGroupItems(),a=i==null?void 0:i.hasAttribute("ui5-suggestion-item-group");if(!i)return;this.component.focused=!1;const d=this.visibleItems[this.selectedItemIndex];if(this.accInfo={isGroup:a,currentPos:s.indexOf(i)+1,itemText:(a?d.headerText:d.text)||""},(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=i.additionalText||"",this.accInfo.currentPos=r.indexOf(i)+1,this.accInfo.listSize=r.length),o&&(o.focused=!1),(o!=null&&o.hasAttribute("ui5-suggestion-item")||o!=null&&o.hasAttribute("ui5-suggestion-item-custom"))&&(o.selected=!1),i&&(i.focused=!0,a||(i.selected=!0),this.handleFocus&&i.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(i),!this._isItemIntoView(i)){const C=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(C)}}_deselectItems(){this._getItems().forEach(t=>{(t.hasAttribute("ui5-suggestion-item")||t.hasAttribute("ui5-suggestion-item-custom"))&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),s=this._getComponent().getDomRef().getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight;let o=0;return this._hasValueState&&(o=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+u.SCROLL_STEP<=i&&t.top>=s.top+o}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){var e;return(e=this._getList())==null?void 0:e.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${u.i18nBundle.getText(N)} ${this.accInfo.itemText}`;const e=u.i18nBundle.getText(B,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`.trim()}hightlightInput(e,t){return M(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}u.SCROLL_STEP=60;b.SuggestionsClass=u;export{u as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as s,a as _,F as T,f as m,d as b,b as E,s as x,c as C,i as P,m as O,y as w,S as B,t as I,E as A,e as S,L as R,R as L,B as M,g as N,h as F,k as z,l as D,n as X,o as j}from"./bundle.esm-
|
|
1
|
+
import{j as s,a as _,F as T,f as m,d as b,b as E,s as x,c as C,i as P,m as O,y as w,S as B,t as I,E as A,e as S,L as R,R as L,B as M,g as N,h as F,k as z,l as D,n as X,o as j}from"./bundle.esm-D4--IDh7.js";var g;(function(o){o.InPlace="InPlace",o.Popover="Popover"})(g||(g={}));const k=g;var y;(function(o){o.Off="Off",o.On="On"})(y||(y={}));const $=y;function H(){return s(T,{children:s("span",{children:this._renderEmptyIndicator?_(T,{children:[s("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),s("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):s("slot",{})})})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E,"host");const W=`:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden;display:-webkit-inline-box;-webkit-line-clamp:var(--_ui5_text_max_lines);line-clamp:var(--_ui5_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}:host([max-lines="1"]){word-break:break-all}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
|
|
2
2
|
`;var u=function(o,e,t,i){var r=arguments.length,n=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,e,t,i);else for(var d=o.length-1;d>=0;d--)(l=o[d])&&(n=(r<3?l(n):r>3?l(e,t,n):l(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},f;let p=f=class extends B{constructor(){super(...arguments),this.maxLines=1/0,this.emptyIndicatorMode="Off"}onBeforeRendering(){this.style.setProperty("--_ui5_text_max_lines",`${this.maxLines}`)}get hasText(){return I(this.text)}get _renderEmptyIndicator(){return!this.hasText&&this.emptyIndicatorMode===$.On}get _emptyIndicatorAriaLabel(){return f.i18nBundle.getText(A)}get _emptyIndicatorSymbol(){return f.i18nBundle.getText(S)}};u([x({type:Number})],p.prototype,"maxLines",void 0);u([x()],p.prototype,"emptyIndicatorMode",void 0);u([C({type:Node,default:!0})],p.prototype,"text",void 0);u([P("@ui5/webcomponents")],p,"i18nBundle",void 0);p=f=u([O({tag:"ui5-text",renderer:w,template:H,styles:W})],p);p.define();const v=p;function q(){return _("div",{children:[s(v,{class:"ui5-exp-text-text",emptyIndicatorMode:this.emptyIndicatorMode,children:this._displayedText}),this._maxCharactersExceeded&&_(T,{children:[s("span",{class:"ui5-exp-text-ellipsis",children:this._ellipsisText}),s(R,{id:"toggle",class:"ui5-exp-text-toggle",accessibleRole:"Button",accessibleName:this._accessibleNameForToggle,accessibilityAttributes:this._accessibilityAttributesForToggle,onClick:this._handleToggleClick,children:this._textForToggle}),this._usePopover&&_(L,{open:this._expanded,opener:"toggle",accessibleNameRef:"popover-text",contentOnlyOnDesktop:!0,_hideHeader:!0,class:"ui5-exp-text-popover",onClose:this._handlePopoverClose,children:[s(v,{class:"ui5-exp-text-popover-text",id:"popover-text",children:this.text}),s("div",{slot:"footer",class:"ui5-exp-text-footer",children:s(M,{design:"Transparent",onClick:this._handleCloseButtonClick,children:this._closeButtonText})})]})]})]})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E,"host");const V=`:host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline;white-space:inherit}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover,.ui5-exp-text-popover-text{white-space:inherit;font-family:inherit;font-size:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}
|
|
3
3
|
`;var h=function(o,e,t,i){var r=arguments.length,n=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,e,t,i);else for(var d=o.length-1;d>=0;d--)(l=o[d])&&(n=(r<3?l(n):r>3?l(e,t,n):l(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},c;let a=c=class extends B{constructor(){super(...arguments),this.maxCharacters=100,this.overflowMode="InPlace",this.emptyIndicatorMode="Off",this._expanded=!1,this._shouldScrollToToggle=!1}getFocusDomRef(){var e,t;return this._usePopover?(e=this.shadowRoot)==null?void 0:e.querySelector("[ui5-responsive-popover]"):(t=this.shadowRoot)==null?void 0:t.querySelector("[ui5-link]")}get _displayedText(){var e;return this._expanded&&!this._usePopover?this.text:(e=this.text)==null?void 0:e.substring(0,this.maxCharacters)}get _maxCharactersExceeded(){var e;return(((e=this.text)==null?void 0:e.length)||0)>this.maxCharacters}get _usePopover(){return this.overflowMode===k.Popover}get _ellipsisText(){return this._expanded&&!this._usePopover?" ":"... "}get _textForToggle(){return this._expanded?c.i18nBundle.getText(N):c.i18nBundle.getText(F)}get _closeButtonText(){return c.i18nBundle.getText(z)}get _accessibilityAttributesForToggle(){return this._usePopover?{expanded:this._expanded,hasPopup:"dialog"}:{expanded:this._expanded}}get _accessibleNameForToggle(){if(this._usePopover)return this._expanded?c.i18nBundle.getText(D):c.i18nBundle.getText(X)}_handlePopoverClose(){j()||(this._expanded=!1)}onAfterRendering(){var e,t;if(this._shouldScrollToToggle){this._shouldScrollToToggle=!1;const i=(e=this.shadowRoot)==null?void 0:e.querySelector("#toggle");(t=i==null?void 0:i.scrollIntoView)==null||t.call(i,{block:"nearest"})}}_handleToggleClick(){this._expanded=!this._expanded,this._expanded&&!this._usePopover&&(this._shouldScrollToToggle=!0)}_handleCloseButtonClick(e){this._expanded=!1,e.stopPropagation()}};h([x()],a.prototype,"text",void 0);h([x({type:Number})],a.prototype,"maxCharacters",void 0);h([x()],a.prototype,"overflowMode",void 0);h([x()],a.prototype,"emptyIndicatorMode",void 0);h([x({type:Boolean})],a.prototype,"_expanded",void 0);h([P("@ui5/webcomponents")],a,"i18nBundle",void 0);a=c=h([O({tag:"ui5-expandable-text",renderer:w,styles:V,template:q})],a);a.define();function K(o){const{className:e,text:t,maxCharacters:i,part:r}=o;return s(a,{part:r,class:e,text:t,maxCharacters:i})}export{K as default};
|