@ebrains/vue 0.8.0-alpha.0 → 0.9.0-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/README.md +1 -1
- package/bookmark-c200037c-CIcZ51ZQ.js +14 -0
- package/bookmark-c200037c-ClkCtyRY.mjs +17 -0
- package/color-primary-palette_6.entry-B00J5gKq.js +1 -0
- package/color-primary-palette_6.entry-DJl4iXuX.mjs +300 -0
- package/{eds-components-section.entry-DpGQLUDG.js → components-section.entry-Bp5Ot0Sn.js} +109 -87
- package/{eds-components-section.entry-CZzJEdYb.mjs → components-section.entry-CMHPm3bn.mjs} +124 -94
- package/correct-use-of-colors.entry-BRM7osKs.js +1 -0
- package/correct-use-of-colors.entry-BcZ8MzKb.mjs +59 -0
- package/{eds-docs-palettes.entry-CvUsZJGt.js → docs-palettes.entry-BoEjXr5K.js} +1 -1
- package/{eds-docs-palettes.entry-DF_rAbne.mjs → docs-palettes.entry-CkVHcQbL.mjs} +3 -3
- package/{eds-docs-tokens.entry-C3AfntXW.js → docs-tokens.entry-C22LSw0P.js} +1 -1
- package/{eds-docs-tokens.entry-gPy71iZA.mjs → docs-tokens.entry-D38mtdPC.mjs} +4 -4
- package/eds-accordion.entry-B25YfdGD.js +4 -0
- package/eds-accordion.entry-ivh1zjpt.mjs +48 -0
- package/{eds-alert.entry-C7iR6Wau.js → eds-alert.entry-C0p3qeqh.js} +1 -1
- package/{eds-alert.entry-DHikCbw_.mjs → eds-alert.entry-DOCbYqvG.mjs} +1 -1
- package/{eds-app-root.entry-YPigXe8_.mjs → eds-app-root.entry-AYVIYcb1.mjs} +4 -4
- package/{eds-app-root.entry-rafdbiL3.js → eds-app-root.entry-DfPrDdc_.js} +1 -1
- package/{eds-accordion_17.entry-BhCBvhXC.mjs → eds-avatar_24.entry-BcY_4aZT.mjs} +8532 -387
- package/{eds-accordion_17.entry-BBnyn6EM.js → eds-avatar_24.entry-DBYYqNco.js} +7821 -29
- package/{eds-breadcrumb.entry-Bfc36jaR.mjs → eds-breadcrumb.entry-BTYLNHlm.mjs} +1 -1
- package/{eds-breadcrumb.entry-D065WE8j.js → eds-breadcrumb.entry-Drb48V7S.js} +1 -1
- package/{eds-card-desc_3.entry-CPmEcD7h.js → eds-card-desc_3.entry-BlQBUPMR.js} +1 -1
- package/{eds-card-desc_3.entry-BJP_Vvul.mjs → eds-card-desc_3.entry-DtsrKQS6.mjs} +5 -5
- package/{eds-card-generic.entry-Bn3saq5k.mjs → eds-card-generic.entry-Dtfs4XKl.mjs} +1 -1
- package/{eds-card-generic.entry-Ct8aLaT_.js → eds-card-generic.entry-w0E2hhjp.js} +1 -1
- package/{eds-card-project.entry-B7s198sC.js → eds-card-project.entry-Cek2GMTn.js} +1 -1
- package/{eds-card-project.entry-CkmokKaR.mjs → eds-card-project.entry-Cy_NC5av.mjs} +1 -1
- package/{eds-card-section.entry-DKP7IjIj.mjs → eds-card-section.entry-D1yKOTXz.mjs} +1 -1
- package/{eds-card-section.entry-CE7UQ8HN.js → eds-card-section.entry-DLE2WAV_.js} +1 -1
- package/{eds-card-tags.entry-wvkOqT1r.js → eds-card-tags.entry-CmRv-oB4.js} +1 -1
- package/{eds-card-tags.entry-BNqaohHu.mjs → eds-card-tags.entry-Q9xxbeAG.mjs} +1 -1
- package/{eds-card-tool.entry-Df_qlYY5.js → eds-card-tool.entry-DF_jWDUL.js} +1 -1
- package/{eds-card-tool.entry-CR4SuPPR.mjs → eds-card-tool.entry-Dgi1G1RH.mjs} +1 -1
- package/{eds-card-wrapper.entry-DwcKQUDS.js → eds-card-wrapper.entry-DZZOVhcJ.js} +1 -1
- package/{eds-card-wrapper.entry-CosNbMgP.mjs → eds-card-wrapper.entry-k-aNj4Ms.mjs} +1 -1
- package/{eds-code-block.entry-Bfp7Moc7.mjs → eds-code-block.entry-BjrDmUCm.mjs} +1 -1
- package/{eds-code-block.entry-D5kDIIPG.js → eds-code-block.entry-DoUacOW1.js} +1 -1
- package/{eds-cookies-preference.entry-DUwpfJG0.js → eds-cookies-preference.entry-B7gp0J-S.js} +1 -1
- package/{eds-cookies-preference.entry-ivi_kdZs.mjs → eds-cookies-preference.entry-DkA2HKmI.mjs} +2 -2
- package/eds-feedback.entry-C9Ir38bt.mjs +53 -0
- package/eds-feedback.entry-GNZz9ODR.js +1 -0
- package/{eds-frame.entry-BEG9Cq6f.mjs → eds-frame.entry-CcmLaVze.mjs} +9 -15
- package/eds-frame.entry-XyeUo6pB.js +1 -0
- package/{eds-icon-arrow-diagonal.entry-6WVlNQjt.mjs → eds-icon-arrow-diagonal.entry-B0dxbX_o.mjs} +1 -1
- package/{eds-icon-arrow-diagonal.entry-zBfSFnaZ.js → eds-icon-arrow-diagonal.entry-o5Ev_oO7.js} +1 -1
- package/{eds-icon-arrow-right.entry-B01PWxxn.js → eds-icon-arrow-right.entry-DUHmdP-V.js} +1 -1
- package/{eds-icon-arrow-right.entry-CPfwKb_P.mjs → eds-icon-arrow-right.entry-DpdjX5aS.mjs} +1 -1
- package/{eds-icon-bluesky.entry-DbVUYLJG.js → eds-icon-bluesky.entry-Bv0-EDnj.js} +1 -1
- package/eds-icon-bluesky.entry-DkSAjnck.mjs +13 -0
- package/eds-icon-bookmark.entry-Bjzq8uze.js +1 -0
- package/eds-icon-bookmark.entry-C_0B6YJU.mjs +13 -0
- package/{eds-icon-chevron-down.entry-YrhsZIQb.js → eds-icon-chevron-down.entry-BERHGaTB.js} +1 -1
- package/{eds-icon-chevron-down.entry-dCeiKlud.mjs → eds-icon-chevron-down.entry-DnKTBqKv.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-CVk_b9kc.js → eds-icon-chevron-left.entry-Bo8LqkIz.js} +1 -1
- package/{eds-icon-chevron-left.entry-CudVsOqq.mjs → eds-icon-chevron-left.entry-DT2At_f6.mjs} +1 -1
- package/{eds-icon-chevron-right.entry-Dg5UFoCU.mjs → eds-icon-chevron-right.entry-BFoMlLTp.mjs} +1 -1
- package/{eds-icon-chevron-right.entry-r7aVtAwm.js → eds-icon-chevron-right.entry-DyqeLE1B.js} +1 -1
- package/{eds-icon-chevron-up.entry-C-WjO0ys.js → eds-icon-chevron-up.entry-Bpy8lbif.js} +1 -1
- package/{eds-icon-chevron-up.entry-CEfRA3Cn.mjs → eds-icon-chevron-up.entry-JSrFaEET.mjs} +1 -1
- package/eds-icon-close.entry-CzIoe2p3.mjs +13 -0
- package/{eds-icon-close.entry-eRRe-idl.js → eds-icon-close.entry-cabdCuVg.js} +1 -1
- package/{eds-icon-copy.entry-Bv6gVwBn.mjs → eds-icon-copy.entry-C08qTrZl.mjs} +2 -2
- package/{eds-icon-copy.entry-B41dL0Pk.js → eds-icon-copy.entry-CvpG2Kxo.js} +1 -1
- package/eds-icon-eu.entry-ChZ09s02.mjs +13 -0
- package/eds-icon-eu.entry-H2skG2J6.js +1 -0
- package/eds-icon-external.entry-DKbmbXLG.mjs +13 -0
- package/eds-icon-external.entry-DVlEoMZl.js +1 -0
- package/{eds-icon-facebook.entry-CxuQ9T-z.mjs → eds-icon-facebook.entry-4bvKyXXu.mjs} +2 -2
- package/{eds-icon-facebook.entry-tLxBj2-p.js → eds-icon-facebook.entry-COSHMM4W.js} +1 -1
- package/eds-icon-gitlab.entry-BXLfky5G.mjs +13 -0
- package/{eds-icon-gitlab.entry-Bz32Y093.js → eds-icon-gitlab.entry-D_zX1Jsy.js} +1 -1
- package/{eds-icon-linkedin.entry-BOJB8PtD.js → eds-icon-linkedin.entry-CjXcA0DQ.js} +1 -1
- package/{eds-icon-linkedin.entry-C-OLKK80.mjs → eds-icon-linkedin.entry-_3H4M1ch.mjs} +2 -2
- package/eds-icon-loader.entry-BA-W8oxC.js +1 -0
- package/eds-icon-loader.entry-Cp3B6C_B.mjs +13 -0
- package/eds-icon-mastodon.entry-Bmb_O0hs.mjs +13 -0
- package/{eds-icon-mastodon.entry-DYjzOc_S.js → eds-icon-mastodon.entry-DUFdG1dJ.js} +1 -1
- package/eds-icon-menu.entry-DOdmibhy.mjs +13 -0
- package/eds-icon-menu.entry-Qg4r_OkP.js +1 -0
- package/eds-icon-minus.entry-8htg5ASo.mjs +13 -0
- package/eds-icon-minus.entry-Diem-PL4.js +1 -0
- package/{eds-icon-more.entry-BdtfLgCV.js → eds-icon-more.entry-BY-mI4ec.js} +1 -1
- package/eds-icon-more.entry-DyWgD7vJ.mjs +13 -0
- package/eds-icon-paper.entry-BI3DMxCS.mjs +13 -0
- package/eds-icon-paper.entry-D2mmnsXf.js +1 -0
- package/eds-icon-plus.entry-B8KAaEGT.js +1 -0
- package/eds-icon-plus.entry-Ccr7jseH.mjs +13 -0
- package/eds-icon-portal.entry-BLhT9_Nz.js +1 -0
- package/eds-icon-portal.entry-D2iNYdZW.mjs +13 -0
- package/eds-icon-private.entry-CK2gzDym.mjs +13 -0
- package/eds-icon-private.entry-ToYtRpET.js +1 -0
- package/eds-icon-public.entry-BOnTLyd7.js +1 -0
- package/eds-icon-public.entry-N8tks7_E.mjs +13 -0
- package/{eds-icon-search.entry-Cw8zssoR.js → eds-icon-search.entry-C9tMq1XC.js} +1 -1
- package/{eds-icon-search.entry-CnqQ_vud.mjs → eds-icon-search.entry-DuG-zesK.mjs} +2 -2
- package/{eds-icon-star.entry-BqWtt_VJ.mjs → eds-icon-star.entry-B-PeifnZ.mjs} +2 -2
- package/{eds-icon-star.entry-DhcygAni.js → eds-icon-star.entry-CHoursjw.js} +1 -1
- package/eds-icon-success.entry-BJm--l5m.mjs +13 -0
- package/{eds-icon-success.entry-59uCWiA1.js → eds-icon-success.entry-ED6eDDgi.js} +1 -1
- package/{eds-icon-thumbs-down.entry-BOvmhFfL.mjs → eds-icon-thumbs-down.entry-BzEfZ1AX.mjs} +2 -2
- package/{eds-icon-thumbs-down.entry-BNUoStSy.js → eds-icon-thumbs-down.entry-zjkeVdJJ.js} +1 -1
- package/{eds-icon-thumbs-up.entry-Bn3MBFif.js → eds-icon-thumbs-up.entry-CZJlAqFh.js} +1 -1
- package/{eds-icon-thumbs-up.entry-B5dIuh3_.mjs → eds-icon-thumbs-up.entry-DutZ0Kki.mjs} +2 -2
- package/eds-icon-tutorial.entry-DRMLIdl4.mjs +13 -0
- package/eds-icon-tutorial.entry-D_9AQ-6-.js +1 -0
- package/eds-icon-twitter.entry-CJhiAxNu.mjs +13 -0
- package/{eds-icon-twitter.entry-CGsi8ynP.js → eds-icon-twitter.entry-DDsRqP6N.js} +1 -1
- package/eds-icon-unknown.entry-57uXdegM.mjs +13 -0
- package/eds-icon-unknown.entry-7Mmqc2BG.js +1 -0
- package/eds-icon-updown.entry-BwdgdGgR.mjs +13 -0
- package/eds-icon-updown.entry-b0BvWM4f.js +1 -0
- package/eds-icon-user.entry-BJ7Wi5JO.mjs +13 -0
- package/eds-icon-user.entry-czB7LMt8.js +1 -0
- package/eds-icon-youtube.entry-BWP1dBVD.mjs +13 -0
- package/eds-icon-youtube.entry-v007UjBQ.js +1 -0
- package/{eds-login_2.entry-Be8tUQNx.mjs → eds-login_2.entry-BfzeZBGw.mjs} +106 -93
- package/{eds-login_2.entry-CiL5geMY.js → eds-login_2.entry-DmBDAFIz.js} +3 -3
- package/eds-matomo-notice.entry-B-MlwGCp.mjs +90 -0
- package/eds-matomo-notice.entry-CCiq7z7U.js +1 -0
- package/eds-modal.entry-DU5qpx-i.js +1 -0
- package/eds-modal.entry-puAN0sn-.mjs +96 -0
- package/{eds-pagination_2.entry-BcBkkuEq.js → eds-pagination_2.entry-CuaStxZg.js} +1 -1
- package/{eds-pagination_2.entry-B2q_5PRD.mjs → eds-pagination_2.entry-DWzfLRgF.mjs} +8 -8
- package/{eds-progress-bar.entry-BWnPK-6o.mjs → eds-progress-bar.entry-BRTtAttw.mjs} +2 -2
- package/{eds-progress-bar.entry-DMTDcZv8.js → eds-progress-bar.entry-qScp3MQj.js} +1 -1
- package/{eds-rating.entry-CtRb0a5R.mjs → eds-rating.entry-CEI0zBir.mjs} +2 -2
- package/{eds-rating.entry-CPCGEHHj.js → eds-rating.entry-DOTYJZZ6.js} +1 -1
- package/{eds-section-core_2.entry-BrIavUCN.mjs → eds-section-core_2.entry-BZpOdGAA.mjs} +9 -9
- package/{eds-section-core_2.entry-rRmNlbQR.js → eds-section-core_2.entry-Cmly0OqW.js} +1 -1
- package/{eds-spinner.entry-BQ7NYZow.js → eds-spinner.entry-C_3hil-u.js} +1 -1
- package/{eds-spinner.entry-D58XgaXt.mjs → eds-spinner.entry-DLqey9r7.mjs} +2 -2
- package/{eds-switch.entry-CgstZWMb.mjs → eds-switch.entry-BPHya25S.mjs} +5 -5
- package/{eds-switch.entry-CAzboLuJ.js → eds-switch.entry-IoOUDh10.js} +1 -1
- package/{eds-tabs.entry-2CrdvmEM.mjs → eds-tabs.entry-DEOntaY1.mjs} +37 -19
- package/{eds-tabs.entry-CxValIYM.js → eds-tabs.entry-lqdai_rD.js} +37 -19
- package/{eds-timeline.entry-CFAb5Cd0.js → eds-timeline.entry-CC0zKwha.js} +37 -19
- package/{eds-timeline.entry-D9ZihmLu.mjs → eds-timeline.entry-c1YpsWVJ.mjs} +37 -19
- package/{eds-toast-manager.entry-mR3GXeEW.mjs → eds-toast-manager.entry-BvunvxZX.mjs} +6 -6
- package/{eds-toast-manager.entry-DNRGmKI4.js → eds-toast-manager.entry-DMZSCFoE.js} +1 -1
- package/{eds-toast.entry-ubt1S3Kw.mjs → eds-toast.entry-DW3toqwW.mjs} +1 -1
- package/{eds-toast.entry-BRfHKFao.js → eds-toast.entry-rudQ7nhp.js} +1 -1
- package/{eds-tooltip.entry-BS9OaOdx.js → eds-tooltip.entry-CcGgCRMO.js} +1 -1
- package/{eds-tooltip.entry-D0rqB_RZ.mjs → eds-tooltip.entry-CoHV78jm.mjs} +6 -6
- package/eds-trl.entry-CQOb5dk-.mjs +34 -0
- package/{eds-trl.entry-D_xUUWvL.js → eds-trl.entry-L0XqQYCq.js} +1 -1
- package/generated/components.d.ts +0 -2
- package/incorrect-use-of-colors.entry-C1QG9658.js +1 -0
- package/incorrect-use-of-colors.entry-C3Qt3gSE.mjs +42 -0
- package/index-cHrGUVDM.js +21 -0
- package/{index-DeCYK9qM.mjs → index-xVeSZU9j.mjs} +177 -143
- package/index.js +1 -1
- package/index.mjs +27 -29
- package/logo-space.entry-H3itdzkq.mjs +19 -0
- package/logo-space.entry-epl_-703.js +6 -0
- package/logo-variations-horizontal_2.entry-CKLOzzOx.mjs +29 -0
- package/logo-variations-horizontal_2.entry-k6KqYji6.js +7 -0
- package/{eds-logo-variations.entry-DGWNGIvb.js → logo-variations-tabs.entry-BpYl8Gpo.js} +1 -1
- package/{eds-logo-variations.entry-CBy11DlE.mjs → logo-variations-tabs.entry-Df5DuYk-.mjs} +4 -4
- package/logo-wrong-usage.entry-Bkg9gp3h.mjs +14 -0
- package/logo-wrong-usage.entry-DhlWm8es.js +1 -0
- package/minus-b30a7c71-BPAvqHzH.mjs +12 -0
- package/minus-b30a7c71-DqCTe6Qh.js +9 -0
- package/package.json +1 -1
- package/paper-8e74ea31-BvGrc1Vo.mjs +16 -0
- package/paper-8e74ea31-C4CV6tlB.js +13 -0
- package/plus-89c07be2-BTXnjg5K.js +10 -0
- package/plus-89c07be2-DyT9I4-L.mjs +13 -0
- package/portal-d6c8ce56-Cj61ldo8.mjs +19 -0
- package/portal-d6c8ce56-NpSrdNZ_.js +16 -0
- package/private-1c25ff8e-D3Fo36q6.js +23 -0
- package/private-1c25ff8e-Dz82_Xf8.mjs +26 -0
- package/public-d4d8c585-BJKDD5F6.mjs +17 -0
- package/public-d4d8c585-lV6QxdPw.js +14 -0
- package/{eds-svg-repository.entry-D1rRUteH.mjs → svg-repository.entry-C1TKYvU7.mjs} +89 -88
- package/{eds-svg-repository.entry-B3RrcJof.js → svg-repository.entry-DxVwTMCv.js} +12 -31
- package/{token-list_3.entry-uSQm6z8I.mjs → token-list_3.entry-CABw7-9O.mjs} +16 -16
- package/token-list_3.entry-CawIyAia.js +1 -0
- package/{token-ratios.entry-BiuicosE.mjs → token-ratios.entry-BGWJSHfY.mjs} +2 -2
- package/token-ratios.entry-B_FOHsNq.js +1 -0
- package/{token-typography.entry-sTlt7Bpz.mjs → token-typography.entry-BHvTpH4i.mjs} +4 -4
- package/{token-typography.entry-Dn6NRvAR.js → token-typography.entry-FXRD_KVv.js} +2 -2
- package/tutotial-150ee1fd-DFdyoHVA.mjs +28 -0
- package/tutotial-150ee1fd-DjN_JBL5.js +25 -0
- package/unknown-ed01a24c-B0AcMuip.js +20 -0
- package/unknown-ed01a24c-DonOUpIC.mjs +23 -0
- package/up-and-down-d747abee-CWoZjUyq.js +10 -0
- package/up-and-down-d747abee-D7g6H0T0.mjs +13 -0
- package/color-primary-palette_6.entry-8IScvoTJ.mjs +0 -300
- package/color-primary-palette_6.entry-8sRpfe4E.js +0 -1
- package/correct-use-of-colors.entry-CfU46fhX.js +0 -1
- package/correct-use-of-colors.entry-ClTcY5vo.mjs +0 -59
- package/eds-feedback.entry-Cii4Bgav.mjs +0 -53
- package/eds-feedback.entry-mS5rXykK.js +0 -1
- package/eds-form.entry-CNUo4guS.mjs +0 -226
- package/eds-form.entry-DmOYblLu.js +0 -1
- package/eds-frame.entry-MuWFMQ5l.js +0 -1
- package/eds-icon-bluesky.entry-DKFty2p_.mjs +0 -13
- package/eds-icon-close.entry-Cec0LlPI.mjs +0 -13
- package/eds-icon-eu.entry-CIYspbep.js +0 -1
- package/eds-icon-eu.entry-C_SYaSos.mjs +0 -13
- package/eds-icon-gitlab.entry-B4Y3IL_W.mjs +0 -13
- package/eds-icon-loader.entry-Cnugn2v_.mjs +0 -13
- package/eds-icon-loader.entry-OpxpC-qI.js +0 -1
- package/eds-icon-mastodon.entry-DfYxTk7y.mjs +0 -13
- package/eds-icon-menu.entry-4XLLYwtu.js +0 -1
- package/eds-icon-menu.entry-iM24FuKl.mjs +0 -13
- package/eds-icon-more.entry-BIN9jdzF.mjs +0 -13
- package/eds-icon-success.entry-C0jA8lzW.mjs +0 -13
- package/eds-icon-twitter.entry-CRA6F5rZ.mjs +0 -13
- package/eds-icon-user.entry-BQ64yR1z.js +0 -1
- package/eds-icon-user.entry-D-nrmq6-.mjs +0 -13
- package/eds-icon-youtube.entry-BCw69oaj.js +0 -1
- package/eds-icon-youtube.entry-DTLtxuVC.mjs +0 -13
- package/eds-input_7.entry-CSdmlGYi.mjs +0 -7971
- package/eds-input_7.entry-DdKDkmAq.js +0 -7766
- package/eds-modal.entry-B3qjw7GE.mjs +0 -96
- package/eds-modal.entry-KkENKOHe.js +0 -1
- package/eds-trl.entry-CwmhIRgh.mjs +0 -34
- package/incorrect-use-of-colors.entry-B5KDlGuR.mjs +0 -42
- package/incorrect-use-of-colors.entry-_H77f9zg.js +0 -1
- package/index-QKKBbj1_.js +0 -21
- package/logo-space.entry-CGNHFbPE.js +0 -1
- package/logo-space.entry-NVMguJha.mjs +0 -14
- package/logo-variations-horizontal_2.entry-CoHmkNBR.mjs +0 -29
- package/logo-variations-horizontal_2.entry-CykdymGd.js +0 -7
- package/logo-wrong-usage.entry-BozirNNs.mjs +0 -14
- package/logo-wrong-usage.entry-DCJHE7Y8.js +0 -1
- package/token-list_3.entry-D8dKORAJ.js +0 -1
- package/token-ratios.entry-CaKfU99x.js +0 -1
- package/token-spacing.entry-B9inIBOK.mjs +0 -12
- package/token-spacing.entry-BV0NaRVV.js +0 -1
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { r as o, c as a, h as t, g as n } from "./index-xVeSZU9j.mjs";
|
|
2
|
+
import { m as i, a as r } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
+
const l = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left: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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}", c = l, m = class {
|
|
4
|
+
constructor(e) {
|
|
5
|
+
o(this, e), this.consent = a(this, "consent", 7), this.title = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.", this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.", this.forceShow = !1, this.showNotice = !0;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Listens for global custom events to open the matomo-consent.
|
|
9
|
+
*/
|
|
10
|
+
toggleCookiesConsent() {
|
|
11
|
+
this.showNotice = !this.showNotice;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Checks if the consent cookie exists.
|
|
15
|
+
*/
|
|
16
|
+
hasCookieConsent() {
|
|
17
|
+
return !!document.cookie.split("; ").find((e) => e.startsWith("mtm_consent="));
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Checks if the user has opted out after has opted in.
|
|
21
|
+
*/
|
|
22
|
+
optedOut() {
|
|
23
|
+
return !!document.cookie.split("; ").find((e) => e.startsWith("mtm_consent_removed"));
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Generate a unique storage key based on appId or the app's domain.
|
|
27
|
+
*/
|
|
28
|
+
getStorageKey() {
|
|
29
|
+
return `${window.location.host}-matomo-deferred`;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Check cookies and sessionStorage (unless forceShow is true) to decide if the notice should be shown.
|
|
33
|
+
*/
|
|
34
|
+
componentWillLoad() {
|
|
35
|
+
if (localStorage.getItem("matomo-consent-given") === "out" || this.optedOut()) {
|
|
36
|
+
this.showNotice = !1;
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
if (this.forceShow)
|
|
40
|
+
this.showNotice = !0;
|
|
41
|
+
else if (this.hasCookieConsent())
|
|
42
|
+
this.showNotice = !1;
|
|
43
|
+
else {
|
|
44
|
+
const s = sessionStorage.getItem(this.getStorageKey());
|
|
45
|
+
this.showNotice = !s;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
componentDidLoad() {
|
|
49
|
+
this.el.shadowRoot.querySelectorAll("eds-button").forEach((s) => {
|
|
50
|
+
this.emitContext(s);
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
emitContext(e) {
|
|
54
|
+
const s = new CustomEvent("parentContext", {
|
|
55
|
+
detail: {
|
|
56
|
+
componentName: this.el.tagName.toLowerCase(),
|
|
57
|
+
identifier: null
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
e.dispatchEvent(s);
|
|
61
|
+
}
|
|
62
|
+
optInAnalytics() {
|
|
63
|
+
i(), localStorage.removeItem("matomo-consent-given"), this.hideNotice(), this.consent.emit("in");
|
|
64
|
+
}
|
|
65
|
+
optOutAnalytics() {
|
|
66
|
+
r(), this.hideNotice(), this.consent.emit("out");
|
|
67
|
+
}
|
|
68
|
+
noThanks() {
|
|
69
|
+
localStorage.setItem("matomo-consent-given", "out"), this.hideNotice();
|
|
70
|
+
}
|
|
71
|
+
deferDecision() {
|
|
72
|
+
sessionStorage.setItem(this.getStorageKey(), "true"), this.hideNotice(), this.consent.emit("defer");
|
|
73
|
+
}
|
|
74
|
+
keepMeIn() {
|
|
75
|
+
this.hideNotice();
|
|
76
|
+
}
|
|
77
|
+
hideNotice() {
|
|
78
|
+
this.showNotice = !1;
|
|
79
|
+
}
|
|
80
|
+
render() {
|
|
81
|
+
return this.showNotice ? t("div", { class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, t("eds-accordion", { title: this.title, description: this.hasCookieConsent() ? this.optOutMessage : this.description, switchBg: !0, expanded: !0 }, this.hasCookieConsent() ? t("div", { class: "flex items-center gap-4" }, this.optedOut() ? t("eds-button", { intent: "primary", label: "Opt me in again", "aria-label": "Opt me in again", onClick: () => this.optInAnalytics() }) : t("eds-button", { intent: "primary", label: "Keep Me In", "aria-label": "Keep Me In", onClick: () => this.keepMeIn() }), t("eds-button", { intent: "ghostInverse", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() })) : t("div", { class: "flex items-center gap-4" }, t("eds-button", { intent: "primary", label: "I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), t("eds-button", { intent: "ghost", label: "No, thanks", "aria-label": "Opt-out from analytics", onClick: () => this.noThanks() }), t("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() })))) : null;
|
|
82
|
+
}
|
|
83
|
+
get el() {
|
|
84
|
+
return n(this);
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
m.style = c;
|
|
88
|
+
export {
|
|
89
|
+
m as eds_matomo_notice
|
|
90
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.js"),o=require("./analytics-44b1416b-ol77SdQE.js"),n=".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left: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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}",i=n,a=class{constructor(e){t.registerInstance(this,e),this.consent=t.createEvent(this,"consent",7),this.title="Analytics Consent",this.description="We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.",this.optOutMessage="You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.",this.forceShow=!1,this.showNotice=!0}toggleCookiesConsent(){this.showNotice=!this.showNotice}hasCookieConsent(){return!!document.cookie.split("; ").find(e=>e.startsWith("mtm_consent="))}optedOut(){return!!document.cookie.split("; ").find(e=>e.startsWith("mtm_consent_removed"))}getStorageKey(){return`${window.location.host}-matomo-deferred`}componentWillLoad(){if(localStorage.getItem("matomo-consent-given")==="out"||this.optedOut()){this.showNotice=!1;return}if(this.forceShow)this.showNotice=!0;else if(this.hasCookieConsent())this.showNotice=!1;else{const s=sessionStorage.getItem(this.getStorageKey());this.showNotice=!s}}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(s=>{this.emitContext(s)})}emitContext(e){const s=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(s)}optInAnalytics(){o.matomoOptIn(),localStorage.removeItem("matomo-consent-given"),this.hideNotice(),this.consent.emit("in")}optOutAnalytics(){o.matomoOptOut(),this.hideNotice(),this.consent.emit("out")}noThanks(){localStorage.setItem("matomo-consent-given","out"),this.hideNotice()}deferDecision(){sessionStorage.setItem(this.getStorageKey(),"true"),this.hideNotice(),this.consent.emit("defer")}keepMeIn(){this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?t.h("div",{class:"fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"},t.h("eds-accordion",{title:this.title,description:this.hasCookieConsent()?this.optOutMessage:this.description,switchBg:!0,expanded:!0},this.hasCookieConsent()?t.h("div",{class:"flex items-center gap-4"},this.optedOut()?t.h("eds-button",{intent:"primary",label:"Opt me in again","aria-label":"Opt me in again",onClick:()=>this.optInAnalytics()}):t.h("eds-button",{intent:"primary",label:"Keep Me In","aria-label":"Keep Me In",onClick:()=>this.keepMeIn()}),t.h("eds-button",{intent:"ghostInverse",label:"Opt-out","aria-label":"Opt-out from analytics",onClick:()=>this.optOutAnalytics()})):t.h("div",{class:"flex items-center gap-4"},t.h("eds-button",{intent:"primary",label:"I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),t.h("eds-button",{intent:"ghost",label:"No, thanks","aria-label":"Opt-out from analytics",onClick:()=>this.noThanks()}),t.h("eds-button",{intent:"ghost",label:"Ask me later","aria-label":"Defer analytics decision",onClick:()=>this.deferDecision()})))):null}get el(){return t.getElement(this)}};a.style=i;exports.eds_matomo_notice=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.js"),a=require("./analytics-44b1416b-ol77SdQE.js"),i=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}",s=i,r=class{constructor(e){t.registerInstance(this,e),this.isOpen=!1,this.title="",this.truncate=!0,this.truncateLines="1",this.position="middle"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}getModalPositionClasses(){switch(this.position){case"top":return"md:left-1/2 top-20 md:-translate-x-1/2";case"bottom":return"md:left-1/2 bottom-20 md:-translate-x-1/2";case"left":return"left-20 top-1/2 -translate-y-1/2";case"right":return"right-20 top-1/2 -translate-y-1/2";case"middle":default:return"md:left-1/2 top-1/2 md:-translate-x-1/2 -translate-y-1/2"}}async open(){var e;this.isOpen=!0,a.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((e=this.title)===null||e===void 0?void 0:e.toLowerCase())||"",action:"opened"})}async close(){var e;this.isOpen=!1,a.sendAnalytics({category:"ui-component",parentContext:null,tag:this.el.tagName.toLowerCase(),name:((e=this.title)===null||e===void 0?void 0:e.toLowerCase())||"",action:"closed"})}async toggle(){this.isOpen=!this.isOpen}handleGlobalOpen(){this.open()}handleGlobalClose(){this.close()}handleKeyDown(e){this.isOpen&&e.key==="Escape"&&this.close()}render(){const e=`modal-title-${this.el.tagName.toLowerCase()}`;return t.h("div",{key:"eb2b985e84912dabea52a9a62eb908087004c958",id:"eds-modal",class:`${this.isOpen?"block":"hidden"} fixed inset-0 z-9999999 flex`,role:"dialog","aria-modal":"true","aria-labelledby":e},this.isOpen&&t.h("div",{key:"ad47334539d1a8a8694f34ba1e90a38b7dce07ab",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),t.h("div",{key:"69d449b6ec986b5cfd73e50cc060363236035915",class:`container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center`},t.h("div",{key:"17395806ef17a06b5465174055087178db9f5356",class:"flex justify-between items-center border-b-2 border-softer pb-8"},t.h("span",{key:"daa5d63b73eab57b9b58ca06d0197f1a7002ca15",id:e,class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.title),t.h("eds-button",{key:"267ee7d1f10819c19af5eed6715465f2ba5f4831",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),t.h("div",{key:"fbd3351c851ab1089035117cca2b3ad769c26d18",class:"pt-8"},t.h("slot",{key:"9958a61e24320183bef12aef381791f11e421597"}))))}get el(){return t.getElement(this)}};r.style=s;exports.eds_modal=r;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { r, h as t, g as i } from "./index-xVeSZU9j.mjs";
|
|
2
|
+
import { s as a } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
+
const s = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:gap-y-12{row-gap:0.75rem}}", o = s, l = class {
|
|
4
|
+
constructor(e) {
|
|
5
|
+
r(this, e), this.isOpen = !1, this.title = "", this.truncate = !0, this.truncateLines = "1", this.position = "middle";
|
|
6
|
+
}
|
|
7
|
+
getTruncateClass() {
|
|
8
|
+
return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : "";
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Returns the Tailwind CSS classes to position the modal based on the `position` prop.
|
|
12
|
+
*
|
|
13
|
+
* @private
|
|
14
|
+
* @returns {string} The concatenated CSS classes for modal positioning.
|
|
15
|
+
*/
|
|
16
|
+
getModalPositionClasses() {
|
|
17
|
+
switch (this.position) {
|
|
18
|
+
case "top":
|
|
19
|
+
return "md:left-1/2 top-20 md:-translate-x-1/2";
|
|
20
|
+
case "bottom":
|
|
21
|
+
return "md:left-1/2 bottom-20 md:-translate-x-1/2";
|
|
22
|
+
case "left":
|
|
23
|
+
return "left-20 top-1/2 -translate-y-1/2";
|
|
24
|
+
case "right":
|
|
25
|
+
return "right-20 top-1/2 -translate-y-1/2";
|
|
26
|
+
case "middle":
|
|
27
|
+
default:
|
|
28
|
+
return "md:left-1/2 top-1/2 md:-translate-x-1/2 -translate-y-1/2";
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Opens the modal.
|
|
33
|
+
*/
|
|
34
|
+
async open() {
|
|
35
|
+
var e;
|
|
36
|
+
this.isOpen = !0, a({
|
|
37
|
+
category: "ui-component",
|
|
38
|
+
parentContext: null,
|
|
39
|
+
tag: this.el.tagName.toLowerCase(),
|
|
40
|
+
name: ((e = this.title) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
|
|
41
|
+
action: "opened"
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Closes the modal.
|
|
46
|
+
*/
|
|
47
|
+
async close() {
|
|
48
|
+
var e;
|
|
49
|
+
this.isOpen = !1, a({
|
|
50
|
+
category: "ui-component",
|
|
51
|
+
parentContext: null,
|
|
52
|
+
tag: this.el.tagName.toLowerCase(),
|
|
53
|
+
name: ((e = this.title) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
|
|
54
|
+
action: "closed"
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Toggles the modal open or closed.
|
|
59
|
+
*/
|
|
60
|
+
async toggle() {
|
|
61
|
+
this.isOpen = !this.isOpen;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Listens for global custom events to open the modal.
|
|
65
|
+
*/
|
|
66
|
+
handleGlobalOpen() {
|
|
67
|
+
this.open();
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* Listens for global custom events to close the modal.
|
|
71
|
+
*/
|
|
72
|
+
handleGlobalClose() {
|
|
73
|
+
this.close();
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Closes the modal when the Escape key is pressed.
|
|
77
|
+
*/
|
|
78
|
+
handleKeyDown(e) {
|
|
79
|
+
this.isOpen && e.key === "Escape" && this.close();
|
|
80
|
+
}
|
|
81
|
+
render() {
|
|
82
|
+
const e = `modal-title-${this.el.tagName.toLowerCase()}`;
|
|
83
|
+
return t("div", { key: "eb2b985e84912dabea52a9a62eb908087004c958", id: "eds-modal", class: `${this.isOpen ? "block" : "hidden"} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": e }, this.isOpen && t("div", {
|
|
84
|
+
key: "ad47334539d1a8a8694f34ba1e90a38b7dce07ab",
|
|
85
|
+
class: "fixed inset-0 bg-dark bg-opacity-90",
|
|
86
|
+
onClick: () => this.close()
|
|
87
|
+
}), t("div", { key: "69d449b6ec986b5cfd73e50cc060363236035915", class: `container max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 ${this.getModalPositionClasses()} grow justify-center` }, t("div", { key: "17395806ef17a06b5465174055087178db9f5356", class: "flex justify-between items-center border-b-2 border-softer pb-8" }, t("span", { key: "daa5d63b73eab57b9b58ca06d0197f1a7002ca15", id: e, class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.title), t("eds-button", { key: "267ee7d1f10819c19af5eed6715465f2ba5f4831", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), t("div", { key: "fbd3351c851ab1089035117cca2b3ad769c26d18", class: "pt-8" }, t("slot", { key: "9958a61e24320183bef12aef381791f11e421597" }))));
|
|
88
|
+
}
|
|
89
|
+
get el() {
|
|
90
|
+
return i(this);
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
l.style = o;
|
|
94
|
+
export {
|
|
95
|
+
l as eds_modal
|
|
96
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-QKKBbj1_.js"),g=require("./analytics-44b1416b-ol77SdQE.js"),c=require("./sharedUtils-a550989c-m4pF1Vqy.js"),u="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=u,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("page",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(s),this.currentPage=e}}render(){return i.h("div",{key:"4ebae5738982b21456e2852babeef2f5e2b4b1e0"},this.total>0&&this.mode==="default"&&i.h("p",{key:"9c18413928a471adb2b6964c78ea3339f251c81b",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"3d9d08eaaf7944ef1a6aba9b0912b7d9ebb58e28",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 p="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}",m=p,d=class{constructor(t){i.registerInstance(this,t),this.handleResize=()=>{this.updateContainerWidth()},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.tbData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery="",this.containerWidth=0}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.updateContainerWidth(),window.addEventListener("resize",this.handleResize),this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateContainerWidth(){this.hostWidth&&this.hostWidth.trim()!==""?this.containerWidth=Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.containerWidth=this.hostEl.parentElement.getBoundingClientRect().width:this.containerWidth=400}parseData(){try{this.tbData=c.parseData(this.data),this.totalRows=this.tbData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tbData=[]}}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("page",e=>this.handlePageChange(e.detail)),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tbData.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,g.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.tbData.length>0?Object.keys(this.tbData[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.hostWidth&&this.hostWidth.trim()!==""?Number(this.hostWidth):this.containerWidth||400,e=this.getVisibleColumnsCount(),s=e>0?Math.floor(t/e*this.divisionFactor()):100,a=this.getPaginatedRows(),n=Math.ceil(this.totalRows/this.rowsPerPage);return i.h("div",{key:"a9df6351c49bb17abebfaf3640c71a7c7d15cb61"},this.searchEnabled&&i.h("div",{key:"feb5708050593e791835456e6d2244332cee6062"},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:"88dcb3d9e984a77f54735fa352c811dbf4745838",class:"mt-20"},i.h("table",{key:"32ff7b76066a96bce51f885e8339c258fdecd0c6",class:"block overflow-x-auto mt-6 p-0"},i.h("thead",{key:"9f4bbf0725c618c8c2f8a3b90d6d2f2a7f9c0186"},i.h("tr",{key:"d8f24a31aad07b667ae9cc06257ddddf529f8e31",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:`${s-4}px`}},o)}))),i.h("tbody",{key:"932e2f9cbd51d1115eef42f8b1acb7bb58ccdab7"},a.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:`${s-4}px`}},this.renderCell(o[r],r))})))))),this.shouldEnablePagination()&&i.h("div",{key:"6368d38cec298dc8efa1a790d6b0cb93357f0ae5",class:"mt-20"},i.h("eds-pagination",{key:"2183eb4a6861a0e42538706bd0c9fe10a1e5d8bd",currentPage:this.currentPage,lastPage:n,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i.getElement(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};d.style=m;exports.eds_pagination=h;exports.eds_table=d;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-cHrGUVDM.js"),g=require("./analytics-44b1416b-ol77SdQE.js"),c=require("./sharedUtils-a550989c-m4pF1Vqy.js"),u="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=u,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("page",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(s),this.currentPage=e}}render(){return i.h("div",{key:"b33415e05457ccc78ea3744a1baa9affbf38ca4a"},this.total>0&&this.mode==="default"&&i.h("p",{key:"e555e94a3fd13cf0d57108bd2cca3fb97cd0c688",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"c63f1d5aa6154a23d714c74dcd9a0a75b68df579",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 p="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}",m=p,d=class{constructor(t){i.registerInstance(this,t),this.handleResize=()=>{this.updateContainerWidth()},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.tbData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery="",this.containerWidth=0}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.updateContainerWidth(),window.addEventListener("resize",this.handleResize),this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}updateContainerWidth(){this.hostWidth&&this.hostWidth.trim()!==""?this.containerWidth=Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.containerWidth=this.hostEl.parentElement.getBoundingClientRect().width:this.containerWidth=400}parseData(){try{this.tbData=c.parseData(this.data),this.totalRows=this.tbData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tbData=[]}}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("page",e=>this.handlePageChange(e.detail)),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tbData.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,g.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.tbData.length>0?Object.keys(this.tbData[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.hostWidth&&this.hostWidth.trim()!==""?Number(this.hostWidth):this.containerWidth||400,e=this.getVisibleColumnsCount(),s=e>0?Math.floor(t/e*this.divisionFactor()):100,a=this.getPaginatedRows(),n=Math.ceil(this.totalRows/this.rowsPerPage);return i.h("div",{key:"43add2309d8e2c85c98676709cd87fc07e4de017"},this.searchEnabled&&i.h("div",{key:"1213d8aaa8a2402bd1705e03375d17f570877d5e"},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:"a2ec6392ed99a527e4de46a9018bc1ea9b383ecb",class:"mt-20"},i.h("table",{key:"ef79ce872f0cb1439dd6a7987f24cac005ac23ea",class:"block overflow-x-auto mt-6 p-0"},i.h("thead",{key:"0853a09e45f748b4bc85e319cbb08efd97426617"},i.h("tr",{key:"64e114ae3661a027e9ab744ba45801d98f2faee9",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:`${s-4}px`}},o)}))),i.h("tbody",{key:"1afd468551bab11221bbfc70d0f19f4e105e7432"},a.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:`${s-4}px`}},this.renderCell(o[r],r))})))))),this.shouldEnablePagination()&&i.h("div",{key:"c415ded700580eec2464a72a1659bd8be5bcacb3",class:"mt-20"},i.h("eds-pagination",{key:"81088574b7c7fd254e07761ceed6cd1d69c2f2ed",currentPage:this.currentPage,lastPage:n,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i.getElement(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};d.style=m;exports.eds_pagination=h;exports.eds_table=d;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as h, h as i, g as d } from "./index-
|
|
1
|
+
import { r as h, h as i, g as d } from "./index-xVeSZU9j.mjs";
|
|
2
2
|
import { s as g } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
3
|
import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
|
|
4
|
-
const
|
|
4
|
+
const u = "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 = u, p = class {
|
|
5
5
|
constructor(t) {
|
|
6
6
|
h(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 = [];
|
|
7
7
|
}
|
|
@@ -109,7 +109,7 @@ const f = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(-
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
render() {
|
|
112
|
-
return i("div", { key: "
|
|
112
|
+
return i("div", { key: "b33415e05457ccc78ea3744a1baa9affbf38ca4a" }, this.total > 0 && this.mode === "default" && i("p", { key: "e555e94a3fd13cf0d57108bd2cca3fb97cd0c688", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "c63f1d5aa6154a23d714c74dcd9a0a75b68df579", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination" }, i("ul", { class: "flex items-center justify-center gap-x-8" }, i("li", { class: "mr-auto" }, i("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) => {
|
|
113
113
|
this.mode === "default" && (this.isFirstPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) - 1));
|
|
114
114
|
} })), this.mode === "default" && this.links.map((t, e) => i("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof t == "string" ? i("span", { class: "flex items-center justify-center" }, t) : i("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("li", { class: "ml-auto" }, i("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) => {
|
|
115
115
|
this.mode === "default" && (this.isLastPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) + 1));
|
|
@@ -125,7 +125,7 @@ const f = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(-
|
|
|
125
125
|
};
|
|
126
126
|
}
|
|
127
127
|
};
|
|
128
|
-
p.style =
|
|
128
|
+
p.style = f;
|
|
129
129
|
const m = "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}", b = m, v = class {
|
|
130
130
|
constructor(t) {
|
|
131
131
|
h(this, t), this.handleResize = () => {
|
|
@@ -225,7 +225,7 @@ const m = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.c
|
|
|
225
225
|
}
|
|
226
226
|
render() {
|
|
227
227
|
const t = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), s = e > 0 ? Math.floor(t / e * this.divisionFactor()) : 100, a = this.getPaginatedRows(), n = Math.ceil(this.totalRows / this.rowsPerPage);
|
|
228
|
-
return i("div", { key: "
|
|
228
|
+
return i("div", { key: "43add2309d8e2c85c98676709cd87fc07e4de017" }, this.searchEnabled && i("div", { key: "1213d8aaa8a2402bd1705e03375d17f570877d5e" }, i("eds-input-field", {
|
|
229
229
|
key: 1,
|
|
230
230
|
name: "search",
|
|
231
231
|
"aria-label": "Search",
|
|
@@ -233,13 +233,13 @@ const m = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.c
|
|
|
233
233
|
placeholder: "Search...",
|
|
234
234
|
// @ts-ignore
|
|
235
235
|
onInput: (o) => this.handleSearch(o)
|
|
236
|
-
})), i("div", { key: "
|
|
236
|
+
})), i("div", { key: "a2ec6392ed99a527e4de46a9018bc1ea9b383ecb", class: "mt-20" }, i("table", { key: "ef79ce872f0cb1439dd6a7987f24cac005ac23ea", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "0853a09e45f748b4bc85e319cbb08efd97426617" }, i("tr", { key: "64e114ae3661a027e9ab744ba45801d98f2faee9", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
|
|
237
237
|
var r;
|
|
238
238
|
return !(!((r = this.parsedConfig[o]) === null || r === void 0) && r.hidden) && i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${s - 4}px` } }, o);
|
|
239
|
-
}))), i("tbody", { key: "
|
|
239
|
+
}))), i("tbody", { key: "1afd468551bab11221bbfc70d0f19f4e105e7432" }, a.map((o) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((r) => {
|
|
240
240
|
var l;
|
|
241
241
|
return !(!((l = this.parsedConfig[r]) === null || l === void 0) && l.hidden) && i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${s - 4}px` } }, this.renderCell(o[r], r));
|
|
242
|
-
})))))), this.shouldEnablePagination() && i("div", { key: "
|
|
242
|
+
})))))), this.shouldEnablePagination() && i("div", { key: "c415ded700580eec2464a72a1659bd8be5bcacb3", class: "mt-20" }, i("eds-pagination", { key: "81088574b7c7fd254e07761ceed6cd1d69c2f2ed", currentPage: this.currentPage, lastPage: n, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
|
|
243
243
|
}
|
|
244
244
|
get hostEl() {
|
|
245
245
|
return d(this);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as r } from "./index-
|
|
1
|
+
import { r as t, h as r } from "./index-xVeSZU9j.mjs";
|
|
2
2
|
const a = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.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)}", o = a, i = class {
|
|
3
3
|
constructor(e) {
|
|
4
4
|
t(this, e), this.value = 0;
|
|
@@ -12,7 +12,7 @@ const a = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:v
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const e = this.value;
|
|
15
|
-
return r("div", { key: "
|
|
15
|
+
return r("div", { key: "9a7fa42058034305b22818d464e7b633d7831d67", role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": e, "aria-valuetext": `${e}%`, class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, r("div", { key: "90b0ac9a538b575a30163c0dbbf437e1cfe8ce39", class: "inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02", style: { width: `${e}%` } }, e, "%"));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
i.style = o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-cHrGUVDM.js"),a=".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.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)}",o=a,t=class{constructor(e){r.registerInstance(this,e),this.value=0}async updateValue(e){this.value=Math.min(100,Math.max(0,e))}render(){const e=this.value;return r.h("div",{key:"9a7fa42058034305b22818d464e7b633d7831d67",role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":e,"aria-valuetext":`${e}%`,class:"outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"},r.h("div",{key:"90b0ac9a538b575a30163c0dbbf437e1cfe8ce39",class:"inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02",style:{width:`${e}%`}},e,"%"))}};t.style=o;exports.eds_progress_bar=t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, c as n, h as i, g as o } from "./index-
|
|
1
|
+
import { r as s, c as n, h as i, g as o } from "./index-xVeSZU9j.mjs";
|
|
2
2
|
const l = ":host{display:inline-block}.block{display:block}.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)}.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}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", c = l, m = class {
|
|
3
3
|
constructor(t) {
|
|
4
4
|
s(this, t), this.rating = n(this, "rating", 7), this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
|
|
@@ -35,7 +35,7 @@ const l = ":host{display:inline-block}.block{display:block}.stars{display:flex;g
|
|
|
35
35
|
this.selectedRating = t, this.rating.emit(t);
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return i("div", { key: "
|
|
38
|
+
return i("div", { key: "2ab4f3dbc4cc3dd5272143e99c67b23086b03e18", role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (t, e) => {
|
|
39
39
|
const a = e + 1, r = a <= this.selectedRating;
|
|
40
40
|
return i("eds-button", {
|
|
41
41
|
icon: this.ratingType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-cHrGUVDM.js"),s=":host{display:inline-block}.block{display:block}.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)}.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}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}",o=s,n=class{constructor(e){r.registerInstance(this,e),this.rating=r.createEvent(this,"rating",7),this.ratingType="star",this.ratingCount=5,this.selectedRating=0}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(t=>{this.emitContext(t)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.selectedRating}});e.dispatchEvent(t)}handleClick(e){this.selectedRating=e,this.rating.emit(e)}render(){return r.h("div",{key:"2ab4f3dbc4cc3dd5272143e99c67b23086b03e18",role:"radiogroup",class:"stars flex space-x-1 my-8"},Array.from({length:this.ratingCount},(e,t)=>{const a=t+1,i=a<=this.selectedRating;return r.h("eds-button",{icon:this.ratingType,role:"radio","aria-checked":i?"true":"false","aria-label":this.ratingType,onClick:()=>this.handleClick(a),tabIndex:this.selectedRating===0&&t===0||i?0:-1,intent:i?"primary":"ghost",size:"large","extra-class":"p-2"})}))}get el(){return r.getElement(this)}};n.style=o;exports.eds_rating=n;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { r as t, h as s } from "./index-
|
|
2
|
-
const
|
|
1
|
+
import { r as t, h as s } from "./index-xVeSZU9j.mjs";
|
|
2
|
+
const a = "", n = a, c = class {
|
|
3
3
|
constructor(e) {
|
|
4
4
|
t(this, e), this.tag = "section", this.sectionTitle = "", this.headingLevel = "h2";
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
7
|
const e = this.tag;
|
|
8
|
-
return s(e, { key: "
|
|
8
|
+
return s(e, { key: "39c4280156ca46b83538de499baa9b152360b1b4" }, s("eds-section-heading", { key: "34da742e606f0e9bb485faac8aba1519eccc8934", headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), s("slot", { key: "517b8ecc112565e8c6bb0bf85b02525deaa6f9df" }));
|
|
9
9
|
}
|
|
10
10
|
};
|
|
11
|
-
|
|
12
|
-
const
|
|
11
|
+
c.style = n;
|
|
12
|
+
const d = class {
|
|
13
13
|
constructor(e) {
|
|
14
14
|
t(this, e), this.sectionTitle = void 0, this.withContainer = !0, this.headingLevel = "h2", this.tag = "div", this.spacingLarge = !1;
|
|
15
15
|
}
|
|
@@ -25,15 +25,15 @@ const h = class {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const e = this.tag, i = this.headingLevel;
|
|
28
|
-
return s(e, { key: "
|
|
28
|
+
return s(e, { key: "961a672dc3b656b0a308131a2d334aca51df77f6", class: {
|
|
29
29
|
"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8": !0,
|
|
30
30
|
container: this.withContainer,
|
|
31
31
|
"pt-48": this.spacingLarge,
|
|
32
32
|
"pt-28": !this.spacingLarge
|
|
33
|
-
} }, s(i, { key: "
|
|
33
|
+
} }, s(i, { key: "42eb2ccfba8c83cf140967e39fead6ebddc3a279", class: this.getHeadingClass() }, this.sectionTitle));
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
export {
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
c as eds_section_core,
|
|
38
|
+
d as eds_section_heading
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.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:"39c4280156ca46b83538de499baa9b152360b1b4"},t.h("eds-section-heading",{key:"34da742e606f0e9bb485faac8aba1519eccc8934",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),t.h("slot",{key:"517b8ecc112565e8c6bb0bf85b02525deaa6f9df"}))}};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:"961a672dc3b656b0a308131a2d334aca51df77f6",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},t.h(i,{key:"42eb2ccfba8c83cf140967e39fead6ebddc3a279",class:this.getHeadingClass()},this.sectionTitle))}};exports.eds_section_core=s;exports.eds_section_heading=c;
|
|
@@ -1 +1 @@
|
|
|
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-cHrGUVDM.js"),r=":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}",n=r,t=class{constructor(s){e.registerInstance(this,s),this.size="1rem",this.thickness="10px",this.borderColor="var(--grey-400)",this.bottomColor="var(--grey-900)",this.background="var(--grey-200)",this.fullscreen=!1}render(){const s=Object.assign({width:this.size,height:this.size,border:`${this.thickness} solid ${this.borderColor}`,borderBottomColor:this.bottomColor},!this.fullscreen&&{display:"inline-block"}),i=this.fullscreen?{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",zIndex:"9999999",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"}:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:"1000",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"};return e.h(e.Host,{key:"1e1e4ea2734fff8a680e55ca5163e69d2000a55d"},e.h("div",{key:"acf09f69d43404f317240c0d24e644ec0d046cd7",class:"spinner-overlay",style:i},e.h("span",{key:"3728629fdff738a0b753cd499dc26052b1e3cb7b",class:"spinner",style:s})))}};t.style=n;exports.eds_spinner=t;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as s, H as r } from "./index-
|
|
1
|
+
import { r as i, h as s, H as r } from "./index-xVeSZU9j.mjs";
|
|
2
2
|
const n = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}", o = n, l = class {
|
|
3
3
|
constructor(e) {
|
|
4
4
|
i(this, e), this.size = "1rem", this.thickness = "10px", this.borderColor = "var(--grey-400)", this.bottomColor = "var(--grey-900)", this.background = "var(--grey-200)", this.fullscreen = !1;
|
|
@@ -27,7 +27,7 @@ const n = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;
|
|
|
27
27
|
alignItems: "center",
|
|
28
28
|
justifyContent: "center"
|
|
29
29
|
};
|
|
30
|
-
return s(r, { key: "
|
|
30
|
+
return s(r, { key: "1e1e4ea2734fff8a680e55ca5163e69d2000a55d" }, s("div", { key: "acf09f69d43404f317240c0d24e644ec0d046cd7", class: "spinner-overlay", style: t }, s("span", { key: "3728629fdff738a0b753cd499dc26052b1e3cb7b", class: "spinner", style: e })));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
l.style = o;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as s, c as i, h as e } from "./index-
|
|
2
|
-
const
|
|
1
|
+
import { r as s, c as i, h as e } from "./index-xVeSZU9j.mjs";
|
|
2
|
+
const a = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}", c = a, l = class {
|
|
3
3
|
constructor(t) {
|
|
4
4
|
s(this, t), this.change = i(this, "change", 7), this.toggleSwitch = () => {
|
|
5
5
|
this.disabled || (this.checked = !this.checked, this.change.emit(this.checked));
|
|
@@ -7,14 +7,14 @@ const c = ":host{display:inline-block}.switch-container{display:inline-flex;alig
|
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
9
|
const t = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : "Toggle switch";
|
|
10
|
-
return e("div", { key: "
|
|
10
|
+
return e("div", { key: "842d7ecb771ab848481c9f1f6a1aa2f5f04505a7", class: "switch-container" }, this.labelOff && e("span", { key: "f20f4293896dcbde94346e82d10ed748bdeae0f6", class: "switch-label switch-label--off" }, this.labelOff), e("button", { key: "ac485fe118bae7f6a42ddb9f7edeccba2224312c", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-label": t, class: {
|
|
11
11
|
switch: !0,
|
|
12
12
|
"switch--checked": this.checked,
|
|
13
13
|
"switch--disabled": this.disabled
|
|
14
|
-
}, onClick: this.toggleSwitch, disabled: this.disabled }, e("span", { key: "
|
|
14
|
+
}, onClick: this.toggleSwitch, disabled: this.disabled }, e("span", { key: "3701615162b3b8946fa5b9040e77dfa20b7de3fe", class: "switch-handle" })), this.labelOn && e("span", { key: "b57bd428c7d6818bcec1f069a920a7aa2a2e776d", class: "switch-label switch-label--on" }, this.labelOn));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
l.style =
|
|
17
|
+
l.style = c;
|
|
18
18
|
export {
|
|
19
19
|
l as eds_switch
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
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-cHrGUVDM.js"),i=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-size:14px;margin:0 8px}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}",c=i,s=class{constructor(t){e.registerInstance(this,t),this.change=e.createEvent(this,"change",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.change.emit(this.checked))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return e.h("div",{key:"842d7ecb771ab848481c9f1f6a1aa2f5f04505a7",class:"switch-container"},this.labelOff&&e.h("span",{key:"f20f4293896dcbde94346e82d10ed748bdeae0f6",class:"switch-label switch-label--off"},this.labelOff),e.h("button",{key:"ac485fe118bae7f6a42ddb9f7edeccba2224312c",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},e.h("span",{key:"3701615162b3b8946fa5b9040e77dfa20b7de3fe",class:"switch-handle"})),this.labelOn&&e.h("span",{key:"b57bd428c7d6818bcec1f069a920a7aa2a2e776d",class:"switch-label switch-label--on"},this.labelOn))}};s.style=c;exports.eds_switch=s;
|