@ebrains/vue 0.6.0-alpha.0 → 0.8.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/{color-primary-palette_6.entry-BJGrNiKE.mjs → color-primary-palette_6.entry-8IScvoTJ.mjs} +19 -19
- package/color-primary-palette_6.entry-8sRpfe4E.js +1 -0
- package/correct-use-of-colors.entry-CfU46fhX.js +1 -0
- package/correct-use-of-colors.entry-ClTcY5vo.mjs +59 -0
- package/eds-accordion_17.entry-BBnyn6EM.js +24029 -0
- package/eds-accordion_17.entry-BhCBvhXC.mjs +25134 -0
- package/{eds-alert.entry-HNjGFpMQ.js → eds-alert.entry-C7iR6Wau.js} +224 -93
- package/{eds-alert.entry-B9K7jZdM.mjs → eds-alert.entry-DHikCbw_.mjs} +233 -96
- package/eds-app-root.entry-YPigXe8_.mjs +25 -0
- package/eds-app-root.entry-rafdbiL3.js +1 -0
- package/{eds-breadcrumb.entry-nSQcSQxS.mjs → eds-breadcrumb.entry-Bfc36jaR.mjs} +12 -18
- package/eds-breadcrumb.entry-D065WE8j.js +1 -0
- package/eds-card-desc_3.entry-BJP_Vvul.mjs +83 -0
- package/eds-card-desc_3.entry-CPmEcD7h.js +1 -0
- package/eds-card-generic.entry-Bn3saq5k.mjs +56 -0
- package/eds-card-generic.entry-Ct8aLaT_.js +1 -0
- package/eds-card-project.entry-B7s198sC.js +1 -0
- package/{eds-card-project.entry-BMRVlg7J.mjs → eds-card-project.entry-CkmokKaR.mjs} +7 -7
- package/eds-card-section.entry-CE7UQ8HN.js +1 -0
- package/eds-card-section.entry-DKP7IjIj.mjs +30 -0
- package/eds-card-tags.entry-BNqaohHu.mjs +13 -0
- package/eds-card-tags.entry-wvkOqT1r.js +1 -0
- package/{eds-card-tool.entry-BPrlMiqY.mjs → eds-card-tool.entry-CR4SuPPR.mjs} +7 -7
- package/{eds-card-tool.entry-B0rDGNdA.js → eds-card-tool.entry-Df_qlYY5.js} +1 -1
- package/{eds-card-wrapper.entry-Ba4ljzon.mjs → eds-card-wrapper.entry-CosNbMgP.mjs} +4 -4
- package/{eds-card-wrapper.entry-DyPmlYoI.js → eds-card-wrapper.entry-DwcKQUDS.js} +1 -1
- package/{eds-code-block.entry-zX5MUsAS.mjs → eds-code-block.entry-Bfp7Moc7.mjs} +2 -2
- package/{eds-code-block.entry-B3RL-q6l.js → eds-code-block.entry-D5kDIIPG.js} +2 -2
- package/{eds-components-section.entry-xnXY70G_.mjs → eds-components-section.entry-CZzJEdYb.mjs} +42 -35
- package/eds-components-section.entry-DpGQLUDG.js +140 -0
- package/{eds-cookies-preference.entry-MAmSehJX.js → eds-cookies-preference.entry-DUwpfJG0.js} +1 -1
- package/{eds-cookies-preference.entry-DAQEpE8v.mjs → eds-cookies-preference.entry-ivi_kdZs.mjs} +5 -5
- package/{eds-docs-palettes.entry-BiC_mzap.js → eds-docs-palettes.entry-CvUsZJGt.js} +1 -1
- package/{eds-docs-palettes.entry-CFIZWB7Y.mjs → eds-docs-palettes.entry-DF_rAbne.mjs} +2 -2
- package/{eds-docs-tokens.entry-CCwf01ke.js → eds-docs-tokens.entry-C3AfntXW.js} +1 -1
- package/{eds-docs-tokens.entry-ClVBrRzm.mjs → eds-docs-tokens.entry-gPy71iZA.mjs} +2 -2
- package/eds-feedback.entry-Cii4Bgav.mjs +53 -0
- package/eds-feedback.entry-mS5rXykK.js +1 -0
- package/eds-form.entry-CNUo4guS.mjs +226 -0
- package/eds-form.entry-DmOYblLu.js +1 -0
- package/eds-frame.entry-BEG9Cq6f.mjs +73 -0
- package/eds-frame.entry-MuWFMQ5l.js +1 -0
- package/eds-icon-arrow-diagonal.entry-6WVlNQjt.mjs +13 -0
- package/eds-icon-arrow-diagonal.entry-zBfSFnaZ.js +1 -0
- package/eds-icon-arrow-right.entry-B01PWxxn.js +1 -0
- package/eds-icon-arrow-right.entry-CPfwKb_P.mjs +13 -0
- package/eds-icon-bluesky.entry-DKFty2p_.mjs +13 -0
- package/{eds-icon-bluesky.entry-BfYrb4Uv.js → eds-icon-bluesky.entry-DbVUYLJG.js} +1 -1
- package/eds-icon-chevron-down.entry-YrhsZIQb.js +1 -0
- package/eds-icon-chevron-down.entry-dCeiKlud.mjs +13 -0
- package/eds-icon-chevron-left.entry-CVk_b9kc.js +1 -0
- package/eds-icon-chevron-left.entry-CudVsOqq.mjs +13 -0
- package/{eds-icon-chevron-right.entry-YLnmNxjo.mjs → eds-icon-chevron-right.entry-Dg5UFoCU.mjs} +2 -2
- package/eds-icon-chevron-right.entry-r7aVtAwm.js +1 -0
- package/eds-icon-chevron-up.entry-C-WjO0ys.js +1 -0
- package/eds-icon-chevron-up.entry-CEfRA3Cn.mjs +13 -0
- package/eds-icon-close.entry-Cec0LlPI.mjs +13 -0
- package/{eds-icon-close.entry-BSSS65tZ.js → eds-icon-close.entry-eRRe-idl.js} +1 -1
- package/{eds-icon-copy.entry-PvAtojYn.js → eds-icon-copy.entry-B41dL0Pk.js} +1 -1
- package/eds-icon-copy.entry-Bv6gVwBn.mjs +13 -0
- package/eds-icon-eu.entry-CIYspbep.js +1 -0
- package/eds-icon-eu.entry-C_SYaSos.mjs +13 -0
- package/{eds-icon-facebook.entry-CKmUhO4W.mjs → eds-icon-facebook.entry-CxuQ9T-z.mjs} +2 -2
- package/{eds-icon-facebook.entry-DsPVhA3Z.js → eds-icon-facebook.entry-tLxBj2-p.js} +1 -1
- package/{eds-icon-gitlab.entry-D6VEWpO6.mjs → eds-icon-gitlab.entry-B4Y3IL_W.mjs} +2 -2
- package/{eds-icon-gitlab.entry-Dzq7ViR-.js → eds-icon-gitlab.entry-Bz32Y093.js} +1 -1
- package/{eds-icon-linkedin.entry-7PCeoMEi.js → eds-icon-linkedin.entry-BOJB8PtD.js} +1 -1
- package/eds-icon-linkedin.entry-C-OLKK80.mjs +13 -0
- package/eds-icon-loader.entry-Cnugn2v_.mjs +13 -0
- package/{eds-icon-loader.entry-Bp-ZxeW7.js → eds-icon-loader.entry-OpxpC-qI.js} +1 -1
- package/{eds-icon-mastodon.entry-DsU7dMbW.js → eds-icon-mastodon.entry-DYjzOc_S.js} +1 -1
- package/eds-icon-mastodon.entry-DfYxTk7y.mjs +13 -0
- package/eds-icon-menu.entry-4XLLYwtu.js +1 -0
- package/eds-icon-menu.entry-iM24FuKl.mjs +13 -0
- package/{eds-icon-more.entry-CqvnBXDu.mjs → eds-icon-more.entry-BIN9jdzF.mjs} +2 -2
- package/{eds-icon-more.entry-BOWM2H9H.js → eds-icon-more.entry-BdtfLgCV.js} +1 -1
- package/eds-icon-search.entry-CnqQ_vud.mjs +13 -0
- package/eds-icon-search.entry-Cw8zssoR.js +1 -0
- package/eds-icon-star.entry-BqWtt_VJ.mjs +13 -0
- package/eds-icon-star.entry-DhcygAni.js +1 -0
- package/{eds-icon-success.entry-CDwqLyts.js → eds-icon-success.entry-59uCWiA1.js} +1 -1
- package/eds-icon-success.entry-C0jA8lzW.mjs +13 -0
- package/eds-icon-thumbs-down.entry-BNUoStSy.js +1 -0
- package/eds-icon-thumbs-down.entry-BOvmhFfL.mjs +13 -0
- package/eds-icon-thumbs-up.entry-B5dIuh3_.mjs +13 -0
- package/eds-icon-thumbs-up.entry-Bn3MBFif.js +1 -0
- package/eds-icon-twitter.entry-CGsi8ynP.js +1 -0
- package/eds-icon-twitter.entry-CRA6F5rZ.mjs +13 -0
- package/eds-icon-user.entry-BQ64yR1z.js +1 -0
- package/eds-icon-user.entry-D-nrmq6-.mjs +13 -0
- package/eds-icon-youtube.entry-BCw69oaj.js +1 -0
- package/eds-icon-youtube.entry-DTLtxuVC.mjs +13 -0
- package/eds-input_7.entry-CSdmlGYi.mjs +7971 -0
- package/eds-input_7.entry-DdKDkmAq.js +7766 -0
- package/{keycloak-d502ec16-Ce0iGqyk.mjs → eds-login_2.entry-Be8tUQNx.mjs} +288 -210
- package/eds-login_2.entry-CiL5geMY.js +9 -0
- package/{eds-logo-variations.entry-AbwI_N4g.mjs → eds-logo-variations.entry-CBy11DlE.mjs} +2 -2
- package/{eds-logo-variations.entry-B7BEqih8.js → eds-logo-variations.entry-DGWNGIvb.js} +1 -1
- package/{eds-modal.entry-2mm8jzwO.mjs → eds-modal.entry-B3qjw7GE.mjs} +16 -4
- package/{eds-modal.entry-N0Zu-2yI.js → eds-modal.entry-KkENKOHe.js} +1 -1
- package/{eds-pagination_2.entry-T_lnxySd.mjs → eds-pagination_2.entry-B2q_5PRD.mjs} +36 -27
- package/eds-pagination_2.entry-BcBkkuEq.js +1 -0
- package/{eds-progress-bar.entry-BpqT4TGP.mjs → eds-progress-bar.entry-BWnPK-6o.mjs} +2 -2
- package/{eds-progress-bar.entry-C-qHC2dN.js → eds-progress-bar.entry-DMTDcZv8.js} +1 -1
- package/eds-rating.entry-CPCGEHHj.js +1 -0
- package/eds-rating.entry-CtRb0a5R.mjs +61 -0
- package/{eds-section-core_2.entry-BwoSUszo.mjs → eds-section-core_2.entry-BrIavUCN.mjs} +10 -10
- package/eds-section-core_2.entry-rRmNlbQR.js +1 -0
- package/eds-spinner.entry-BQ7NYZow.js +1 -0
- package/eds-spinner.entry-D58XgaXt.mjs +36 -0
- package/{eds-svg-repository.entry-BhAWpTfJ.js → eds-svg-repository.entry-B3RrcJof.js} +13 -13
- package/{eds-svg-repository.entry-DeKbE1sw.mjs → eds-svg-repository.entry-D1rRUteH.mjs} +78 -71
- package/{eds-switch.entry-6C-fiD1f.js → eds-switch.entry-CAzboLuJ.js} +1 -1
- package/{eds-switch.entry-LXqTebs4.mjs → eds-switch.entry-CgstZWMb.mjs} +3 -3
- package/{eds-input_7.entry-Bo9-yfaP.js → eds-tabs.entry-2CrdvmEM.mjs} +783 -88
- package/{eds-input_7.entry-CCX6iGUA.mjs → eds-tabs.entry-CxValIYM.js} +680 -294
- package/{eds-link.entry-B_t5O_EC.js → eds-timeline.entry-CFAb5Cd0.js} +535 -64
- package/{eds-link.entry-D4lqKj64.mjs → eds-timeline.entry-D9ZihmLu.mjs} +566 -216
- package/eds-toast-manager.entry-DNRGmKI4.js +1 -0
- package/eds-toast-manager.entry-mR3GXeEW.mjs +36 -0
- package/eds-toast.entry-BRfHKFao.js +3 -0
- package/eds-toast.entry-ubt1S3Kw.mjs +61 -0
- package/{eds-tooltip.entry-D9pRQyxl.js → eds-tooltip.entry-BS9OaOdx.js} +1 -1
- package/{eds-tooltip.entry-BSd2vlEo.mjs → eds-tooltip.entry-D0rqB_RZ.mjs} +6 -6
- package/eds-trl.entry-CwmhIRgh.mjs +34 -0
- package/eds-trl.entry-D_xUUWvL.js +1 -0
- package/generated/components.d.ts +4 -3
- package/incorrect-use-of-colors.entry-B5KDlGuR.mjs +42 -0
- package/incorrect-use-of-colors.entry-_H77f9zg.js +1 -0
- package/{index-Df31uHzU.mjs → index-DeCYK9qM.mjs} +379 -383
- package/index-QKKBbj1_.js +21 -0
- package/index.js +1 -1
- package/index.mjs +38 -37
- package/{logo-space.entry-q9Uznxi3.js → logo-space.entry-CGNHFbPE.js} +1 -1
- package/{logo-space.entry-CChbx8AS.mjs → logo-space.entry-NVMguJha.mjs} +7 -7
- package/logo-variations-horizontal_2.entry-CoHmkNBR.mjs +29 -0
- package/logo-variations-horizontal_2.entry-CykdymGd.js +7 -0
- package/logo-wrong-usage.entry-BozirNNs.mjs +14 -0
- package/logo-wrong-usage.entry-DCJHE7Y8.js +1 -0
- package/package.json +1 -1
- package/sharedUtils-a550989c-Ci3Tx3jc.mjs +15 -0
- package/sharedUtils-a550989c-m4pF1Vqy.js +1 -0
- package/star-0da9b5e9-B3-jr0yE.js +3 -0
- package/star-0da9b5e9-DX8_iFmu.mjs +6 -0
- package/thumbs-down-a18fd049-CzuBAj99.mjs +6 -0
- package/thumbs-down-a18fd049-DTNIbYbm.js +3 -0
- package/thumbs-up-c19a71bc-CjLv5Wgw.mjs +7 -0
- package/thumbs-up-c19a71bc-w8Z8gegt.js +4 -0
- package/{token-list_3.entry-B4bQ3_yz.js → token-list_3.entry-D8dKORAJ.js} +1 -1
- package/{token-list_3.entry-CJXI55T0.mjs → token-list_3.entry-uSQm6z8I.mjs} +4 -4
- package/{token-ratios.entry-LNQoHORe.mjs → token-ratios.entry-BiuicosE.mjs} +2 -2
- package/token-ratios.entry-CaKfU99x.js +1 -0
- package/token-spacing.entry-B9inIBOK.mjs +12 -0
- package/token-spacing.entry-BV0NaRVV.js +1 -0
- package/{token-typography.entry-DddK_fiy.js → token-typography.entry-Dn6NRvAR.js} +1 -1
- package/{token-typography.entry-qTyV0EeH.mjs → token-typography.entry-sTlt7Bpz.mjs} +2 -2
- package/color-primary-palette_6.entry-CYSEDId9.js +0 -1
- package/correct-use-of-colors.entry-B36yaMb6.js +0 -1
- package/correct-use-of-colors.entry-C2K5ii07.mjs +0 -59
- package/eds-accordion_13.entry-BwXBZQ7p.mjs +0 -8044
- package/eds-accordion_13.entry-DuX3jvBd.js +0 -7375
- package/eds-block-break.entry-1HfuhJmn.mjs +0 -13
- package/eds-block-break.entry-DQDjLThR.js +0 -1
- package/eds-breadcrumb.entry-Oe7Iu_rp.js +0 -1
- package/eds-card-project.entry-BQKGTSJB.js +0 -1
- package/eds-card-tags.entry-BjvxuQg1.mjs +0 -13
- package/eds-card-tags.entry-DAkoUUin.js +0 -1
- package/eds-components-section.entry-BsmIIcun.js +0 -141
- package/eds-dropdown_2.entry-Dhtc1LQe.js +0 -1
- package/eds-dropdown_2.entry-Ds54Abix.mjs +0 -115
- package/eds-footer.entry-CKr0MOpU.mjs +0 -22
- package/eds-footer.entry-DuNEl6BR.js +0 -1
- package/eds-form.entry-gO7sMMVG.js +0 -7153
- package/eds-form.entry-znKH1sqi.mjs +0 -7340
- package/eds-frame.entry-BE9_G-56.js +0 -1
- package/eds-frame.entry-COwMtc5z.mjs +0 -74
- package/eds-fullscreen-menu.entry-CRIb_lLm.js +0 -1
- package/eds-fullscreen-menu.entry-DdO0Nwbq.mjs +0 -74
- package/eds-header.entry-38uAVZoC.js +0 -2
- package/eds-header.entry-C0qfjzDY.mjs +0 -75
- package/eds-icon-arrow-diagonal.entry-BTLKc1cS.js +0 -1
- package/eds-icon-arrow-diagonal.entry-C7CZIqBn.mjs +0 -13
- package/eds-icon-arrow-right.entry-Bv_6skZy.js +0 -1
- package/eds-icon-arrow-right.entry-DNkmpAdY.mjs +0 -13
- package/eds-icon-bluesky.entry-B_WksyEk.mjs +0 -13
- package/eds-icon-chevron-down.entry-DGjMxTKO.mjs +0 -13
- package/eds-icon-chevron-down.entry-OPmfChgp.js +0 -1
- package/eds-icon-chevron-left.entry-CRr4AWkS.mjs +0 -13
- package/eds-icon-chevron-left.entry-_zMMz-c9.js +0 -1
- package/eds-icon-chevron-right.entry-0FshDV46.js +0 -1
- package/eds-icon-chevron-up.entry-DGt49ffi.js +0 -1
- package/eds-icon-chevron-up.entry-NPODej6j.mjs +0 -13
- package/eds-icon-close.entry-BQULA4ki.mjs +0 -13
- package/eds-icon-copy.entry-Di_H0U8v.mjs +0 -13
- package/eds-icon-eu.entry-BTzpJByN.mjs +0 -13
- package/eds-icon-eu.entry-D77vjTJ9.js +0 -1
- package/eds-icon-linkedin.entry-BI2sjTDa.mjs +0 -13
- package/eds-icon-loader.entry-BoQTR6PV.mjs +0 -13
- package/eds-icon-mastodon.entry-Cm8XCAqa.mjs +0 -13
- package/eds-icon-menu.entry-C7HmF2n5.mjs +0 -13
- package/eds-icon-menu.entry-DRd13IcH.js +0 -1
- package/eds-icon-search.entry-BrANR30M.mjs +0 -13
- package/eds-icon-search.entry-CubLvPO7.js +0 -1
- package/eds-icon-success.entry-CtMWWFTW.mjs +0 -13
- package/eds-icon-twitter.entry-BnhBJxrn.js +0 -1
- package/eds-icon-twitter.entry-DHTwTPKu.mjs +0 -13
- package/eds-icon-user.entry-GYJBVLsU.js +0 -1
- package/eds-icon-user.entry-LTXtb_m4.mjs +0 -13
- package/eds-icon-youtube.entry-BluzizaX.js +0 -1
- package/eds-icon-youtube.entry-BqP_g-Pb.mjs +0 -13
- package/eds-login.entry-CB_gy86p.mjs +0 -58
- package/eds-login.entry-CDj80EGl.js +0 -1
- package/eds-logo.entry-C4YV268f.mjs +0 -61
- package/eds-logo.entry-D-2GjdZl.js +0 -1
- package/eds-navigator.entry-Bd0BYBJE.js +0 -1
- package/eds-navigator.entry-DJHFUppb.mjs +0 -33
- package/eds-pagination_2.entry-N7stHjY-.js +0 -1
- package/eds-rating.entry-C1djorgY.js +0 -1
- package/eds-rating.entry-DJbkld-l.mjs +0 -48
- package/eds-section-core_2.entry-JyCa51Zs.js +0 -1
- package/eds-social-networks.entry-CWw8CODU.mjs +0 -50
- package/eds-social-networks.entry-CveQgGlC.js +0 -1
- package/eds-steps.entry-NC8mexCJ.js +0 -1
- package/eds-steps.entry-gPHX8t5y.mjs +0 -37
- package/eds-tab.entry-7_C7zAnd.mjs +0 -31
- package/eds-tab.entry-BI3X5Amp.js +0 -1
- package/eds-tabs-content.entry-BYK_ciTB.mjs +0 -106
- package/eds-tabs-content.entry-FqonRXn9.js +0 -1
- package/eds-tabs.entry-CCGBUoii.mjs +0 -112
- package/eds-tabs.entry-VauMxz1h.js +0 -1
- package/eds-timeline.entry-B-eABvy-.mjs +0 -51
- package/eds-timeline.entry-UjKckHoD.js +0 -1
- package/eds-trl.entry-C1CKXjzi.mjs +0 -34
- package/eds-trl.entry-DdPaX9aY.js +0 -1
- package/eds-user.entry-BX3nKCHB.mjs +0 -66
- package/eds-user.entry-CyEG-Wtm.js +0 -1
- package/eds-vertical-stepper.entry-CdmDXaW2.mjs +0 -27
- package/eds-vertical-stepper.entry-DphlSSa0.js +0 -1
- package/incorrect-use-of-colors.entry-BhygRTdu.js +0 -1
- package/incorrect-use-of-colors.entry-QkMrxvFS.mjs +0 -42
- package/index-DvG3cC-8.js +0 -21
- package/keycloak-d502ec16-m7LwS-Gh.js +0 -9
- package/logo-variations-horizontal_2.entry-DA_yMnFa.mjs +0 -29
- package/logo-variations-horizontal_2.entry-G3ih093R.js +0 -7
- package/logo-wrong-usage.entry-BoBmwzLl.mjs +0 -14
- package/logo-wrong-usage.entry-l4pJC0KB.js +0 -1
- package/token-ratios.entry-hdef-MAq.js +0 -1
- package/token-spacing.entry-YXQwnYx0.mjs +0 -12
- package/token-spacing.entry-xhNHm9Tw.js +0 -1
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { r as s, h as i, g as a } from "./index-Df31uHzU.mjs";
|
|
2
|
-
import { h as r } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
|
|
3
|
-
import { h as l, a as n, b as c, c as h, v as g, d, e as f, f as m, g as u } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
|
|
4
|
-
import { s as p } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
5
|
-
const L = ".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}}", b = L, w = class {
|
|
6
|
-
constructor(o) {
|
|
7
|
-
s(this, o), this.href = "/", this.orientation = "horizontal", this.type = void 0, this.label = "Home";
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Handles the click event on the logo link.
|
|
11
|
-
* Emits a `matomoEvent` for analytics tracking with details about the interaction.
|
|
12
|
-
* - `category`: Component type (e.g., "ui-component").
|
|
13
|
-
* - `tag`: The HTML tag name of the component.
|
|
14
|
-
* - `name`: Event name, set as "logo".
|
|
15
|
-
* - `action`: The action, set as "click".
|
|
16
|
-
*/
|
|
17
|
-
handleClick() {
|
|
18
|
-
p({
|
|
19
|
-
category: "ui-component",
|
|
20
|
-
tag: this.el.tagName.toLowerCase(),
|
|
21
|
-
name: "logo",
|
|
22
|
-
action: "click"
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Determines the appropriate SVG content based on the `orientation` and `type` props.
|
|
27
|
-
*/
|
|
28
|
-
getLogo() {
|
|
29
|
-
const t = {
|
|
30
|
-
horizontal: {
|
|
31
|
-
color: r,
|
|
32
|
-
black: l,
|
|
33
|
-
"color-white": n,
|
|
34
|
-
white: c,
|
|
35
|
-
"no-bg": h
|
|
36
|
-
},
|
|
37
|
-
vertical: {
|
|
38
|
-
color: g,
|
|
39
|
-
black: d,
|
|
40
|
-
"color-white": f,
|
|
41
|
-
white: m,
|
|
42
|
-
"no-bg": u
|
|
43
|
-
}
|
|
44
|
-
}[this.orientation];
|
|
45
|
-
if (!t)
|
|
46
|
-
return r;
|
|
47
|
-
const e = t[this.type];
|
|
48
|
-
return e || t.color;
|
|
49
|
-
}
|
|
50
|
-
render() {
|
|
51
|
-
const o = this.getLogo();
|
|
52
|
-
return i("a", { key: "ee8de4071b0137020341982b4c5cb2c938f1c4df", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "1eb620afbcc5a2a5c6914cc1c91a45ca62d0068c", innerHTML: o }));
|
|
53
|
-
}
|
|
54
|
-
get el() {
|
|
55
|
-
return a(this);
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
w.style = b;
|
|
59
|
-
export {
|
|
60
|
-
w as eds_logo
|
|
61
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),r=require("./logo-color-7f1fd803-DRD3vZVn.js"),o=require("./logo-white-no-bg-f382f86f-DXYn3NwV.js"),c=require("./analytics-44b1416b-ol77SdQE.js"),s=".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}}",a=s,n=class{constructor(e){t.registerInstance(this,e),this.href="/",this.orientation="horizontal",this.type=void 0,this.label="Home"}handleClick(){c.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:"logo",action:"click"})}getLogo(){const i={horizontal:{color:r.hLogoColor,black:o.hLogoBlack,"color-white":o.hLogoColorWhite,white:o.hLogoWhite,"no-bg":o.hLogoWhiteNoBg},vertical:{color:o.vLogoColor,black:o.vLogoBlack,"color-white":o.vLogoColorWhite,white:o.vLogoWhite,"no-bg":o.vLogoWhiteNoBg}}[this.orientation];if(!i)return r.hLogoColor;const l=i[this.type];return l||i.color}render(){const e=this.getLogo();return t.h("a",{key:"ee8de4071b0137020341982b4c5cb2c938f1c4df",href:this.href,onClick:()=>this.handleClick(),class:"eds-logo-wrapper","aria-label":this.label},t.h("div",{key:"1eb620afbcc5a2a5c6914cc1c91a45ca62d0068c",innerHTML:e}))}get el(){return t.getElement(this)}};n.style=a;exports.eds_logo=n;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),n=class{constructor(t){e.registerInstance(this,t),this.prevLabel=void 0,this.nextLabel=void 0,this.prevUrl=void 0,this.nextUrl=void 0,this.linkSize="small",this.linkIntent="tertiary"}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}render(){return e.h("ul",{key:"712287e683436cc98c2d6ef195501add1929522e",class:"flex lg:flex grow items-center justify-center gap-x-8"},this.prevLabel&&e.h("eds-link",{key:"4fda36ce37897284d7062f88133f147831d96a6f",label:this.prevLabel,url:this.prevUrl||void 0,disabled:!this.prevUrl,"aria-label":this.prevLabel,size:this.linkSize,intent:this.linkIntent,class:"mr-auto !p-8 lg:!pr-12"},e.h("eds-icon-wrapper",{key:"9bfa6bbbdc68641f65bec49f207d96f075b9a5b0",icon:"chevron-left"}),this.prevLabel),this.nextLabel&&e.h("eds-link",{key:"6ee8ebee011a2c30a74645b072c7c37929d0a55f",label:this.nextLabel,url:this.nextUrl||void 0,disabled:!this.nextUrl,"aria-label":this.nextLabel,size:this.linkSize,intent:this.linkIntent,class:"ml-auto !p-8 lg:!pl-12"},this.nextLabel,e.h("eds-icon-wrapper",{key:"44ebd4dcce0e367df7d9035bb445e49fde35e913",icon:"chevron-right",class:"w-20 h-20"})))}get el(){return e.getElement(this)}};exports.eds_navigator=n;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { r as n, h as e, g as l } from "./index-Df31uHzU.mjs";
|
|
2
|
-
const a = class {
|
|
3
|
-
constructor(t) {
|
|
4
|
-
n(this, t), this.prevLabel = void 0, this.nextLabel = void 0, this.prevUrl = void 0, this.nextUrl = void 0, this.linkSize = "small", this.linkIntent = "tertiary";
|
|
5
|
-
}
|
|
6
|
-
componentDidLoad() {
|
|
7
|
-
this.el.querySelectorAll("eds-link").forEach((i) => {
|
|
8
|
-
this.emitContext(i);
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Emits a custom event 'parentContext' for a given link element with the component's context.
|
|
13
|
-
* @param linkElement - The eds-link element to emit the event for.
|
|
14
|
-
*/
|
|
15
|
-
emitContext(t) {
|
|
16
|
-
const i = new CustomEvent("parentContext", {
|
|
17
|
-
detail: {
|
|
18
|
-
componentName: this.el.tagName.toLowerCase(),
|
|
19
|
-
identifier: null
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
t.dispatchEvent(i);
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
return e("ul", { key: "712287e683436cc98c2d6ef195501add1929522e", class: "flex lg:flex grow items-center justify-center gap-x-8" }, this.prevLabel && e("eds-link", { key: "4fda36ce37897284d7062f88133f147831d96a6f", label: this.prevLabel, url: this.prevUrl || void 0, disabled: !this.prevUrl, "aria-label": this.prevLabel, size: this.linkSize, intent: this.linkIntent, class: "mr-auto !p-8 lg:!pr-12" }, e("eds-icon-wrapper", { key: "9bfa6bbbdc68641f65bec49f207d96f075b9a5b0", icon: "chevron-left" }), this.prevLabel), this.nextLabel && e("eds-link", { key: "6ee8ebee011a2c30a74645b072c7c37929d0a55f", label: this.nextLabel, url: this.nextUrl || void 0, disabled: !this.nextUrl, "aria-label": this.nextLabel, size: this.linkSize, intent: this.linkIntent, class: "ml-auto !p-8 lg:!pl-12" }, this.nextLabel, e("eds-icon-wrapper", { key: "44ebd4dcce0e367df7d9035bb445e49fde35e913", icon: "chevron-right", class: "w-20 h-20" })));
|
|
26
|
-
}
|
|
27
|
-
get el() {
|
|
28
|
-
return l(this);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
a as eds_navigator
|
|
33
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DvG3cC-8.js"),d=require("./analytics-44b1416b-ol77SdQE.js"),c="ul,menu{list-style:none;margin:0;padding:0}.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-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.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)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}",f=c,h=class{constructor(t){i.registerInstance(this,t),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){this.mode==="default"&&this.generateLinks()}componentDidLoad(){this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach(e=>{this.emitContext(e)})}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){this.mode==="default"&&this.generateLinks()}isFirstPage(){return this.currentPage===1}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map(t=>typeof t=="number"?this.generateLink(t):t):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map((t,e)=>this.generateLink(e+1)))}getPaginationGenerator(t,e){const a=[];if(e<=5)for(let n=1;n<=e;n++)a.push(n);else{a.push(1),t-1>2&&a.push("...");for(let n=Math.max(2,t-1);n<=Math.min(e-1,t+1);n++)a.push(n);t+1<e-1&&a.push("..."),a.push(e)}return a}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if(this.mode!=="navigator"&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map(a=>typeof a=="object"?Object.assign(Object.assign({},a),{current:parseInt(a.label)===e}):a);const s=new CustomEvent("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(s),this.currentPage=e}}render(){return i.h("div",{key:"8c8418eec263acc153a928b752775458f897504f"},this.total>0&&this.mode==="default"&&i.h("p",{key:"02a5a69772a4812f10b29e8df117b72df210614d",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"ef9804843100c722643c24e31a05f86f2d55efa0",class:"sr-only"},"Results:"),this.pageResults()),this.mode==="navigator"||this.lastPage&&this.lastPage>1?i.h("nav",{"aria-label":"Pagination"},i.h("ul",{class:"flex items-center justify-center gap-x-8"},i.h("li",{class:"mr-auto"},i.h("eds-link",{label:this.prevLabel,url:this.mode==="navigator"?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:this.mode==="navigator"?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{this.mode==="default"&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),this.mode==="default"&&this.links.map((t,e)=>i.h("li",{key:e,class:"f-ui-02 flex h-36 items-center justify-center"},typeof t=="string"?i.h("span",{class:"flex items-center justify-center"},t):i.h("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:s=>this.handlePageClick(s,parseInt(t.label))}))),i.h("li",{class:"ml-auto"},i.h("eds-link",{label:this.nextLabel,url:this.mode==="navigator"?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:this.mode==="navigator"?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{this.mode==="default"&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i.getElement(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};h.style=f;const u="table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}",p=u,g=class{constructor(t){i.registerInstance(this,t),this.data=null,this.endpoint=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.hostWidth=void 0,this.columnSize="default",this.tableData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery=""}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}parseData(){try{this.tableData=typeof this.data=="string"?JSON.parse(this.data):this.data||[],this.totalRows=this.tableData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tableData=[]}}parseConfig(){try{this.parsedConfig=typeof this.config=="string"?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse config:",t),this.parsedConfig={}}}async fetchData(){try{const e=await(await fetch(this.endpoint)).json();this.data=e}catch(t){console.error("Failed to fetch data:",t)}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const t=this.hostEl.shadowRoot.querySelector("eds-pagination");t&&!t.hasAttribute("listener-attached")&&(t.addEventListener("pageChange",e=>this.handlePageChange(e.detail)),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tableData.filter(t=>Object.values(t).some(e=>e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))}getPaginatedRows(){const t=this.getFilteredRows();this.totalRows=t.length;const e=(this.currentPage-1)*this.rowsPerPage;return t.slice(e,e+this.rowsPerPage)}handlePageChange(t){this.currentPage=t,d.sendAnalytics({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/eds-pagination`,name:`${t}`||"",action:"page"})}handleSearch(t){this.searchQuery=t.target.value,this.currentPage=1}renderCell(t,e){var s;const a=(s=this.parsedConfig[e])===null||s===void 0?void 0:s.format;return a==="uppercase"?t==null?void 0:t.toString().toUpperCase():a==="svg"?i.h("div",{innerHTML:t}):a==="bold"?i.h("strong",null,t):a==="code"?i.h("code",null,t):t}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){this.columns=this.tableData.length>0?Object.keys(this.tableData[0]):[]}getVisibleColumnsCount(){return this.columns.filter(t=>{var e;return!(!((e=this.parsedConfig[t])===null||e===void 0)&&e.hidden)}).length}divisionFactor(){let t=1;return this.columnSize==="medium"?t=2:this.columnSize==="large"&&(t=4),t}render(){const t=this.getPaginatedRows(),e=Math.ceil(this.totalRows/this.rowsPerPage),s=this.getVisibleColumnsCount(),a=this.hostWidth&&this.hostWidth.trim()!==""?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:this.hostEl.getRootNode().host instanceof HTMLElement?this.hostEl.getRootNode().host.getBoundingClientRect().width:400,n=s>0?Math.floor(a/s*this.divisionFactor()):100;return i.h("div",{key:"66ca59804bc8054655ed0d942104516fe4cd259b"},this.searchEnabled&&i.h("div",{key:"df7267fc443da042e4b6ff81ded5800a2213bd73"},i.h("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:o=>this.handleSearch(o)})),i.h("div",{key:"80ac1fcb3802f9f5d5eabe016fb7345b88908b36",class:"mt-20"},i.h("table",{key:"09acf39378b1a4c8bfe40b496ec6bf71a2d761ca",class:"block overflow-x-auto mt-6 p-0"},i.h("thead",{key:"8b844806cfef10d1a59da54a385ee8ed6c167050"},i.h("tr",{key:"1b3cff91bdaf225e9f3b337e245cd80ad4772b6a",class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(o=>{var r;return!(!((r=this.parsedConfig[o])===null||r===void 0)&&r.hidden)&&i.h("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:{minWidth:`${n-5}px`}},o)}))),i.h("tbody",{key:"93dfd3abd196779c288f85bb6a357ad3e9c01418"},t.map(o=>i.h("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(r=>{var l;return!(!((l=this.parsedConfig[r])===null||l===void 0)&&l.hidden)&&i.h("td",{class:"text-center border border-softer m-0 py-8 f-ui-2 break-words",style:{minWidth:`${n-5}px`}},this.renderCell(o[r],r))})))))),this.shouldEnablePagination()&&i.h("div",{key:"516b65d78a9ea91060c1dfcb3306bbd3ac2c6f58",class:"mt-20"},i.h("eds-pagination",{key:"abe3a593827d99437a06e204ea9d8ef92f80aba7",currentPage:this.currentPage,lastPage:e,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i.getElement(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};g.style=p;exports.eds_pagination=h;exports.eds_table=g;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),l=":host{display:inline-block;font-size:2rem}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.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-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)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}",g=l,r=class{constructor(t){e.registerInstance(this,t),this.ratingChange=e.createEvent(this,"ratingChange",7),this.stars=5,this.label="Rate your experience",this.textMapping=["Very Poor","Poor","Average","Good","Excellent"],this.selectedRating=0}get parsedMappings(){if(typeof this.textMapping=="object")return this.textMapping;if(typeof this.textMapping=="string")try{return JSON.parse(this.textMapping)}catch{return[]}return[]}handleClick(t){this.selectedRating=t,this.ratingChange.emit(t)}render(){return e.h("div",{key:"b613863ad54ae9b381a5741bce4b188eff806ef0",class:"relative w-full flex flex-col"},e.h("span",{key:"f35cef9c3691aab73995e2ca6e2554cc19bae837",class:"f-heading-05"},this.label),e.h("div",{key:"37082eb4bbadf5c211c197f3f81501d0b0e61404",role:"radiogroup","aria-label":this.label,class:"stars flex space-x-2"},Array.from({length:this.stars},(t,n)=>{const i=n+1,a=i<=this.selectedRating,f=this.parsedMappings[i-1]||`Rating ${i}`;return e.h("eds-button",{label:"★",role:"radio","aria-checked":a?"true":"false","aria-label":f,onClick:()=>this.handleClick(i),tabIndex:this.selectedRating===0&&n===0||a?0:-1,intent:a?"primary":"ghost",size:"small","extra-class":"p-2"})})),this.selectedRating>0&&this.parsedMappings[this.selectedRating-1]&&e.h("span",{key:"61b4b92e476cfa0dd9bf405cb080dedd995ff9c6",class:"f-ui-04 text-lighter mt-4"},this.parsedMappings[this.selectedRating-1]))}};r.style=g;exports.eds_rating=r;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { r as f, c as l, h as t } from "./index-Df31uHzU.mjs";
|
|
2
|
-
const g = ":host{display:inline-block;font-size:2rem}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.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-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)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}", s = g, o = class {
|
|
3
|
-
constructor(e) {
|
|
4
|
-
f(this, e), this.ratingChange = l(this, "ratingChange", 7), this.stars = 5, this.label = "Rate your experience", this.textMapping = ["Very Poor", "Poor", "Average", "Good", "Excellent"], this.selectedRating = 0;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Parses the `textMapping` prop into an array of strings.
|
|
8
|
-
*/
|
|
9
|
-
get parsedMappings() {
|
|
10
|
-
if (typeof this.textMapping == "object")
|
|
11
|
-
return this.textMapping;
|
|
12
|
-
if (typeof this.textMapping == "string")
|
|
13
|
-
try {
|
|
14
|
-
return JSON.parse(this.textMapping);
|
|
15
|
-
} catch {
|
|
16
|
-
return [];
|
|
17
|
-
}
|
|
18
|
-
return [];
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Handles the click event on a star.
|
|
22
|
-
* @param rating - The selected rating value.
|
|
23
|
-
*/
|
|
24
|
-
handleClick(e) {
|
|
25
|
-
this.selectedRating = e, this.ratingChange.emit(e);
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
return t("div", { key: "b613863ad54ae9b381a5741bce4b188eff806ef0", class: "relative w-full flex flex-col" }, t("span", { key: "f35cef9c3691aab73995e2ca6e2554cc19bae837", class: "f-heading-05" }, this.label), t("div", { key: "37082eb4bbadf5c211c197f3f81501d0b0e61404", role: "radiogroup", "aria-label": this.label, class: "stars flex space-x-2" }, Array.from({ length: this.stars }, (e, n) => {
|
|
29
|
-
const i = n + 1, a = i <= this.selectedRating, r = this.parsedMappings[i - 1] || `Rating ${i}`;
|
|
30
|
-
return t("eds-button", {
|
|
31
|
-
label: "★",
|
|
32
|
-
role: "radio",
|
|
33
|
-
"aria-checked": a ? "true" : "false",
|
|
34
|
-
"aria-label": r,
|
|
35
|
-
onClick: () => this.handleClick(i),
|
|
36
|
-
tabIndex: this.selectedRating === 0 && n === 0 || a ? 0 : -1,
|
|
37
|
-
intent: a ? "primary" : "ghost",
|
|
38
|
-
size: "small",
|
|
39
|
-
"extra-class": "p-2"
|
|
40
|
-
// Optional padding or styling for the star button
|
|
41
|
-
});
|
|
42
|
-
})), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && t("span", { key: "61b4b92e476cfa0dd9bf405cb080dedd995ff9c6", class: "f-ui-04 text-lighter mt-4" }, this.parsedMappings[this.selectedRating - 1]));
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
o.style = s;
|
|
46
|
-
export {
|
|
47
|
-
o as eds_rating
|
|
48
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),a="",n=a,s=class{constructor(e){t.registerInstance(this,e),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){const e=this.tag;return t.h(e,{key:"e7ef9e7a589d8cde8aa54d73dff8421d74a7d0ac"},t.h("eds-section-heading",{key:"379c6bc644612d3e0865ce2acd8eacb4d67c7769",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),t.h("slot",{key:"5828a28c2c8ac65fbc56652f733f148a0d0198b7"}))}};s.style=n;const c=class{constructor(e){t.registerInstance(this,e),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){const e=this.tag,i=this.headingLevel;return t.h(e,{key:"c15f83f8aaa4fb01c884fb1390965fcf9dbd61fb",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8 pb-20":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},t.h(i,{key:"e65e13820553eefa5aec8bc9740e5e9da828ac92",class:this.getHeadingClass()},this.sectionTitle))}};exports.eds_section_core=s;exports.eds_section_heading=c;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { r as o, h as t } from "./index-Df31uHzU.mjs";
|
|
2
|
-
const n = "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}", l = n, r = class {
|
|
3
|
-
constructor(e) {
|
|
4
|
-
o(this, e), this.socialNetworks = [
|
|
5
|
-
{
|
|
6
|
-
label: "Twitter",
|
|
7
|
-
url: "https://twitter.com/ebrains_eu",
|
|
8
|
-
icon: "twitter"
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
label: "Linkedin",
|
|
12
|
-
url: "https://www.linkedin.com/company/ebrains-eu/about/",
|
|
13
|
-
icon: "linkedin"
|
|
14
|
-
},
|
|
15
|
-
{
|
|
16
|
-
label: "Facebook",
|
|
17
|
-
url: "https://www.facebook.com/people/Ebrains_eu/100046659909324/",
|
|
18
|
-
icon: "facebook"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
label: "Youtube",
|
|
22
|
-
url: "https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",
|
|
23
|
-
icon: "youtube"
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
label: "Mastodon",
|
|
27
|
-
url: "https://mastodon.social/@ebrains",
|
|
28
|
-
icon: "mastodon"
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
label: "Bluesky",
|
|
32
|
-
url: "https://bsky.app/profile/ebrains.bsky.social",
|
|
33
|
-
icon: "bluesky"
|
|
34
|
-
}
|
|
35
|
-
], this.title = "Follow EBRAINS to keep up-to-date";
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Renders the component's HTML structure with links to EBRAINS social profiles.
|
|
39
|
-
* Each social network link uses the `eds-link` component with specific classes and styles.
|
|
40
|
-
*
|
|
41
|
-
* @returns {JSX.Element} The rendered JSX for the component.
|
|
42
|
-
*/
|
|
43
|
-
render() {
|
|
44
|
-
return t("div", { key: "9efc31261e88c70f9c808251124178d807140594" }, t("p", { key: "383101de2aaba05e1024f3ba86d788ad5d92173c", class: "f-ui-02" }, this.title), t("ul", { key: "e27243a4e7b8aab085c4ef091d67df57dba70664", class: "mt-12 flex gap-4" }, this.socialNetworks.map((e, i) => t("li", { key: i }, t("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": e.label, url: e.url, icon: e.icon, intent: "strong" })))));
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
r.style = l;
|
|
48
|
-
export {
|
|
49
|
-
r as eds_social_networks
|
|
50
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),n="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}",l=n,i=class{constructor(t){e.registerInstance(this,t),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:"9efc31261e88c70f9c808251124178d807140594"},e.h("p",{key:"383101de2aaba05e1024f3ba86d788ad5d92173c",class:"f-ui-02"},this.title),e.h("ul",{key:"e27243a4e7b8aab085c4ef091d67df57dba70664",class:"mt-12 flex gap-4"},this.socialNetworks.map((t,o)=>e.h("li",{key:o},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":t.label,url:t.url,icon:t.icon,intent:"strong"})))))}};i.style=l;exports.eds_social_networks=i;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),n=".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;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}",o=n,r=class{constructor(e){t.registerInstance(this,e),this.stepClick=t.createEvent(this,"stepClick",7),this.handleNext=()=>{this.activeStep<this.parsedSteps.length&&(this.activeStep=this.activeStep+1)},this.handleBack=()=>{this.activeStep>0&&(this.activeStep=this.activeStep-1)},this.steps=[],this.type="static",this.activeStep=0}handleStepClick(e){this.stepClick.emit(e),this.type==="linear"&&(this.activeStep=e)}get parsedSteps(){if(typeof this.steps=="string")try{const e=this.steps;return JSON.parse(e)}catch{return[]}return this.steps}render(){const e=this.parsedSteps;return this.type==="linear"?t.h("div",null,t.h("div",{class:"steps"},e.map((s,i)=>t.h("div",{class:"step mb-28",key:i},t.h("h3",{onClick:()=>this.handleStepClick(i)},s.title),this.activeStep===i&&t.h("div",{class:"content"},t.h("div",{class:"f-body-02 text-lighter my-16"},s.content),t.h("eds-button",{label:i===e.length-1?"Finish":"Continue",intent:"primary",class:"next-btn",onClick:this.handleNext}),t.h("eds-button",{label:"Back",intent:"ghostInverse",onClick:this.handleBack,disabled:i===0,"extra-class":i===0?"hidden":"ml-8 block"}))))),this.activeStep===e.length&&t.h("div",{class:"completed"},t.h("eds-alert",{intent:"success",message:"All steps completed - you're finished!"}))):t.h("div",{class:"steps"},e.map((s,i)=>t.h("div",{class:"step mb-28",key:i},t.h("h3",null,s.title),t.h("div",{class:"content"},t.h("div",{class:"f-body-02 text-lighter my-16"},s.content)))))}};r.style=o;exports.eds_steps=r;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { r, c as o, h as t } from "./index-Df31uHzU.mjs";
|
|
2
|
-
const n = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;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}", a = n, l = class {
|
|
3
|
-
constructor(e) {
|
|
4
|
-
r(this, e), this.stepClick = o(this, "stepClick", 7), this.handleNext = () => {
|
|
5
|
-
this.activeStep < this.parsedSteps.length && (this.activeStep = this.activeStep + 1);
|
|
6
|
-
}, this.handleBack = () => {
|
|
7
|
-
this.activeStep > 0 && (this.activeStep = this.activeStep - 1);
|
|
8
|
-
}, this.steps = [], this.type = "static", this.activeStep = 0;
|
|
9
|
-
}
|
|
10
|
-
handleStepClick(e) {
|
|
11
|
-
this.stepClick.emit(e), this.type === "linear" && (this.activeStep = e);
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Parse the JSON string into an array of steps.
|
|
15
|
-
*/
|
|
16
|
-
get parsedSteps() {
|
|
17
|
-
if (typeof this.steps == "string")
|
|
18
|
-
try {
|
|
19
|
-
const e = this.steps;
|
|
20
|
-
return JSON.parse(e);
|
|
21
|
-
} catch {
|
|
22
|
-
return [];
|
|
23
|
-
}
|
|
24
|
-
return this.steps;
|
|
25
|
-
}
|
|
26
|
-
/*private handleReset = () => {
|
|
27
|
-
this.activeStep = 0;
|
|
28
|
-
};*/
|
|
29
|
-
render() {
|
|
30
|
-
const e = this.parsedSteps;
|
|
31
|
-
return this.type === "linear" ? t("div", null, t("div", { class: "steps" }, e.map((s, i) => t("div", { class: "step mb-28", key: i }, t("h3", { onClick: () => this.handleStepClick(i) }, s.title), this.activeStep === i && t("div", { class: "content" }, t("div", { class: "f-body-02 text-lighter my-16" }, s.content), t("eds-button", { label: i === e.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), t("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: i === 0, "extra-class": i === 0 ? "hidden" : "ml-8 block" }))))), this.activeStep === e.length && t("div", { class: "completed" }, t("eds-alert", { intent: "success", message: "All steps completed - you're finished!" }))) : t("div", { class: "steps" }, e.map((s, i) => t("div", { class: "step mb-28", key: i }, t("h3", null, s.title), t("div", { class: "content" }, t("div", { class: "f-body-02 text-lighter my-16" }, s.content)))));
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
l.style = a;
|
|
35
|
-
export {
|
|
36
|
-
l as eds_steps
|
|
37
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { r as e, h as t } from "./index-Df31uHzU.mjs";
|
|
2
|
-
import { c as r } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
3
|
-
const n = class {
|
|
4
|
-
constructor(a) {
|
|
5
|
-
e(this, a), this.tabCva = r([
|
|
6
|
-
"cursor-pointer",
|
|
7
|
-
//'px-16 py-12',
|
|
8
|
-
//'border-b-2',
|
|
9
|
-
"text-gray-700",
|
|
10
|
-
"hover:text-black",
|
|
11
|
-
"focus:outline-none",
|
|
12
|
-
"focus-visible:ring"
|
|
13
|
-
], {
|
|
14
|
-
variants: {
|
|
15
|
-
active: {
|
|
16
|
-
true: "border-blue-500 font-bold text-blue-600",
|
|
17
|
-
false: "border-transparent"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
active: !1
|
|
22
|
-
}
|
|
23
|
-
}), this.label = void 0, this.url = void 0, this.active = !1, this.ariaLabel = void 0;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return t("a", { key: "a55be2a07e554ab13a0d7e913710382d6126da57", "aria-label": this.label, "aria-current": this.active, class: this.tabCva({ active: this.active }) }, this.label);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export {
|
|
30
|
-
n as eds_tab
|
|
31
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),a=require("./index-39c58238-SQ-JC-LH.js"),i=class{constructor(t){e.registerInstance(this,t),this.tabCva=a.cva(["cursor-pointer","text-gray-700","hover:text-black","focus:outline-none","focus-visible:ring"],{variants:{active:{true:"border-blue-500 font-bold text-blue-600",false:"border-transparent"}},defaultVariants:{active:!1}}),this.label=void 0,this.url=void 0,this.active=!1,this.ariaLabel=void 0}render(){return e.h("a",{key:"a55be2a07e554ab13a0d7e913710382d6126da57","aria-label":this.label,"aria-current":this.active,class:this.tabCva({active:this.active})},this.label)}};exports.eds_tab=i;
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { r, c as n, h as s, g as o } from "./index-Df31uHzU.mjs";
|
|
2
|
-
import { s as l } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
-
import { c } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
4
|
-
const h = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
r(this, e), this.tabContentChange = n(this, "tabContentChange", 7), this.tabCva = c([
|
|
7
|
-
"relative px-16 py-12",
|
|
8
|
-
"f-ui-03 whitespace-nowrap",
|
|
9
|
-
"effect-color",
|
|
10
|
-
"focus-visible:text-default hover:text-default",
|
|
11
|
-
"border-2",
|
|
12
|
-
"after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0",
|
|
13
|
-
"outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
|
|
14
|
-
], {
|
|
15
|
-
variants: {
|
|
16
|
-
position: {
|
|
17
|
-
left: "rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",
|
|
18
|
-
right: "rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",
|
|
19
|
-
center: "",
|
|
20
|
-
first: "rounded-t-lg"
|
|
21
|
-
},
|
|
22
|
-
active: {
|
|
23
|
-
false: "text-lighter bg-dark hover:bg-darker border-softest",
|
|
24
|
-
true: [
|
|
25
|
-
"bg-default text-default z-99",
|
|
26
|
-
"rounded-t-lg",
|
|
27
|
-
"before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default",
|
|
28
|
-
"border-[#d2d2d2]"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}), this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
|
|
33
|
-
}
|
|
34
|
-
componentWillLoad() {
|
|
35
|
-
this.parseTabs(), this.setActiveIndex();
|
|
36
|
-
}
|
|
37
|
-
parseTabs() {
|
|
38
|
-
try {
|
|
39
|
-
this.parsedTabs = JSON.parse(this.tabs);
|
|
40
|
-
} catch {
|
|
41
|
-
this.parsedTabs = [];
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
componentDidLoad() {
|
|
45
|
-
this.initializeTabContentVisibility(), this.el.addEventListener("tabContentChange", (e) => {
|
|
46
|
-
this.updateTabContentVisibility(e.detail.index);
|
|
47
|
-
}), this.scrollToActiveTab();
|
|
48
|
-
}
|
|
49
|
-
initializeTabContentVisibility() {
|
|
50
|
-
this.el.querySelectorAll(".tab-content").forEach((t, a) => {
|
|
51
|
-
t.setAttribute("style", `display: ${a === this.activeIndex ? "block" : "none"}`);
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
updateTabContentVisibility(e) {
|
|
55
|
-
this.el.querySelectorAll(".tab-content").forEach((a, i) => {
|
|
56
|
-
a.setAttribute("style", `display: ${i === e ? "block" : "none"}`);
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
setActiveIndex() {
|
|
60
|
-
this.activeIndex = this.parsedTabs.findIndex((e) => e.active);
|
|
61
|
-
}
|
|
62
|
-
scrollToActiveTab() {
|
|
63
|
-
var e;
|
|
64
|
-
const t = (e = this.tabContainer) === null || e === void 0 ? void 0 : e.querySelector("[data-tab-active]");
|
|
65
|
-
t && setTimeout(() => {
|
|
66
|
-
t.scrollIntoView({
|
|
67
|
-
inline: "center",
|
|
68
|
-
block: "nearest"
|
|
69
|
-
});
|
|
70
|
-
}, 316);
|
|
71
|
-
}
|
|
72
|
-
getTabOptions(e, t) {
|
|
73
|
-
const a = e ? "center" : this.activeIndex === -1 && t === 0 ? "first" : t < this.activeIndex ? "left" : "right";
|
|
74
|
-
return Object.assign({ class: this.tabCva({
|
|
75
|
-
active: e,
|
|
76
|
-
position: a
|
|
77
|
-
}), style: {
|
|
78
|
-
zIndex: `${e ? this.parsedTabs.length + 99 : a === "left" ? t : this.parsedTabs.length + 1 - t}`
|
|
79
|
-
} }, e ? { "data-tab-active": "true" } : {});
|
|
80
|
-
}
|
|
81
|
-
handleTabClick(e, t) {
|
|
82
|
-
this.activeIndex = e, this.parsedTabs = this.parsedTabs.map((a, i) => Object.assign(Object.assign({}, a), { active: i === e })), this.tabContentChange.emit({ index: e, name: t }), l({
|
|
83
|
-
category: "ui-component",
|
|
84
|
-
tag: this.el.tagName.toLowerCase(),
|
|
85
|
-
name: (t == null ? void 0 : t.toLowerCase()) || "",
|
|
86
|
-
action: "click"
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
render() {
|
|
90
|
-
return s("div", { key: "d94df79c55522088de5445587758a5eea028b313", class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, s("div", { key: "e7d01a2e6b424c25749c0d70305fb1c8c55bef74", class: "scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, s("nav", { key: "ef8ff8a02e570dfcf8143997ace793a65917e6ca", ref: (e) => this.tabContainer = e, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((e, t) => {
|
|
91
|
-
const a = this.getTabOptions(e.active, t);
|
|
92
|
-
return s("eds-tab", Object.assign({}, a, { label: e.label, url: e.url, active: t === this.activeIndex, ariaLabel: e.ariaLabel, onClick: () => this.handleTabClick(t, e.label) }));
|
|
93
|
-
})), s("slot", { key: "8f014081c3bc2a8a3013aea3aff32690d6f71c85" })));
|
|
94
|
-
}
|
|
95
|
-
get el() {
|
|
96
|
-
return o(this);
|
|
97
|
-
}
|
|
98
|
-
static get watchers() {
|
|
99
|
-
return {
|
|
100
|
-
tabs: ["parseTabs"]
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
export {
|
|
105
|
-
h as eds_tabs_content
|
|
106
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DvG3cC-8.js"),r=require("./analytics-44b1416b-ol77SdQE.js"),n=require("./index-39c58238-SQ-JC-LH.js"),o=class{constructor(e){i.registerInstance(this,e),this.tabContentChange=i.createEvent(this,"tabContentChange",7),this.tabCva=n.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex()}parseTabs(){try{this.parsedTabs=JSON.parse(this.tabs)}catch{this.parsedTabs=[]}}componentDidLoad(){this.initializeTabContentVisibility(),this.el.addEventListener("tabContentChange",e=>{this.updateTabContentVisibility(e.detail.index)}),this.scrollToActiveTab()}initializeTabContentVisibility(){this.el.querySelectorAll(".tab-content").forEach((t,a)=>{t.setAttribute("style",`display: ${a===this.activeIndex?"block":"none"}`)})}updateTabContentVisibility(e){this.el.querySelectorAll(".tab-content").forEach((a,s)=>{a.setAttribute("style",`display: ${s===e?"block":"none"}`)})}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(e=>e.active)}scrollToActiveTab(){var e;const t=(e=this.tabContainer)===null||e===void 0?void 0:e.querySelector("[data-tab-active]");t&&setTimeout(()=>{t.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(e,t){const a=e?"center":this.activeIndex===-1&&t===0?"first":t<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:e,position:a}),style:{zIndex:`${e?this.parsedTabs.length+99:a==="left"?t:this.parsedTabs.length+1-t}`}},e?{"data-tab-active":"true"}:{})}handleTabClick(e,t){this.activeIndex=e,this.parsedTabs=this.parsedTabs.map((a,s)=>Object.assign(Object.assign({},a),{active:s===e})),this.tabContentChange.emit({index:e,name:t}),r.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(t==null?void 0:t.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"d94df79c55522088de5445587758a5eea028b313",class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"e7d01a2e6b424c25749c0d70305fb1c8c55bef74",class:"scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"ef8ff8a02e570dfcf8143997ace793a65917e6ca",ref:e=>this.tabContainer=e,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((e,t)=>{const a=this.getTabOptions(e.active,t);return i.h("eds-tab",Object.assign({},a,{label:e.label,url:e.url,active:t===this.activeIndex,ariaLabel:e.ariaLabel,onClick:()=>this.handleTabClick(t,e.label)}))})),i.h("slot",{key:"8f014081c3bc2a8a3013aea3aff32690d6f71c85"})))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};exports.eds_tabs_content=o;
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { r as i, c as o, h as s, g as n } from "./index-Df31uHzU.mjs";
|
|
2
|
-
import { s as b } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
-
import { c as d } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
4
|
-
const l = "", c = l, f = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
i(this, e), this.tabChange = o(this, "tabChange", 7), this.tabCva = d([
|
|
7
|
-
"relative px-16 py-12",
|
|
8
|
-
"f-ui-03 whitespace-nowrap",
|
|
9
|
-
"effect-color",
|
|
10
|
-
"focus-visible:text-default hover:text-default",
|
|
11
|
-
"border-2",
|
|
12
|
-
"after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0",
|
|
13
|
-
"outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
|
|
14
|
-
], {
|
|
15
|
-
variants: {
|
|
16
|
-
position: {
|
|
17
|
-
left: "rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",
|
|
18
|
-
right: "rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",
|
|
19
|
-
center: "",
|
|
20
|
-
first: "rounded-t-lg"
|
|
21
|
-
},
|
|
22
|
-
active: {
|
|
23
|
-
false: "text-lighter bg-dark hover:bg-darker border-softest",
|
|
24
|
-
true: [
|
|
25
|
-
"bg-default text-default z-99",
|
|
26
|
-
"rounded-t-lg",
|
|
27
|
-
"before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default",
|
|
28
|
-
"border-[#d2d2d2]"
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}), this.id = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
|
|
33
|
-
}
|
|
34
|
-
componentWillLoad() {
|
|
35
|
-
this.parseTabs(), this.setActiveIndex(), this.tabChange.emit({ tabId: this.id, index: 0 });
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Parses the `links` prop into an array of link objects.
|
|
39
|
-
* Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
|
|
40
|
-
*
|
|
41
|
-
* @returns {any[]} Array of parsed link objects
|
|
42
|
-
*/
|
|
43
|
-
/**
|
|
44
|
-
* Parses the `links` prop into an array of link objects.
|
|
45
|
-
* Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
|
|
46
|
-
*
|
|
47
|
-
* @returns {any[]} Array of parsed link objects
|
|
48
|
-
*/
|
|
49
|
-
parseTabs() {
|
|
50
|
-
if (Array.isArray(this.tabs))
|
|
51
|
-
this.parsedTabs = this.tabs;
|
|
52
|
-
else if (typeof this.tabs == "string")
|
|
53
|
-
try {
|
|
54
|
-
this.parsedTabs = JSON.parse(this.tabs);
|
|
55
|
-
} catch {
|
|
56
|
-
this.parsedTabs = [];
|
|
57
|
-
}
|
|
58
|
-
else
|
|
59
|
-
this.parsedTabs = [];
|
|
60
|
-
}
|
|
61
|
-
componentDidLoad() {
|
|
62
|
-
this.scrollToActiveTab();
|
|
63
|
-
}
|
|
64
|
-
setActiveIndex() {
|
|
65
|
-
this.activeIndex = this.parsedTabs.findIndex((e) => e.active);
|
|
66
|
-
}
|
|
67
|
-
scrollToActiveTab() {
|
|
68
|
-
var e;
|
|
69
|
-
const t = (e = this.tabContainer) === null || e === void 0 ? void 0 : e.querySelector("[data-tab-active]");
|
|
70
|
-
t && setTimeout(() => {
|
|
71
|
-
t.scrollIntoView({
|
|
72
|
-
inline: "center",
|
|
73
|
-
block: "nearest"
|
|
74
|
-
});
|
|
75
|
-
}, 316);
|
|
76
|
-
}
|
|
77
|
-
getTabOptions(e, t) {
|
|
78
|
-
const a = e ? "center" : this.activeIndex === -1 && t === 0 ? "first" : t < this.activeIndex ? "left" : "right";
|
|
79
|
-
return Object.assign({ class: this.tabCva({
|
|
80
|
-
active: e,
|
|
81
|
-
position: a
|
|
82
|
-
}), style: {
|
|
83
|
-
zIndex: `${e ? this.parsedTabs.length + 99 : a === "left" ? t : this.parsedTabs.length + 1 - t}`
|
|
84
|
-
} }, e ? { "data-tab-active": "true" } : {});
|
|
85
|
-
}
|
|
86
|
-
handleTabClick(e, t) {
|
|
87
|
-
this.activeIndex = e, this.parsedTabs = this.parsedTabs.map((a, r) => Object.assign(Object.assign({}, a), { active: r === e })), this.tabChange.emit({ tabId: this.id, index: e, name: t }), b({
|
|
88
|
-
category: "ui-component",
|
|
89
|
-
tag: this.el.tagName.toLowerCase(),
|
|
90
|
-
name: (t == null ? void 0 : t.toLowerCase()) || "",
|
|
91
|
-
action: "click"
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
render() {
|
|
95
|
-
return s("div", { key: "5a0c7dbdd059b2a1efdf31e91725dd1d49c88bd4", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, s("div", { key: "74bb7e66b88d845359caf285430fca079abfab03", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, s("nav", { key: "71ca3465da106b2d1ed59eca28eabfe60a1ac0fc", ref: (e) => this.tabContainer = e, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((e, t) => {
|
|
96
|
-
const a = this.getTabOptions(e.active, t);
|
|
97
|
-
return s("eds-tab", Object.assign({}, a, { label: e.label || e.ariaLabel, url: e.url, active: t === this.activeIndex, onClick: () => this.handleTabClick(t, e.label) }));
|
|
98
|
-
}))));
|
|
99
|
-
}
|
|
100
|
-
get el() {
|
|
101
|
-
return n(this);
|
|
102
|
-
}
|
|
103
|
-
static get watchers() {
|
|
104
|
-
return {
|
|
105
|
-
tabs: ["parseTabs"]
|
|
106
|
-
};
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
f.style = c;
|
|
110
|
-
export {
|
|
111
|
-
f as eds_tabs
|
|
112
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-DvG3cC-8.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),n=require("./index-39c58238-SQ-JC-LH.js"),b="",d=b,r=class{constructor(e){a.registerInstance(this,e),this.tabChange=a.createEvent(this,"tabChange",7),this.tabCva=n.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tabChange.emit({tabId:this.id,index:0})}parseTabs(){if(Array.isArray(this.tabs))this.parsedTabs=this.tabs;else if(typeof this.tabs=="string")try{this.parsedTabs=JSON.parse(this.tabs)}catch{this.parsedTabs=[]}else this.parsedTabs=[]}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(e=>e.active)}scrollToActiveTab(){var e;const t=(e=this.tabContainer)===null||e===void 0?void 0:e.querySelector("[data-tab-active]");t&&setTimeout(()=>{t.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(e,t){const s=e?"center":this.activeIndex===-1&&t===0?"first":t<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:e,position:s}),style:{zIndex:`${e?this.parsedTabs.length+99:s==="left"?t:this.parsedTabs.length+1-t}`}},e?{"data-tab-active":"true"}:{})}handleTabClick(e,t){this.activeIndex=e,this.parsedTabs=this.parsedTabs.map((s,i)=>Object.assign(Object.assign({},s),{active:i===e})),this.tabChange.emit({tabId:this.id,index:e,name:t}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(t==null?void 0:t.toLowerCase())||"",action:"click"})}render(){return a.h("div",{key:"5a0c7dbdd059b2a1efdf31e91725dd1d49c88bd4",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},a.h("div",{key:"74bb7e66b88d845359caf285430fca079abfab03",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},a.h("nav",{key:"71ca3465da106b2d1ed59eca28eabfe60a1ac0fc",ref:e=>this.tabContainer=e,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((e,t)=>{const s=this.getTabOptions(e.active,t);return a.h("eds-tab",Object.assign({},s,{label:e.label||e.ariaLabel,url:e.url,active:t===this.activeIndex,onClick:()=>this.handleTabClick(t,e.label)}))}))))}get el(){return a.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};r.style=d;exports.eds_tabs=r;
|