@ebrains/vue 0.9.0-beta → 0.9.1-beta
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/LICENSE +21 -0
- package/README.md +5 -1
- package/{color-primary-palette_6.entry-B00J5gKq.js → color-primary-palette_6.entry-DNCYKab1.js} +1 -1
- package/{color-primary-palette_6.entry-DJl4iXuX.mjs → color-primary-palette_6.entry-DrUcl0_Y.mjs} +1 -1
- package/{components-section.entry-CMHPm3bn.mjs → components-section.entry-BC6fAK4x.mjs} +1 -1
- package/{components-section.entry-Bp5Ot0Sn.js → components-section.entry-Dpc-I4Dk.js} +1 -1
- package/{correct-use-of-colors.entry-BcZ8MzKb.mjs → correct-use-of-colors.entry-BIOVttVR.mjs} +1 -1
- package/{correct-use-of-colors.entry-BRM7osKs.js → correct-use-of-colors.entry-D4g8NP4t.js} +1 -1
- package/{docs-palettes.entry-BoEjXr5K.js → docs-palettes.entry-Af1cfpJK.js} +1 -1
- package/{docs-palettes.entry-CkVHcQbL.mjs → docs-palettes.entry-CxxKTQmL.mjs} +1 -1
- package/{docs-tokens.entry-D38mtdPC.mjs → docs-tokens.entry-CSj74lMT.mjs} +1 -1
- package/{docs-tokens.entry-C22LSw0P.js → docs-tokens.entry-DbqTlBjk.js} +1 -1
- package/{eds-accordion.entry-B25YfdGD.js → eds-accordion.entry-66EwvfyQ.js} +2 -2
- package/{eds-accordion.entry-ivh1zjpt.mjs → eds-accordion.entry-BAszhx2J.mjs} +7 -7
- package/{eds-alert.entry-DOCbYqvG.mjs → eds-alert.entry-B5fyoE-3.mjs} +1 -1
- package/{eds-alert.entry-C0p3qeqh.js → eds-alert.entry-D0UbYNdF.js} +1 -1
- package/{eds-app-root.entry-DfPrDdc_.js → eds-app-root.entry-COtx8lgi.js} +1 -1
- package/{eds-app-root.entry-AYVIYcb1.mjs → eds-app-root.entry-DaEWCpgJ.mjs} +1 -1
- package/{eds-avatar_24.entry-DBYYqNco.js → eds-avatar_26.entry-B5sFgktG.js} +36 -16
- package/{eds-avatar_24.entry-BcY_4aZT.mjs → eds-avatar_26.entry-D44mROee.mjs} +264 -105
- package/{eds-card-desc_3.entry-DtsrKQS6.mjs → eds-card-desc_2.entry-B6UCTFjF.mjs} +7 -37
- package/eds-card-desc_2.entry-CRAnQEYT.js +1 -0
- package/{eds-card-generic.entry-Dtfs4XKl.mjs → eds-card-generic.entry-BTkPV7Vy.mjs} +6 -6
- package/eds-card-generic.entry-CO_LOs7j.js +1 -0
- package/{eds-card-project.entry-Cy_NC5av.mjs → eds-card-project.entry-DHpOvYZ4.mjs} +1 -1
- package/{eds-card-project.entry-Cek2GMTn.js → eds-card-project.entry-DaYgAAhK.js} +1 -1
- package/{eds-card-section.entry-DLE2WAV_.js → eds-card-section.entry-Cj1iWta9.js} +1 -1
- package/{eds-card-section.entry-D1yKOTXz.mjs → eds-card-section.entry-Ckc5tKfn.mjs} +1 -1
- package/{eds-card-tags.entry-CmRv-oB4.js → eds-card-tags.entry-CC8HHmu1.js} +1 -1
- package/{eds-card-tags.entry-Q9xxbeAG.mjs → eds-card-tags.entry-DTOC83TO.mjs} +1 -1
- package/{eds-card-tool.entry-Dgi1G1RH.mjs → eds-card-tool.entry-BnSmQnIO.mjs} +1 -1
- package/{eds-card-tool.entry-DF_jWDUL.js → eds-card-tool.entry-DbRFRI44.js} +1 -1
- package/{eds-card-wrapper.entry-DZZOVhcJ.js → eds-card-wrapper.entry-DqbihYMe.js} +1 -1
- package/{eds-card-wrapper.entry-k-aNj4Ms.mjs → eds-card-wrapper.entry-pXRtDlUm.mjs} +1 -1
- package/{eds-code-block.entry-DoUacOW1.js → eds-code-block.entry-DOOwL4C5.js} +1 -1
- package/{eds-code-block.entry-BjrDmUCm.mjs → eds-code-block.entry-DzjesAvq.mjs} +1 -1
- package/{eds-cookies-preference.entry-DkA2HKmI.mjs → eds-cookies-preference.entry-BEg8_L1i.mjs} +1 -1
- package/{eds-cookies-preference.entry-B7gp0J-S.js → eds-cookies-preference.entry-DNieltJt.js} +1 -1
- package/{eds-feedback.entry-GNZz9ODR.js → eds-feedback.entry-BPC8n5Vn.js} +1 -1
- package/{eds-feedback.entry-C9Ir38bt.mjs → eds-feedback.entry-CamM3PGo.mjs} +1 -1
- package/{eds-frame.entry-CcmLaVze.mjs → eds-frame.entry-BTSVnilU.mjs} +1 -1
- package/{eds-frame.entry-XyeUo6pB.js → eds-frame.entry-CxtCcM_D.js} +1 -1
- package/{eds-icon-arrow-diagonal.entry-B0dxbX_o.mjs → eds-icon-arrow-diagonal.entry-Bi8IA-JD.mjs} +1 -1
- package/{eds-icon-arrow-diagonal.entry-o5Ev_oO7.js → eds-icon-arrow-diagonal.entry-CkydmAtM.js} +1 -1
- package/{eds-icon-arrow-right.entry-DpdjX5aS.mjs → eds-icon-arrow-right.entry-Bec767Po.mjs} +1 -1
- package/{eds-icon-arrow-right.entry-DUHmdP-V.js → eds-icon-arrow-right.entry-DnSc-hGl.js} +1 -1
- package/{eds-icon-bluesky.entry-DkSAjnck.mjs → eds-icon-bluesky.entry-CJ_G1Kz6.mjs} +1 -1
- package/{eds-icon-bluesky.entry-Bv0-EDnj.js → eds-icon-bluesky.entry-CKsxnx_w.js} +1 -1
- package/{eds-icon-bookmark.entry-Bjzq8uze.js → eds-icon-bookmark.entry-CgY2a3NE.js} +1 -1
- package/{eds-icon-bookmark.entry-C_0B6YJU.mjs → eds-icon-bookmark.entry-CxHfI52-.mjs} +1 -1
- package/{eds-icon-chevron-down.entry-BERHGaTB.js → eds-icon-chevron-down.entry-BlFjZjFS.js} +1 -1
- package/{eds-icon-chevron-down.entry-DnKTBqKv.mjs → eds-icon-chevron-down.entry-MP6nKKWS.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-DT2At_f6.mjs → eds-icon-chevron-left.entry-B87gvMYL.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-Bo8LqkIz.js → eds-icon-chevron-left.entry-D0wG_pW7.js} +1 -1
- package/{eds-icon-chevron-right.entry-BFoMlLTp.mjs → eds-icon-chevron-right.entry-CBd-dMhk.mjs} +1 -1
- package/{eds-icon-chevron-right.entry-DyqeLE1B.js → eds-icon-chevron-right.entry-CK9NLouO.js} +1 -1
- package/{eds-icon-chevron-up.entry-JSrFaEET.mjs → eds-icon-chevron-up.entry-B96ccoIQ.mjs} +1 -1
- package/{eds-icon-chevron-up.entry-Bpy8lbif.js → eds-icon-chevron-up.entry-CKC11GWB.js} +1 -1
- package/{eds-icon-close.entry-cabdCuVg.js → eds-icon-close.entry-C82RssRf.js} +1 -1
- package/{eds-icon-close.entry-CzIoe2p3.mjs → eds-icon-close.entry-DKpCci_h.mjs} +1 -1
- package/{eds-icon-copy.entry-C08qTrZl.mjs → eds-icon-copy.entry-BLIFnGI7.mjs} +1 -1
- package/{eds-icon-copy.entry-CvpG2Kxo.js → eds-icon-copy.entry-DJvo9Oo3.js} +1 -1
- package/{eds-icon-eu.entry-ChZ09s02.mjs → eds-icon-eu.entry-CIiUxa85.mjs} +1 -1
- package/{eds-icon-eu.entry-H2skG2J6.js → eds-icon-eu.entry-fpbE22vn.js} +1 -1
- package/{eds-icon-external.entry-DKbmbXLG.mjs → eds-icon-external.entry-Bg3Jbh4o.mjs} +1 -1
- package/{eds-icon-external.entry-DVlEoMZl.js → eds-icon-external.entry-DB0_JlLk.js} +1 -1
- package/{eds-icon-facebook.entry-COSHMM4W.js → eds-icon-facebook.entry-CqhEjMDs.js} +1 -1
- package/{eds-icon-facebook.entry-4bvKyXXu.mjs → eds-icon-facebook.entry-Cvcx9mzY.mjs} +1 -1
- package/{eds-icon-gitlab.entry-D_zX1Jsy.js → eds-icon-gitlab.entry-DkWowBSx.js} +1 -1
- package/{eds-icon-gitlab.entry-BXLfky5G.mjs → eds-icon-gitlab.entry-ZIUW3Too.mjs} +1 -1
- package/{eds-icon-linkedin.entry-_3H4M1ch.mjs → eds-icon-linkedin.entry-zCYN0yJN.mjs} +1 -1
- package/{eds-icon-linkedin.entry-CjXcA0DQ.js → eds-icon-linkedin.entry-zJM5VYX8.js} +1 -1
- package/{eds-icon-loader.entry-BA-W8oxC.js → eds-icon-loader.entry-D3A9DYDv.js} +1 -1
- package/{eds-icon-loader.entry-Cp3B6C_B.mjs → eds-icon-loader.entry-DgDDBLQe.mjs} +1 -1
- package/{eds-icon-mastodon.entry-Bmb_O0hs.mjs → eds-icon-mastodon.entry-B2ln6jUP.mjs} +1 -1
- package/{eds-icon-mastodon.entry-DUFdG1dJ.js → eds-icon-mastodon.entry-CQi1OZdh.js} +1 -1
- package/{eds-icon-menu.entry-Qg4r_OkP.js → eds-icon-menu.entry-BqYXrP_P.js} +1 -1
- package/{eds-icon-menu.entry-DOdmibhy.mjs → eds-icon-menu.entry-CRdmUv3E.mjs} +1 -1
- package/{eds-icon-minus.entry-8htg5ASo.mjs → eds-icon-minus.entry-C6oGK2_g.mjs} +1 -1
- package/{eds-icon-minus.entry-Diem-PL4.js → eds-icon-minus.entry-CmEXvebI.js} +1 -1
- package/{eds-icon-more.entry-BY-mI4ec.js → eds-icon-more.entry-BIQGWWip.js} +1 -1
- package/{eds-icon-more.entry-DyWgD7vJ.mjs → eds-icon-more.entry-aXbszIap.mjs} +1 -1
- package/{eds-icon-paper.entry-BI3DMxCS.mjs → eds-icon-paper.entry-Bh5C64H8.mjs} +1 -1
- package/{eds-icon-paper.entry-D2mmnsXf.js → eds-icon-paper.entry-LgapgnWg.js} +1 -1
- package/{eds-icon-plus.entry-Ccr7jseH.mjs → eds-icon-plus.entry-BR1mOml3.mjs} +1 -1
- package/{eds-icon-plus.entry-B8KAaEGT.js → eds-icon-plus.entry-DlX5VFJR.js} +1 -1
- package/{eds-icon-portal.entry-BLhT9_Nz.js → eds-icon-portal.entry-C2DFez0R.js} +1 -1
- package/{eds-icon-portal.entry-D2iNYdZW.mjs → eds-icon-portal.entry-CMARk8X7.mjs} +1 -1
- package/{eds-icon-private.entry-CK2gzDym.mjs → eds-icon-private.entry-BwvhDAIy.mjs} +1 -1
- package/{eds-icon-private.entry-ToYtRpET.js → eds-icon-private.entry-CbexBFUk.js} +1 -1
- package/{eds-icon-public.entry-N8tks7_E.mjs → eds-icon-public.entry-D91FTOc3.mjs} +1 -1
- package/{eds-icon-public.entry-BOnTLyd7.js → eds-icon-public.entry-DQzoAi-2.js} +1 -1
- package/{eds-icon-search.entry-C9tMq1XC.js → eds-icon-search.entry-D6gOTsOF.js} +1 -1
- package/{eds-icon-search.entry-DuG-zesK.mjs → eds-icon-search.entry-DVhN8_Ah.mjs} +1 -1
- package/{eds-icon-star.entry-B-PeifnZ.mjs → eds-icon-star.entry-CBJGqbz6.mjs} +1 -1
- package/{eds-icon-star.entry-CHoursjw.js → eds-icon-star.entry-CIhSd8HY.js} +1 -1
- package/{eds-icon-success.entry-BJm--l5m.mjs → eds-icon-success.entry-VMJ6qL6H.mjs} +1 -1
- package/{eds-icon-success.entry-ED6eDDgi.js → eds-icon-success.entry-yZ0mp_pH.js} +1 -1
- package/{eds-icon-thumbs-down.entry-zjkeVdJJ.js → eds-icon-thumbs-down.entry-CfZk-XIH.js} +1 -1
- package/{eds-icon-thumbs-down.entry-BzEfZ1AX.mjs → eds-icon-thumbs-down.entry-CirzFHNd.mjs} +1 -1
- package/{eds-icon-thumbs-up.entry-CZJlAqFh.js → eds-icon-thumbs-up.entry-C205X1kc.js} +1 -1
- package/{eds-icon-thumbs-up.entry-DutZ0Kki.mjs → eds-icon-thumbs-up.entry-CyPLJvn-.mjs} +1 -1
- package/{eds-icon-tutorial.entry-DRMLIdl4.mjs → eds-icon-tutorial.entry-Do4rIMaY.mjs} +1 -1
- package/{eds-icon-tutorial.entry-D_9AQ-6-.js → eds-icon-tutorial.entry-Dsyw0BBK.js} +1 -1
- package/{eds-icon-twitter.entry-CJhiAxNu.mjs → eds-icon-twitter.entry-D0QvrckP.mjs} +1 -1
- package/{eds-icon-twitter.entry-DDsRqP6N.js → eds-icon-twitter.entry-Dxbad6Ap.js} +1 -1
- package/{eds-icon-unknown.entry-57uXdegM.mjs → eds-icon-unknown.entry-Ml0duWB3.mjs} +1 -1
- package/{eds-icon-unknown.entry-7Mmqc2BG.js → eds-icon-unknown.entry-p9JzenHC.js} +1 -1
- package/{eds-icon-updown.entry-BwdgdGgR.mjs → eds-icon-updown.entry-CD8350rr.mjs} +1 -1
- package/{eds-icon-updown.entry-b0BvWM4f.js → eds-icon-updown.entry-CX-0FN1w.js} +1 -1
- package/{eds-icon-user.entry-czB7LMt8.js → eds-icon-user.entry-BL2cTAJm.js} +1 -1
- package/{eds-icon-user.entry-BJ7Wi5JO.mjs → eds-icon-user.entry-CoG-FatJ.mjs} +1 -1
- package/{eds-icon-youtube.entry-v007UjBQ.js → eds-icon-youtube.entry-BLYOdnDv.js} +1 -1
- package/{eds-icon-youtube.entry-BWP1dBVD.mjs → eds-icon-youtube.entry-BuoKDZ5t.mjs} +1 -1
- package/{eds-login_2.entry-DmBDAFIz.js → eds-login_2.entry-BLdyPn8z.js} +1 -1
- package/{eds-login_2.entry-BfzeZBGw.mjs → eds-login_2.entry-vwx33ALN.mjs} +1 -1
- package/eds-matomo-notice.entry-BcVjYajg.js +1 -0
- package/{eds-matomo-notice.entry-B-MlwGCp.mjs → eds-matomo-notice.entry-DidLaLXw.mjs} +3 -3
- package/{eds-modal.entry-DU5qpx-i.js → eds-modal.entry-B31KFXpt.js} +1 -1
- package/{eds-modal.entry-puAN0sn-.mjs → eds-modal.entry-CXNV__T1.mjs} +10 -10
- package/{eds-pagination_2.entry-CuaStxZg.js → eds-pagination_2.entry-C5PQOTQJ.js} +1 -1
- package/{eds-pagination_2.entry-DWzfLRgF.mjs → eds-pagination_2.entry-CDArkgFj.mjs} +1 -1
- package/{eds-progress-bar.entry-BRTtAttw.mjs → eds-progress-bar.entry-D-pHajo4.mjs} +1 -1
- package/{eds-progress-bar.entry-qScp3MQj.js → eds-progress-bar.entry-DG0GXmeq.js} +1 -1
- package/{eds-rating.entry-CEI0zBir.mjs → eds-rating.entry-C1Ek7Xei.mjs} +1 -1
- package/{eds-rating.entry-DOTYJZZ6.js → eds-rating.entry-ftEmF4Qw.js} +1 -1
- package/{eds-section-core_2.entry-Cmly0OqW.js → eds-section-core_2.entry-BpzqlBXJ.js} +1 -1
- package/{eds-section-core_2.entry-BZpOdGAA.mjs → eds-section-core_2.entry-kmq9d4JE.mjs} +3 -3
- package/{eds-spinner.entry-C_3hil-u.js → eds-spinner.entry-DTgScdkA.js} +1 -1
- package/{eds-spinner.entry-DLqey9r7.mjs → eds-spinner.entry-a3Wjf-Vo.mjs} +1 -1
- package/{eds-switch.entry-IoOUDh10.js → eds-switch.entry-CMr4qwoV.js} +1 -1
- package/{eds-switch.entry-BPHya25S.mjs → eds-switch.entry-Cztu_2n9.mjs} +3 -3
- package/{eds-tabs.entry-lqdai_rD.js → eds-tabs.entry-0DJ99piw.js} +22 -2
- package/{eds-tabs.entry-DEOntaY1.mjs → eds-tabs.entry-DBHkSmJZ.mjs} +25 -5
- package/{eds-timeline.entry-CC0zKwha.js → eds-timeline.entry-8DYAeWK9.js} +21 -1
- package/{eds-timeline.entry-c1YpsWVJ.mjs → eds-timeline.entry-Cj0sAIIZ.mjs} +21 -1
- package/{eds-toast-manager.entry-DMZSCFoE.js → eds-toast-manager.entry-CSZROgRS.js} +1 -1
- package/{eds-toast-manager.entry-BvunvxZX.mjs → eds-toast-manager.entry-Cp-uvJ6e.mjs} +1 -1
- package/{eds-toast.entry-DW3toqwW.mjs → eds-toast.entry-DxditNG2.mjs} +1 -1
- package/{eds-toast.entry-rudQ7nhp.js → eds-toast.entry-w5mMLqEh.js} +1 -1
- package/{eds-tooltip.entry-CcGgCRMO.js → eds-tooltip.entry-BkTKzXVD.js} +1 -1
- package/{eds-tooltip.entry-CoHV78jm.mjs → eds-tooltip.entry-DiID9ZC6.mjs} +1 -1
- package/{eds-trl.entry-L0XqQYCq.js → eds-trl.entry-BEZPY301.js} +1 -1
- package/{eds-trl.entry-CQOb5dk-.mjs → eds-trl.entry-BrkymCLA.mjs} +1 -1
- package/generated/components.d.ts +0 -1
- package/{incorrect-use-of-colors.entry-C3Qt3gSE.mjs → incorrect-use-of-colors.entry-D_MDnOxK.mjs} +1 -1
- package/{incorrect-use-of-colors.entry-C1QG9658.js → incorrect-use-of-colors.entry-HDLgRpVT.js} +1 -1
- package/{index-xVeSZU9j.mjs → index-CMP6-ecb.mjs} +215 -226
- package/index-RvcWEz0j.js +21 -0
- package/index.js +1 -1
- package/index.mjs +15 -16
- package/{logo-space.entry-H3itdzkq.mjs → logo-space.entry-B05IQf3M.mjs} +1 -1
- package/{logo-space.entry-epl_-703.js → logo-space.entry-DtPQz2nj.js} +1 -1
- package/{logo-variations-horizontal_2.entry-k6KqYji6.js → logo-variations-horizontal_2.entry-BUcAWE9P.js} +1 -1
- package/{logo-variations-horizontal_2.entry-CKLOzzOx.mjs → logo-variations-horizontal_2.entry-CuIHzZ_5.mjs} +1 -1
- package/{logo-variations-tabs.entry-BpYl8Gpo.js → logo-variations-tabs.entry-BFQf55Y1.js} +1 -1
- package/{logo-variations-tabs.entry-Df5DuYk-.mjs → logo-variations-tabs.entry-nnh_qtBx.mjs} +1 -1
- package/{logo-wrong-usage.entry-DhlWm8es.js → logo-wrong-usage.entry-CBpe4g63.js} +1 -1
- package/{logo-wrong-usage.entry-Bkg9gp3h.mjs → logo-wrong-usage.entry-CQ3WROz1.mjs} +1 -1
- package/package.json +1 -1
- package/{svg-repository.entry-C1TKYvU7.mjs → svg-repository.entry-CtZ9pBKr.mjs} +1 -1
- package/{svg-repository.entry-DxVwTMCv.js → svg-repository.entry-qTZFd69I.js} +1 -1
- package/{token-list_3.entry-CawIyAia.js → token-list_3.entry-91wGiwGz.js} +1 -1
- package/{token-list_3.entry-CABw7-9O.mjs → token-list_3.entry-C4RxixtE.mjs} +1 -1
- package/{token-ratios.entry-B_FOHsNq.js → token-ratios.entry-BmUxaqAu.js} +1 -1
- package/{token-ratios.entry-BGWJSHfY.mjs → token-ratios.entry-BvmPBjyB.mjs} +1 -1
- package/{token-typography.entry-BHvTpH4i.mjs → token-typography.entry-DFkDpqQO.mjs} +1 -1
- package/{token-typography.entry-FXRD_KVv.js → token-typography.entry-DvZ1QVjt.js} +1 -1
- package/eds-breadcrumb.entry-BTYLNHlm.mjs +0 -104
- package/eds-breadcrumb.entry-Drb48V7S.js +0 -1
- package/eds-card-desc_3.entry-BlQBUPMR.js +0 -1
- package/eds-card-generic.entry-w0E2hhjp.js +0 -1
- package/eds-matomo-notice.entry-CCiq7z7U.js +0 -1
- package/index-cHrGUVDM.js +0 -21
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-RvcWEz0j.js"),M=require("./color-2554aad6-D1hFGX4H.js"),g=require("./sharedUtils-a550989c-m4pF1Vqy.js"),h=require("./analytics-44b1416b-ol77SdQE.js"),b=require("./index-39c58238-SQ-JC-LH.js"),f=require("./toastManager-d9eee791-DvR_vUPI.js"),m=require("./logo-color-7f1fd803-DRD3vZVn.js"),c=require("./logo-white-no-bg-f382f86f-DXYn3NwV.js"),R=`html,
|
|
2
2
|
body {
|
|
3
3
|
-webkit-font-smoothing: antialiased;
|
|
4
4
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -184,7 +184,7 @@ abbr:where([title]) {
|
|
|
184
184
|
|
|
185
185
|
.w-\\[54px\\] {
|
|
186
186
|
width: 54px;
|
|
187
|
-
}`,
|
|
187
|
+
}`,q=R,p=class{constructor(n){e.registerInstance(this,n),this.firstName="User",this.lastName="Avatar",this.picture=void 0,this.initials=void 0,this.color=void 0}get computedInitials(){if(this.initials)return(this.initials.match(/.{1,3}/g)||[])[0]||"";if(this.firstName&&this.lastName)return`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase()}get containerClasses(){return["border-inside","aspect-1x1","flex","items-center","justify-center","overflow-hidden",this.picture?"":"px-4","w-[54px] rounded-sm",this.color?"border-inside-inverse":"",this.color==="grey"?"bg-dark":this.color&&!this.picture?M.gradientBGColorVariants({color:this.color,direction:"top",pseudo:!1}):this.picture?"":"bg-strongest text-accent"].join(" ")}render(){return e.h("div",{key:"3ce8be58a8705b99904720b0e8bb878d36072d5e",class:this.containerClasses},this.picture?e.h("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):e.h("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};p.style=q;const Y=".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}",T=Y,u=class{constructor(n){e.registerInstance(this,n),this.extraClass=""}render(){return e.h("hr",{key:"9807e47c4a3b1143b3228e1be49c4069c7bc2014",class:`border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}`})}};u.style=T;const U="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}",N=U,y=class{constructor(n){e.registerInstance(this,n),this.updateScreenSize=()=>{const i=window.innerWidth;i<769?(this.maxVisibleItems=3,this.isSmallScreen=!0):i<=1024?(this.maxVisibleItems=3,this.isSmallScreen=!0):i<=2200?(this.maxVisibleItems=4,this.isSmallScreen=!1):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(n){this.parsedItems=g.parseData(n)}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){var n;const i=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("eds-link");i==null||i.forEach(r=>{this.emitContext(r)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}getTruncatedItems(){const n=this.parsedItems.length,i={label:"...",url:"",isHidden:!0};if(n>this.maxVisibleItems){const r=this.parsedItems[0],l=this.parsedItems.slice(-2);if(this.maxVisibleItems===3)return[r,i,...l];if(this.maxVisibleItems===4){const t=this.parsedItems[Math.floor(n/2)];return[r,t,i,...l]}}return this.parsedItems}getLabels(n,i){return!i&&n.label.length>15?{displayLabel:`${n.label.slice(0,15)}...`,fullLabel:n.label}:{displayLabel:n.label,fullLabel:n.label}}render(){const n=this.getTruncatedItems();return e.h("nav",{key:"75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2","aria-label":"Breadcrumb"},e.h("ol",{key:"7a5cc115b70d60bc878aa3d865802662f30948c1",class:"flex items-center space-x-2"},n.map((i,r)=>{const l=r===n.length-1;return e.h("li",{class:"flex items-center"},i.isHidden?e.h("span",{class:"truncate px-2","aria-hidden":"true"},"..."):(()=>{const{displayLabel:t,fullLabel:d}=this.getLabels(i,l),o=l?this.intent==="strong"?"weak":this.intent==="weak"?"strong":this.intent:this.intent;return e.h("eds-link",Object.assign({label:t,url:i.url,intent:o,current:l,"aria-label":d,size:"small","icon-small":"false"},l?{"aria-current":"page"}:{}))})(),!l&&!i.isHidden&&e.h("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))})))}get el(){return e.getElement(this)}static get watchers(){return{items:["parseItems"]}}};y.style=N;const V=`:root {
|
|
188
188
|
font-optical-sizing: auto;
|
|
189
189
|
}
|
|
190
190
|
|
|
@@ -9087,8 +9087,8 @@ video {
|
|
|
9087
9087
|
padding-left: 0rem;
|
|
9088
9088
|
padding-right: 0rem;
|
|
9089
9089
|
}
|
|
9090
|
-
}`,U=Y,y=class{constructor(n){e.registerInstance(this,n),this.button=b.cva(["relative inline-flex items-center","py-8","effect-focus effect-color","cursor-pointer","aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed","disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed"],{variants:{intent:{primary:"bg-accent border-inside hover:bg-accent-dark shadow-accent focus:shadow-none aria-disabled:shadow-none",secondary:"border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark",tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:"border-inside hover:bg-darker",ghostInverse:"border-inside hover:bg-dark"},loading:{true:"pointer-events-none",false:""},iconSmall:{false:"",true:""},size:{small:"h-36 f-ui-02",large:"h-44 f-ui-01"},iconPos:{left:"flex-row-reverse",right:""},iconOnly:{false:"",true:""},pill:{true:"rounded-full border-inside-pill",false:"rounded-sm"}},compoundVariants:[{size:"small",iconOnly:!0,class:"p-8"},{size:"large",iconOnly:!0,class:"p-12"},{size:"small",iconOnly:!1,class:"px-12"},{size:"large",iconOnly:!1,class:"px-16"},{iconSmall:!0,iconPos:"left",class:"pl-4",iconOnly:!1},{iconSmall:!0,iconPos:"right",class:"pr-4",iconOnly:!1},{iconSmall:!0,iconPos:"left",size:"large",class:"pl-8",iconOnly:!1},{iconSmall:!0,iconPos:"right",size:"large",class:"pr-8",iconOnly:!1}],defaultVariants:{intent:"secondary",loading:!1,iconSmall:!1,iconPos:"right",iconOnly:!1,pill:!1,size:"small"}}),this.iconCva=b.cva(["flex inline-flex items-center justify-center"],{variants:{size:{large:"",small:""},iconPos:{left:"",right:""},iconOnly:{false:"",true:""},show:{false:"opacity-0",true:""}},compoundVariants:[{size:"small",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"small",iconPos:"right",class:"ml-4",iconOnly:!1},{size:"large",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"large",iconPos:"right",class:"ml-4",iconOnly:!1}],defaultVariants:{iconPos:"right",size:"small",iconOnly:!1}}),this.parentContext=null,this.label=void 0,this.ariaLabel="Button",this.elementType="button",this.intent="secondary",this.loading=!1,this.disabled=!1,this.pill=!1,this.icon=void 0,this.size="small",this.iconPos="right",this.iconSmall=!1,this.extraClass=void 0,this.triggerClick=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}g.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"}),typeof this.triggerClick=="function"&&this.triggerClick()}render(){const n=this.button({intent:this.intent,loading:this.loading,iconPos:this.iconPos,size:this.size,pill:this.pill,iconOnly:!this.label,iconSmall:this.iconSmall}),i=this.iconCva({size:this.size,iconPos:this.iconPos,iconOnly:!this.label,show:!this.loading}),r=this.elementType;return e.h(r,{key:"2e5c212800b80e17830c20e2a75df524027d27b7","aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.elementType==="button"?this.disabled:void 0,disabled:this.elementType==="button"?this.disabled:void 0,class:`${n||""} ${this.extraClass||""}`,onClick:l=>this.handleClick(l)},this.label&&e.h("span",{key:"45b1ce64e770398893b3402a539e0f3eb5130e27",class:this.loading?"opacity-0":""},this.label),this.loading&&e.h("span",{key:"1f627b946a17a045a415cd06f6e18e905acb4847",class:"absolute inset-0 flex items-center justify-center"},e.h("span",{key:"3a584192cefece3ee4a3db63d14ab87b563f358c",class:"loader",style:{border:`3px solid ${this.intent==="secondary"?"rgba(255, 255, 255, .3)":"rgba(0, 0, 0, .3)"}`,borderBottomColor:this.intent==="secondary"?"#fff":"#000"}})),this.icon?e.h("eds-icon-wrapper",{class:i,icon:this.icon}):null)}get el(){return e.getElement(this)}};y.style=U;const T=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}",N=T,v=class{constructor(n){e.registerInstance(this,n),this.dropdown=e.createEvent(this,"dropdown",7),this.focusableItems=[],this.handleClick=()=>{var i;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),this.dropdown.emit({expanded:this.isOpen}),g.sendAnalytics({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(n){(n.composedPath&&n.composedPath()||[]).includes(this.host)||(this.closeDropdown(),this.dropdown.emit({expanded:!1}))}handleKeyDown(n){if(this.isOpen)switch(n.key){case"Tab":this.closeDropdown(),this.dropdown.emit({expanded:!1});break;case"ArrowUp":n.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":n.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1,this.dropdown.emit({expanded:!1})}focusItem(){var n;(n=this.focusableItems[this.focusIndex])===null||n===void 0||n.focus()}componentDidLoad(){var n;this.focusableItems=Array.from(((n=this.dropdownContent)===null||n===void 0?void 0:n.querySelectorAll("a, button"))||[])}render(){return e.h("div",{key:"03ab7911a018f273afdd58986fea1a0d9b86aa30",class:"z-focus relative",ref:n=>this.dropdownContent=n},e.h("eds-button",{key:"4145f8e8918ef36121bb54ef4e614263b077e4d5",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),e.h("nav",{key:"5848addad59482f2c0b350739aa5440167379e86",role:"menu",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":this.dropdownPos==="left"&&this.dropdownOffset,"left-0":this.dropdownPos==="left"&&!this.dropdownOffset,"right-4":this.dropdownPos==="right"&&this.dropdownOffset,"right-0":this.dropdownPos==="right"&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},e.h("slot",{key:"8427053528abc74e2acf9b544363870b57f98fef"})))}get host(){return e.getElement(this)}};v.style=N;const X="p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}",P=X,w=class{constructor(n){e.registerInstance(this,n),this.cookies=e.createEvent(this,"cookies",7),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.social=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${new Date().getFullYear()} EBRAINS. All rights reserved.`,this.enableCookiesSettings=!1,this.showMatomoNotice=!1}toggleCookiesConsent(){this.cookies.emit("toggle")}render(){return e.h("footer",{key:"63daf387ac4ae4d3aea75345d1599b0cce0aa28e",class:"pb-banner"},this.social?e.h("div",{class:"border-softest border-t-2 pt-20 md:pt-28"},e.h("div",{class:"container pb-20"},e.h("div",{class:"grid-layout"},e.h("div",{class:"grid-col-span-12 lg:grid-col-span-5"},e.h("eds-social-networks",{class:"mt-28"}))))):null,e.h("div",{key:"31a6ca4ea417c61d0e927092cf6dffb18bfd9547",class:`border-softest ${this.social?"border-t-2":""} pb-28 pt-20 md:pt-28`},e.h("div",{key:"91ff15aa4b47ae73642d0c36e569fd598a9f2ac9",class:"container flex items-center gap-20 lg:flex-nowrap"},e.h("div",{key:"57b332abdbc53662253f00add0491779c7421e5e",class:"flex items-center gap-x-12"},e.h("a",{key:"c9b659030dfeb3d1485219e1882a9ff1dde4cd42",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en","aria-label":"Learn about Horizon 2020 funding"},e.h("eds-img",{key:"cbd71badd41f5c1c1220c5d0042651eda2a73e51",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg",alt:"European Union Flag"}))),e.h("div",{key:"a012c699d5088292d171432b074eb61dd160e22f"},e.h("div",{key:"1e4ab16ccb53b12468b3d53f30d671a35cc625ce",class:"f-ui-04 text-light"},e.h("p",{key:"f31aadca310d2a24153c135f1f49f96dbe69c768"},this.fundedBy),e.h("div",{key:"cb885e8666536e4e940309cc1fb0b79725ec737e",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"},e.h("span",{key:"328fc8376cb062846dc665278a6e00c0c19cc7f4",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved),this.enableCookiesSettings?e.h("eds-link",{label:"Cookies preferences",intent:"weak","extra-class":"f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline",onClick:()=>{this.toggleCookiesConsent()}}):null))),e.h("div",{key:"4965f9293058a1d750f5aa6598e829152b37f34d",class:"ml-auto pl-12"},this.enableScrollTop?e.h("eds-button",{id:"backToTop","aria-hidden":"true","aria-label":"Back to Top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop,class:"transition-all transition duration-75 opacity-0 "}):null))))}};w.style=P;function k(n,i,r,l,t){const d=[];return l&&!i&&d.push(`${n} is required.`),t&&typeof i=="string"&&i.length>t&&d.push(`${n} must be at most ${t} characters.`),r==="email"&&i&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.toString())&&d.push("Invalid email format."),d}function z(n,i,r){const d=Array.from(r.querySelectorAll("eds-input-field")).filter(s=>{var a,h;return((h=(a=s.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll(`input[name="${n}"]`))===null||h===void 0?void 0:h.length)>0}).flatMap(s=>{var a;return Array.from(((a=s.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll(`input[name="${n}"]`))||[])}).some(s=>s.checked),o=[];return i&&!d&&o.push(`At least one option in ${n} is required.`),o}function S(n,i,r){var l;const t=[],d=Array.from(r.querySelectorAll("eds-input-field")).find(s=>{var a;return(a=s.shadowRoot)===null||a===void 0?void 0:a.querySelector(`[name="${n}"]`)});if(!d)return i&&t.push(`${n} is required.`),t;const o=(l=d.shadowRoot)===null||l===void 0?void 0:l.querySelector(`[name="${n}"]`);return i&&o&&!o.checked&&t.push(`${n} is required.`),t}function $(n,i){const r=Array.from(n.querySelectorAll("eds-input-field"));for(const l of r)if(l.shadowRoot){const t=l.shadowRoot.querySelector(`[name="${i}"]`);if(t)return t}return null}function V(n,i,r,l){const t={};let d=!1;return n.forEach(o=>{if(!l(o,r)){delete t[o.name];return}if(o.type!=="hidden")if((o.type==="checkbox"||o.type==="radio")&&!o.options){const s=S(o.name,o.required,i);s.length>0&&(t[o.name]=s,d=!0)}else if(o.options&&(o.type==="checkbox"||o.type==="radio")){const s=z(o.name,o.required,i);s.length>0&&(t[o.name]=s,d=!0)}else{const s=$(i,o.name);if(s){const a=s.value,h=k(o.name,a,o.type,o.required,o.maxlength);h.length>0&&(t[o.name]=h,d=!0)}}}),{errors:t,hasError:d}}function K(n,i,r){return n.type==="checkbox"||n.type==="radio"?n.options?z(n.name,n.required,r):S(n.name,n.required,r):k(n.name,i,n.type,n.required,n.maxlength)}function G({initData:n,parsedFields:i,currentValues:r}){const l=Object.assign({},r);return i.forEach(t=>{const d=n[t.name];d!==void 0&&(l[t.name]=d)}),{updatedValues:l}}const J=".mt-20{margin-top:1.25rem}",Q=J,F=class{constructor(n){e.registerInstance(this,n),this.form=e.createEvent(this,"form",7),this.name="eds-form",this.setFormUrl=!0,this.formBtn=!0,this.formBtnLabel="Submit",this.errorMessage="Some fields in your form are incorrect.",this.fields=[],this.initData={},this.values={},this.isSubmitting=!1,this.hasError=!1,this.errors={},this.parsedFields=[]}componentWillLoad(){this.parseFields(this.fields),this.el.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}componentDidLoad(){this.shouldFormProcessInitData&&this.populateFormWithInitData(this.initData)}get shouldFormProcessInitData(){return!!this.initData}parseFields(n){this.parsedFields=x.parseData(n)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}isFieldVisible(n){return n.condition?this.values[n.condition.field]===n.condition.value:!0}validateForm(){const{errors:n,hasError:i}=V(this.parsedFields,this.formEl,this.values,(r,l)=>r.condition?l[r.condition.field]===r.condition.value:!0);this.errors=n,this.hasError=i}populateFormWithInitData(n){const{updatedValues:i}=G({initData:n,parsedFields:this.parsedFields,currentValues:this.values,formEl:this.formEl,isFieldVisible:(r,l)=>r.condition?l[r.condition.field]===r.condition.value:!0});this.values=i}getFormData(){const n=new FormData;return n.append("form_name",this.name),this.setFormUrl&&typeof window<"u"&&n.set("form_url",window.location.href),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach(r=>{if(r.shadowRoot){const l=r.shadowRoot.querySelector("input, textarea, select");if(l&&l.name)if(l.type==="checkbox"||l.type==="radio"){const d=Array.from(r.shadowRoot.querySelectorAll(`input[name="${l.name}"]:checked`)).map(o=>o.value);n.append(l.name,d.join(","))}else if(l.type==="file"){const t=l;t.files&&t.files.length>0&&Array.from(t.files).forEach(d=>{n.append(t.name,d)})}else n.append(l.name,l.value)}}),n}makeFormData(){const n=new FormData;return n.append("form_name",this.name),this.setFormUrl&&typeof window<"u"&&n.set("form_url",window.location.href),Object.keys(this.values).forEach(i=>{n.append(i,this.values[i])}),n}handleChange(n,i){const r=n.target;if(r.type==="checkbox"){const l=this.values[i.name]||"";let t=l?l.split(","):[];r.checked?t.includes(r.value)||t.push(r.value):t=t.filter(d=>d!==r.value),this.values=Object.assign(Object.assign({},this.values),{[i.name]:t.join(",")})}else this.values=Object.assign(Object.assign({},this.values),{[i.name]:r.value});this.form.emit({event:"change",field:i.name,value:r.type==="checkbox"?this.values[i.name]:r.value,message:`${i.name} updated`,data:this.makeFormData()})}handleInput(n,i){const r=n.target,l=Object.assign({},this.errors),t=K(i,r.value,this.formEl);t.length>0?l[i.name]=t:delete l[i.name],this.errors=l,this.hasError=Object.keys(l).length>0}handleSubmit(){var n,i;if(!this.isSubmitting){if(this.isSubmitting=!0,this.validateForm(),this.hasError){this.isSubmitting=!1,this.form.emit({event:"submit",validated:!1,success:!1,message:this.errorMessage,data:this.makeFormData()}),g.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(n=this.formBtnLabel)===null||n===void 0?void 0:n.toLowerCase()}/non-validated`||"",action:"click"});return}this.form.emit({event:"submit",success:!0,validated:!0,message:"Form data validated successfully",data:this.getFormData()}),g.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(i=this.formBtnLabel)===null||i===void 0?void 0:i.toLowerCase()}/validated`||"",action:"click"}),this.errors={},this.formEl.reset(),this.isSubmitting=!1}}render(){const n=this.parsedFields.filter(r=>r.type==="hidden"),i=this.parsedFields.filter(r=>r.type!=="hidden");return e.h("form",{key:"2f5651942cd01c0574b5a5f08483480c285472cb",ref:r=>this.formEl=r,autocomplete:"on",onSubmit:this.handleSubmit},e.h("div",{key:"0dab281f049f6afb8cfbad146076d7f3015b8c17"},e.h("slot",{key:"661b26b05023480447f87aa03e2f21b814355d00"}),n.map((r,l)=>e.h("eds-input",{key:l,type:"hidden",name:r.name,value:r.value})),i.map((r,l)=>{var t,d;return this.isFieldVisible(r)?e.h("eds-input-field",{key:l,name:r.name,id:`${this.name}_${r.name}`,label:r.label,value:this.values[r.name]||null,type:r.type,icon:r.icon||null,required:r.required,maxLength:r.maxlength,hint:r.hint,link:r.link,message:r.message,error:((t=this.errors[r.name])===null||t===void 0?void 0:t.length)>0,errorMessage:(d=this.errors[r.name])===null||d===void 0?void 0:d.join("<br />"),onInput:o=>this.handleInput(o,r),onChange:o=>this.handleChange(o,r),class:l>0?"mt-20":"",options:r.options}):null})),this.formBtn&&e.h("div",{key:"3f250271116962a060359cf462b053234f059bd1",class:"mt-20"},e.h("eds-button",{key:"b234af290bcae3205c874edb4796e484320a5475",intent:"primary",label:this.formBtnLabel,disabled:this.isSubmitting,loading:this.isSubmitting,onClick:()=>this.handleSubmit()})))}get el(){return e.getElement(this)}static get watchers(){return{fields:["parseFields"]}}};F.style=Q;const Z=".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}",nn=Z,C=class{constructor(n){e.registerInstance(this,n),this.menuClose=e.createEvent(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(n){this.isMenuOpen=n.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){return x.parseData(this.links)}get parsedMenuLinks(){return x.parseData(this.menuLinks)}render(){return this.isMenuOpen?e.h("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},e.h("div",{class:"flex min-h-full flex-col"},e.h("div",{class:`w-full sticky top-0 ${this.inverseHeader?"bg-strongest":"bg-default"}`},e.h("div",{class:"mx-auto flex items-center justify-between"},e.h("div",{class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),e.h("div",{class:"px-16"},e.h("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),e.h("div",{class:"py-16 px-16"},e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map((n,i)=>e.h("eds-link",{label:n.label,key:i,url:n.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"}))),e.h("eds-block-break",null),e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map((n,i)=>e.h("eds-link",{label:n.label,key:i,url:n.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),e.h("div",{class:"mt-auto"},e.h("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};C.style=nn;const en=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-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))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}",rn=en,E=class{constructor(n){e.registerInstance(this,n),this.toggleMenu=e.createEvent(this,"toggleMenu",7),this.homeUrl="/",this.links=void 0,this.inverseHeader=!1,this.menuEnabled=!1,this.isMenuOpen=!1,this.isUserMenuOpen=!1,this.isAuthenticated=!1}onAuthStatusChanged(n){var i;this.isAuthenticated=(i=n.detail)===null||i===void 0?void 0:i.authenticated}componentDidLoad(){this.hostEl.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleToggleMenu(){this.toggleMenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){return x.parseData(this.links)}render(){return e.h("header",{key:"eabb97331efd8b4aee5e1f249ebc60d38926eb5e",class:`flex items-center justify-between relative z-10
|
|
9091
|
-
${this.inverseHeader?"text-inverse bg-strongest":"text-default bg-dark"}`},e.h("div",{key:"b561941a2e10252a45526e565e9711be6a0d2f41",class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{key:"fa1350f9b9584f7b5d128facd8077efcf117abe7",type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),this.parsedLinks&&e.h("nav",{key:"6cc3c1b32250b671b394f0ac65b52e9b4491c57f",class:"absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"},e.h("ul",{key:"ce1277ca3a9082e1b639ae42b96bbc1d3d665edc",class:"flex gap-x-2"},this.parsedLinks.map(n=>e.h("eds-link",{label:n.label,"aria-label":n.label,url:n.url,intent:"ghost",size:"large",icon:n.icon,external:n.external,"extra-class":"after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100"})))),e.h("slot",{key:"7a1d67916c63dcab3d46d1223805a3c20af65d97"}),this.menuEnabled?e.h("div",{class:"md:hidden flex overflow-hidden px-16"},e.h("eds-button",{"aria-label":"Menu",intent:"ghostInverse",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})):null)}get hostEl(){return e.getElement(this)}};
|
|
9090
|
+
}`,X=V,v=class{constructor(n){e.registerInstance(this,n),this.button=b.cva(["relative inline-flex items-center","py-8","effect-focus effect-color","cursor-pointer","aria-disabled:text-lightest aria-disabled:bg-dark aria-disabled:cursor-not-allowed","disabled:text-lightest disabled:bg-dark disabled:cursor-not-allowed"],{variants:{intent:{primary:"bg-accent border-inside hover:bg-accent-dark shadow-accent focus:shadow-none aria-disabled:shadow-none",secondary:"border-inside border-inside-inverse text-inverse bg-strongest hover:bg-strong-dark",tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:"border-inside hover:bg-darker",ghostInverse:"border-inside hover:bg-dark"},loading:{true:"pointer-events-none",false:""},iconSmall:{false:"",true:""},size:{small:"h-36 f-ui-02",large:"h-44 f-ui-01"},iconPos:{left:"flex-row-reverse",right:""},iconOnly:{false:"",true:""},pill:{true:"rounded-full border-inside-pill",false:"rounded-sm"}},compoundVariants:[{size:"small",iconOnly:!0,class:"p-8"},{size:"large",iconOnly:!0,class:"p-12"},{size:"small",iconOnly:!1,class:"px-12"},{size:"large",iconOnly:!1,class:"px-16"},{iconSmall:!0,iconPos:"left",class:"pl-4",iconOnly:!1},{iconSmall:!0,iconPos:"right",class:"pr-4",iconOnly:!1},{iconSmall:!0,iconPos:"left",size:"large",class:"pl-8",iconOnly:!1},{iconSmall:!0,iconPos:"right",size:"large",class:"pr-8",iconOnly:!1}],defaultVariants:{intent:"secondary",loading:!1,iconSmall:!1,iconPos:"right",iconOnly:!1,pill:!1,size:"small"}}),this.iconCva=b.cva(["flex inline-flex items-center justify-center"],{variants:{size:{large:"",small:""},iconPos:{left:"",right:""},iconOnly:{false:"",true:""},show:{false:"opacity-0",true:""}},compoundVariants:[{size:"small",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"small",iconPos:"right",class:"ml-4",iconOnly:!1},{size:"large",iconPos:"left",class:"mr-4",iconOnly:!1},{size:"large",iconPos:"right",class:"ml-4",iconOnly:!1}],defaultVariants:{iconPos:"right",size:"small",iconOnly:!1}}),this.parentContext=null,this.label=void 0,this.ariaLabel="Button",this.elementType="button",this.intent="secondary",this.loading=!1,this.disabled=!1,this.pill=!1,this.icon=void 0,this.size="small",this.iconPos="right",this.iconSmall=!1,this.extraClass=void 0,this.triggerClick=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}h.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"}),typeof this.triggerClick=="function"&&this.triggerClick()}render(){const n=this.button({intent:this.intent,loading:this.loading,iconPos:this.iconPos,size:this.size,pill:this.pill,iconOnly:!this.label,iconSmall:this.iconSmall}),i=this.iconCva({size:this.size,iconPos:this.iconPos,iconOnly:!this.label,show:!this.loading}),r=this.elementType;return e.h(r,{key:"2e5c212800b80e17830c20e2a75df524027d27b7","aria-label":this.label||this.ariaLabel||void 0,"aria-disabled":this.elementType==="button"?this.disabled:void 0,disabled:this.elementType==="button"?this.disabled:void 0,class:`${n||""} ${this.extraClass||""}`,onClick:l=>this.handleClick(l)},this.label&&e.h("span",{key:"45b1ce64e770398893b3402a539e0f3eb5130e27",class:this.loading?"opacity-0":""},this.label),this.loading&&e.h("span",{key:"1f627b946a17a045a415cd06f6e18e905acb4847",class:"absolute inset-0 flex items-center justify-center"},e.h("span",{key:"3a584192cefece3ee4a3db63d14ab87b563f358c",class:"loader",style:{border:`3px solid ${this.intent==="secondary"?"rgba(255, 255, 255, .3)":"rgba(0, 0, 0, .3)"}`,borderBottomColor:this.intent==="secondary"?"#fff":"#000"}})),this.icon?e.h("eds-icon-wrapper",{class:i,icon:this.icon}):null)}get el(){return e.getElement(this)}};v.style=X;const P=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}",$=P,w=class{constructor(n){e.registerInstance(this,n),this.dropdown=e.createEvent(this,"dropdown",7),this.focusableItems=[],this.handleClick=()=>{var i;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),this.dropdown.emit({expanded:this.isOpen}),h.sendAnalytics({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(n){(n.composedPath&&n.composedPath()||[]).includes(this.host)||(this.closeDropdown(),this.dropdown.emit({expanded:!1}))}handleKeyDown(n){if(this.isOpen)switch(n.key){case"Tab":this.closeDropdown(),this.dropdown.emit({expanded:!1});break;case"ArrowUp":n.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":n.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1,this.dropdown.emit({expanded:!1})}focusItem(){var n;(n=this.focusableItems[this.focusIndex])===null||n===void 0||n.focus()}componentDidLoad(){var n;this.focusableItems=Array.from(((n=this.dropdownContent)===null||n===void 0?void 0:n.querySelectorAll("a, button"))||[])}render(){return e.h("div",{key:"03ab7911a018f273afdd58986fea1a0d9b86aa30",class:"z-focus relative",ref:n=>this.dropdownContent=n},e.h("eds-button",{key:"4145f8e8918ef36121bb54ef4e614263b077e4d5",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),e.h("nav",{key:"5848addad59482f2c0b350739aa5440167379e86",role:"menu",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":this.dropdownPos==="left"&&this.dropdownOffset,"left-0":this.dropdownPos==="left"&&!this.dropdownOffset,"right-4":this.dropdownPos==="right"&&this.dropdownOffset,"right-0":this.dropdownPos==="right"&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},e.h("slot",{key:"8427053528abc74e2acf9b544363870b57f98fef"})))}get host(){return e.getElement(this)}};w.style=$;const K="p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}",G=K,k=class{constructor(n){e.registerInstance(this,n),this.cookies=e.createEvent(this,"cookies",7),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.social=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${new Date().getFullYear()} EBRAINS. All rights reserved.`,this.enableCookiesSettings=!1,this.showMatomoNotice=!1}toggleCookiesConsent(){this.cookies.emit("toggle")}render(){return e.h("footer",{key:"63daf387ac4ae4d3aea75345d1599b0cce0aa28e",class:"pb-banner"},this.social?e.h("div",{class:"border-softest border-t-2 pt-20 md:pt-28"},e.h("div",{class:"container pb-20"},e.h("div",{class:"grid-layout"},e.h("div",{class:"grid-col-span-12 lg:grid-col-span-5"},e.h("eds-social-networks",{class:"mt-28"}))))):null,e.h("div",{key:"31a6ca4ea417c61d0e927092cf6dffb18bfd9547",class:`border-softest ${this.social?"border-t-2":""} pb-28 pt-20 md:pt-28`},e.h("div",{key:"91ff15aa4b47ae73642d0c36e569fd598a9f2ac9",class:"container flex items-center gap-20 lg:flex-nowrap"},e.h("div",{key:"57b332abdbc53662253f00add0491779c7421e5e",class:"flex items-center gap-x-12"},e.h("a",{key:"c9b659030dfeb3d1485219e1882a9ff1dde4cd42",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en","aria-label":"Learn about Horizon 2020 funding"},e.h("eds-img",{key:"cbd71badd41f5c1c1220c5d0042651eda2a73e51",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg",alt:"European Union Flag"}))),e.h("div",{key:"a012c699d5088292d171432b074eb61dd160e22f"},e.h("div",{key:"1e4ab16ccb53b12468b3d53f30d671a35cc625ce",class:"f-ui-04 text-light"},e.h("p",{key:"f31aadca310d2a24153c135f1f49f96dbe69c768"},this.fundedBy),e.h("div",{key:"cb885e8666536e4e940309cc1fb0b79725ec737e",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"},e.h("span",{key:"328fc8376cb062846dc665278a6e00c0c19cc7f4",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved),this.enableCookiesSettings?e.h("eds-link",{label:"Cookies preferences",intent:"weak","extra-class":"f-ui-04 ml-4 cursor-pointer effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline",onClick:()=>{this.toggleCookiesConsent()}}):null))),e.h("div",{key:"4965f9293058a1d750f5aa6598e829152b37f34d",class:"ml-auto pl-12"},this.enableScrollTop?e.h("eds-button",{id:"backToTop","aria-hidden":"true","aria-label":"Back to Top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop,class:"transition-all transition duration-75 opacity-0 "}):null))))}};k.style=G;function z(n,i,r,l,t){const d=[];return l&&!i&&d.push(`${n} is required.`),t&&typeof i=="string"&&i.length>t&&d.push(`${n} must be at most ${t} characters.`),r==="email"&&i&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i.toString())&&d.push("Invalid email format."),d}function S(n,i,r){const d=Array.from(r.querySelectorAll("eds-input-field")).filter(s=>{var a,x;return((x=(a=s.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll(`input[name="${n}"]`))===null||x===void 0?void 0:x.length)>0}).flatMap(s=>{var a;return Array.from(((a=s.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll(`input[name="${n}"]`))||[])}).some(s=>s.checked),o=[];return i&&!d&&o.push(`At least one option in ${n} is required.`),o}function F(n,i,r){var l;const t=[],d=Array.from(r.querySelectorAll("eds-input-field")).find(s=>{var a;return(a=s.shadowRoot)===null||a===void 0?void 0:a.querySelector(`[name="${n}"]`)});if(!d)return i&&t.push(`${n} is required.`),t;const o=(l=d.shadowRoot)===null||l===void 0?void 0:l.querySelector(`[name="${n}"]`);return i&&o&&!o.checked&&t.push(`${n} is required.`),t}function J(n,i){const r=Array.from(n.querySelectorAll("eds-input-field"));for(const l of r)if(l.shadowRoot){const t=l.shadowRoot.querySelector(`[name="${i}"]`);if(t)return t}return null}function Q(n,i,r,l){const t={};let d=!1;return n.forEach(o=>{if(!l(o,r)){delete t[o.name];return}if(o.type!=="hidden")if((o.type==="checkbox"||o.type==="radio")&&!o.options){const s=F(o.name,o.required,i);s.length>0&&(t[o.name]=s,d=!0)}else if(o.options&&(o.type==="checkbox"||o.type==="radio")){const s=S(o.name,o.required,i);s.length>0&&(t[o.name]=s,d=!0)}else{const s=J(i,o.name);if(s){const a=s.value,x=z(o.name,a,o.type,o.required,o.maxlength);x.length>0&&(t[o.name]=x,d=!0)}}}),{errors:t,hasError:d}}function Z(n,i,r){return n.type==="checkbox"||n.type==="radio"?n.options?S(n.name,n.required,r):F(n.name,n.required,r):z(n.name,i,n.type,n.required,n.maxlength)}function nn({initData:n,parsedFields:i,currentValues:r}){const l=Object.assign({},r);return i.forEach(t=>{const d=n[t.name];d!==void 0&&(l[t.name]=d)}),{updatedValues:l}}const en=".mt-20{margin-top:1.25rem}",rn=en,C=class{constructor(n){e.registerInstance(this,n),this.form=e.createEvent(this,"form",7),this.name="eds-form",this.setFormUrl=!0,this.formBtn=!0,this.formBtnLabel="Submit",this.errorMessage="Some fields in your form are incorrect.",this.fields=[],this.initData={},this.values={},this.isSubmitting=!1,this.hasError=!1,this.errors={},this.parsedFields=[]}componentWillLoad(){this.parseFields(this.fields),this.el.querySelectorAll("eds-button").forEach(i=>{this.emitContext(i)})}componentDidLoad(){this.shouldFormProcessInitData&&this.populateFormWithInitData(this.initData)}get shouldFormProcessInitData(){return!!this.initData}parseFields(n){this.parsedFields=g.parseData(n)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}isFieldVisible(n){return n.condition?this.values[n.condition.field]===n.condition.value:!0}validateForm(){const{errors:n,hasError:i}=Q(this.parsedFields,this.formEl,this.values,(r,l)=>r.condition?l[r.condition.field]===r.condition.value:!0);this.errors=n,this.hasError=i}populateFormWithInitData(n){const{updatedValues:i}=nn({initData:n,parsedFields:this.parsedFields,currentValues:this.values,formEl:this.formEl,isFieldVisible:(r,l)=>r.condition?l[r.condition.field]===r.condition.value:!0});this.values=i}getFormData(){const n=new FormData;return n.append("form_name",this.name),this.setFormUrl&&typeof window<"u"&&n.set("form_url",window.location.href),Array.from(this.formEl.querySelectorAll("eds-input-field")).forEach(r=>{if(r.shadowRoot){const l=r.shadowRoot.querySelector("input, textarea, select");if(l&&l.name)if(l.type==="checkbox"||l.type==="radio"){const d=Array.from(r.shadowRoot.querySelectorAll(`input[name="${l.name}"]:checked`)).map(o=>o.value);n.append(l.name,d.join(","))}else if(l.type==="file"){const t=l;t.files&&t.files.length>0&&Array.from(t.files).forEach(d=>{n.append(t.name,d)})}else n.append(l.name,l.value)}}),n}makeFormData(){const n=new FormData;return n.append("form_name",this.name),this.setFormUrl&&typeof window<"u"&&n.set("form_url",window.location.href),Object.keys(this.values).forEach(i=>{n.append(i,this.values[i])}),n}handleChange(n,i){const r=n.target;if(r.type==="checkbox"){const l=this.values[i.name]||"";let t=l?l.split(","):[];r.checked?t.includes(r.value)||t.push(r.value):t=t.filter(d=>d!==r.value),this.values=Object.assign(Object.assign({},this.values),{[i.name]:t.join(",")})}else this.values=Object.assign(Object.assign({},this.values),{[i.name]:r.value});this.form.emit({event:"change",field:i.name,value:r.type==="checkbox"?this.values[i.name]:r.value,message:`${i.name} updated`,data:this.makeFormData()})}handleInput(n,i){const r=n.target,l=Object.assign({},this.errors),t=Z(i,r.value,this.formEl);t.length>0?l[i.name]=t:delete l[i.name],this.errors=l,this.hasError=Object.keys(l).length>0}handleSubmit(){var n,i;if(!this.isSubmitting){if(this.isSubmitting=!0,this.validateForm(),this.hasError){this.isSubmitting=!1,this.form.emit({event:"submit",validated:!1,success:!1,message:this.errorMessage,data:this.makeFormData()}),h.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(n=this.formBtnLabel)===null||n===void 0?void 0:n.toLowerCase()}/non-validated`||"",action:"click"});return}this.form.emit({event:"submit",success:!0,validated:!0,message:"Form data validated successfully",data:this.getFormData()}),h.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:`${(i=this.formBtnLabel)===null||i===void 0?void 0:i.toLowerCase()}/validated`||"",action:"click"}),this.errors={},this.formEl.reset(),this.isSubmitting=!1}}render(){const n=this.parsedFields.filter(r=>r.type==="hidden"),i=this.parsedFields.filter(r=>r.type!=="hidden");return e.h("form",{key:"2f5651942cd01c0574b5a5f08483480c285472cb",ref:r=>this.formEl=r,autocomplete:"on",onSubmit:this.handleSubmit},e.h("div",{key:"0dab281f049f6afb8cfbad146076d7f3015b8c17"},e.h("slot",{key:"661b26b05023480447f87aa03e2f21b814355d00"}),n.map((r,l)=>e.h("eds-input",{key:l,type:"hidden",name:r.name,value:r.value})),i.map((r,l)=>{var t,d;return this.isFieldVisible(r)?e.h("eds-input-field",{key:l,name:r.name,id:`${this.name}_${r.name}`,label:r.label,value:this.values[r.name]||null,type:r.type,icon:r.icon||null,required:r.required,maxLength:r.maxlength,hint:r.hint,link:r.link,message:r.message,error:((t=this.errors[r.name])===null||t===void 0?void 0:t.length)>0,errorMessage:(d=this.errors[r.name])===null||d===void 0?void 0:d.join("<br />"),onInput:o=>this.handleInput(o,r),onChange:o=>this.handleChange(o,r),class:l>0?"mt-20":"",options:r.options}):null})),this.formBtn&&e.h("div",{key:"3f250271116962a060359cf462b053234f059bd1",class:"mt-20"},e.h("eds-button",{key:"b234af290bcae3205c874edb4796e484320a5475",intent:"primary",label:this.formBtnLabel,disabled:this.isSubmitting,loading:this.isSubmitting,onClick:()=>this.handleSubmit()})))}get el(){return e.getElement(this)}static get watchers(){return{fields:["parseFields"]}}};C.style=rn;const ln=".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}",tn=ln,E=class{constructor(n){e.registerInstance(this,n),this.menuClose=e.createEvent(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(n){this.isMenuOpen=n.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){return g.parseData(this.links)}get parsedMenuLinks(){return g.parseData(this.menuLinks)}render(){return this.isMenuOpen?e.h("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},e.h("div",{class:"flex min-h-full flex-col"},e.h("div",{class:`w-full sticky top-0 ${this.inverseHeader?"bg-strongest":"bg-default"}`},e.h("div",{class:"mx-auto flex items-center justify-between"},e.h("div",{class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),e.h("div",{class:"px-16"},e.h("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),e.h("div",{class:"py-16 px-16"},e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map((n,i)=>e.h("eds-link",{label:n.label,key:i,url:n.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"}))),e.h("eds-block-break",null),e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map((n,i)=>e.h("eds-link",{label:n.label,key:i,url:n.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),e.h("div",{class:"mt-auto"},e.h("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};E.style=tn;const on=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-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))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}",dn=on,I=class{constructor(n){e.registerInstance(this,n),this.toggleMenu=e.createEvent(this,"toggleMenu",7),this.homeUrl="/",this.links=void 0,this.inverseHeader=!1,this.menuEnabled=!1,this.isMenuOpen=!1,this.isUserMenuOpen=!1,this.isAuthenticated=!1}onAuthStatusChanged(n){var i;this.isAuthenticated=(i=n.detail)===null||i===void 0?void 0:i.authenticated}componentDidLoad(){this.hostEl.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});n.dispatchEvent(i)}handleToggleMenu(){this.toggleMenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){return g.parseData(this.links)}render(){return e.h("header",{key:"eabb97331efd8b4aee5e1f249ebc60d38926eb5e",class:`flex items-center justify-between relative z-10
|
|
9091
|
+
${this.inverseHeader?"text-inverse bg-strongest":"text-default bg-dark"}`},e.h("div",{key:"b561941a2e10252a45526e565e9711be6a0d2f41",class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{key:"fa1350f9b9584f7b5d128facd8077efcf117abe7",type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),this.parsedLinks&&e.h("nav",{key:"6cc3c1b32250b671b394f0ac65b52e9b4491c57f",class:"absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"},e.h("ul",{key:"ce1277ca3a9082e1b639ae42b96bbc1d3d665edc",class:"flex gap-x-2"},this.parsedLinks.map(n=>e.h("eds-link",{label:n.label,"aria-label":n.label,url:n.url,intent:"ghost",size:"large",icon:n.icon,external:n.external,"extra-class":"after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100"})))),e.h("slot",{key:"7a1d67916c63dcab3d46d1223805a3c20af65d97"}),this.menuEnabled?e.h("div",{class:"md:hidden flex overflow-hidden px-16"},e.h("eds-button",{"aria-label":"Menu",intent:"ghostInverse",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})):null)}get hostEl(){return e.getElement(this)}};I.style=dn;const sn=class{constructor(n){e.registerInstance(this,n),this.TagName=null,this.icon="arrow-right",this.class="",this.IconComponent=null}componentWillLoad(){this.loadIconComponent(this.icon)}iconChanged(n){this.loadIconComponent(n)}async loadIconComponent(n){try{this.IconComponent=`eds-icon-${n}`}catch{this.IconComponent="eds-icon-unknown"}}render(){const n=this.IconComponent;return n?e.h(n,{class:this.class}):null}static get watchers(){return{icon:["iconChanged"]}}},an=`/*
|
|
9092
9092
|
1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
9093
9093
|
2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
9094
9094
|
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
@@ -9170,12 +9170,12 @@ video {
|
|
|
9170
9170
|
|
|
9171
9171
|
.opacity-100 {
|
|
9172
9172
|
opacity: 1;
|
|
9173
|
-
}`,
|
|
9173
|
+
}`,cn=an,H=class{constructor(n){e.registerInstance(this,n),this.img=null,this.handleLoad=()=>{this.loaded=!0,this.showBg=!1},this.handleError=()=>{this.loaded=!0,this.showBg=!1},this.handleTransitionEnd=()=>{this.showBg=!1},this.src=void 0,this.alt="",this.width=void 0,this.height=void 0,this.srcset=void 0,this.sizes=void 0,this.formats=[],this.lazyload=!0,this.withBg=!0,this.loaded=!this.lazyload,this.showBg=this.withBg}componentDidLoad(){this.img&&this.img.complete&&(this.loaded=!0,this.showBg=!1)}render(){const n={};return this.lazyload&&(n.loading="lazy",n.decoding="async"),e.h("div",{key:"41ae7d59a508fd792b536729e538b6b0ecd1b0ad",class:{"items-center justify-center":!0,"effect-bg-pattern":this.lazyload&&this.showBg}},e.h("picture",{key:"eb242c3fa4f202ffd0cdc503bbb1d21736ea6190"},this.formats.map(i=>e.h("source",{type:i.type,srcSet:i.srcset,media:i.media,sizes:this.sizes})),e.h("img",Object.assign({key:"3145595f53cf765234588e8c6efa038f21b29873",ref:i=>this.img=i,class:{"effect-opacity object-cover object-center":!0,"opacity-100":this.loaded,"opacity-0":!this.loaded},width:this.width,height:this.height,sizes:this.sizes,src:this.src,srcSet:this.srcset,alt:this.alt},n,{onLoad:this.handleLoad,onError:this.handleError,onTransitionEnd:this.handleTransitionEnd}))))}get imgElement(){return e.getElement(this)}};H.style=cn;const gn=class{constructor(n){e.registerInstance(this,n),this.handleInput=i=>{const r=i.target;this.innerVal=r.value,this.maxLength&&this.type==="textarea"&&(this.maxLengthReached=r.value.length>=this.maxLength)},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.checked=void 0,this.type="text",this.required=!1,this.value=void 0,this.icon=void 0,this.maxLength=void 0,this.options=[],this.extraClass=void 0,this.innerVal="",this.maxLengthReached=!1}onValueChanged(n){this.innerVal=n}componentWillLoad(){this.value?this.innerVal=this.value:this.type==="select"&&this.options.length>0&&(this.innerVal=this.options[0].value)}getInputElement(){return this.el.querySelector("input")}render(){const n=!!this.icon,i=this.hasMessage||this.error?`${this.name}-error`:"";return e.h("div",{key:"c097f72ac45c1c15347a975fc72e07a6d6324c10",class:"relative flex items-center"},this.type==="textarea"?e.h("textarea",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,class:`min-h-80 input input-textarea ${n?"input-with-icon":""} ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}):this.type==="select"?e.h("select",{id:this.inputId||this.name,name:this.name,required:this.required,disabled:this.disabled,class:`input input-select ${this.error?"input-error":""} ${this.extraClass}`,"aria-invalid":this.error?"true":"false","aria-describedby":i,onInput:this.handleInput,onChange:this.handleInput},this.options.map(r=>e.h("option",{value:r.value,selected:r.value===this.innerVal,key:r.value},r.label))):e.h("input",{id:this.inputId||this.name,name:this.name,placeholder:this.placeholder,value:this.innerVal.toString(),required:this.required,disabled:this.disabled,type:this.type,checked:["radio","checkbox"].includes(this.type)?this.checked:void 0,class:`
|
|
9174
9174
|
${this.extraClass||""}
|
|
9175
9175
|
input ${this.type==="radio"?"input-radio":this.type==="checkbox"?"input-checkbox":""}
|
|
9176
9176
|
${n&&this.type!=="radio"&&this.type!=="checkbox"?"input-icon pl-36":""}
|
|
9177
9177
|
${this.error?"input-error":""}
|
|
9178
|
-
`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&this.type==="textarea"&&e.h("span",{key:"dce957c8bad999f72e896710d465075c063e5a42",class:`input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached?"input-counter-error":""}`},this.maxLength),this.icon&&e.h("eds-icon-wrapper",{key:"b3037e2d393a2f0758049c2e9eec63879e0f71df",class:`absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled,"text-lightest"}`,icon:this.icon}))}get el(){return e.getElement(this)}static get watchers(){return{value:["onValueChanged"]}}},
|
|
9178
|
+
`,"aria-invalid":this.error?"true":"false","aria-describedby":i,maxlength:this.maxLength,onInput:this.handleInput,onChange:this.handleInput}),this.maxLength&&this.type==="textarea"&&e.h("span",{key:"dce957c8bad999f72e896710d465075c063e5a42",class:`input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached?"input-counter-error":""}`},this.maxLength),this.icon&&e.h("eds-icon-wrapper",{key:"b3037e2d393a2f0758049c2e9eec63879e0f71df",class:`absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled,"text-lightest"}`,icon:this.icon}))}get el(){return e.getElement(this)}static get watchers(){return{value:["onValueChanged"]}}},hn=`:root {
|
|
9179
9179
|
font-optical-sizing: auto;
|
|
9180
9180
|
}
|
|
9181
9181
|
html,
|
|
@@ -16935,7 +16935,7 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
16935
16935
|
}
|
|
16936
16936
|
}
|
|
16937
16937
|
|
|
16938
|
-
`,an=sn,W=class{constructor(n){e.registerInstance(this,n),this.handleNativeInput=i=>{var r;(r=this.onInput)===null||r===void 0||r.call(this,i);const l=i.target.value;this.hostEl.dispatchEvent(new CustomEvent("oninput",{detail:{value:l},bubbles:!0,composed:!0}))},this.handleNativeChange=i=>{var r;(r=this.onChange)===null||r===void 0||r.call(this,i);const l=i.target;this.hostEl.dispatchEvent(new CustomEvent("onchange",{detail:{value:l.value},bubbles:!0,composed:!0}))},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options=="string")try{return JSON.parse(this.options)}catch{return console.warn("Invalid options format"),[]}return[]}render(){const n={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleNativeInput,onChange:this.handleNativeChange,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return e.h("div",{key:"d8d68bdff663749f22dcd25986a22b0459346f0d",class:"space-y-8"},this.type==="checkbox"||this.type==="radio"?this.parsedOptions.length>0?e.h("fieldset",{class:"space-y-4 mt-8"},e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&e.h("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map(i=>e.h("div",{class:"flex items-center gap-x-2",key:i.value},e.h("eds-input",Object.assign({},n,{value:i.value,checked:(typeof this.value=="string"?this.value.split(","):[]).includes(String(i.value))})),e.h("eds-input-label",{name:`${this.name}-${i.value}`,label:i.label})))):e.h("div",{class:"flex items-center gap-x-8"},e.h("eds-input",Object.assign({},n,{value:this.value,checked:this.value==="on"})),this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):e.h("div",null,e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&e.h("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.type==="select"?e.h("eds-input-select",Object.assign({},n,{options:this.parsedOptions})):this.type==="file"?e.h("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):this.type==="search"?e.h("eds-input-search",{name:"search-box"}):this.type==="range"?(()=>{var i,r,l;const t={name:n.name,inputId:n.id||n.name,disabled:n.disabled,required:n.required,onInput:n.onInput,onChange:n.onChange},d=this.parsedOptions,o=typeof this.value=="string"?parseFloat(this.value):this.value||0;return e.h("eds-input-range",Object.assign({},t,{min:(i=d[0])===null||i===void 0?void 0:i.value,max:(r=d[1])===null||r===void 0?void 0:r.value,step:(l=d[2])===null||l===void 0?void 0:l.value,value:o}))})():e.h("eds-input",Object.assign({},n))),e.h("eds-input-footer",{key:"ecf472d91e754c93899d3bbece01f03babfbe985",id:`${this.name}-footer`,name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}get hostEl(){return e.getElement(this)}};W.style=an;const cn=class{constructor(n){e.registerInstance(this,n),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return e.h("div",{key:"595e4c2c12d9379764b777d7b1edaea47c1e52ae",class:"space-y-4 mt-4"},this.error&&this.errorMessage&&e.h("div",{key:"9597904f712fc30d183a8ac39b65cdd99fec737c",id:`error_${this.name}`,class:"text-error flex items-center"},e.h("eds-icon-wrapper",{key:"39b20e643899e760691c1d752733c2acaf0fb4cc",icon:"warning"}),e.h("p",{key:"cd5b357cdac58f93f03d688c8fab0a942785ff39",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&e.h("p",{key:"06c34d4567cdeaebdb167c9c44b7111b6cfd38d3",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&e.h("a",{key:"c6eacf01f49da84f14ec95995fbeddabf83d23fc",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},gn=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return e.h("label",{key:"632b2634e219c2a1d8fdc5710c95c80601b0b2ee",htmlFor:this.name,class:`input-label ${this.disabled?"text-lighter":""}`},this.label,this.required&&e.h("span",{key:"d1cb546dca2dcd44dedb7f00d7f432a47c9dc517"},e.h("span",{key:"08346b3153d32b3fd4ea63f9e27278ec51b2e5b3","aria-hidden":"true"},"*"),e.h("span",{key:"e364bfb64126e1f704c903528e9a3118d8828227",class:"sr-only"},"required")))}},hn=class{constructor(n){e.registerInstance(this,n),this.edsrange=e.createEvent(this,"edsrange",7),this.onInput=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10)},this.onChange=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10),this.edsrange.emit(this.sliderVal)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.value=void 0,this.sliderVal=void 0}componentWillLoad(){this.sliderVal=this.value!==void 0?this.value:this.max%2===0?this.max/2:Math.ceil(this.max/2)}onValueChange(n){n!==void 0&&(this.sliderVal=n)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return e.h("div",{key:"6d0d2daa8e4a727765259ac14709837c5ed23955",class:"relative flex flex-col items-start space-y-2"},e.h("input",{key:"d2e2ca171ff99f106130a0ba6cbcdd413de0b371",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input","aria-describedby":`desc_${this.name}`,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.sliderVal,onInput:this.onInput,onChange:this.onChange}),e.h("p",{key:"078def92e74b4056555d968fbc767693af15b100",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return e.getElement(this)}static get watchers(){return{value:["onValueChange"]}}},xn=class{constructor(n){e.registerInstance(this,n),this.search=e.createEvent(this,"search",7),this.keydownListener=i=>{(i.metaKey||i.ctrlKey)&&i.key.toLowerCase()==="k"&&(i.preventDefault(),this.inputElement&&!this.disabled&&this.inputElement.focus())},this.onChange=i=>{this.search.emit({event:"change",value:i.target.value}),g.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:i.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 e.h("div",{key:"6258597f79cddca1995825142e26eafc560a553a",class:"relative flex items-center"},e.h("eds-icon-wrapper",{key:"e7379f4b8fe1f749153da3eaaeef4a8ac690b21f",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest","aria-hidden":"true"}),e.h("input",{key:"2c37c1e6a0b7c60507fdb62de441109be6ea0888",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 e.getElement(this)}},bn=class{constructor(n){e.registerInstance(this,n),this.changeEvent=e.createEvent(this,"changeEvent",7),this.handleChange=i=>{const r=i.target;this.changeEvent.emit(r.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.labelKey="label",this.valueKey="value",this.value=void 0,this.dynamicOptions=[],this.loading=!1,this.dynamicValueKey="value",this.dynamicLabelKey="label",this.hasFetched=!1}componentWillLoad(){this.loadOptions()}async loadOptions(){if(this.options&&this.options.length>0&&this.options[0].endpoint){if(this.hasFetched)return;const n=this.options[0],i=n.endpoint;this.dynamicValueKey=n.value||"value",this.dynamicLabelKey=n.label||"label",this.loading=!0;try{const r=await fetch(i);r.ok||f.toast.show(`<eds-input-select> HTTP error! Status: ${r.status}`,"error");const l=await r.json();this.dynamicOptions=l,this.hasFetched=!0}catch(r){f.toast.show(`<eds-input-select> Error fetching dynamic options ${r}`,"error")}finally{this.loading=!1}}else this.dynamicOptions=this.options,this.dynamicValueKey=this.valueKey,this.dynamicLabelKey=this.labelKey}getValueByPath(n,i){return i.split(".").reduce((r,l)=>r&&r[l],n)}render(){return e.h("div",{key:"cc940456a2e0ce84f3b1c05d83a8b37db076c38d",class:"relative","aria-busy":this.loading?"true":"false"},e.h("select",{key:"105ee19d398aee3df6a6bdde282d4930f4391bc1",id:this.inputId||this.name,name:this.name,class:`input invalid:text-lightest pr-32 ${this.error?"input-error":""}`,"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled||this.loading,required:this.required,onChange:this.handleChange},e.h("option",{key:"057fd3d0305d390dff0b5b8e0bf40d803cab7b02",value:"",disabled:!0,hidden:!0},this.loading?"Loading options...":`Please select ${this.name}`),this.dynamicOptions.map((n,i)=>{const r=this.getValueByPath(n,this.dynamicValueKey);return e.h("option",{key:i,value:r,selected:r===this.value},this.getValueByPath(n,this.dynamicLabelKey))})),e.h("span",{key:"39a047ac87650db1402db082379b4f4169d5116e",class:`bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled||this.loading?"text-lightest bg-transparent":""}`},e.h("eds-icon-wrapper",{key:"bee0a8b2a54d855452fb547347c5888cae9f4024",class:"w-20 h-20",icon:"chevron-right"})))}static get watchers(){return{options:["loadOptions"]}}},fn=`:root {
|
|
16938
|
+
`,xn=hn,W=class{constructor(n){e.registerInstance(this,n),this.handleNativeInput=i=>{var r;(r=this.onInput)===null||r===void 0||r.call(this,i);const l=i.target.value;this.hostEl.dispatchEvent(new CustomEvent("oninput",{detail:{value:l},bubbles:!0,composed:!0}))},this.handleNativeChange=i=>{var r;(r=this.onChange)===null||r===void 0||r.call(this,i);const l=i.target;this.hostEl.dispatchEvent(new CustomEvent("onchange",{detail:{value:l.value},bubbles:!0,composed:!0}))},this.name=void 0,this.inputId=void 0,this.placeholder=void 0,this.disabled=!1,this.onChange=void 0,this.onInput=void 0,this.type="text",this.required=!1,this.label=void 0,this.hint=void 0,this.icon=void 0,this.link=void 0,this.message=void 0,this.error=!1,this.checked=void 0,this.errorMessage=void 0,this.value=void 0,this.maxLength=void 0,this.options=void 0}get parsedOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options=="string")try{return JSON.parse(this.options)}catch{return console.warn("Invalid options format"),[]}return[]}render(){const n={name:this.name,id:this.inputId,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleNativeInput,onChange:this.handleNativeChange,type:this.type,required:this.required,value:this.value,error:this.error,icon:this.icon,checked:this.checked};return e.h("div",{key:"d8d68bdff663749f22dcd25986a22b0459346f0d",class:"space-y-8"},this.type==="checkbox"||this.type==="radio"?this.parsedOptions.length>0?e.h("fieldset",{class:"space-y-4 mt-8"},e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,required:this.required}),this.hint&&e.h("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.parsedOptions.map(i=>e.h("div",{class:"flex items-center gap-x-2",key:i.value},e.h("eds-input",Object.assign({},n,{value:i.value,checked:(typeof this.value=="string"?this.value.split(","):[]).includes(String(i.value))})),e.h("eds-input-label",{name:`${this.name}-${i.value}`,label:i.label})))):e.h("div",{class:"flex items-center gap-x-8"},e.h("eds-input",Object.assign({},n,{value:this.value,checked:this.value==="on"})),this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required})):e.h("div",null,e.h("div",{class:"flex justify-between"},this.label&&e.h("eds-input-label",{name:this.inputId||this.name,label:this.label,disabled:this.disabled,required:this.required}),this.hint&&e.h("p",{id:`${this.name}-hint`,class:"f-ui-05 text-lighter mt-8 ml-8"},this.hint)),this.type==="select"?e.h("eds-input-select",Object.assign({},n,{options:this.parsedOptions})):this.type==="file"?e.h("input",{type:"file",id:this.inputId||this.name,name:this.name,onChange:this.onChange,disabled:this.disabled,required:this.required}):this.type==="search"?e.h("eds-input-search",{name:"search-box"}):this.type==="range"?(()=>{var i,r,l;const t={name:n.name,inputId:n.id||n.name,disabled:n.disabled,required:n.required,onInput:n.onInput,onChange:n.onChange},d=this.parsedOptions,o=typeof this.value=="string"?parseFloat(this.value):this.value||0;return e.h("eds-input-range",Object.assign({},t,{min:(i=d[0])===null||i===void 0?void 0:i.value,max:(r=d[1])===null||r===void 0?void 0:r.value,step:(l=d[2])===null||l===void 0?void 0:l.value,value:o}))})():e.h("eds-input",Object.assign({},n))),e.h("eds-input-footer",{key:"ecf472d91e754c93899d3bbece01f03babfbe985",id:`${this.name}-footer`,name:this.name,message:this.message,"error-message":this.errorMessage,error:this.error,link:this.link}))}get hostEl(){return e.getElement(this)}};W.style=xn;const bn=class{constructor(n){e.registerInstance(this,n),this.name=void 0,this.errorMessage=void 0,this.message=void 0,this.error=!1,this.link=void 0}render(){return e.h("div",{key:"595e4c2c12d9379764b777d7b1edaea47c1e52ae",class:"space-y-4 mt-4"},this.error&&this.errorMessage&&e.h("div",{key:"9597904f712fc30d183a8ac39b65cdd99fec737c",id:`error_${this.name}`,class:"text-error flex items-center"},e.h("eds-icon-wrapper",{key:"39b20e643899e760691c1d752733c2acaf0fb4cc",icon:"warning"}),e.h("p",{key:"cd5b357cdac58f93f03d688c8fab0a942785ff39",class:"f-ui-04 ml-4",innerHTML:this.errorMessage})),this.message&&e.h("p",{key:"06c34d4567cdeaebdb167c9c44b7111b6cfd38d3",id:`desc_${this.name}`,class:"f-ui-05 text-lighter",innerHTML:this.message}),this.link&&e.h("a",{key:"c6eacf01f49da84f14ec95995fbeddabf83d23fc",href:this.link.url,class:"f-ui-05 effect-color hover:text-lighter underline underline-offset-4"},this.link.label))}},fn=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.name=void 0,this.required=!1,this.disabled=!1}render(){return e.h("label",{key:"632b2634e219c2a1d8fdc5710c95c80601b0b2ee",htmlFor:this.name,class:`input-label ${this.disabled?"text-lighter":""}`},this.label,this.required&&e.h("span",{key:"d1cb546dca2dcd44dedb7f00d7f432a47c9dc517"},e.h("span",{key:"08346b3153d32b3fd4ea63f9e27278ec51b2e5b3","aria-hidden":"true"},"*"),e.h("span",{key:"e364bfb64126e1f704c903528e9a3118d8828227",class:"sr-only"},"required")))}},mn=class{constructor(n){e.registerInstance(this,n),this.edsrange=e.createEvent(this,"edsrange",7),this.onInput=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10)},this.onChange=i=>{const r=i.target;this.sliderVal=parseInt(r.value,10),this.edsrange.emit(this.sliderVal)},this.name=void 0,this.inputId="range",this.disabled=!1,this.required=!1,this.min=0,this.max=100,this.step=1,this.value=void 0,this.sliderVal=void 0}componentWillLoad(){this.sliderVal=this.value!==void 0?this.value:this.max%2===0?this.max/2:Math.ceil(this.max/2)}onValueChange(n){n!==void 0&&(this.sliderVal=n)}componentDidLoad(){this.inputElement=this.el.querySelector("input")}async getInputElement(){return this.inputElement}render(){return e.h("div",{key:"6d0d2daa8e4a727765259ac14709837c5ed23955",class:"relative flex flex-col items-start space-y-2"},e.h("input",{key:"d2e2ca171ff99f106130a0ba6cbcdd413de0b371",id:this.inputId||this.name,name:this.name,min:this.min,max:this.max,step:this.step,value:this.sliderVal,required:this.required,disabled:this.disabled,type:"range",class:"w-full py-6 input","aria-describedby":`desc_${this.name}`,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.sliderVal,onInput:this.onInput,onChange:this.onChange}),e.h("p",{key:"078def92e74b4056555d968fbc767693af15b100",id:`desc_${this.name}`,class:"block f-ui-05 text-lighter"},"Current value: ",this.sliderVal))}get el(){return e.getElement(this)}static get watchers(){return{value:["onValueChange"]}}},pn=class{constructor(n){e.registerInstance(this,n),this.search=e.createEvent(this,"search",7),this.keydownListener=i=>{(i.metaKey||i.ctrlKey)&&i.key.toLowerCase()==="k"&&(i.preventDefault(),this.inputElement&&!this.disabled&&this.inputElement.focus())},this.onChange=i=>{this.search.emit({event:"change",value:i.target.value}),h.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:i.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 e.h("div",{key:"6258597f79cddca1995825142e26eafc560a553a",class:"relative flex items-center"},e.h("eds-icon-wrapper",{key:"e7379f4b8fe1f749153da3eaaeef4a8ac690b21f",icon:"search",class:"absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest","aria-hidden":"true"}),e.h("input",{key:"2c37c1e6a0b7c60507fdb62de441109be6ea0888",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 e.getElement(this)}},un=class{constructor(n){e.registerInstance(this,n),this.changeEvent=e.createEvent(this,"changeEvent",7),this.handleChange=i=>{const r=i.target;this.changeEvent.emit(r.value)},this.inputId=void 0,this.name=void 0,this.placeholder=void 0,this.disabled=!1,this.hasMessage=!1,this.error=!1,this.required=!1,this.options=[],this.labelKey="label",this.valueKey="value",this.value=void 0,this.dynamicOptions=[],this.loading=!1,this.dynamicValueKey="value",this.dynamicLabelKey="label",this.hasFetched=!1}componentWillLoad(){this.loadOptions()}async loadOptions(){if(this.options&&this.options.length>0&&this.options[0].endpoint){if(this.hasFetched)return;const n=this.options[0],i=n.endpoint;this.dynamicValueKey=n.value||"value",this.dynamicLabelKey=n.label||"label",this.loading=!0;try{const r=await fetch(i);r.ok||f.toast.show(`<eds-input-select> HTTP error! Status: ${r.status}`,"error");const l=await r.json();this.dynamicOptions=l,this.hasFetched=!0}catch(r){f.toast.show(`<eds-input-select> Error fetching dynamic options ${r}`,"error")}finally{this.loading=!1}}else this.dynamicOptions=this.options,this.dynamicValueKey=this.valueKey,this.dynamicLabelKey=this.labelKey}getValueByPath(n,i){return i.split(".").reduce((r,l)=>r&&r[l],n)}render(){return e.h("div",{key:"cc940456a2e0ce84f3b1c05d83a8b37db076c38d",class:"relative","aria-busy":this.loading?"true":"false"},e.h("select",{key:"105ee19d398aee3df6a6bdde282d4930f4391bc1",id:this.inputId||this.name,name:this.name,class:`input invalid:text-lightest pr-32 ${this.error?"input-error":""}`,"aria-invalid":this.error?"true":"false","aria-describedby":this.hasMessage||this.error?`${this.name}-error`:"",disabled:this.disabled||this.loading,required:this.required,onChange:this.handleChange},e.h("option",{key:"057fd3d0305d390dff0b5b8e0bf40d803cab7b02",value:"",disabled:!0,hidden:!0},this.loading?"Loading options...":`Please select ${this.name}`),this.dynamicOptions.map((n,i)=>{const r=this.getValueByPath(n,this.dynamicValueKey);return e.h("option",{key:i,value:r,selected:r===this.value},this.getValueByPath(n,this.dynamicLabelKey))})),e.h("span",{key:"39a047ac87650db1402db082379b4f4169d5116e",class:`bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center ${this.disabled||this.loading?"text-lightest bg-transparent":""}`},e.h("eds-icon-wrapper",{key:"bee0a8b2a54d855452fb547347c5888cae9f4024",class:"w-20 h-20",icon:"chevron-right"})))}static get watchers(){return{options:["loadOptions"]}}},yn=`:root {
|
|
16939
16939
|
font-optical-sizing: auto;
|
|
16940
16940
|
}
|
|
16941
16941
|
html,
|
|
@@ -22636,14 +22636,14 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
22636
22636
|
.ml-auto {
|
|
22637
22637
|
margin-left: auto;
|
|
22638
22638
|
}
|
|
22639
|
-
.mr-
|
|
22640
|
-
margin-right:
|
|
22639
|
+
.mr-0 {
|
|
22640
|
+
margin-right: 0rem;
|
|
22641
22641
|
}
|
|
22642
|
-
|
|
22643
|
-
margin-right:
|
|
22642
|
+
.mr-2 {
|
|
22643
|
+
margin-right: 0.125rem;
|
|
22644
22644
|
}
|
|
22645
|
-
|
|
22646
|
-
margin-right:
|
|
22645
|
+
.mr-4 {
|
|
22646
|
+
margin-right: 0.25rem;
|
|
22647
22647
|
}
|
|
22648
22648
|
.mr-8 {
|
|
22649
22649
|
margin-right: 0.5rem;
|
|
@@ -24036,13 +24036,13 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
24036
24036
|
padding-right: 0rem;
|
|
24037
24037
|
}
|
|
24038
24038
|
}
|
|
24039
|
-
`,
|
|
24039
|
+
`,vn=yn,wn=b.cva(["relative inline-flex justify-center items-center py-8 rounded-sm","effect-color effect-focus aria-disabled:text-lightest","aria-disabled:bg-dark aria-disabled:cursor-not-allowed aria-disabled:!border-transparent aria-disabled:after:!border-transparent"],{variants:{intent:{primary:["border-inside bg-accent hover:bg-accent-dark","shadow-accent focus:shadow-none aria-disabled:shadow-none"],secondary:["border-inside border-inside-inverse bg-strongest hover:bg-strong-dark text-inverse"],tertiary:"border-inside after:border-softest bg-dark hover:bg-darker",ghost:["border-inside hover:bg-darker"],strong:["!px-0 !py-4 !min-h-20","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],weak:["!px-0 !py-4 !min-h-20","text-light hover:text-default","before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent aria-disabled:text-light"],inverse:["!px-0 !py-4 !min-h-20","text-inverse","effect-bg-behind-link before:bg-inverse-softer before:opacity-0 effect-opacity","hover:before:opacity-100 focus-visible:before:!opacity-0","aria-disabled:bg-transparent"],blueish:["!px-0 !py-0 !min-h-20 text-[#0034CB] decoration-[#0034CB] underline underline-offset-4","effect-focus focus-visible:rounded-xs","hover:no-underline","aria-disabled:bg-transparent aria-disabled:no-underline"],underline:["decoration-accent underline underline-offset-4 !px-0 !py-0","hover:no-underline effect-focus focus-visible:rounded-xs !min-h-0"]},iconSmall:{true:"",false:""},isActive:{true:"",false:""},hasIcon:{true:"",false:""},size:{underline:"f-body-02 ",small:"min-h-36 f-ui-02 px-12",large:"min-h-44 f-ui-01 px-16"}},compoundVariants:[{iconSmall:!0,size:"small",class:"pr-4"},{iconSmall:!0,size:"large",class:"pr-8"},{intent:"blueish",hasIcon:!0,class:"-mr-4 -top-1"},{intent:"underline",hasIcon:!0,class:"-mr-4 -top-1"},{intent:"primary",isActive:!0,class:"!bg-accent-dark"},{intent:"secondary",isActive:!0,class:"!bg-strong-dark"},{intent:"tertiary",isActive:!0,class:"!bg-darker"},{intent:"ghost",isActive:!0,class:"!bg-darker"},{intent:"strong",isActive:!0,class:"before:!opacity-100"},{intent:"weak",isActive:!0,class:"before:!opacity-100"},{intent:"inverse",isActive:!0,class:"before:!opacity-100"}],defaultVariants:{isActive:!1,iconSmall:!1,size:"small",hasIcon:!1}}),L=class{constructor(n){e.registerInstance(this,n),this.parentContext=null,this.label=void 0,this.intent=void 0,this.icon=void 0,this.iconPos="right",this.iconSmall=!1,this.size="small",this.external=!1,this.current=!1,this.download=!1,this.url=void 0,this.ariaLabel=void 0,this.disabled=!1,this.hideLabelOnSmallScreen=!1,this.extraClass=void 0}handleParentContext(n){n.target===this.el&&(this.parentContext=n.detail,n.stopPropagation())}handleClick(n){var i,r;if(this.disabled){n.preventDefault();return}h.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((i=this.label)===null||i===void 0?void 0:i.toLowerCase())||((r=this.ariaLabel)===null||r===void 0?void 0:r.toLowerCase())||"",action:"click"})}getLinkSize(){return this.size}renderLeftIcon(){return this.icon&&this.iconPos==="left"?e.h("span",{class:!this.external&&!this.label?"":"flex"},e.h("eds-icon-wrapper",{class:`
|
|
24040
24040
|
flex inline-flex items-center justify-center
|
|
24041
24041
|
${this.size==="large"?"h-24 w-24":"h-20 w-20"}
|
|
24042
24042
|
`,icon:this.icon})):null}renderRightIcon(){return this.icon&&this.iconPos==="right"?e.h("span",{class:!this.external&&!this.label?"":"flex"},e.h("eds-icon-wrapper",{class:`
|
|
24043
24043
|
flex inline-flex items-center justify-center
|
|
24044
24044
|
${this.size==="large"?"h-24 w-24":"h-20 w-20"}
|
|
24045
|
-
`,icon:this.icon})):null}render(){const n=this.disabled?"span":"a",i=pn({intent:this.intent,size:this.getLinkSize(),iconSmall:this.iconSmall,isActive:this.current,hasIcon:!!this.icon}),r=this.ariaLabel||this.label||"link",l=this.hideLabelOnSmallScreen?"hidden lg:flex":"";return e.h(n,{key:"ef4f274fc66857b4d247449b4aba9a7f45da5eef",class:`${i||""} ${this.extraClass||""}`,href:this.disabled?void 0:this.url,target:this.external&&!this.disabled?"_blank":void 0,rel:this.external&&!this.disabled?"noopener noreferrer":void 0,"aria-label":r,"aria-disabled":this.disabled?"true":null,"aria-current":this.current?"page":void 0,download:this.download?"":void 0,onClick:t=>this.handleClick(t)},e.h("span",{key:"44d300a455e51718fdb2d2414ce472b3a9a3a393",class:"z-1 relative inline-flex items-center justify-center"},this.renderLeftIcon(),e.h("span",{key:"ebd8528be9d2c7ccfba0cb75476823ac1deade68",class:l},this.label),this.renderRightIcon()))}get el(){return e.getElement(this)}};I.style=mn;const un=".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}",yn=un,j=class{constructor(n){e.registerInstance(this,n),this.href="/",this.orientation="horizontal",this.type=void 0,this.label="Home"}handleClick(){g.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){const i={horizontal:{color:m.hLogoColor,black:c.hLogoBlack,"color-white":c.hLogoColorWhite,white:c.hLogoWhite,"no-bg":c.hLogoWhiteNoBg},vertical:{color:c.vLogoColor,black:c.vLogoBlack,"color-white":c.vLogoColorWhite,white:c.vLogoWhite,"no-bg":c.vLogoWhiteNoBg}}[this.orientation];if(!i)return m.hLogoColor;const r=i[this.type];return r||i.color}render(){const n=this.getLogo();return e.h("a",{key:"5656cc942833ab3f5511ab634c502d694e982db7",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper","aria-label":this.label},e.h("div",{key:"3e0763fdd94b7624182af3aee50b314c81f064d6",innerHTML:n}))}get el(){return e.getElement(this)}};j.style=yn;const vn="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}",wn=vn,L=class{constructor(n){e.registerInstance(this,n),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.title="Follow EBRAINS to keep up-to-date"}render(){return e.h("div",{key:"213e6e637f2097165429ed584fb24b0251826627"},e.h("p",{key:"060717f30e5ecb2e8128933b761b058eafc7ce6a",class:"f-ui-02"},this.title),e.h("ul",{key:"7d8cbd7a92d8785058be18899e42da7495eedfc5",class:"mt-12 flex gap-4"},this.socialNetworks.map((n,i)=>e.h("li",{key:i},e.h("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":n.label,url:n.url,icon:n.icon,intent:"strong"})))))}};L.style=wn;const kn=".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.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-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-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)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-28{margin-bottom:1.75rem}",zn=kn,A=class{constructor(n){e.registerInstance(this,n),this.step=e.createEvent(this,"step",7),this.handleNext=()=>{this.activeStep=this.activeStep+1,this.activeStep<this.parsedSteps.length&&this.step.emit(this.activeStep)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1,this.step.emit(this.activeStep))},this.steps=[],this.type="static",this.activeStep=0}componentDidLoad(){var n;if(this.type==="linear"){const i=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("eds-button");i==null||i.forEach(r=>{this.emitContext(r)})}}activeStepChanged(n){setTimeout(()=>{var i;const r=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".step")[n];r&&r.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})},50)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.activeStep}});n.dispatchEvent(i)}handleStepClick(n){this.step.emit(n),this.type==="linear"&&(this.activeStep=n)}get parsedSteps(){return x.parseData(this.steps)}render(){const n=this.parsedSteps;return this.type==="linear"?e.h("div",null,e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step mb-28",key:r},e.h("h3",{onClick:()=>this.handleStepClick(r)},i.title),this.activeStep===r&&e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16"},i.content),e.h("eds-button",{label:r===n.length-1?"Finish":"Continue",intent:"primary",class:"next-btn",onClick:this.handleNext}),e.h("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:r===0,"extra-class":r===0?"hidden":"ml-8 block"})))))):e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step mb-28",key:r},e.h("h3",null,i.title),e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16"},i.content)))))}get el(){return e.getElement(this)}static get watchers(){return{activeStep:["activeStepChanged"]}}};A.style=zn;const Sn="h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.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-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-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)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-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))}.bg-opacity-90{--tw-bg-opacity:0.9}",Fn=Sn,O=class{constructor(n){e.registerInstance(this,n),this.step=e.createEvent(this,"step",7),this.handleNext=()=>{this.activeStep=this.activeStep+1,this.activeStep<this.parsedSteps.length&&this.step.emit(this.activeStep)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1,this.step.emit(this.activeStep))},this.steps=[],this.type="static",this.imageSrc=void 0,this.bg=!0,this.message=void 0,this.activeStep=0}componentDidLoad(){var n;if(this.type==="linear"){const i=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("eds-button");i==null||i.forEach(r=>{this.emitContext(r)})}}activeStepChanged(n){setTimeout(()=>{var i;const r=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".step")[n];r&&r.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})},50)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.activeStep}});n.dispatchEvent(i)}articleClasses(){return[this.bg?"bg-inverse":"bg-default","border-softer effect-focus-within relative rounded-lg border-2 p-16"].join(" ")}handleStepClick(n){this.step.emit(n),this.type==="linear"&&(this.activeStep=n)}get parsedSteps(){return x.parseData(this.steps)}render(){const n=this.parsedSteps;return e.h("div",{key:"06d6c64cd4389908276a6b0c738700c315d693af",class:this.articleClasses()},this.imageSrc?e.h("div",{class:"mb-28"},e.h("eds-img",{src:this.imageSrc,"with-bg":"true","lazy-load":"true",alt:"Step illustration"})):this.message&&e.h("div",{class:"mb-28 w-full bg-[#00A595] relative"},e.h("div",{class:"text-inverse f-heading-04 p-24 md:p-48"},this.message)),this.type==="linear"?e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step",key:r},e.h("h3",{onClick:()=>this.handleStepClick(r)},i.title),this.activeStep===r&&e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16",innerHTML:i.content}),e.h("eds-button",{label:r===n.length-1?"Finish":"Continue",intent:"primary",class:"next-btn",onClick:this.handleNext}),e.h("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:r===0,"extra-class":r===0?"hidden":"ml-8 block"}))))):e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step",key:r},e.h("h3",{onClick:()=>this.handleStepClick(r)},i.title),e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16",innerHTML:i.content}))))))}get el(){return e.getElement(this)}static get watchers(){return{activeStep:["activeStepChanged"]}}};O.style=Fn;const Cn=`@font-face {
|
|
24045
|
+
`,icon:this.icon})):null}render(){const n=this.disabled?"span":"a",i=wn({intent:this.intent,size:this.getLinkSize(),iconSmall:this.iconSmall,isActive:this.current,hasIcon:!!this.icon}),r=this.ariaLabel||this.label||"link",l=this.hideLabelOnSmallScreen?"hidden lg:flex":"";return e.h(n,{key:"ef4f274fc66857b4d247449b4aba9a7f45da5eef",class:`${i||""} ${this.extraClass||""}`,href:this.disabled?void 0:this.url,target:this.external&&!this.disabled?"_blank":void 0,rel:this.external&&!this.disabled?"noopener noreferrer":void 0,"aria-label":r,"aria-disabled":this.disabled?"true":null,"aria-current":this.current?"page":void 0,download:this.download?"":void 0,onClick:t=>this.handleClick(t)},e.h("span",{key:"44d300a455e51718fdb2d2414ce472b3a9a3a393",class:"z-1 relative inline-flex items-center justify-center"},this.renderLeftIcon(),e.h("span",{key:"ebd8528be9d2c7ccfba0cb75476823ac1deade68",class:l},this.label),this.renderRightIcon()))}get el(){return e.getElement(this)}};L.style=vn;const kn=".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}",zn=kn,j=class{constructor(n){e.registerInstance(this,n),this.href="/",this.orientation="horizontal",this.type=void 0,this.label="Home"}handleClick(){h.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){const i={horizontal:{color:m.hLogoColor,black:c.hLogoBlack,"color-white":c.hLogoColorWhite,white:c.hLogoWhite,"no-bg":c.hLogoWhiteNoBg},vertical:{color:c.vLogoColor,black:c.vLogoBlack,"color-white":c.vLogoColorWhite,white:c.vLogoWhite,"no-bg":c.vLogoWhiteNoBg}}[this.orientation];if(!i)return m.hLogoColor;const r=i[this.type];return r||i.color}render(){const n=this.getLogo();return e.h("a",{key:"5656cc942833ab3f5511ab634c502d694e982db7",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper","aria-label":this.label},e.h("div",{key:"3e0763fdd94b7624182af3aee50b314c81f064d6",innerHTML:n}))}get el(){return e.getElement(this)}};j.style=zn;const Sn="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}",Fn=Sn,A=class{constructor(n){e.registerInstance(this,n),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.heading="Follow EBRAINS to keep up-to-date"}render(){return e.h("div",{key:"830f2648d282b24630f9266bc07dcf9d1fb528de"},e.h("p",{key:"14d58e971d0ca585376d21400258742d2067471d",class:"f-ui-02"},this.heading),e.h("ul",{key:"d5ff24b6dbcfa25bae9b863b64e635e5c838db50",class:"mt-12 flex gap-4"},this.socialNetworks.map((n,i)=>e.h("li",{key:i},e.h("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":n.label,url:n.url,icon:n.icon,intent:"strong"})))))}};A.style=Fn;const Cn=".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.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-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-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)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-28{margin-bottom:1.75rem}",En=Cn,O=class{constructor(n){e.registerInstance(this,n),this.step=e.createEvent(this,"step",7),this.handleNext=()=>{this.activeStep=this.activeStep+1,this.activeStep<this.parsedSteps.length&&this.step.emit(this.activeStep)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1,this.step.emit(this.activeStep))},this.steps=[],this.type="static",this.activeStep=0}componentDidLoad(){var n;if(this.type==="linear"){const i=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("eds-button");i==null||i.forEach(r=>{this.emitContext(r)})}}activeStepChanged(n){setTimeout(()=>{var i;const r=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".step")[n];r&&r.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})},50)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.activeStep}});n.dispatchEvent(i)}handleStepClick(n){this.step.emit(n),this.type==="linear"&&(this.activeStep=n)}get parsedSteps(){return g.parseData(this.steps)}render(){const n=this.parsedSteps;return this.type==="linear"?e.h("div",null,e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step mb-28",key:r},e.h("h3",{onClick:()=>this.handleStepClick(r)},i.title),this.activeStep===r&&e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16"},i.content),e.h("eds-button",{label:r===n.length-1?"Finish":"Continue",intent:"primary",class:"next-btn",onClick:this.handleNext}),e.h("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:r===0,"extra-class":r===0?"hidden":"ml-8 block"})))))):e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step mb-28",key:r},e.h("h3",null,i.title),e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16"},i.content)))))}get el(){return e.getElement(this)}static get watchers(){return{activeStep:["activeStepChanged"]}}};O.style=En;const In="h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.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-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-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)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-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))}.bg-opacity-90{--tw-bg-opacity:0.9}",Hn=In,B=class{constructor(n){e.registerInstance(this,n),this.step=e.createEvent(this,"step",7),this.handleNext=()=>{this.activeStep=this.activeStep+1,this.activeStep<this.parsedSteps.length&&this.step.emit(this.activeStep)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1,this.step.emit(this.activeStep))},this.steps=[],this.type="static",this.imageSrc=void 0,this.bg=!0,this.message=void 0,this.activeStep=0}componentDidLoad(){var n;if(this.type==="linear"){const i=(n=this.el.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("eds-button");i==null||i.forEach(r=>{this.emitContext(r)})}}activeStepChanged(n){setTimeout(()=>{var i;const r=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(".step")[n];r&&r.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})},50)}emitContext(n){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.activeStep}});n.dispatchEvent(i)}articleClasses(){return[this.bg?"bg-inverse":"bg-default","border-softer effect-focus-within relative rounded-lg border-2 p-16"].join(" ")}handleStepClick(n){this.step.emit(n),this.type==="linear"&&(this.activeStep=n)}get parsedSteps(){return g.parseData(this.steps)}render(){const n=this.parsedSteps;return e.h("div",{key:"06d6c64cd4389908276a6b0c738700c315d693af",class:this.articleClasses()},this.imageSrc?e.h("div",{class:"mb-28"},e.h("eds-img",{src:this.imageSrc,"with-bg":"true","lazy-load":"true",alt:"Step illustration"})):this.message&&e.h("div",{class:"mb-28 w-full bg-[#00A595] relative"},e.h("div",{class:"text-inverse f-heading-04 p-24 md:p-48"},this.message)),this.type==="linear"?e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step",key:r},e.h("h3",{onClick:()=>this.handleStepClick(r)},i.title),this.activeStep===r&&e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16",innerHTML:i.content}),e.h("eds-button",{label:r===n.length-1?"Finish":"Continue",intent:"primary",class:"next-btn",onClick:this.handleNext}),e.h("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:r===0,"extra-class":r===0?"hidden":"ml-8 block"}))))):e.h("div",{class:"steps"},n.map((i,r)=>e.h("div",{class:"step",key:r},e.h("h3",{onClick:()=>this.handleStepClick(r)},i.title),e.h("div",{class:"content"},e.h("div",{class:"f-body-02 text-lighter my-16",innerHTML:i.content}))))))}get el(){return e.getElement(this)}static get watchers(){return{activeStep:["activeStepChanged"]}}};B.style=Hn;const Wn=".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-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.py-3{padding-top:0.1875rem;padding-bottom:0.1875rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.px-2{padding-left:0.125rem;padding-right:0.125rem}.px-3{padding-left:0.1875rem;padding-right:0.1875rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-5{padding-left:0.3125rem;padding-right:0.3125rem}.px-6{padding-left:0.375rem;padding-right:0.375rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-accent{background-color:var(--green-500)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}",Ln=Wn,jn=b.cva(["border-2 rounded-pill"],{variants:{intent:{primary:"border-accent bg-accent",default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"},size:{small:"f-ui-05 py-2 px-4",medium:"f-ui-03 py-3 px-5",large:"f-ui-01 py-4 px-6"}},defaultVariants:{intent:"default",size:"small"}}),D=class{constructor(n){e.registerInstance(this,n),this.label=void 0,this.intent="default",this.size="small"}render(){const n=jn({intent:this.intent,size:this.size});return e.h("span",{key:"20ad2f289c8362346e28e42677b3bc3d626e154d",class:n},this.label)}};D.style=Ln;const An=`@font-face {
|
|
24046
24046
|
font-family: "Inter";
|
|
24047
24047
|
font-weight: 100 900;
|
|
24048
24048
|
font-display: swap;
|
|
@@ -30739,6 +30739,10 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
30739
30739
|
.gap-4 {
|
|
30740
30740
|
gap: 0.25rem;
|
|
30741
30741
|
}
|
|
30742
|
+
.gap-x-1 {
|
|
30743
|
+
-moz-column-gap: 0.0625rem;
|
|
30744
|
+
column-gap: 0.0625rem;
|
|
30745
|
+
}
|
|
30742
30746
|
.gap-x-12 {
|
|
30743
30747
|
-moz-column-gap: 0.75rem;
|
|
30744
30748
|
column-gap: 0.75rem;
|
|
@@ -31082,6 +31086,14 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
31082
31086
|
padding-left: 0.25rem;
|
|
31083
31087
|
padding-right: 0.25rem;
|
|
31084
31088
|
}
|
|
31089
|
+
.px-5 {
|
|
31090
|
+
padding-left: 0.3125rem;
|
|
31091
|
+
padding-right: 0.3125rem;
|
|
31092
|
+
}
|
|
31093
|
+
.px-6 {
|
|
31094
|
+
padding-left: 0.375rem;
|
|
31095
|
+
padding-right: 0.375rem;
|
|
31096
|
+
}
|
|
31085
31097
|
.py-1 {
|
|
31086
31098
|
padding-top: 0.0625rem;
|
|
31087
31099
|
padding-bottom: 0.0625rem;
|
|
@@ -31094,10 +31106,18 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
31094
31106
|
padding-top: 1rem;
|
|
31095
31107
|
padding-bottom: 1rem;
|
|
31096
31108
|
}
|
|
31109
|
+
.py-2 {
|
|
31110
|
+
padding-top: 0.125rem;
|
|
31111
|
+
padding-bottom: 0.125rem;
|
|
31112
|
+
}
|
|
31097
31113
|
.py-20 {
|
|
31098
31114
|
padding-top: 1.25rem;
|
|
31099
31115
|
padding-bottom: 1.25rem;
|
|
31100
31116
|
}
|
|
31117
|
+
.py-3 {
|
|
31118
|
+
padding-top: 0.1875rem;
|
|
31119
|
+
padding-bottom: 0.1875rem;
|
|
31120
|
+
}
|
|
31101
31121
|
.py-4 {
|
|
31102
31122
|
padding-top: 0.25rem;
|
|
31103
31123
|
padding-bottom: 0.25rem;
|
|
@@ -31818,4 +31838,4 @@ input[type="range"]::-webkit-slider-thumb {
|
|
|
31818
31838
|
}
|
|
31819
31839
|
}
|
|
31820
31840
|
|
|
31821
|
-
`,
|
|
31841
|
+
`,On=An,_=class{constructor(n){e.registerInstance(this,n),this.user=void 0}get parsedUser(){if(typeof this.user=="string")try{return JSON.parse(this.user)}catch{return{}}return this.user}async componentWillLoad(){}get initials(){var n,i,r,l;const t=this.parsedUser;return`${((n=t.given_name)===null||n===void 0?void 0:n.charAt(0))||""}${((i=t.family_name)===null||i===void 0?void 0:i.charAt(0))||""}`.toUpperCase()||((l=(r=t.name)===null||r===void 0?void 0:r.charAt(0))===null||l===void 0?void 0:l.toUpperCase())||""}render(){const n=this.parsedUser;return e.h("div",{key:"099427eda976cd3fffcd201a2629d9db752f427d",class:"block"},e.h("div",{key:"33e8e4a2aca3fa48420abbd9304ed1d681dbad60",class:"flex items-center"},e.h("eds-dropdown",{key:"6f25836fbe49e6cb08e7fe8f057a094e21271784",label:`Welcome, ${n.preferred_username}`,intent:"tertiary","aria-label":"User Menu","dropdown-pos":"right","dropdown-offset":"false",icon:"chevron-down",class:"text-default"},e.h("div",{key:"143b3561a2b0484f60df993882d1c9e74e413859",class:"min-w-[280px] p-8"},e.h("div",{key:"5f178c0ce2a4b08a4bef0e2a2348b5372fc1a723",class:"flex gap-x-16 pb-16 border-b-2 border-softer"},e.h("eds-avatar",{key:"6ee2187e673738f3ac5e8bbd5ef56b4df69a51f5","first-name":n.given_name,"last-name":n.family_name,initials:this.initials,color:"grey"}),e.h("div",{key:"73a58dfadc56f71e75f14d7edf4385682d45126a",class:"max-w-full"},n.name&&e.h("p",{key:"17d87baf2254d8b1667eb2ba196acc783f66a5d7",class:"f-ui-01 text-default w-full text-ellipsis"},n.name),n.preferred_username&&e.h("p",{key:"cc8c94e020735521b046805067c1ecef86ccb4bf",class:"f-ui-03-light text-light mt-4"},n.preferred_username),n.email&&e.h("p",{key:"70989c3cc79d174f3ad99dc40db7b69a22f14d34",class:"f-ui-03-light text-light mt-4"},n.email))),e.h("div",{key:"f028bde937b98a01c2f9d5028bdd5038003193a0",class:"text-default mt-16 flex w-full flex-col gap-y-8"},e.h("slot",{key:"3f6d7c1c540f93c9a35e6c6fa30c68bf06fa1a92"}))))))}get hostEl(){return e.getElement(this)}};_.style=On;const Bn=class{constructor(n){e.registerInstance(this,n)}render(){return e.h("div",{key:"5526a1591fe499aa09c78be0143f69b7b7af6018",class:"w-full"},e.h("ul",{key:"690fb216bebd9a7ded21792e9b06aa06afbc722b",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},e.h("li",{key:"601a7d094c2143cb0499251243282133b4389c7d",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"2c57a78fea544c8e76021031dba8addba73a6d47",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"8879361b69dabe72270b3eac45cf1c95e569f98b",class:"spacing-sample m-16 bg-strong"},e.h("span",{key:"a3ae615891152c0305386082b117083f8bafde9c",class:"f-body-01 text-inverse"},"Margin: 1rem / m-16")))),e.h("li",{key:"24142c0ecca843e6185201878ba34a7f01e22bc9",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"c1c25ff252577d8e00e7d1de77f9960e7e97dfde",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"c6797217f9bc11797961b3d26fe814bbb275e583",class:"spacing-sample ml-64 bg-strong"},e.h("span",{key:"376548ee4fa82a8ac20a46b926b34ef6147350aa",class:"f-body-01 text-inverse"},"Margin Left: 4rem / ml-64")))),e.h("li",{key:"973f0bb97ebb3c180d2283387f49df9513b7770f",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"573eb47f4cc69d46f0603a0a709315c7e191998b",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"71cd97ffaeed369e234c75909a5be4bbb3cb43d5",class:"spacing-sample mt-32 bg-strong"},e.h("span",{key:"0f6af30c5d310aba1436d9ff92e8d67d7f139b59",class:"f-body-01 text-inverse"},"Margin Top: 2rem / mt-32")))),e.h("li",{key:"884a928c8d8c7b5dbdfd024e4e4d76bf98b55f49",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"cfa9dd4088ece07293702056de592c39d68a43ae",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"aca9b21ca52d79a724a5e985d6639e543b495e6b",class:"spacing-sample p-32 bg-strong"},e.h("span",{key:"550fc1d92e707439176933443fca6532b06209ca",class:"f-body-01 text-inverse"},"Padding: 2rem / p-32")))),e.h("li",{key:"a56af0286e1deee424fe9e7e6d3f1dccc0a0a92c",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"738731e56be9be727e47687d9ef271ab5b0a087c",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"5448eeed3887bd66270be4e93761b9a3d8fe206c",class:"spacing-sample pt-32 bg-strong"},e.h("span",{key:"535e325326444ab1d50e885de65d6acdd7f9ec63",class:"f-body-01 text-inverse"},"Padding Top: 2rem / pt-32")))),e.h("li",{key:"e0b1ba436681545f760823f1e0d073fd8bd2d44b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},e.h("div",{key:"9d65df19fdc4be8054e9b34c18f8b54eadac7dbd",class:"container p-8 item-center border-2 border-soft"},e.h("div",{key:"fe8656e6f0f3fafa3e7dd1ba9dd35251a3a19bf0",class:"spacing-sample pl-32 bg-strong"},e.h("span",{key:"32b26c324b26b3c57062d149cb49d1f1eeb5b5c4",class:"f-body-01 text-inverse"},"Padding Left: 2rem / pl-32"))))))}};exports.eds_avatar=p;exports.eds_block_break=u;exports.eds_breadcrumb=y;exports.eds_button=v;exports.eds_dropdown=w;exports.eds_footer=k;exports.eds_form=C;exports.eds_fullscreen_menu=E;exports.eds_header=I;exports.eds_icon_wrapper=sn;exports.eds_img=H;exports.eds_input=gn;exports.eds_input_field=W;exports.eds_input_footer=bn;exports.eds_input_label=fn;exports.eds_input_range=mn;exports.eds_input_search=pn;exports.eds_input_select=un;exports.eds_link=L;exports.eds_logo=j;exports.eds_social_networks=A;exports.eds_steps=O;exports.eds_steps_v2=B;exports.eds_tag=D;exports.eds_user=_;exports.token_spacing=Bn;
|