@ebrains/vue 2.4.1 → 3.1.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/{color-primary-palette_6.entry-Bu_NLVB8.mjs → color-primary-palette_6.entry-DLM8AbQ4.mjs} +15 -15
- package/color-primary-palette_6.entry-g0jXU2Ob.js +1 -0
- package/{components-section.entry-DH6-Re45.js → components-section.entry-D3Cs3rKx.js} +2 -2
- package/{components-section.entry-D_miX_kF.mjs → components-section.entry-Di2VXgMA.mjs} +2 -2
- package/{correct-use-of-colors.entry-atuVKYhV.mjs → correct-use-of-colors.entry-BO20319L.mjs} +2 -2
- package/correct-use-of-colors.entry-D6EyksAq.js +1 -0
- package/{docs-palettes.entry-DIGw3y0-.mjs → docs-palettes.entry-BdmohcUb.mjs} +2 -2
- package/{docs-palettes.entry-Dq183o_C.js → docs-palettes.entry-CMeJkYSH.js} +1 -1
- package/{docs-tokens.entry-C-jQouTP.js → docs-tokens.entry-CNGoSG29.js} +1 -1
- package/{docs-tokens.entry-C3SVC1fp.mjs → docs-tokens.entry-CWOYs_8-.mjs} +2 -2
- package/{eds-accordion_37.entry-iqVtN8HO.mjs → eds-accordion_53.entry-B-Wyebqm.mjs} +5127 -1936
- package/eds-accordion_53.entry-B5ZXKAjG.js +10939 -0
- package/{eds-app-root.entry-CeX99_k5.mjs → eds-app-root.entry-BIOnfrHA.mjs} +4 -4
- package/eds-app-root.entry-K5aPf66w.js +1 -0
- package/eds-cookies-preference.entry-CVcAao_J.js +1 -0
- package/{eds-cookies-preference.entry-orfJ6v1-.mjs → eds-cookies-preference.entry-WYgccA0t.mjs} +3 -3
- package/{eds-feedback.entry-IiD44v5J.mjs → eds-feedback.entry-BpRZtSfF.mjs} +7 -7
- package/{eds-feedback.entry-CENTWWmw.js → eds-feedback.entry-D5Ouctg6.js} +1 -1
- package/eds-frame.entry-B4p00bwc.mjs +67 -0
- package/eds-frame.entry-DR1xGJst.js +1 -0
- package/eds-gauge.entry-B_w5n0cW.js +1 -0
- package/eds-gauge.entry-DgEkwl17.mjs +29 -0
- package/eds-gitlab-contributors.entry-B1AEl-u7.mjs +161 -0
- package/eds-gitlab-contributors.entry-zWK0Z2kn.js +1 -0
- package/eds-icon-bluesky.entry-TCr9yCHs.mjs +13 -0
- package/{eds-icon-bluesky.entry-CCCEjd-y.js → eds-icon-bluesky.entry-pDbXLbWF.js} +1 -1
- package/eds-icon-eu.entry-CTBu76k-.js +1 -0
- package/eds-icon-eu.entry-DuKnYzW-.mjs +13 -0
- package/eds-icon-facebook.entry-B1moHgT8.mjs +13 -0
- package/{eds-icon-facebook.entry-MP23ghjh.js → eds-icon-facebook.entry-CVymbjZx.js} +1 -1
- package/{eds-icon-gitlab.entry-CBbCyPR8.mjs → eds-icon-gitlab.entry-B51la_co.mjs} +2 -2
- package/eds-icon-gitlab.entry-BeJh3EES.js +1 -0
- package/eds-icon-linkedin.entry-D8aMAhFL.mjs +13 -0
- package/{eds-icon-linkedin.entry-DrvBbCUX.js → eds-icon-linkedin.entry-DzZnyxAm.js} +1 -1
- package/{eds-icon-mastodon.entry-D9Dfmjcx.js → eds-icon-mastodon.entry-8MO-blJh.js} +1 -1
- package/eds-icon-mastodon.entry-DrOJJ5Kz.mjs +13 -0
- package/eds-icon-twitter.entry-B59MqkyR.mjs +13 -0
- package/eds-icon-twitter.entry-D1GOytI5.js +1 -0
- package/{eds-icon-youtube.entry-CHsnJLcZ.js → eds-icon-youtube.entry-BnxPIc3O.js} +1 -1
- package/eds-icon-youtube.entry-CzNnNcEj.mjs +13 -0
- package/eds-input-search.entry-C-8KBUCs.mjs +51 -0
- package/eds-input-search.entry-CtZHtmS4.js +1 -0
- package/eds-modal.entry-3OECayey.js +1 -0
- package/eds-modal.entry-CRVpxuBW.mjs +143 -0
- package/eds-pie.entry-BPCyYhUQ.mjs +86 -0
- package/eds-pie.entry-CQmET1EH.js +1 -0
- package/{eds-section-core_2.entry-DYLrsiab.js → eds-section-core_2.entry-29cp2-oK.js} +1 -1
- package/{eds-section-core_2.entry-CU4wFaLD.mjs → eds-section-core_2.entry-nuk5XXsS.mjs} +4 -4
- package/eds-splash-screen.entry-6LjvQMdi.js +1 -0
- package/{eds-splash-screen.entry-Bnvw1i76.mjs → eds-splash-screen.entry-ysMrUnNU.mjs} +5 -5
- package/{eds-timeline.entry-MZBjYarp.mjs → eds-timeline.entry-DKpKHB5k.mjs} +4 -4
- package/{eds-timeline.entry-D-KKP95A.js → eds-timeline.entry-DMH1Ms5n.js} +1 -1
- package/{eds-toast-manager.entry-O_hdV6wU.mjs → eds-toast-manager.entry-DVXxUD8d.mjs} +2 -2
- package/{eds-toast-manager.entry-31iHKHvJ.js → eds-toast-manager.entry-DnCELf2f.js} +1 -1
- package/eds-trl-badge.entry-D7q4hgde.js +1 -0
- package/eds-trl-badge.entry-DCmmqQHB.mjs +73 -0
- package/eu-8ac3e99c-CQxZpMa1.mjs +8 -0
- package/eu-8ac3e99c-vr227q5X.js +5 -0
- package/generated/components.d.ts +11 -2
- package/{incorrect-use-of-colors.entry-Bo4jLbkN.mjs → incorrect-use-of-colors.entry-BSLfYKUb.mjs} +2 -2
- package/incorrect-use-of-colors.entry-DHqHOdH0.js +1 -0
- package/{index-CIU5mTWe.mjs → index-DL15mWAH.mjs} +718 -800
- package/index-WyhGZcXS.js +21 -0
- package/index.js +1 -1
- package/index.mjs +49 -40
- package/logo-space.entry-DojbLxT4.js +6 -0
- package/logo-space.entry-iQSqRbq9.mjs +18 -0
- package/{logo-variations-horizontal_2.entry-CEtudMmO.js → logo-variations-horizontal_2.entry-BxLg0D44.js} +3 -3
- package/{logo-variations-horizontal_2.entry-DexMRkpk.mjs → logo-variations-horizontal_2.entry-DNcdxqUe.mjs} +14 -14
- package/{logo-variations-tabs.entry-BQxBA6af.js → logo-variations-tabs.entry-C6mpER1C.js} +1 -1
- package/{logo-variations-tabs.entry-BY-IWquf.mjs → logo-variations-tabs.entry-DRT8k7pQ.mjs} +6 -6
- package/{logo-wrong-usage.entry-M2L7POvI.mjs → logo-wrong-usage.entry-DHJIJsVZ.mjs} +6 -6
- package/logo-wrong-usage.entry-DTRzJDQo.js +1 -0
- package/negative-84eec72e-C5p0bd7Z.mjs +105 -0
- package/negative-84eec72e-CYj66efO.js +102 -0
- package/package.json +1 -1
- package/positive-cc986d7c-5QAxRLUF.mjs +66 -0
- package/positive-cc986d7c-bcR8gHIm.js +63 -0
- package/svg-repository.entry-DZc3Ej9y.js +9 -0
- package/svg-repository.entry-DZfvxxeh.mjs +62 -0
- package/{token-list_3.entry-Bi4T4TzA.mjs → token-list_3.entry-CuNhLZNv.mjs} +95 -64
- package/token-list_3.entry-ve9r960B.js +1 -0
- package/{token-ratios.entry-CQR23PF9.js → token-ratios.entry-BgWROZuw.js} +1 -1
- package/{token-ratios.entry-RrS5TAyw.mjs → token-ratios.entry-D5YiyMvt.mjs} +2 -2
- package/token-spacing.entry-BchYKWuE.js +1 -0
- package/token-spacing.entry-CSkx5neb.mjs +12 -0
- package/token-typography.entry-C_NmBPt2.mjs +244 -0
- package/token-typography.entry-DEuXeYSY.js +2 -0
- package/arrow-diagonal-black-8f0494c3-CYl9yYTl.mjs +0 -4
- package/arrow-diagonal-black-8f0494c3-DqsB6ni-.js +0 -1
- package/arrow-right-9322ba8a-DBcxNU_p.js +0 -3
- package/arrow-right-9322ba8a-DHq-_PPe.mjs +0 -6
- package/bin-37cad2f0-BqMIoPCV.mjs +0 -4
- package/bin-37cad2f0-Bvf97PEl.js +0 -1
- package/bookmark-c200037c-CIcZ51ZQ.js +0 -14
- package/bookmark-c200037c-ClkCtyRY.mjs +0 -17
- package/chevron-down-6144c823-DWGlv9eV.mjs +0 -13
- package/chevron-down-6144c823-D_8976Ke.js +0 -10
- package/chevron-left-ca6c66e1-DANhLw_T.mjs +0 -12
- package/chevron-left-ca6c66e1-uCH5SUhm.js +0 -9
- package/chevron-right-b88ed2d4-C7dkTMvP.js +0 -3
- package/chevron-right-b88ed2d4-CgEZBvy7.mjs +0 -6
- package/chevron-up-c66bd477-ByW7R48t.js +0 -10
- package/chevron-up-c66bd477-CETJkshq.mjs +0 -13
- package/clone-dab56639-CA90NNP5.mjs +0 -4
- package/clone-dab56639-DhCcTb4A.js +0 -1
- package/close-87fc0d63-Cbd-ScJr.js +0 -3
- package/close-87fc0d63-DtDU2HIU.mjs +0 -6
- package/color-primary-palette_6.entry-D_UPeprg.js +0 -1
- package/copy-03b72cb6-B_WCNQrG.mjs +0 -6
- package/copy-03b72cb6-CZAFAegx.js +0 -3
- package/correct-use-of-colors.entry-Bhx9MLwE.js +0 -1
- package/download-47746956-CSto0o7c.mjs +0 -19
- package/download-47746956-DbC-y8R6.js +0 -16
- package/draft-dd5dada2-AqzrhEzA.js +0 -1
- package/draft-dd5dada2-DEIzQoXJ.mjs +0 -4
- package/edit-3893a517-D_Sgle6i.js +0 -1
- package/edit-3893a517-rsZs4NLF.mjs +0 -4
- package/eds-accordion_37.entry-BiVSln-D.js +0 -10399
- package/eds-app-root.entry-CeUeBKtA.js +0 -1
- package/eds-card-desc_2.entry-47f99PgL.mjs +0 -53
- package/eds-card-desc_2.entry-DVhpMDCC.js +0 -1
- package/eds-card-generic.entry-BN0cAIjx.mjs +0 -56
- package/eds-card-generic.entry-C7dumh_d.js +0 -1
- package/eds-card-project.entry-Bs6HDiv5.js +0 -1
- package/eds-card-project.entry-CIle50ek.mjs +0 -170
- package/eds-card-section.entry-B0gx3iBP.js +0 -1
- package/eds-card-section.entry-DcJjEWy4.mjs +0 -30
- package/eds-card-tags.entry-BvjgMZHS.js +0 -1
- package/eds-card-tags.entry-CrCmugvS.mjs +0 -13
- package/eds-card-tool.entry-BLHrGC24.mjs +0 -56
- package/eds-card-tool.entry-CRo_PlMg.js +0 -1
- package/eds-cookies-preference.entry-BlhfUQGP.js +0 -1
- package/eds-footer.entry-BrdeRRWG.js +0 -1
- package/eds-footer.entry-CedTdwJJ.mjs +0 -41
- package/eds-frame.entry-DGIky_UQ.js +0 -1
- package/eds-frame.entry-Dm2AoUjK.mjs +0 -67
- package/eds-fullscreen-menu.entry-DEInQhVD.js +0 -1
- package/eds-fullscreen-menu.entry-H3BfixzP.mjs +0 -73
- package/eds-gauge.entry-CSQjNE8G.js +0 -1
- package/eds-gauge.entry-CegaC4T5.mjs +0 -30
- package/eds-icon-arrow-diagonal.entry-DCeVPrzI.js +0 -1
- package/eds-icon-arrow-diagonal.entry-DUBT5gmZ.mjs +0 -13
- package/eds-icon-arrow-right.entry-DeeJz26V.js +0 -1
- package/eds-icon-arrow-right.entry-ys90lkId.mjs +0 -13
- package/eds-icon-bin.entry-BqKuRtcB.js +0 -1
- package/eds-icon-bin.entry-Diuv79fG.mjs +0 -13
- package/eds-icon-bluesky.entry-DPcbyQIX.mjs +0 -13
- package/eds-icon-bookmark.entry-CNi2eOQP.js +0 -1
- package/eds-icon-bookmark.entry-DqaUoSk8.mjs +0 -13
- package/eds-icon-chevron-down.entry-CAfN7jv8.js +0 -1
- package/eds-icon-chevron-down.entry-DpWqEoSw.mjs +0 -13
- package/eds-icon-chevron-left.entry-B3-89dPa.mjs +0 -13
- package/eds-icon-chevron-left.entry-DXy-uPJ6.js +0 -1
- package/eds-icon-chevron-right.entry-B2deV1ft.mjs +0 -13
- package/eds-icon-chevron-right.entry-Q6NB8--v.js +0 -1
- package/eds-icon-chevron-up.entry-CVuCOpxj.js +0 -1
- package/eds-icon-chevron-up.entry-Cd9KapmF.mjs +0 -13
- package/eds-icon-clone.entry-DOvIaPJe.js +0 -1
- package/eds-icon-clone.entry-H4Wvfws-.mjs +0 -13
- package/eds-icon-close.entry-C-xtrS5I.js +0 -1
- package/eds-icon-close.entry-CBg4VZtg.mjs +0 -13
- package/eds-icon-copy.entry-BZeL-13N.mjs +0 -13
- package/eds-icon-copy.entry-DZTBQzL5.js +0 -1
- package/eds-icon-download.entry-BT4ZoH91.js +0 -1
- package/eds-icon-download.entry-DwZLr47B.mjs +0 -13
- package/eds-icon-draft.entry-4_H4nfUM.mjs +0 -13
- package/eds-icon-draft.entry-BVMefQgn.js +0 -1
- package/eds-icon-edit.entry-gGJ6H4K1.mjs +0 -13
- package/eds-icon-edit.entry-smkFgw3g.js +0 -1
- package/eds-icon-eu.entry-CatpU-Lw.js +0 -1
- package/eds-icon-eu.entry-D6StNwBO.mjs +0 -13
- package/eds-icon-external.entry-C6lH5vga.js +0 -1
- package/eds-icon-external.entry-DnKkZ-rL.mjs +0 -13
- package/eds-icon-facebook.entry-Csd3tQkO.mjs +0 -13
- package/eds-icon-gitlab.entry-bAaZiq_9.js +0 -1
- package/eds-icon-linkedin.entry-D-lzxn5S.mjs +0 -13
- package/eds-icon-loader.entry-Bn_y-oQY.mjs +0 -13
- package/eds-icon-loader.entry-DkDFBZWo.js +0 -1
- package/eds-icon-mastodon.entry-XCwW01ia.mjs +0 -13
- package/eds-icon-menu.entry-BgYdenVL.js +0 -1
- package/eds-icon-menu.entry-DR9cg1LH.mjs +0 -13
- package/eds-icon-minus.entry-B1ORC3G4.js +0 -1
- package/eds-icon-minus.entry-CmsuYKRr.mjs +0 -13
- package/eds-icon-more.entry-CBzKZ-hP.mjs +0 -13
- package/eds-icon-more.entry-CWeMvkHw.js +0 -1
- package/eds-icon-paper.entry-DQPGEFLb.mjs +0 -13
- package/eds-icon-paper.entry-a5wd3Gm_.js +0 -1
- package/eds-icon-plus.entry-CwqfoxfE.mjs +0 -13
- package/eds-icon-plus.entry-FtgdBolw.js +0 -1
- package/eds-icon-portal.entry-Cvrsd6Z9.js +0 -1
- package/eds-icon-portal.entry-DEpCX6WM.mjs +0 -13
- package/eds-icon-private.entry-B7qVRLBM.js +0 -1
- package/eds-icon-private.entry-tRLd5XA9.mjs +0 -13
- package/eds-icon-public.entry-BsbSjJmd.mjs +0 -13
- package/eds-icon-public.entry-Co7iCe6S.js +0 -1
- package/eds-icon-search.entry-BE7IvjFK.mjs +0 -13
- package/eds-icon-search.entry-CTM32yZu.js +0 -1
- package/eds-icon-star.entry-ByW2sBEI.mjs +0 -13
- package/eds-icon-star.entry-TMeFG-1o.js +0 -1
- package/eds-icon-start.entry-CKAV9_OO.js +0 -1
- package/eds-icon-start.entry-DlOqxc0b.mjs +0 -13
- package/eds-icon-success.entry-Yn6PK4Zw.mjs +0 -13
- package/eds-icon-success.entry-fqtMu_34.js +0 -1
- package/eds-icon-thumbs-down.entry-CTASn1on.js +0 -1
- package/eds-icon-thumbs-down.entry-ClgZLWjR.mjs +0 -13
- package/eds-icon-thumbs-up.entry-B8YfZp04.mjs +0 -13
- package/eds-icon-thumbs-up.entry-C3NvXsfN.js +0 -1
- package/eds-icon-tutorial.entry-9BzYYDml.js +0 -1
- package/eds-icon-tutorial.entry-BL0YtLk5.mjs +0 -13
- package/eds-icon-twitter.entry-DvOhv-Zv.mjs +0 -13
- package/eds-icon-twitter.entry-DvWltZ0l.js +0 -1
- package/eds-icon-unknown.entry-BkbijHAz.js +0 -1
- package/eds-icon-unknown.entry-RV9lGwVw.mjs +0 -13
- package/eds-icon-updown.entry--bSjaAr9.js +0 -1
- package/eds-icon-updown.entry-BOMR6G6W.mjs +0 -13
- package/eds-icon-user.entry-BTA7pRtV.mjs +0 -13
- package/eds-icon-user.entry-CGRmPtP9.js +0 -1
- package/eds-icon-view.entry-BEUJmkpH.mjs +0 -13
- package/eds-icon-view.entry-DxxsBmgu.js +0 -1
- package/eds-icon-youtube.entry-CCxg5AfC.mjs +0 -13
- package/eds-modal.entry-BO6fBn7S.mjs +0 -114
- package/eds-modal.entry-N_75WknZ.js +0 -1
- package/eds-pie.entry-B7D4RpIu.js +0 -1
- package/eds-pie.entry-CV158hnV.mjs +0 -68
- package/eds-progress-bar.entry-DHhah3DK.mjs +0 -39
- package/eds-progress-bar.entry-DmBZPxp5.js +0 -1
- package/eds-social-networks.entry-D4eMtN7o.js +0 -1
- package/eds-social-networks.entry-DqDyiMFN.mjs +0 -48
- package/eds-splash-screen.entry-Bbfx70O2.js +0 -1
- package/eds-trl.entry-CHjA17at.mjs +0 -34
- package/eds-trl.entry-QhZ_qlNx.js +0 -1
- package/eu-9ddde93a-BFtIQw9B.js +0 -28
- package/eu-9ddde93a-ft4szvR5.mjs +0 -31
- package/incorrect-use-of-colors.entry-B1L0v9B4.js +0 -1
- package/index-39c58238-BwYCDOHZ.mjs +0 -44
- package/index-39c58238-SQ-JC-LH.js +0 -1
- package/index-BkPrVkIG.js +0 -21
- package/loader-c9628637-ChpnbJkv.mjs +0 -31
- package/loader-c9628637-Vj8Wt1e8.js +0 -28
- package/logo-color-7f1fd803-CFgbXdt8.mjs +0 -116
- package/logo-color-7f1fd803-DRD3vZVn.js +0 -113
- package/logo-color-margins-ff8ce71b-B9nMsY9Q.mjs +0 -119
- package/logo-color-margins-ff8ce71b-Dk06zr1Z.js +0 -116
- package/logo-space.entry-BGc6pgeF.js +0 -6
- package/logo-space.entry-BLMhmFmG.mjs +0 -19
- package/logo-white-no-bg-f382f86f-DXYn3NwV.js +0 -1011
- package/logo-white-no-bg-f382f86f-YhfmNmGG.mjs +0 -1022
- package/logo-wrong-usage.entry-CPVPtAaZ.js +0 -1
- package/menu-340ea948-BpnYX3gY.mjs +0 -12
- package/menu-340ea948-ZdelWVw3.js +0 -9
- package/minus-b30a7c71-BPAvqHzH.mjs +0 -12
- package/minus-b30a7c71-DqCTe6Qh.js +0 -9
- package/more-4449d549-D4HA1cRq.js +0 -11
- package/more-4449d549-rI9hOpEp.mjs +0 -14
- package/paper-8e74ea31-BvGrc1Vo.mjs +0 -16
- package/paper-8e74ea31-C4CV6tlB.js +0 -13
- package/plus-89c07be2-BTXnjg5K.js +0 -10
- package/plus-89c07be2-DyT9I4-L.mjs +0 -13
- package/portal-d6c8ce56-Cj61ldo8.mjs +0 -19
- package/portal-d6c8ce56-NpSrdNZ_.js +0 -16
- package/private-1c25ff8e-D3Fo36q6.js +0 -23
- package/private-1c25ff8e-Dz82_Xf8.mjs +0 -26
- package/public-d4d8c585-BJKDD5F6.mjs +0 -17
- package/public-d4d8c585-lV6QxdPw.js +0 -14
- package/search-fbcd79c2-BMxCaeEk.js +0 -10
- package/search-fbcd79c2-rfV0PlHP.mjs +0 -13
- package/star-0da9b5e9-B3-jr0yE.js +0 -3
- package/star-0da9b5e9-DX8_iFmu.mjs +0 -6
- package/start-65126a4f-D1LeCi_N.js +0 -1
- package/start-65126a4f-mQSjIlRh.mjs +0 -4
- package/success-443809da-BD23vltm.mjs +0 -19
- package/success-443809da-BUEhLsAD.js +0 -16
- package/svg-repository.entry-CqUFAuPA.mjs +0 -299
- package/svg-repository.entry-nY39Z0hv.js +0 -158
- package/thumbs-down-a18fd049-CzuBAj99.mjs +0 -6
- package/thumbs-down-a18fd049-DTNIbYbm.js +0 -3
- package/thumbs-up-c19a71bc-CjLv5Wgw.mjs +0 -7
- package/thumbs-up-c19a71bc-w8Z8gegt.js +0 -4
- package/token-list_3.entry-BDvROoe2.js +0 -1
- package/token-spacing.entry-B1bI3Gg9.mjs +0 -12
- package/token-spacing.entry-D7J3g9Gs.js +0 -1
- package/token-typography.entry-BK0pYTtQ.js +0 -2
- package/token-typography.entry-CKSwl8jj.mjs +0 -213
- package/tutotial-150ee1fd-DFdyoHVA.mjs +0 -28
- package/tutotial-150ee1fd-DjN_JBL5.js +0 -25
- package/unknown-ed01a24c-B0AcMuip.js +0 -20
- package/unknown-ed01a24c-DonOUpIC.mjs +0 -23
- package/up-and-down-8b69ca97-D7g6H0T0.mjs +0 -13
- package/up-and-down-8b69ca97-DOjnLWEi.js +0 -10
- package/user-71ebdc15-BBKQbcQD.js +0 -14
- package/user-71ebdc15-CoHlCtJg.mjs +0 -17
- package/view-e900f2d4-DsFtaZYM.mjs +0 -4
- package/view-e900f2d4-RAKf504j.js +0 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { r as s, c as i, h as t, g as n } from "./index-DL15mWAH.mjs";
|
|
2
|
+
import { s as r } from "./analytics-d99780e3-Bay18Oil.mjs";
|
|
3
|
+
const l = class {
|
|
4
|
+
constructor(a) {
|
|
5
|
+
s(this, a), this.search = i(this, "search", 7), this.keydownListener = (e) => {
|
|
6
|
+
(e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), this.inputElement && !this.disabled && this.inputElement.focus());
|
|
7
|
+
}, this.onChange = (e) => {
|
|
8
|
+
this.search.emit({
|
|
9
|
+
event: "change",
|
|
10
|
+
value: e.target.value
|
|
11
|
+
}), r({
|
|
12
|
+
category: "ui-component",
|
|
13
|
+
parentContext: null,
|
|
14
|
+
tag: this.el.tagName.toLowerCase(),
|
|
15
|
+
name: e.target.value || "",
|
|
16
|
+
action: "search"
|
|
17
|
+
});
|
|
18
|
+
}, this.name = void 0, this.inputId = "search-main", this.placeholder = "Search...", this.value = void 0, this.disabled = !1, this.required = !1, this.decorate = void 0, this.label = "Search";
|
|
19
|
+
}
|
|
20
|
+
componentDidLoad() {
|
|
21
|
+
this.inputElement = this.el.querySelector("input"), document.addEventListener("keydown", this.keydownListener);
|
|
22
|
+
}
|
|
23
|
+
disconnectedCallback() {
|
|
24
|
+
document.removeEventListener("keydown", this.keydownListener);
|
|
25
|
+
}
|
|
26
|
+
async getInputElement() {
|
|
27
|
+
return this.inputElement;
|
|
28
|
+
}
|
|
29
|
+
render() {
|
|
30
|
+
return t("div", { key: "52676b3559e14b5153f7d8f0fa6cd12e49354d87", class: "relative flex items-center" }, t("eds-icon-wrapper", { key: "754e8753607c01dab63d156d306f3325547049aa", name: "search", class: "absolute top-1/2 left-[14px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), t("input", {
|
|
31
|
+
key: "b49d523195711316c0817de67776d379a6c7248b",
|
|
32
|
+
id: this.inputId || this.name,
|
|
33
|
+
name: this.name,
|
|
34
|
+
placeholder: this.placeholder,
|
|
35
|
+
value: this.value || "",
|
|
36
|
+
required: this.required,
|
|
37
|
+
disabled: this.disabled,
|
|
38
|
+
type: "search",
|
|
39
|
+
"aria-label": this.placeholder,
|
|
40
|
+
class: `input pl-36 ${this.decorate}`,
|
|
41
|
+
//onInput={this.onInput}
|
|
42
|
+
onChange: this.onChange
|
|
43
|
+
}));
|
|
44
|
+
}
|
|
45
|
+
get el() {
|
|
46
|
+
return n(this);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
export {
|
|
50
|
+
l as eds_input_search
|
|
51
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-WyhGZcXS.js"),i=require("./analytics-d99780e3-DgvAss6l.js"),a=class{constructor(n){t.registerInstance(this,n),this.search=t.createEvent(this,"search",7),this.keydownListener=e=>{(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==="k"&&(e.preventDefault(),this.inputElement&&!this.disabled&&this.inputElement.focus())},this.onChange=e=>{this.search.emit({event:"change",value:e.target.value}),i.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:e.target.value||"",action:"search"})},this.name=void 0,this.inputId="search-main",this.placeholder="Search...",this.value=void 0,this.disabled=!1,this.required=!1,this.decorate=void 0,this.label="Search"}componentDidLoad(){this.inputElement=this.el.querySelector("input"),document.addEventListener("keydown",this.keydownListener)}disconnectedCallback(){document.removeEventListener("keydown",this.keydownListener)}async getInputElement(){return this.inputElement}render(){return t.h("div",{key:"52676b3559e14b5153f7d8f0fa6cd12e49354d87",class:"relative flex items-center"},t.h("eds-icon-wrapper",{key:"754e8753607c01dab63d156d306f3325547049aa",name:"search",class:"absolute top-1/2 left-[14px] -translate-y-1/2 text-lightest","aria-hidden":"true"}),t.h("input",{key:"b49d523195711316c0817de67776d379a6c7248b",id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.value||"",required:this.required,disabled:this.disabled,type:"search","aria-label":this.placeholder,class:`input pl-36 ${this.decorate}`,onChange:this.onChange}))}get el(){return t.getElement(this)}};exports.eds_input_search=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-WyhGZcXS.js"),l=require("./analytics-d99780e3-DgvAss6l.js"),s=".modal-open{display:flex}.modal-closed{display:none}.modal-backdrop{}.backdrop-visible{opacity:0.9}.backdrop-hidden{opacity:0}.modal-content{}.modal-content-visible{opacity:1}.modal-content-hidden{opacity:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex-col{flex-direction:column}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.leading-normal{line-height:1.5}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-light)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.top-16{top:1rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-16{bottom:1rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.overflow-y-auto{overflow-y:auto}.max-h-\\[90vh\\]{max-height:90vh}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-light)}.bg-strong{background-color:var(--grey-dark)}.bg-strongest{background-color:var(--brand-black)}.mr-8{margin-right:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.modal-title{line-height:1.5;padding-bottom:2px;display:inline-block}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding-bottom:2px;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-bottom:2px;}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-bottom:2px;}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding-bottom:2px;}.modal-small{min-width:300px;max-width:500px}.modal-medium{min-width:300px;max-width:700px}.modal-large{min-width:300px;max-width:900px}@media (max-width: 749px){.modal-small,.modal-medium,.modal-large{min-width:calc(100% - 2rem);max-width:calc(100% - 2rem);margin:0 1rem}}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}",d=s,n=class{constructor(e){a.registerInstance(this,e),this.previousActiveElement=null,this.heading="",this.truncate=void 0,this.position="middle",this.size="medium",this.inverseHeader=!1,this.isOpen=!1}getTruncateClass(){return this.truncate?`line-clamp-${this.truncate}`:""}getSizeClass(){switch(this.size){case"small":return"modal-small";case"large":return"modal-large";case"medium":default:return"modal-medium"}}getModalPositionClasses(){switch(this.position){case"top":return["top-16","left-0","w-full","md:left-1/2","md:w-auto","md:-translate-x-1/2","md:top-20"].join(" ");case"bottom":return["bottom-16","left-0","w-full","md:left-1/2","md:w-auto","md:-translate-x-1/2","md:bottom-20"].join(" ");case"middle":default:return["top-16","left-0","w-full","md:left-1/2","md:top-1/2","md:w-auto","md:-translate-x-1/2","md:-translate-y-1/2"].join(" ")}}trapFocus(e){var t;if(e.key!=="Tab")return;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!o||o.length===0)return;const i=o[0],r=o[o.length-1];e.shiftKey?document.activeElement===i&&(r.focus(),e.preventDefault()):document.activeElement===r&&(i.focus(),e.preventDefault())}lockBodyScroll(){document.body.style.overflow="hidden"}unlockBodyScroll(){document.body.style.overflow=""}async open(){var e;this.previousActiveElement=document.activeElement,this.isOpen=!0,this.lockBodyScroll(),setTimeout(()=>{var t;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');o&&o.length>0&&o[0].focus()},100),l.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((e=this.heading)===null||e===void 0?void 0:e.toLowerCase())||"",action:"opened"})}async close(){var e;this.isOpen=!1,this.unlockBodyScroll(),this.previousActiveElement&&typeof this.previousActiveElement.focus=="function"&&setTimeout(()=>{var t;(t=this.previousActiveElement)===null||t===void 0||t.focus()},100),l.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((e=this.heading)===null||e===void 0?void 0:e.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen?await this.close():await this.open()}handleGlobalOpen(){this.open()}handleGlobalClose(){this.close()}handleKeyDown(e){this.isOpen&&(e.key==="Escape"?this.close():e.key==="Tab"&&this.trapFocus(e))}render(){const e=`modal-title-${this.el.tagName.toLowerCase()}`;return this.isOpen?a.h("div",{id:"eds-modal",class:"modal-open fixed inset-0 z-9999991 flex",role:"dialog","aria-modal":"true","aria-labelledby":e},a.h("div",{class:"modal-backdrop fixed inset-0 bg-dark backdrop-visible",onClick:()=>this.close()}),a.h("div",{class:`container absolute bg-inverse z-10 rounded-lg shadow-lg ${this.getModalPositionClasses()} ${this.getSizeClass()} grow justify-center max-h-[90vh] flex flex-col modal-content modal-content-visible`},a.h("div",{class:`flex justify-between items-center border-b-2 border-softer px-20 py-24 flex-shrink-0 ${this.inverseHeader?"bg-strongest text-inverse":"bg-dark text-default"}`},a.h("span",{id:e,class:`f-heading-04 mr-8 modal-title ${this.getTruncateClass()}`},this.heading),a.h("eds-button",{intent:this.inverseHeader?"ghostInverse":"secondary",size:"large",icon:"close","aria-label":"Close modal",onClick:()=>this.close()})),a.h("div",{class:"pt-8 px-20 py-20 overflow-y-auto flex-1"},a.h("slot",null)))):null}get el(){return a.getElement(this)}};n.style=d;exports.eds_modal=n;
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { r as n, h as o, g as s } from "./index-DL15mWAH.mjs";
|
|
2
|
+
import { s as l } from "./analytics-d99780e3-Bay18Oil.mjs";
|
|
3
|
+
const d = ".modal-open{display:flex}.modal-closed{display:none}.modal-backdrop{}.backdrop-visible{opacity:0.9}.backdrop-hidden{opacity:0}.modal-content{}.modal-content-visible{opacity:1}.modal-content-hidden{opacity:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.flex-col{flex-direction:column}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.leading-normal{line-height:1.5}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-light)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.top-16{top:1rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-16{bottom:1rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.overflow-y-auto{overflow-y:auto}.max-h-\\[90vh\\]{max-height:90vh}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-light)}.bg-strong{background-color:var(--grey-dark)}.bg-strongest{background-color:var(--brand-black)}.mr-8{margin-right:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.modal-title{line-height:1.5;padding-bottom:2px;display:inline-block}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding-bottom:2px;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-bottom:2px;}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-bottom:2px;}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding-bottom:2px;}.modal-small{min-width:300px;max-width:500px}.modal-medium{min-width:300px;max-width:700px}.modal-large{min-width:300px;max-width:900px}@media (max-width: 749px){.modal-small,.modal-medium,.modal-large{min-width:calc(100% - 2rem);max-width:calc(100% - 2rem);margin:0 1rem}}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}", c = d, m = class {
|
|
4
|
+
constructor(e) {
|
|
5
|
+
n(this, e), this.previousActiveElement = null, this.heading = "", this.truncate = void 0, this.position = "middle", this.size = "medium", this.inverseHeader = !1, this.isOpen = !1;
|
|
6
|
+
}
|
|
7
|
+
getTruncateClass() {
|
|
8
|
+
return this.truncate ? `line-clamp-${this.truncate}` : "";
|
|
9
|
+
}
|
|
10
|
+
getSizeClass() {
|
|
11
|
+
switch (this.size) {
|
|
12
|
+
case "small":
|
|
13
|
+
return "modal-small";
|
|
14
|
+
case "large":
|
|
15
|
+
return "modal-large";
|
|
16
|
+
case "medium":
|
|
17
|
+
default:
|
|
18
|
+
return "modal-medium";
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Returns the Tailwind CSS classes to position the modal based on the `position` prop.
|
|
23
|
+
*
|
|
24
|
+
* @private
|
|
25
|
+
* @returns {string} The concatenated CSS classes for modal positioning.
|
|
26
|
+
*/
|
|
27
|
+
getModalPositionClasses() {
|
|
28
|
+
switch (this.position) {
|
|
29
|
+
case "top":
|
|
30
|
+
return [
|
|
31
|
+
// mobile: small gap from top, full-width
|
|
32
|
+
"top-16",
|
|
33
|
+
"left-0",
|
|
34
|
+
"w-full",
|
|
35
|
+
// desktop: half-width centred and offset down
|
|
36
|
+
"md:left-1/2",
|
|
37
|
+
"md:w-auto",
|
|
38
|
+
"md:-translate-x-1/2",
|
|
39
|
+
"md:top-20"
|
|
40
|
+
].join(" ");
|
|
41
|
+
case "bottom":
|
|
42
|
+
return ["bottom-16", "left-0", "w-full", "md:left-1/2", "md:w-auto", "md:-translate-x-1/2", "md:bottom-20"].join(" ");
|
|
43
|
+
case "middle":
|
|
44
|
+
default:
|
|
45
|
+
return [
|
|
46
|
+
// mobile: full-width, start from top with a little padding
|
|
47
|
+
"top-16",
|
|
48
|
+
"left-0",
|
|
49
|
+
"w-full",
|
|
50
|
+
// desktop: centred both axes
|
|
51
|
+
"md:left-1/2",
|
|
52
|
+
"md:top-1/2",
|
|
53
|
+
"md:w-auto",
|
|
54
|
+
"md:-translate-x-1/2",
|
|
55
|
+
"md:-translate-y-1/2"
|
|
56
|
+
].join(" ");
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
trapFocus(e) {
|
|
60
|
+
var t;
|
|
61
|
+
if (e.key !== "Tab")
|
|
62
|
+
return;
|
|
63
|
+
const a = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
64
|
+
if (!a || a.length === 0)
|
|
65
|
+
return;
|
|
66
|
+
const i = a[0], r = a[a.length - 1];
|
|
67
|
+
e.shiftKey ? document.activeElement === i && (r.focus(), e.preventDefault()) : document.activeElement === r && (i.focus(), e.preventDefault());
|
|
68
|
+
}
|
|
69
|
+
lockBodyScroll() {
|
|
70
|
+
document.body.style.overflow = "hidden";
|
|
71
|
+
}
|
|
72
|
+
unlockBodyScroll() {
|
|
73
|
+
document.body.style.overflow = "";
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Opens the modal.
|
|
77
|
+
*/
|
|
78
|
+
async open() {
|
|
79
|
+
var e;
|
|
80
|
+
this.previousActiveElement = document.activeElement, this.isOpen = !0, this.lockBodyScroll(), setTimeout(() => {
|
|
81
|
+
var t;
|
|
82
|
+
const a = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
83
|
+
a && a.length > 0 && a[0].focus();
|
|
84
|
+
}, 100), l({
|
|
85
|
+
category: "ui-component",
|
|
86
|
+
parentContext: null,
|
|
87
|
+
tag: this.el.tagName.toLowerCase(),
|
|
88
|
+
name: ((e = this.heading) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
|
|
89
|
+
action: "opened"
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
/**
|
|
93
|
+
* Closes the modal.
|
|
94
|
+
*/
|
|
95
|
+
async close() {
|
|
96
|
+
var e;
|
|
97
|
+
this.isOpen = !1, this.unlockBodyScroll(), this.previousActiveElement && typeof this.previousActiveElement.focus == "function" && setTimeout(() => {
|
|
98
|
+
var t;
|
|
99
|
+
(t = this.previousActiveElement) === null || t === void 0 || t.focus();
|
|
100
|
+
}, 100), l({
|
|
101
|
+
category: "ui-component",
|
|
102
|
+
parentContext: null,
|
|
103
|
+
tag: this.el.tagName.toLowerCase(),
|
|
104
|
+
name: ((e = this.heading) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
|
|
105
|
+
action: "closed"
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* Toggles the modal open or closed.
|
|
110
|
+
*/
|
|
111
|
+
async toggle() {
|
|
112
|
+
this.isOpen ? await this.close() : await this.open();
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* Listens for global custom events to open the modal.
|
|
116
|
+
*/
|
|
117
|
+
handleGlobalOpen() {
|
|
118
|
+
this.open();
|
|
119
|
+
}
|
|
120
|
+
/**
|
|
121
|
+
* Listens for global custom events to close the modal.
|
|
122
|
+
*/
|
|
123
|
+
handleGlobalClose() {
|
|
124
|
+
this.close();
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* Closes the modal when the Escape key is pressed and handles focus trapping on Tab.
|
|
128
|
+
*/
|
|
129
|
+
handleKeyDown(e) {
|
|
130
|
+
this.isOpen && (e.key === "Escape" ? this.close() : e.key === "Tab" && this.trapFocus(e));
|
|
131
|
+
}
|
|
132
|
+
render() {
|
|
133
|
+
const e = `modal-title-${this.el.tagName.toLowerCase()}`;
|
|
134
|
+
return this.isOpen ? o("div", { id: "eds-modal", class: "modal-open fixed inset-0 z-9999991 flex", role: "dialog", "aria-modal": "true", "aria-labelledby": e }, o("div", { class: "modal-backdrop fixed inset-0 bg-dark backdrop-visible", onClick: () => this.close() }), o("div", { class: `container absolute bg-inverse z-10 rounded-lg shadow-lg ${this.getModalPositionClasses()} ${this.getSizeClass()} grow justify-center max-h-[90vh] flex flex-col modal-content modal-content-visible` }, o("div", { class: `flex justify-between items-center border-b-2 border-softer px-20 py-24 flex-shrink-0 ${this.inverseHeader ? "bg-strongest text-inverse" : "bg-dark text-default"}` }, o("span", { id: e, class: `f-heading-04 mr-8 modal-title ${this.getTruncateClass()}` }, this.heading), o("eds-button", { intent: this.inverseHeader ? "ghostInverse" : "secondary", size: "large", icon: "close", "aria-label": "Close modal", onClick: () => this.close() })), o("div", { class: "pt-8 px-20 py-20 overflow-y-auto flex-1" }, o("slot", null)))) : null;
|
|
135
|
+
}
|
|
136
|
+
get el() {
|
|
137
|
+
return s(this);
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
m.style = c;
|
|
141
|
+
export {
|
|
142
|
+
m as eds_modal
|
|
143
|
+
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { r as k, h as i, H as w } from "./index-DL15mWAH.mjs";
|
|
2
|
+
const S = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.text-default{color:var(--black)}.w-8{width:0.5rem}.h-8{height:0.5rem}.mr-4{margin-right:0.25rem}:host{display:block}.wrapper{display:flex;align-items:center;justify-content:center;height:100%}.pie-chart{overflow:visible}.slice-label{font-size:var(--font-size-chart-label);font-weight:var(--font-weight-chart-label);fill:var(--color-text);pointer-events:none}.legend{list-style:none;margin:0;padding:0 0 0 1rem}.legend-item{display:flex;align-items:center;margin-bottom:0.5rem;outline:none}.legend-item:focus{outline:2px dashed var(--color-primary)}.legend-swatch{width:1rem;height:1rem;border-radius:50%;margin-right:0.5rem}.legend-label{font-size:var(--font-size-base);color:var(--color-text)}", x = S, h = class {
|
|
3
|
+
constructor(t) {
|
|
4
|
+
k(this, t), this.size = 200, this.slices = [], this.thickness = 1, this.display = "value", this.legend = !0, this.colorScheme = "semantic";
|
|
5
|
+
}
|
|
6
|
+
parseSlices() {
|
|
7
|
+
if (typeof this.slices == "string")
|
|
8
|
+
try {
|
|
9
|
+
return JSON.parse(this.slices);
|
|
10
|
+
} catch {
|
|
11
|
+
console.warn("eds-pie: invalid slices JSON");
|
|
12
|
+
}
|
|
13
|
+
return Array.isArray(this.slices) ? this.slices : [];
|
|
14
|
+
}
|
|
15
|
+
polarToCartesian(t, a, n, c) {
|
|
16
|
+
const l = (c - 90) * (Math.PI / 180);
|
|
17
|
+
return { x: t + n * Math.cos(l), y: a + n * Math.sin(l) };
|
|
18
|
+
}
|
|
19
|
+
describeArc(t, a, n, c, l) {
|
|
20
|
+
const s = this.polarToCartesian(t, a, n, l), d = this.polarToCartesian(t, a, n, c), r = l - c <= 180 ? "0" : "1";
|
|
21
|
+
return [`M ${s.x} ${s.y}`, `A ${n} ${n} 0 ${r} 0 ${d.x} ${d.y}`, `L ${t} ${a}`, "Z"].join(" ");
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const t = this.parseSlices();
|
|
25
|
+
t.length > h.MAX_SLICES && console.warn(`eds-pie: too many slices (${t.length}), results may overlap.`);
|
|
26
|
+
const a = t.reduce((e, o) => e + o.value, 0) || 1, n = [...h.PALETTES[this.colorScheme]], c = [...t].sort((e, o) => o.value - e.value);
|
|
27
|
+
let l = 0;
|
|
28
|
+
const s = c.map((e) => {
|
|
29
|
+
const o = e.value / a * 360, u = l, f = l + o;
|
|
30
|
+
l = f;
|
|
31
|
+
const m = e.color || n.shift() || "#8c8c8c";
|
|
32
|
+
return Object.assign(Object.assign({}, e), { start: u, end: f, color: m });
|
|
33
|
+
}), d = this.size, r = d / 2, p = Math.min(Math.max(this.thickness, 0.5), 1), g = r * (1 - p), b = r, v = (r + g) / 2, y = s.map((e) => `${e.label}: ${this.display === "percent" ? `${Math.round(e.value / a * 100)}%` : e.value}`).join(", ");
|
|
34
|
+
return i(w, null, i("div", { class: "wrapper" }, i("svg", { width: d, height: d, role: "img", "aria-label": `Pie chart: ${y}`, class: "pie-chart" }, i("title", null, "Pie chart"), i("g", null, s.map((e) => i("path", { key: e.id, d: this.describeArc(r, r, b, e.start, e.end), fill: e.color })), g > 0 && i("circle", { cx: r, cy: r, r: g, fill: "#FFFFFF" }), s.map((e) => {
|
|
35
|
+
const o = e.start + (e.end - e.start) / 2, { x: u, y: f } = this.polarToCartesian(r, r, v, o), m = this.display === "percent" ? `${Math.round(e.value / a * 100)}%` : String(e.value);
|
|
36
|
+
return i("text", { key: e.id, x: u, y: f, class: "f-ui-02", "text-anchor": "middle", "alignment-baseline": "middle" }, m);
|
|
37
|
+
}))), this.legend && i("ul", { class: "legend", role: "list" }, s.map((e) => i("li", { key: e.id, role: "listitem", tabindex: "0", class: "legend-item" }, i("span", { class: "legend-swatch", style: { backgroundColor: e.color } }), i("span", { class: "legend-label" }, e.label))))));
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
h.MAX_SLICES = 9;
|
|
41
|
+
h.PALETTES = {
|
|
42
|
+
semantic: [
|
|
43
|
+
"#00e766",
|
|
44
|
+
// green-500
|
|
45
|
+
"#666666",
|
|
46
|
+
// grey-700
|
|
47
|
+
"#00c959",
|
|
48
|
+
// green-600
|
|
49
|
+
"#8c8c8c",
|
|
50
|
+
// grey-500
|
|
51
|
+
"#63fb92",
|
|
52
|
+
// green-400
|
|
53
|
+
"#d8d8d8",
|
|
54
|
+
// grey-400
|
|
55
|
+
"#9dffb4",
|
|
56
|
+
// green-300
|
|
57
|
+
"#e6e6e6",
|
|
58
|
+
// grey-300
|
|
59
|
+
"#d3ffdc"
|
|
60
|
+
// green-200
|
|
61
|
+
],
|
|
62
|
+
mono: [
|
|
63
|
+
"#666666",
|
|
64
|
+
// grey-700
|
|
65
|
+
"#8c8c8c",
|
|
66
|
+
// grey-500
|
|
67
|
+
"#e6e6e6",
|
|
68
|
+
// grey-300
|
|
69
|
+
"#f8f8f8",
|
|
70
|
+
// grey-100
|
|
71
|
+
"#4d4d4d",
|
|
72
|
+
// grey-800
|
|
73
|
+
"#6e6e6e",
|
|
74
|
+
// grey-600
|
|
75
|
+
"#d8d8d8",
|
|
76
|
+
// grey-400
|
|
77
|
+
"#f2f2f2",
|
|
78
|
+
// grey-200
|
|
79
|
+
"#242424"
|
|
80
|
+
// grey-900
|
|
81
|
+
]
|
|
82
|
+
};
|
|
83
|
+
h.style = x;
|
|
84
|
+
export {
|
|
85
|
+
h as eds_pie
|
|
86
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-WyhGZcXS.js"),S=".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.text-default{color:var(--black)}.w-8{width:0.5rem}.h-8{height:0.5rem}.mr-4{margin-right:0.25rem}:host{display:block}.wrapper{display:flex;align-items:center;justify-content:center;height:100%}.pie-chart{overflow:visible}.slice-label{font-size:var(--font-size-chart-label);font-weight:var(--font-weight-chart-label);fill:var(--color-text);pointer-events:none}.legend{list-style:none;margin:0;padding:0 0 0 1rem}.legend-item{display:flex;align-items:center;margin-bottom:0.5rem;outline:none}.legend-item:focus{outline:2px dashed var(--color-primary)}.legend-swatch{width:1rem;height:1rem;border-radius:50%;margin-right:0.5rem}.legend-label{font-size:var(--font-size-base);color:var(--color-text)}",k=S,h=class{constructor(i){t.registerInstance(this,i),this.size=200,this.slices=[],this.thickness=1,this.display="value",this.legend=!0,this.colorScheme="semantic"}parseSlices(){if(typeof this.slices=="string")try{return JSON.parse(this.slices)}catch{console.warn("eds-pie: invalid slices JSON")}return Array.isArray(this.slices)?this.slices:[]}polarToCartesian(i,a,n,c){const l=(c-90)*(Math.PI/180);return{x:i+n*Math.cos(l),y:a+n*Math.sin(l)}}describeArc(i,a,n,c,l){const s=this.polarToCartesian(i,a,n,l),d=this.polarToCartesian(i,a,n,c),r=l-c<=180?"0":"1";return[`M ${s.x} ${s.y}`,`A ${n} ${n} 0 ${r} 0 ${d.x} ${d.y}`,`L ${i} ${a}`,"Z"].join(" ")}render(){const i=this.parseSlices();i.length>h.MAX_SLICES&&console.warn(`eds-pie: too many slices (${i.length}), results may overlap.`);const a=i.reduce((e,o)=>e+o.value,0)||1,n=[...h.PALETTES[this.colorScheme]],c=[...i].sort((e,o)=>o.value-e.value);let l=0;const s=c.map(e=>{const o=e.value/a*360,u=l,g=l+o;l=g;const b=e.color||n.shift()||"#8c8c8c";return Object.assign(Object.assign({},e),{start:u,end:g,color:b})}),d=this.size,r=d/2,m=Math.min(Math.max(this.thickness,.5),1),f=r*(1-m),p=r,v=(r+f)/2,y=s.map(e=>`${e.label}: ${this.display==="percent"?`${Math.round(e.value/a*100)}%`:e.value}`).join(", ");return t.h(t.Host,null,t.h("div",{class:"wrapper"},t.h("svg",{width:d,height:d,role:"img","aria-label":`Pie chart: ${y}`,class:"pie-chart"},t.h("title",null,"Pie chart"),t.h("g",null,s.map(e=>t.h("path",{key:e.id,d:this.describeArc(r,r,p,e.start,e.end),fill:e.color})),f>0&&t.h("circle",{cx:r,cy:r,r:f,fill:"#FFFFFF"}),s.map(e=>{const o=e.start+(e.end-e.start)/2,{x:u,y:g}=this.polarToCartesian(r,r,v,o),b=this.display==="percent"?`${Math.round(e.value/a*100)}%`:String(e.value);return t.h("text",{key:e.id,x:u,y:g,class:"f-ui-02","text-anchor":"middle","alignment-baseline":"middle"},b)}))),this.legend&&t.h("ul",{class:"legend",role:"list"},s.map(e=>t.h("li",{key:e.id,role:"listitem",tabindex:"0",class:"legend-item"},t.h("span",{class:"legend-swatch",style:{backgroundColor:e.color}}),t.h("span",{class:"legend-label"},e.label))))))}};h.MAX_SLICES=9;h.PALETTES={semantic:["#00e766","#666666","#00c959","#8c8c8c","#63fb92","#d8d8d8","#9dffb4","#e6e6e6","#d3ffdc"],mono:["#666666","#8c8c8c","#e6e6e6","#f8f8f8","#4d4d4d","#6e6e6e","#d8d8d8","#f2f2f2","#242424"]};h.style=k;exports.eds_pie=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-WyhGZcXS.js"),n="",a=n,s=class{constructor(e){t.registerInstance(this,e),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){const e=this.tag;return t.h(e,{key:"635230d1ec9a0dcc945990a6a58dc3508345d984"},t.h("eds-section-heading",{key:"0b6b94df22af707cbd6964132f3a5190b4b7e83c",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),t.h("slot",{key:"8834c29c25249fb5c384fb5d51866eadb93a97d6"}))}};s.style=a;const c=class{constructor(e){t.registerInstance(this,e),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){const e=this.tag,i=this.headingLevel;return t.h(e,{key:"7275284a1158ab982f1e53117b72738d0a001c97",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},t.h(i,{key:"a3c68baa56a0337348405c88544225ed7c7ff0ed",class:this.getHeadingClass()},this.sectionTitle))}};exports.eds_section_core=s;exports.eds_section_heading=c;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { r as t, h as s } from "./index-
|
|
1
|
+
import { r as t, h as s } from "./index-DL15mWAH.mjs";
|
|
2
2
|
const a = "", n = a, c = class {
|
|
3
3
|
constructor(e) {
|
|
4
4
|
t(this, e), this.tag = "section", this.sectionTitle = "", this.headingLevel = "h2";
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
7
|
const e = this.tag;
|
|
8
|
-
return s(e, { key: "
|
|
8
|
+
return s(e, { key: "635230d1ec9a0dcc945990a6a58dc3508345d984" }, s("eds-section-heading", { key: "0b6b94df22af707cbd6964132f3a5190b4b7e83c", headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), s("slot", { key: "8834c29c25249fb5c384fb5d51866eadb93a97d6" }));
|
|
9
9
|
}
|
|
10
10
|
};
|
|
11
11
|
c.style = n;
|
|
@@ -25,12 +25,12 @@ const d = class {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const e = this.tag, i = this.headingLevel;
|
|
28
|
-
return s(e, { key: "
|
|
28
|
+
return s(e, { key: "7275284a1158ab982f1e53117b72738d0a001c97", class: {
|
|
29
29
|
"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8": !0,
|
|
30
30
|
container: this.withContainer,
|
|
31
31
|
"pt-48": this.spacingLarge,
|
|
32
32
|
"pt-28": !this.spacingLarge
|
|
33
|
-
} }, s(i, { key: "
|
|
33
|
+
} }, s(i, { key: "a3c68baa56a0337348405c88544225ed7c7ff0ed", class: this.getHeadingClass() }, this.sectionTitle));
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
export {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-WyhGZcXS.js"),n=".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:300px;height:60px;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,100%{opacity:1}50%{opacity:0.6}}",a=n,i=class{constructor(s){e.registerInstance(this,s),this.splash=e.createEvent(this,"splash",7),this.inverse=!1,this.initPromise=void 0,this.isVisible=!0}componentWillLoad(){this.initPromise&&this.handleInitPromise(this.initPromise)}async watchInitPromise(s){s&&this.handleInitPromise(s)}async handleInitPromise(s){try{await s,this.hideSplash()}catch(t){this.splash.emit({type:"error",message:t.message||"Unknown error"})}}handleHideSplash(){this.hideSplash()}hideSplash(){this.isVisible=!1,this.splash.emit({type:"hidden",message:"Splash screen hidden successfully"})}render(){return this.isVisible?e.h(e.Host,null,e.h("div",{class:"splash-overlay",style:{background:this.inverse?"var(--brand-black)":"var(--grey-light)"}},e.h("div",{class:"logo-container"},this.inverse?e.h("eds-logo",{variant:"negative"}):e.h("eds-logo",{variant:"positive"})))):null}static get watchers(){return{initPromise:["watchInitPromise"]}}};i.style=a;exports.eds_splash_screen=i;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as t, c as n, h as e, H as
|
|
2
|
-
const
|
|
1
|
+
import { r as t, c as n, h as e, H as a } from "./index-DL15mWAH.mjs";
|
|
2
|
+
const r = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:300px;height:60px;animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,100%{opacity:1}50%{opacity:0.6}}", l = r, h = class {
|
|
3
3
|
constructor(s) {
|
|
4
4
|
t(this, s), this.splash = n(this, "splash", 7), this.inverse = !1, this.initPromise = void 0, this.isVisible = !0;
|
|
5
5
|
}
|
|
@@ -25,7 +25,7 @@ const a = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;
|
|
|
25
25
|
this.isVisible = !1, this.splash.emit({ type: "hidden", message: "Splash screen hidden successfully" });
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return this.isVisible ? e(
|
|
28
|
+
return this.isVisible ? e(a, null, e("div", { class: "splash-overlay", style: { background: this.inverse ? "var(--brand-black)" : "var(--grey-light)" } }, e("div", { class: "logo-container" }, this.inverse ? e("eds-logo", { variant: "negative" }) : e("eds-logo", { variant: "positive" })))) : null;
|
|
29
29
|
}
|
|
30
30
|
static get watchers() {
|
|
31
31
|
return {
|
|
@@ -33,7 +33,7 @@ const a = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;
|
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
h.style = l;
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
h as eds_splash_screen
|
|
39
39
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r, h as t, g as l } from "./index-
|
|
1
|
+
import { r, h as t, g as l } from "./index-DL15mWAH.mjs";
|
|
2
2
|
import { p as i } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
|
|
3
|
-
const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",
|
|
3
|
+
const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}", o = n, d = class {
|
|
4
4
|
constructor(e) {
|
|
5
5
|
r(this, e), this.events = void 0, this.selectedEvent = null, this.parsedEvents = [];
|
|
6
6
|
}
|
|
@@ -29,7 +29,7 @@ const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-righ
|
|
|
29
29
|
this.selectedEvent = e, this.modalRef && typeof this.modalRef.open == "function" && this.modalRef.open();
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return t("div", { key: "
|
|
32
|
+
return t("div", { key: "78b199b18d361ae3223e4f1fe9a2043d61f4271b", class: "max-w-sidebar mx-auto px-4 py-8" }, t("div", { key: "afdfdf7dc573a7f273703a02e38e755a9815bdf7", class: "relative" }, t("div", { key: "7affc96f356ee901ca263c7347ae60b84869f28b", class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), t("div", { key: "7ba006234bd1365890e75b7f59aa118265ba727c", class: "space-y-16" }, this.parsedEvents.map((e, a) => t("div", { class: "relative flex" }, t("div", { class: `w-1/2 ${a % 2 === 0 ? "pr-4" : ""}` }, a % 2 === 0 && t("eds-card-generic", { title: e.title, url: "#", description: e.description, intent: "secondary", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })), t("div", { class: "flex items-center justify-center relative" }, e.completed ? t("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" }) : t("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" })), t("div", { class: `w-1/2 ${a % 2 !== 0 ? "pl-4" : ""}` }, a % 2 !== 0 && t("eds-card-generic", { title: e.title, url: "#", description: e.description, intent: "secondary", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })))))));
|
|
33
33
|
}
|
|
34
34
|
get el() {
|
|
35
35
|
return l(this);
|
|
@@ -40,7 +40,7 @@ const n = ".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-righ
|
|
|
40
40
|
};
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
|
-
d.style =
|
|
43
|
+
d.style = o;
|
|
44
44
|
export {
|
|
45
45
|
d as eds_timeline
|
|
46
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-WyhGZcXS.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),i=".max-w-sidebar{max-width:1224px}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.w-4{width:0.25rem}.pr-4{padding-right:0.25rem}.pl-4{padding-left:0.25rem}.w-1\\/2{width:50%}.left-1\\/2{left:50%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bg-strong{background-color:var(--grey-700)}.h-full{height:100%}.z-0{z-index:0}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.items-center{align-items:center}.justify-center{justify-content:center}.w-32{width:2rem}.h-32{height:2rem}.bg-accent{background-color:var(--green-500)}.rounded-full{border-radius:9999px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}",n=i,r=class{constructor(e){t.registerInstance(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){const a=l.parseData(e);this.parsedEvents=Array.isArray(a)?a.map(s=>Object.assign(Object.assign({},s),{completed:s.completed==="true"||s.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(a=>{this.emitContext(a)})}emitContext(e){const a=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(a)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return t.h("div",{key:"78b199b18d361ae3223e4f1fe9a2043d61f4271b",class:"max-w-sidebar mx-auto px-4 py-8"},t.h("div",{key:"afdfdf7dc573a7f273703a02e38e755a9815bdf7",class:"relative"},t.h("div",{key:"7affc96f356ee901ca263c7347ae60b84869f28b",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),t.h("div",{key:"7ba006234bd1365890e75b7f59aa118265ba727c",class:"space-y-16"},this.parsedEvents.map((e,a)=>t.h("div",{class:"relative flex"},t.h("div",{class:`w-1/2 ${a%2===0?"pr-4":""}`},a%2===0&&t.h("eds-card-generic",{title:e.title,url:"#",description:e.description,intent:"secondary",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),t.h("div",{class:"flex items-center justify-center relative"},e.completed?t.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):t.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),t.h("div",{class:`w-1/2 ${a%2!==0?"pl-4":""}`},a%2!==0&&t.h("eds-card-generic",{title:e.title,url:"#",description:e.description,intent:"secondary",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})))))))}get el(){return t.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};r.style=n;exports.eds_timeline=r;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, h as a, g as i } from "./index-
|
|
1
|
+
import { r as o, h as a, g as i } from "./index-DL15mWAH.mjs";
|
|
2
2
|
class r {
|
|
3
3
|
constructor() {
|
|
4
4
|
this.toastManagerElement = null;
|
|
@@ -49,7 +49,7 @@ const d = new r(), l = ".toast-container{position:fixed;top:1rem;left:50%;transf
|
|
|
49
49
|
this.toasts = this.toasts.filter((s) => s.id !== t);
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return a("div", { key: "
|
|
52
|
+
return a("div", { key: "989e469e815c6af6b46a14fddee85e4707f86704", class: "toast-container" }, this.toasts.map((t) => a("div", { key: t.id }, a("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))));
|
|
53
53
|
}
|
|
54
54
|
get hostElement() {
|
|
55
55
|
return i(this);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-WyhGZcXS.js");class i{constructor(){this.toastManagerElement=null}init(e){this.toastManagerElement=e}show(e,s="default"){if(!this.toastManagerElement){console.error("ToastManager is not initialized. Ensure <eds-toast-manager> is rendered.");return}const o=new CustomEvent("show-toast",{detail:{message:e,intent:s}});this.toastManagerElement.dispatchEvent(o)}}const r=new i,d=".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}",l=d,n=class{constructor(t){a.registerInstance(this,t),this.toastId=0,this.toasts=[]}connectedCallback(){r.init(this.hostElement),this.hostElement.addEventListener("show-toast",t=>{const{message:e,intent:s}=t.detail;this.addToast(e,s)})}addToast(t,e){const s=this.toastId++;this.toasts=[...this.toasts,{id:s,message:t,intent:e}]}removeToast(t){this.toasts=this.toasts.filter(e=>e.id!==t)}render(){return a.h("div",{key:"989e469e815c6af6b46a14fddee85e4707f86704",class:"toast-container"},this.toasts.map(t=>a.h("div",{key:t.id},a.h("eds-toast",{message:t.message,intent:t.intent,onClick:()=>this.removeToast(t.id)}))))}get hostElement(){return a.getElement(this)}};n.style=l;exports.eds_toast_manager=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-WyhGZcXS.js"),A='<linearGradient id="__UID__Unbenannter_Verlauf_29" x1="-26.7" y1="64.8" x2="155" y2="-19.9" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#03a98f"/> <stop offset=".1" stop-color="#10a97b"/> <stop offset=".3" stop-color="#23aa5f"/> <stop offset="1" stop-color="#00ff9d"/> </linearGradient><linearGradient id="__UID__Unbenannter_Verlauf_291" x1="38.6" y1="205" x2="220.3" y2="120.2" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_292" x1="33" y1="193" x2="214.8" y2="108.3" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_293" x1="-3.5" y1="114.7" x2="178.3" y2="30" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_294" x1="4.5" y1="131.8" x2="186.2" y2="47.1" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_295" x1="28.6" y1="183.6" x2="210.4" y2="98.9" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_296" x1="3.8" y1="130.3" x2="185.5" y2="45.5" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_297" x1="18" y1="160.6" x2="199.7" y2="75.9" href="#__UID__Unbenannter_Verlauf_29"/>',G='<path fill="url(#__UID__Unbenannter_Verlauf_29)" d="M67.3,19.9c11.2-2.3,22.5-1,32.1,1.5.8.2,1.2-.8.5-1.3-11.6-7.3-20.9-11.4-26.6-13.5l-18.3,4.9c-3.4.9-6.4,2.7-8.9,5.1l-29.6,29.6c-2.5,2.5-4.2,5.5-5.1,8.9l-.7,2.6c1.7-1.5,3.4-3.2,5.2-4.9,12.6-12,29.9-28.4,51.3-32.9Z"/><path fill="url(#__UID__Unbenannter_Verlauf_291)" d="M33.8,172.2l12.3,12.3c2.5,2.5,5.5,4.2,8.9,5.1l40.4,10.8c3.4.9,6.9.9,10.2,0l40.4-10.8c3.4-.9,6.4-2.7,8.9-5.1l2.8-2.8c-80-32.2-119-12.3-123.9-9.5Z"/><path fill="url(#__UID__Unbenannter_Verlauf_292)" d="M97.7,137.4c-25.1.2-51.1.4-78.8,19.8l10.5,10.5h.1c2-1.5,42.4-27.9,132.8,9.1h.2c0,.1,18.6-18.4,18.6-18.4-7.8-2.8-58.6-21-83.1-21h-.3Z"/><path fill="url(#__UID__Unbenannter_Verlauf_293)" d="M137.2,41h0c2.6,2.4,5.3,5,8,7.7,26.3,26.3,43.8,37.2,53.9,41.8l-9.5-35.5c-.9-3.4-2.7-6.4-5.1-8.9l-29.6-29.6c-2.5-2.5-5.5-4.2-8.9-5.1L105.7.7c-3.4-.9-6.9-.9-10.2,0l-12.1,3.2c12.4,5.6,31.5,16.5,53.7,37,0,0,.1.1.2.2Z"/><path fill="url(#__UID__Unbenannter_Verlauf_294)" d="M132.7,86.1c4.9,1.6,26.3,12,26.3,12,1.7.7,7.3,3.3,8.9,4.1.7.3,1.3-.6.8-1.1-1.5-1.4-5.8-5-10.9-8.6,0,0-21.8-15.4-27.2-18.5-7.8-4.3-47.4-26.7-81.3-10C25.8,75.6,8,89.7.6,96c-.8,3.2-.7,6.5.1,9.7l3.4,12.8c7.2-6.7,20.2-17.2,40.4-28.2,35.4-19.2,61.9-12.8,88.2-4.2Z"/><path fill="url(#__UID__Unbenannter_Verlauf_295)" d="M55.9,128c-3.1,1.7-17.5,10.3-17.5,10.3,0,0-4.9,3-.2,1.9,2-.5,7.8-3.1,9.7-3.6,0,0,19.1-7,49.8-5.4.1,0,.2,0,.4,0,27.6,0,84.2,21,86.6,21.9l1.1.5c1.8-2.2,3.2-4.7,3.9-7.5l2.7-10.2c-14.1-5.9-55.1-22.3-81-22.3s-55.3,14.3-55.5,14.4Z"/><path fill="url(#__UID__Unbenannter_Verlauf_296)" d="M131.7,44.5c-2-1.7-4.9-3.9-8.5-6.3-1.8-1.3-3.6-2.3-5.4-3.2-8.1-4.1-29.1-13.1-49.2-9-19.7,4.1-35.5,19.2-48.2,31.3-4.7,4.5-8.7,8.3-12.4,11.1l-4.6,17.2c9.4-7.4,24.4-18,43.2-27.2,36.9-18.1,79.2,5.4,87.3,10.3,12.1,7.3,47.9,34.4,64,46.8l2.6-9.8c.7-2.5.8-5,.5-7.5-10.4-3.8-29.7-14.5-60.2-45-3.1-3.1-6.1-5.9-9.1-8.6Z"/><path fill="url(#__UID__Unbenannter_Verlauf_297)" d="M47.5,95.8c-22.1,12-35.5,23.6-41.5,29.6l5.5,20.7c.3,1.2.8,2.4,1.4,3.5,9.5-9.3,38.6-26.3,39.8-27,1-.6,25.6-15.3,58.7-15.3s67.5,16,82.6,22.4l1.1-4.2c-9.9-6.7-37.4-24.5-64.4-33.5-24.9-8.3-50-14.3-83.2,3.8Z"/>';function u(t){return A.replace(/__UID__/g,t)}function p(t,e,r,i=16){const l=(i/201.1).toFixed(4),s=G.replace(/__UID__/g,t);return`<g transform="translate(${e},${r}) scale(${l})">${s}</g>`}const P=":host{display:inline-block;line-height:0;}.link{display:inline-block;line-height:0;text-decoration:none;color:inherit}.link svg{display:block}",Z=P;let W=0;const x=class{constructor(t){d.registerInstance(this,t),this.uid=`trl${++W}-`,this.level=void 0,this.assessed=void 0,this.methodology=void 0,this.theme="dark",this.variant="tone",this.size=void 0,this.label="EBRAINS TRL",this.href=void 0}esc(t){return String(t).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}levelColor(){const t=Number(this.level);return t>=7?"#00FF9D":t>=4?"#00C87B":"#7A7B7A"}valueText(){return Number(this.level)>=4?"#07140D":"#ECECEC"}fullText(){const t=[`${this.label} ${this.level}`];return this.assessed&&t.push(`assessed ${this.assessed}`),this.methodology&&t.push(`methodology ${this.methodology}`),t.join(" · ")}build(){const t=x.CW,e=this.uid,r=`${e}clip`,i=this.levelColor(),l=28,s=`font-family="'IBM Plex Mono',monospace"`,h=this.esc(String(this.level));if(this.variant==="full"){const n=(this.assessed?` · assessed ${this.esc(this.assessed)}`:"")+(this.methodology?` · methodology ${this.esc(this.methodology)}`:""),a=Math.ceil(l+this.fullText().length*t+10),o=`<defs><clipPath id="${r}"><rect width="${a}" height="24" rx="6"/></clipPath>${u(e)}</defs><g clip-path="url(#${r})"><rect width="${a}" height="24" fill="#07140D"/></g>${p(e,8,4,16)}<text x="30" y="15.5" ${s} font-size="11" letter-spacing=".2"><tspan fill="#ECECEC">${this.esc(this.label)} </tspan><tspan fill="${i}" font-weight="600">${h}</tspan><tspan fill="#7A7B7A">${this.esc(n)}</tspan></text>`;return{w:a,h:24,inner:o}}if(this.variant==="pill"){const n=`TRL ${this.level}`,a=Math.ceil(l+n.length*t+14),o=l+(a-l)/2-4,_=`<defs>${u(e)}</defs><rect width="${a}" height="24" rx="12" fill="#07140D"/>${p(e,7,4,16)}<text x="${o}" y="16" ${s} font-size="11" font-weight="500" letter-spacing=".5" text-anchor="middle"><tspan fill="#ECECEC">TRL </tspan><tspan fill="${i}" font-weight="600">${h}</tspan></text>`;return{w:a,h:24,inner:_}}if(this.variant==="outline"){const n=this.theme!=="light",a=n?"#0c1c14":"#ffffff",o=n?"#34473d":"#07140D",_=n?"#ECECEC":"#07140D",y=n?"#5a6b62":"#9aa39d",D=n?i:Number(this.level)>=4?"#00966a":"#7A7B7A",f=Math.ceil(l+(this.label+" · "+this.level).length*t+12),$=`<defs>${u(e)}</defs><rect x=".5" y=".5" width="${f-1}" height="23" rx="6" fill="${a}" stroke="${o}"/>${p(e,8,4,16)}<text x="30" y="16" ${s} font-size="11" letter-spacing=".3"><tspan fill="${_}">${this.esc(this.label)} </tspan><tspan fill="${y}">· </tspan><tspan fill="${D}" font-weight="600">${h}</tspan></text>`;return{w:f,h:24,inner:$}}if(this.variant==="scale"){const n=this.theme!=="light",a=n?"#07140D":"#ECECEC",o=n?"#ECECEC":"#07140D",_=n?"#2f4339":"#c4ccc7",y=n?"#5a6b62":"#9aa39d",D=Math.max(0,Math.min(9,Number(this.level)||0)),f=Math.ceil(30+this.label.length*t+12),$=9,T=6,k=8,S=9;let v="";for(let g=0;g<9;g++){const z=f+g*$;v+=`<rect x="${z}" y="${S}" width="${T}" height="${k}" rx="1" fill="${g<D?i:_}"/>`}const m=f+9*$+5,E=Math.ceil(m+`${this.level}/9`.length*t+8),B=`<defs>${u(e)}</defs><rect width="${E}" height="26" rx="6" fill="${a}"/>${p(e,8,5,16)}<text x="30" y="17" ${s} font-size="11" letter-spacing=".3" fill="${o}">${this.esc(this.label)}</text><g>${v}</g><text x="${m}" y="17" ${s} font-size="11" font-weight="500"><tspan fill="${i}">${h}</tspan><tspan fill="${y}">/9</tspan></text>`;return{w:E,h:26,inner:B}}const b=this.theme!=="light",I=b?"#07140D":"#ECECEC",w=b?"#ECECEC":"#07140D",M=b?this.valueText():"#07140D",c=Math.ceil(l+this.label.length*t+12),U=Math.ceil(12+String(this.level).length*t+12),C=c+U,V=`<defs><clipPath id="${r}"><rect width="${C}" height="24" rx="6"/></clipPath>${u(e)}</defs><g clip-path="url(#${r})"><rect width="${c}" height="24" fill="${I}"/><rect x="${c}" width="${U}" height="24" fill="${i}"/></g>${p(e,8,4,16)}<text x="${l+(c-l)/2}" y="16" ${s} font-size="11" letter-spacing=".4" fill="${w}" text-anchor="middle">${this.esc(this.label)}</text><text x="${c+U/2}" y="16" ${s} font-size="11" font-weight="600" fill="${M}" text-anchor="middle">${h}</text>`;return{w:C,h:24,inner:V}}buildSvg(){const{w:t,h:e,inner:r}=this.build(),i=this.esc(this.fullText()),l=this.size?this.size/e:1,s=Math.round(t*l),h=Math.round(e*l);return`<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${h}" viewBox="0 0 ${t} ${e}" role="img" aria-label="${i}"><title>${i}</title>${r}</svg>`}render(){const t=this.buildSvg();return d.h(d.Host,{key:"eddfb49f35ff9771d76eef13a024b840b3a24cca"},this.href?d.h("a",{class:"link",href:this.href,"aria-label":this.fullText(),innerHTML:t}):d.h("span",{class:"link",innerHTML:t}))}};x.CW=6.8;x.style=Z;exports.eds_trl_badge=x;
|