@ebrains/vue 0.5.0-alpha.0 → 0.7.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{analytics-1cde8e4a-BDRcCMlV.mjs → analytics-44b1416b-3vYuu4Xs.mjs} +10 -6
- package/analytics-44b1416b-ol77SdQE.js +1 -0
- package/{color-primary-palette_6.entry-CgeStD0V.mjs → color-primary-palette_6.entry-BDyyrFB5.mjs} +17 -17
- package/color-primary-palette_6.entry-BhxgE7ff.js +1 -0
- package/correct-use-of-colors.entry-DXASqwFp.js +1 -0
- package/correct-use-of-colors.entry-z7k3YWpg.mjs +59 -0
- package/{eds-alert_17.entry-BfpBSBVW.js → eds-accordion_22.entry-LksMmZ4o.js} +16031 -2217
- package/{eds-alert_17.entry-IJq6baZd.mjs → eds-accordion_22.entry-Lqf1NKBk.mjs} +17319 -3219
- package/eds-alert.entry-BqjTTCgj.mjs +688 -0
- package/eds-alert.entry-DZcz_4Dj.js +608 -0
- package/eds-app-root.entry-Cz-9z7Za.js +1 -0
- package/eds-app-root.entry-DobAtes_.mjs +25 -0
- package/{eds-avatar_4.entry-B7CV7v_n.mjs → eds-avatar_4.entry-BYrgwmj2.mjs} +21 -26
- package/{eds-avatar_4.entry-D1CDRW_R.js → eds-avatar_4.entry-Bqr0d5Cj.js} +2 -2
- package/eds-breadcrumb.entry-N3NSBwJL.mjs +104 -0
- package/eds-breadcrumb.entry-elqbS74P.js +1 -0
- package/eds-card-generic.entry-D5pTUUco.js +1 -0
- package/{eds-card-generic.entry-DIHPUjbI.mjs → eds-card-generic.entry-zKJ2hHOe.mjs} +9 -16
- package/{eds-card-project.entry-C2dWgXXW.mjs → eds-card-project.entry-DDo4ZJs8.mjs} +2 -2
- package/{eds-card-project.entry-CunHqbYK.js → eds-card-project.entry-e4n5lQbW.js} +1 -1
- package/eds-card-section.entry-C8nt6j3h.mjs +30 -0
- package/eds-card-section.entry-CeznIbCo.js +1 -0
- package/{eds-card-tags.entry-CQS5AtAg.js → eds-card-tags.entry-Bl3YXNtv.js} +1 -1
- package/{eds-card-tags.entry-C6jjLiGA.mjs → eds-card-tags.entry-Do9kx7rP.mjs} +1 -1
- package/{eds-card-tool.entry-Bi8w0xds.mjs → eds-card-tool.entry-BewNCjRU.mjs} +2 -2
- package/{eds-card-tool.entry-DJA23zJf.js → eds-card-tool.entry-DnVIn9BX.js} +1 -1
- package/{eds-card-wrapper.entry-BKPCc7ci.js → eds-card-wrapper.entry-BzKcrwEf.js} +1 -1
- package/{eds-card-wrapper.entry-UPnkq2JI.mjs → eds-card-wrapper.entry-DMj1bZ4i.mjs} +1 -1
- package/{eds-code-block.entry-Ckb3jisn.js → eds-code-block.entry-DUeN87Fw.js} +1 -1
- package/{eds-code-block.entry-BZTLGjqq.mjs → eds-code-block.entry-fqrA-Frf.mjs} +1 -1
- package/{eds-components-section.entry-D1ovrn93.mjs → eds-components-section.entry-BgfCSxk1.mjs} +2 -2
- package/{eds-components-section.entry-B3WrdIfL.js → eds-components-section.entry-CLJMns6h.js} +2 -2
- package/eds-cookies-preference.entry-B1a8qild.mjs +20 -0
- package/eds-cookies-preference.entry-BGx0tglE.js +1 -0
- package/{eds-docs-palettes.entry-Bk77Xn04.js → eds-docs-palettes.entry-C1EcBwSy.js} +1 -1
- package/{eds-docs-palettes.entry-lpT0ypSs.mjs → eds-docs-palettes.entry-TXbXKJJN.mjs} +2 -2
- package/{eds-docs-tokens.entry-Bi35zxEM.mjs → eds-docs-tokens.entry-B1xc8BFa.mjs} +2 -2
- package/{eds-docs-tokens.entry-DCHw-jrS.js → eds-docs-tokens.entry-BJVBVsOy.js} +1 -1
- package/eds-dropdown.entry-CMK8E_J2.mjs +83 -0
- package/eds-dropdown.entry-FqX7fOIb.js +1 -0
- package/eds-feedback.entry-B-Lue8P0.js +1 -0
- package/eds-feedback.entry-fz73-syB.mjs +53 -0
- package/{eds-form.entry-a52cYx3b.js → eds-form.entry-0saB-Hm9.js} +2 -2
- package/{eds-form.entry-xm937wbh.mjs → eds-form.entry-BB1gfXVy.mjs} +174 -159
- package/eds-frame.entry-BvJCKWMT.mjs +73 -0
- package/eds-frame.entry-dX3nZxD0.js +1 -0
- package/{eds-icon-arrow-diagonal.entry-kClkB8LF.mjs → eds-icon-arrow-diagonal.entry-BD3xdvR4.mjs} +2 -2
- package/{eds-icon-arrow-diagonal.entry-fzsCJiPP.js → eds-icon-arrow-diagonal.entry-DkQFuVkT.js} +1 -1
- package/eds-icon-arrow-right.entry-BH0zDB1H.js +1 -0
- package/eds-icon-arrow-right.entry-Diax6KZB.mjs +13 -0
- package/{eds-icon-bluesky.entry-7tzCZSoL.js → eds-icon-bluesky.entry-CDZCjWCh.js} +1 -1
- package/eds-icon-bluesky.entry-DwvxMR1q.mjs +13 -0
- package/{eds-icon-chevron-down.entry-BUG6E9eR.js → eds-icon-chevron-down.entry-CGsA1rJ0.js} +1 -1
- package/eds-icon-chevron-down.entry-CiJcqZuh.mjs +13 -0
- package/{eds-icon-chevron-left.entry-Vq-R3b59.mjs → eds-icon-chevron-left.entry-Dt2WsKob.mjs} +2 -2
- package/{eds-icon-chevron-left.entry-BT-KYjSo.js → eds-icon-chevron-left.entry-nBBudzCb.js} +1 -1
- package/{eds-icon-chevron-right.entry-B1qzmGrD.mjs → eds-icon-chevron-right.entry-BG7_qznz.mjs} +2 -2
- package/{eds-icon-chevron-right.entry-BmU_I0Y1.js → eds-icon-chevron-right.entry-CjhJFKog.js} +1 -1
- package/eds-icon-chevron-up.entry-DfsbHKk1.mjs +13 -0
- package/eds-icon-chevron-up.entry-Dy81hGw-.js +1 -0
- package/eds-icon-close.entry-CpGzc34L.mjs +13 -0
- package/{eds-icon-close.entry-DS7BLTzl.js → eds-icon-close.entry-DNhXNl8O.js} +1 -1
- package/eds-icon-copy.entry-CsD2FpUS.mjs +13 -0
- package/eds-icon-copy.entry-DD2HXgFK.js +1 -0
- package/eds-icon-eu.entry-BRuCbl7O.mjs +13 -0
- package/eds-icon-eu.entry-ChKv8iZB.js +1 -0
- package/{eds-icon-facebook.entry-B9szoikj.mjs → eds-icon-facebook.entry--ctHhWkj.mjs} +2 -2
- package/{eds-icon-facebook.entry-knUdck2t.js → eds-icon-facebook.entry-Bjkse_bn.js} +1 -1
- package/{eds-icon-gitlab.entry-IO7f4hgL.mjs → eds-icon-gitlab.entry-BDqNL5zl.mjs} +2 -2
- package/{eds-icon-gitlab.entry-pKxaKA0B.js → eds-icon-gitlab.entry-DUQcgTMM.js} +1 -1
- package/eds-icon-linkedin.entry-Cq13-Zdb.mjs +13 -0
- package/{eds-icon-linkedin.entry-BD__kbDV.js → eds-icon-linkedin.entry-D-D3hmxE.js} +1 -1
- package/eds-icon-loader.entry-DgpUjCng.mjs +13 -0
- package/eds-icon-loader.entry-rKBBXz_C.js +1 -0
- package/{eds-icon-mastodon.entry-7152lwgd.js → eds-icon-mastodon.entry-CCn_r682.js} +1 -1
- package/eds-icon-mastodon.entry-OpdPcGQ7.mjs +13 -0
- package/eds-icon-menu.entry-B3mQ8ma1.mjs +13 -0
- package/{eds-icon-menu.entry-BVU8htgo.js → eds-icon-menu.entry-DUxzhro5.js} +1 -1
- package/{eds-icon-more.entry-lossstHZ.js → eds-icon-more.entry-CBDi0LJC.js} +1 -1
- package/{eds-icon-more.entry-KE6_EsAg.mjs → eds-icon-more.entry-CDDxBiBM.mjs} +2 -2
- package/eds-icon-search.entry-Bok3Oo0Q.js +1 -0
- package/eds-icon-search.entry-CvnFqzlk.mjs +13 -0
- package/eds-icon-star.entry-BRQ07hMQ.mjs +13 -0
- package/eds-icon-star.entry-CkeEbwgJ.js +1 -0
- package/{eds-icon-success.entry-CRu9Ssdi.js → eds-icon-success.entry-DA4C5Hwg.js} +1 -1
- package/eds-icon-success.entry-nWUVTFzX.mjs +13 -0
- package/eds-icon-thumbs-down.entry-BqEOrmiW.js +1 -0
- package/eds-icon-thumbs-down.entry-Dme-Ippn.mjs +13 -0
- package/eds-icon-thumbs-up.entry-Dkqv6r_x.js +1 -0
- package/eds-icon-thumbs-up.entry-Dp-eslmx.mjs +13 -0
- package/eds-icon-twitter.entry-BcZ2atce.js +1 -0
- package/eds-icon-twitter.entry-CqalD8Wf.mjs +13 -0
- package/eds-icon-user.entry-DU8EF-lQ.mjs +13 -0
- package/{eds-icon-user.entry-DkRLDrdp.js → eds-icon-user.entry-DpvoOnVA.js} +1 -1
- package/{eds-icon-youtube.entry-DL5fWU8k.js → eds-icon-youtube.entry-DbPAn4pN.js} +1 -1
- package/{eds-icon-youtube.entry-CRRGbDsw.mjs → eds-icon-youtube.entry-vFg7QtYg.mjs} +2 -2
- package/eds-login_2.entry-6Hxmqih9.js +9 -0
- package/{keycloak-d502ec16-Ce0iGqyk.mjs → eds-login_2.entry-DD8g9nqu.mjs} +288 -210
- package/eds-logo-variations.entry-CDTTH-iG.mjs +22 -0
- package/{eds-logo-variations.entry-BnB25dDH.js → eds-logo-variations.entry-dLBnZPi7.js} +1 -1
- package/{eds-modal.entry-CCy9SRVR.mjs → eds-modal.entry-CV3bf08X.mjs} +17 -5
- package/{eds-modal.entry-B9gXEOjT.js → eds-modal.entry-DJybVbNk.js} +1 -1
- package/{eds-progress-bar.entry-D56TNSGj.js → eds-progress-bar.entry-23-I0rSz.js} +1 -1
- package/{eds-progress-bar.entry-BtI2_94Z.mjs → eds-progress-bar.entry-BP6AqtI7.mjs} +2 -2
- package/eds-rating.entry-CHo7h3Y4.mjs +61 -0
- package/eds-rating.entry-dDYfYR7o.js +1 -0
- package/{eds-section-core_2.entry-BmbK_RfT.js → eds-section-core_2.entry-BdnBCBit.js} +1 -1
- package/{eds-section-core_2.entry-pmUkAIz7.mjs → eds-section-core_2.entry-DTItYLUC.mjs} +4 -4
- package/eds-spinner.entry-BwTZAz8I.mjs +36 -0
- package/eds-spinner.entry-CXLe8IAk.js +1 -0
- package/eds-steps.entry-Nz_XqcUl.mjs +28 -0
- package/eds-steps.entry-ceVyrSe-.js +1 -0
- package/{eds-svg-repository.entry-DZ1FMRrQ.js → eds-svg-repository.entry-CKQ6S13R.js} +13 -13
- package/{eds-svg-repository.entry-B3xCCFOp.mjs → eds-svg-repository.entry-DoYT85te.mjs} +54 -48
- package/eds-switch.entry-4a3DLV-c.js +1 -0
- package/eds-switch.entry-DjT9dev_.mjs +20 -0
- package/{eds-input_7.entry-BZ9afXqe.js → eds-tabs.entry-BYxiMlkR.mjs} +752 -41
- package/{eds-input_7.entry-WvoE_Mue.mjs → eds-tabs.entry-DJKEg0Gs.js} +649 -247
- package/eds-timeline.entry-DKx-pd67.js +1 -0
- package/eds-timeline.entry-DOSKCjPH.mjs +45 -0
- package/eds-toast-manager.entry-BV-sP7cR.mjs +36 -0
- package/eds-toast-manager.entry-BopxpC3o.js +1 -0
- package/eds-toast.entry-DDBTRdmP.mjs +61 -0
- package/eds-toast.entry-DPibhM-Z.js +3 -0
- package/{eds-tooltip.entry-CTCdKTKM.mjs → eds-tooltip.entry-B53fpM9t.mjs} +8 -8
- package/{eds-tooltip.entry-eiFlYpfl.js → eds-tooltip.entry-Cf6bse_x.js} +1 -1
- package/eds-trl.entry-C0cSVG_Q.mjs +34 -0
- package/eds-trl.entry-fYVgYPts.js +1 -0
- package/eds-user.entry-hUkYJDp4.js +1 -0
- package/eds-user.entry-qM0swzIt.mjs +26 -0
- package/{eds-vertical-stepper.entry-DpcwvOst.mjs → eds-vertical-stepper.entry-Bb6dUinj.mjs} +5 -5
- package/{eds-vertical-stepper.entry-O_GJNo8B.js → eds-vertical-stepper.entry-CvadBA1x.js} +1 -1
- package/formUtils-ac68474d-BDuxB0K8.js +1 -0
- package/formUtils-ac68474d-D2e59S7S.mjs +122 -0
- package/generated/components.d.ts +4 -1
- package/incorrect-use-of-colors.entry-B6fKAvAx.mjs +42 -0
- package/incorrect-use-of-colors.entry-DZ_SBoa8.js +1 -0
- package/index-D4alMZtT.js +21 -0
- package/{index-C-Gy1Lax.mjs → index-E1PpO1J3.mjs} +450 -386
- package/index.js +1 -1
- package/index.mjs +32 -29
- package/{logo-space.entry-D56IaLNE.js → logo-space.entry-BOh7Odfh.js} +1 -1
- package/{logo-space.entry-DERJLkyL.mjs → logo-space.entry-xGhYUj5r.mjs} +7 -7
- package/logo-variations-horizontal_2.entry-BWlXcmRe.js +7 -0
- package/logo-variations-horizontal_2.entry-CIUDEw3Y.mjs +29 -0
- package/logo-wrong-usage.entry-CtPXf-5h.js +1 -0
- package/logo-wrong-usage.entry-D4aBJ6Wk.mjs +14 -0
- package/package.json +1 -1
- package/sharedUtils-a550989c-Ci3Tx3jc.mjs +15 -0
- package/sharedUtils-a550989c-m4pF1Vqy.js +1 -0
- package/star-0da9b5e9-B3-jr0yE.js +3 -0
- package/star-0da9b5e9-DX8_iFmu.mjs +6 -0
- package/thumbs-down-a18fd049-CzuBAj99.mjs +6 -0
- package/thumbs-down-a18fd049-DTNIbYbm.js +3 -0
- package/thumbs-up-c19a71bc-CjLv5Wgw.mjs +7 -0
- package/thumbs-up-c19a71bc-w8Z8gegt.js +4 -0
- package/{token-list_3.entry-Zgzwbhio.mjs → token-list_3.entry-DJ-cqa3_.mjs} +4 -4
- package/{token-list_3.entry-C0Tohj1W.js → token-list_3.entry-DVoMZtdK.js} +1 -1
- package/{token-ratios.entry-B7ZwRluK.mjs → token-ratios.entry-FKky7w4Z.mjs} +2 -2
- package/token-ratios.entry-JS-ffZPx.js +1 -0
- package/token-spacing.entry-Cf5LP8jh.mjs +12 -0
- package/token-spacing.entry-YJWgDaTr.js +1 -0
- package/{token-typography.entry-D4bxbB2m.mjs → token-typography.entry-CKyKPdVF.mjs} +2 -2
- package/{token-typography.entry-D-PPtDvs.js → token-typography.entry-CuHfxHRU.js} +1 -1
- package/analytics-1cde8e4a-B_MD-9qW.js +0 -1
- package/color-primary-palette_6.entry-c_K7930i.js +0 -1
- package/correct-use-of-colors.entry-De5Tcxdm.mjs +0 -59
- package/correct-use-of-colors.entry-DpmXW_CD.js +0 -1
- package/eds-accordion.entry-B8TjhnWX.mjs +0 -49
- package/eds-accordion.entry-BySfMYU2.js +0 -4
- package/eds-card-generic.entry-BhLK-nyp.js +0 -1
- package/eds-card-section.entry-0n2V-MH6.js +0 -1
- package/eds-card-section.entry-Ccjil38X.mjs +0 -39
- package/eds-dropdown_2.entry-Bamjbo1o.mjs +0 -115
- package/eds-dropdown_2.entry-YEBzyKJu.js +0 -1
- package/eds-frame.entry-BnT9nQwa.js +0 -1
- package/eds-frame.entry-CU7GoLj6.mjs +0 -74
- package/eds-icon-arrow-right.entry-B75Ra6OD.js +0 -1
- package/eds-icon-arrow-right.entry-DX6A-VKL.mjs +0 -13
- package/eds-icon-bluesky.entry-BNSdVu2K.mjs +0 -13
- package/eds-icon-chevron-down.entry-BLvZ3e_N.mjs +0 -13
- package/eds-icon-chevron-up.entry-DXXRgw1V.js +0 -1
- package/eds-icon-chevron-up.entry-DuySJU_i.mjs +0 -13
- package/eds-icon-close.entry-DDxUAr21.mjs +0 -13
- package/eds-icon-copy.entry-DNa1wI4F.mjs +0 -13
- package/eds-icon-copy.entry-Nz_P5A7p.js +0 -1
- package/eds-icon-eu.entry-CLQcoimB.js +0 -1
- package/eds-icon-eu.entry-DTdf6Skc.mjs +0 -13
- package/eds-icon-linkedin.entry-CryUW1Er.mjs +0 -13
- package/eds-icon-loader.entry-B_3Sd6PB.js +0 -1
- package/eds-icon-loader.entry-CxizdRT8.mjs +0 -13
- package/eds-icon-mastodon.entry-MyM74vvm.mjs +0 -13
- package/eds-icon-menu.entry-5RRmRTxa.mjs +0 -13
- package/eds-icon-search.entry-Dg0wabdP.mjs +0 -13
- package/eds-icon-search.entry-DiYaxnYX.js +0 -1
- package/eds-icon-success.entry-_fWfddhX.mjs +0 -13
- package/eds-icon-twitter.entry-B4xPE3Vz.js +0 -1
- package/eds-icon-twitter.entry-DHFpeStb.mjs +0 -13
- package/eds-icon-user.entry-BOv2lInW.mjs +0 -13
- package/eds-login.entry-BRWK6otG.js +0 -1
- package/eds-login.entry-C0eOhlEq.mjs +0 -58
- package/eds-logo-variations.entry-Cw44vuQE.mjs +0 -22
- package/eds-matomo-notice.entry-BpwE1vQ3.js +0 -1
- package/eds-matomo-notice.entry-DsLbzeqQ.mjs +0 -91
- package/eds-navigator.entry-B9scz8p_.js +0 -1
- package/eds-navigator.entry-Dk-4UW_d.mjs +0 -33
- package/eds-pagination_2.entry-D_sngThL.js +0 -1
- package/eds-pagination_2.entry-M3CLFGN_.mjs +0 -249
- package/eds-tab.entry-Bpv6R_M0.mjs +0 -31
- package/eds-tab.entry-DjpVgaDN.js +0 -1
- package/eds-tabs-content.entry-Bj5wNmkr.js +0 -1
- package/eds-tabs-content.entry-CzwoLZzR.mjs +0 -106
- package/eds-tabs.entry-BYBPkYRs.mjs +0 -112
- package/eds-tabs.entry-Cbc9yhHL.js +0 -1
- package/eds-timeline.entry-Bq-eo4Og.js +0 -1
- package/eds-timeline.entry-DJYcN7rN.mjs +0 -51
- package/eds-trl.entry-8BXrp9SK.mjs +0 -34
- package/eds-trl.entry-DtffM-e5.js +0 -1
- package/eds-user.entry-DfBE6LuF.js +0 -1
- package/eds-user.entry-ybggwcts.mjs +0 -66
- package/incorrect-use-of-colors.entry-CDHLoNBa.js +0 -1
- package/incorrect-use-of-colors.entry-DbwiJCH0.mjs +0 -42
- package/index-D_kZU_4I.js +0 -21
- package/keycloak-d502ec16-m7LwS-Gh.js +0 -9
- package/logo-variations-horizontal_2.entry-OY3Zka_7.js +0 -7
- package/logo-variations-horizontal_2.entry-wp9D1MMl.mjs +0 -29
- package/logo-wrong-usage.entry-BniBpQrN.js +0 -1
- package/logo-wrong-usage.entry-RgKFDObE.mjs +0 -14
- package/token-ratios.entry-bO5CkZ9D.js +0 -1
- package/token-spacing.entry-BTYazF9c.js +0 -1
- package/token-spacing.entry-_yyMlwbO.mjs +0 -12
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r as e, h as r } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { m as c } from "./menu-340ea948-BpnYX3gY.mjs";
|
|
3
|
-
const a = class {
|
|
4
|
-
constructor(s) {
|
|
5
|
-
e(this, s), this.class = "";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return r("span", { key: "0084602c8e870b70caa66479f71bed3bd0cce94e", class: this.class, innerHTML: c });
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
a as eds_icon_menu
|
|
13
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r as c, h as r } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { s as a } from "./search-fbcd79c2-rfV0PlHP.mjs";
|
|
3
|
-
const n = class {
|
|
4
|
-
constructor(s) {
|
|
5
|
-
c(this, s), this.class = "";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return r("span", { key: "42acc730afd956c2884b0789b3ea37ccf323630b", class: this.class, innerHTML: a });
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
n as eds_icon_search
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),s=require("./search-fbcd79c2-BMxCaeEk.js"),r=class{constructor(c){e.registerInstance(this,c),this.class=""}render(){return e.h("span",{key:"42acc730afd956c2884b0789b3ea37ccf323630b",class:this.class,innerHTML:s.search})}};exports.eds_icon_search=r;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r as c, h as e } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { s as r } from "./success-443809da-BD23vltm.mjs";
|
|
3
|
-
const n = class {
|
|
4
|
-
constructor(s) {
|
|
5
|
-
c(this, s), this.class = "";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return e("span", { key: "8b5d4cfeedf6d7e9bea48d7ba892527d484c858d", class: this.class, innerHTML: r });
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
n as eds_icon_success
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),c=require("./twitter-ac21b505-DDdHS4hB.js"),s=class{constructor(t){e.registerInstance(this,t),this.class=""}render(){return e.h("span",{key:"a06ab2e79a1ec7603244ec09649ccc2c9ea1950c",class:this.class,innerHTML:c.twitter})}};exports.eds_icon_twitter=s;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r as t, h as r } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { t as c } from "./twitter-ac21b505-CGWVGWM9.mjs";
|
|
3
|
-
const i = class {
|
|
4
|
-
constructor(s) {
|
|
5
|
-
t(this, s), this.class = "";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return r("span", { key: "a06ab2e79a1ec7603244ec09649ccc2c9ea1950c", class: this.class, innerHTML: c });
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
i as eds_icon_twitter
|
|
13
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r, h as e } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { u as t } from "./user-71ebdc15-CoHlCtJg.mjs";
|
|
3
|
-
const a = class {
|
|
4
|
-
constructor(s) {
|
|
5
|
-
r(this, s), this.class = "";
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return e("span", { key: "cb31d12146ff577195650b502f51005092404a30", class: this.class, innerHTML: t });
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
a as eds_icon_user
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),t=require("./keycloak-d502ec16-m7LwS-Gh.js"),a=require("./toastManager-d9eee791-DvR_vUPI.js"),r=class{constructor(i){e.registerInstance(this,i),this.authStatusChanged=e.createEvent(this,"authStatusChanged",7),this.handleLogin=async()=>{if(!this.authenticated)try{await t.login(),a.toast.show("You are authenticated","success")}catch(s){a.toast.show(s.message,"error")}},this.handleLogout=async()=>{try{await t.logout()}catch(s){a.toast.show(s.message,"error")}this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.authenticated=!1,this.user=null}async componentWillLoad(){if(!this.keycloakUrl||!this.keycloakRealm||!this.keycloakClientId){console.error("Keycloak configuration props are missing.");return}await this.initAuth()}async initAuth(){try{await t.initKeycloak({url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId},!0),t.isAuthenticated()&&(this.user=t.getUser(),this.authenticated=!0,this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user}))}catch(i){a.toast.show(i.message,"error")}}render(){return e.h("div",{key:"cd30a135920ae77959330a43a8544bb9c231986e",class:"block"},!this.authenticated&&e.h("eds-button",{key:"98fa63c46b063a67c215ff9160c6dfbfee2265f7",label:"Login",intent:"primary","extra-class":"text-default","aria-label":"Login",triggerClick:this.handleLogin.bind(this)}))}};exports.eds_login=r;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { r as i, c as r, h as s } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { l as n, a as h, i as o, b as c, g as l } from "./keycloak-d502ec16-Ce0iGqyk.mjs";
|
|
3
|
-
import { t } from "./toastManager-d9eee791-CEYNwx25.mjs";
|
|
4
|
-
const g = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
i(this, e), this.authStatusChanged = r(this, "authStatusChanged", 7), this.handleLogin = async () => {
|
|
7
|
-
if (!this.authenticated)
|
|
8
|
-
try {
|
|
9
|
-
await n(), t.show("You are authenticated", "success");
|
|
10
|
-
} catch (a) {
|
|
11
|
-
t.show(a.message, "error");
|
|
12
|
-
}
|
|
13
|
-
}, this.handleLogout = async () => {
|
|
14
|
-
try {
|
|
15
|
-
await h();
|
|
16
|
-
} catch (a) {
|
|
17
|
-
t.show(a.message, "error");
|
|
18
|
-
}
|
|
19
|
-
this.authenticated = !1, this.user = null;
|
|
20
|
-
}, this.keycloakUrl = void 0, this.keycloakRealm = void 0, this.keycloakClientId = void 0, this.authenticated = !1, this.user = null;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Lifecycle method that runs when the component is about to load.
|
|
24
|
-
* It initializes authentication by calling the `initAuth` method.
|
|
25
|
-
*/
|
|
26
|
-
async componentWillLoad() {
|
|
27
|
-
if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
|
|
28
|
-
console.error("Keycloak configuration props are missing.");
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
await this.initAuth();
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* Initializes the Keycloak authentication by configuring Keycloak with the provided props.
|
|
35
|
-
* Sets the `authenticated` state and `user` data if the user is authenticated.
|
|
36
|
-
* Emits `authStatusChanged` event with the authentication status.
|
|
37
|
-
*/
|
|
38
|
-
async initAuth() {
|
|
39
|
-
try {
|
|
40
|
-
await o({
|
|
41
|
-
url: this.keycloakUrl,
|
|
42
|
-
realm: this.keycloakRealm,
|
|
43
|
-
clientId: this.keycloakClientId
|
|
44
|
-
}, !0), c() && (this.user = l(), this.authenticated = !0, this.authStatusChanged.emit({
|
|
45
|
-
authenticated: this.authenticated,
|
|
46
|
-
user: this.user
|
|
47
|
-
}));
|
|
48
|
-
} catch (e) {
|
|
49
|
-
t.show(e.message, "error");
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
render() {
|
|
53
|
-
return s("div", { key: "cd30a135920ae77959330a43a8544bb9c231986e", class: "block" }, !this.authenticated && s("eds-button", { key: "98fa63c46b063a67c215ff9160c6dfbfee2265f7", label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }));
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
export {
|
|
57
|
-
g as eds_login
|
|
58
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { r as e, h as t } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
const a = class {
|
|
3
|
-
constructor(n) {
|
|
4
|
-
e(this, n), this.tabIndex = void 0;
|
|
5
|
-
}
|
|
6
|
-
renderContent() {
|
|
7
|
-
switch (this.tabIndex) {
|
|
8
|
-
case 0:
|
|
9
|
-
return t("logo-variations-horizontal", null);
|
|
10
|
-
case 1:
|
|
11
|
-
return t("logo-variations-vertical", null);
|
|
12
|
-
default:
|
|
13
|
-
return t("p", null, "Content not available.");
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return t("div", { key: "0494cbb3e7b4902e91a0c78c691bc3405b9f11cc", class: "container" }, this.renderContent());
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
export {
|
|
21
|
-
a as eds_logo_variations
|
|
22
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D_kZU_4I.js"),a=require("./toastManager-d9eee791-DvR_vUPI.js"),n=require("./analytics-1cde8e4a-B_MD-9qW.js"),i=".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}.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))}}",l=i,o=class{constructor(e){t.registerInstance(this,e),this.title="Analytics Consent",this.description="We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.",this.showNotice=!0}componentWillLoad(){this.checkConsentCookie()}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)}checkConsentCookie(){const e=document.cookie.split("; ").find(r=>r.startsWith("mtm_consent=")),s=sessionStorage.getItem("matomo-deferred");this.showNotice=!e&&!s}optInAnalytics(){n.matomoOptIn(),a.toast.show("You have opted in to analytics.","success"),this.hideNotice()}deferDecision(){sessionStorage.setItem("matomo-deferred","true"),a.toast.show("You can decide later.","warning"),this.hideNotice()}hideNotice(){this.showNotice=!1}render(){return this.showNotice?t.h("div",{class:"fixed bottom-0 p-8 z-10 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.description,switchBg:!0,expanded:!0},t.h("div",{class:"flex items-center gap-4"},t.h("eds-button",{intent:"primary",label:"Yes, I agree","aria-label":"Opt-in for analytics",onClick:()=>this.optInAnalytics()}),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)}};o.style=l;exports.eds_matomo_notice=o;
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { r, h as s, g as n } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { t as a } from "./toastManager-d9eee791-CEYNwx25.mjs";
|
|
3
|
-
import { m as i } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
|
|
4
|
-
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}.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, d = class {
|
|
5
|
-
constructor(t) {
|
|
6
|
-
r(this, t), this.title = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.", this.showNotice = !0;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Lifecycle method called before the component is rendered.
|
|
10
|
-
* Checks for the presence of the "mtm_consent" cookie to determine
|
|
11
|
-
* if the notice should be displayed.
|
|
12
|
-
*/
|
|
13
|
-
componentWillLoad() {
|
|
14
|
-
this.checkConsentCookie();
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Lifecycle method called after the component has been rendered.
|
|
18
|
-
* Emits `parentContext` events for each `eds-button` in the shadow DOM.
|
|
19
|
-
*/
|
|
20
|
-
componentDidLoad() {
|
|
21
|
-
this.el.shadowRoot.querySelectorAll("eds-button").forEach((e) => {
|
|
22
|
-
this.emitContext(e);
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Emits a custom `parentContext` event for a given button element.
|
|
27
|
-
* This can be used to provide context information about the component.
|
|
28
|
-
*
|
|
29
|
-
* @param linkElement - The button element to which the event will be dispatched.
|
|
30
|
-
*/
|
|
31
|
-
emitContext(t) {
|
|
32
|
-
const e = new CustomEvent("parentContext", {
|
|
33
|
-
detail: {
|
|
34
|
-
componentName: this.el.tagName.toLowerCase(),
|
|
35
|
-
identifier: null
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
t.dispatchEvent(e);
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Checks if the Matomo "mtm_consent" cookie exists in the browser.
|
|
42
|
-
* If the cookie is found, the notice is hidden.
|
|
43
|
-
*/
|
|
44
|
-
checkConsentCookie() {
|
|
45
|
-
const t = document.cookie.split("; ").find((o) => o.startsWith("mtm_consent=")), e = sessionStorage.getItem("matomo-deferred");
|
|
46
|
-
this.showNotice = !t && !e;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* Handles user consent for analytics tracking.
|
|
50
|
-
* Calls the `matomoOptIn` utility and shows a success toast notification.
|
|
51
|
-
*/
|
|
52
|
-
optInAnalytics() {
|
|
53
|
-
i(), a.show("You have opted in to analytics.", "success"), this.hideNotice();
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Handles user opt-out from analytics tracking.
|
|
57
|
-
* Calls the `matomoOptOut` utility and shows a warning toast notification.
|
|
58
|
-
|
|
59
|
-
private optOutAnalytics() {
|
|
60
|
-
matomoOptOut();
|
|
61
|
-
toast.show('You have opted out of analytics.', 'warning');
|
|
62
|
-
this.hideNotice();
|
|
63
|
-
}*/
|
|
64
|
-
/**
|
|
65
|
-
* Handles "Ask me later" action by storing a session storage entry
|
|
66
|
-
* and hiding the notice for the rest of the session.
|
|
67
|
-
*/
|
|
68
|
-
deferDecision() {
|
|
69
|
-
sessionStorage.setItem("matomo-deferred", "true"), a.show("You can decide later.", "warning"), this.hideNotice();
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Hides the notice by updating the `showNotice` state.
|
|
73
|
-
*/
|
|
74
|
-
hideNotice() {
|
|
75
|
-
this.showNotice = !1;
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* Renders the Matomo consent notice with user options.
|
|
79
|
-
* Includes an accordion for the description and two buttons for user consent.
|
|
80
|
-
*/
|
|
81
|
-
render() {
|
|
82
|
-
return this.showNotice ? s("div", { class: "fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, s("eds-accordion", { title: this.title, description: this.description, switchBg: !0, expanded: !0 }, s("div", { class: "flex items-center gap-4" }, s("eds-button", { intent: "primary", label: "Yes, I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), s("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() })))) : null;
|
|
83
|
-
}
|
|
84
|
-
get el() {
|
|
85
|
-
return n(this);
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
d.style = c;
|
|
89
|
-
export {
|
|
90
|
-
d as eds_matomo_notice
|
|
91
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),n=class{constructor(t){e.registerInstance(this,t),this.prevLabel=void 0,this.nextLabel=void 0,this.prevUrl=void 0,this.nextUrl=void 0,this.linkSize="small",this.linkIntent="tertiary"}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(i=>{this.emitContext(i)})}emitContext(t){const i=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(i)}render(){return e.h("ul",{key:"712287e683436cc98c2d6ef195501add1929522e",class:"flex lg:flex grow items-center justify-center gap-x-8"},this.prevLabel&&e.h("eds-link",{key:"4fda36ce37897284d7062f88133f147831d96a6f",label:this.prevLabel,url:this.prevUrl||void 0,disabled:!this.prevUrl,"aria-label":this.prevLabel,size:this.linkSize,intent:this.linkIntent,class:"mr-auto !p-8 lg:!pr-12"},e.h("eds-icon-wrapper",{key:"9bfa6bbbdc68641f65bec49f207d96f075b9a5b0",icon:"chevron-left"}),this.prevLabel),this.nextLabel&&e.h("eds-link",{key:"6ee8ebee011a2c30a74645b072c7c37929d0a55f",label:this.nextLabel,url:this.nextUrl||void 0,disabled:!this.nextUrl,"aria-label":this.nextLabel,size:this.linkSize,intent:this.linkIntent,class:"ml-auto !p-8 lg:!pl-12"},this.nextLabel,e.h("eds-icon-wrapper",{key:"44ebd4dcce0e367df7d9035bb445e49fde35e913",icon:"chevron-right",class:"w-20 h-20"})))}get el(){return e.getElement(this)}};exports.eds_navigator=n;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { r as n, h as e, g as l } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
const a = class {
|
|
3
|
-
constructor(t) {
|
|
4
|
-
n(this, t), this.prevLabel = void 0, this.nextLabel = void 0, this.prevUrl = void 0, this.nextUrl = void 0, this.linkSize = "small", this.linkIntent = "tertiary";
|
|
5
|
-
}
|
|
6
|
-
componentDidLoad() {
|
|
7
|
-
this.el.querySelectorAll("eds-link").forEach((i) => {
|
|
8
|
-
this.emitContext(i);
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Emits a custom event 'parentContext' for a given link element with the component's context.
|
|
13
|
-
* @param linkElement - The eds-link element to emit the event for.
|
|
14
|
-
*/
|
|
15
|
-
emitContext(t) {
|
|
16
|
-
const i = new CustomEvent("parentContext", {
|
|
17
|
-
detail: {
|
|
18
|
-
componentName: this.el.tagName.toLowerCase(),
|
|
19
|
-
identifier: null
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
t.dispatchEvent(i);
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
return e("ul", { key: "712287e683436cc98c2d6ef195501add1929522e", class: "flex lg:flex grow items-center justify-center gap-x-8" }, this.prevLabel && e("eds-link", { key: "4fda36ce37897284d7062f88133f147831d96a6f", label: this.prevLabel, url: this.prevUrl || void 0, disabled: !this.prevUrl, "aria-label": this.prevLabel, size: this.linkSize, intent: this.linkIntent, class: "mr-auto !p-8 lg:!pr-12" }, e("eds-icon-wrapper", { key: "9bfa6bbbdc68641f65bec49f207d96f075b9a5b0", icon: "chevron-left" }), this.prevLabel), this.nextLabel && e("eds-link", { key: "6ee8ebee011a2c30a74645b072c7c37929d0a55f", label: this.nextLabel, url: this.nextUrl || void 0, disabled: !this.nextUrl, "aria-label": this.nextLabel, size: this.linkSize, intent: this.linkIntent, class: "ml-auto !p-8 lg:!pl-12" }, this.nextLabel, e("eds-icon-wrapper", { key: "44ebd4dcce0e367df7d9035bb445e49fde35e913", icon: "chevron-right", class: "w-20 h-20" })));
|
|
26
|
-
}
|
|
27
|
-
get el() {
|
|
28
|
-
return l(this);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
a as eds_navigator
|
|
33
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-D_kZU_4I.js"),d=require("./analytics-1cde8e4a-B_MD-9qW.js"),c="ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}",f=c,h=class{constructor(t){i.registerInstance(this,t),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){this.mode==="default"&&this.generateLinks()}componentDidLoad(){this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach(e=>{this.emitContext(e)})}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){this.mode==="default"&&this.generateLinks()}isFirstPage(){return this.currentPage===1}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map(t=>typeof t=="number"?this.generateLink(t):t):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map((t,e)=>this.generateLink(e+1)))}getPaginationGenerator(t,e){const a=[];if(e<=5)for(let n=1;n<=e;n++)a.push(n);else{a.push(1),t-1>2&&a.push("...");for(let n=Math.max(2,t-1);n<=Math.min(e-1,t+1);n++)a.push(n);t+1<e-1&&a.push("..."),a.push(e)}return a}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if(this.mode!=="navigator"&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map(a=>typeof a=="object"?Object.assign(Object.assign({},a),{current:parseInt(a.label)===e}):a);const s=new CustomEvent("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(s),this.currentPage=e}}render(){return i.h("div",{key:"8c8418eec263acc153a928b752775458f897504f"},this.total>0&&this.mode==="default"&&i.h("p",{key:"02a5a69772a4812f10b29e8df117b72df210614d",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"ef9804843100c722643c24e31a05f86f2d55efa0",class:"sr-only"},"Results:"),this.pageResults()),this.mode==="navigator"||this.lastPage&&this.lastPage>1?i.h("nav",{"aria-label":"Pagination"},i.h("ul",{class:"flex items-center justify-center gap-x-8"},i.h("li",{class:"mr-auto"},i.h("eds-link",{label:this.prevLabel,url:this.mode==="navigator"?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:this.mode==="navigator"?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{this.mode==="default"&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),this.mode==="default"&&this.links.map((t,e)=>i.h("li",{key:e,class:"f-ui-02 flex h-36 items-center justify-center"},typeof t=="string"?i.h("span",{class:"flex items-center justify-center"},t):i.h("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:s=>this.handlePageClick(s,parseInt(t.label))}))),i.h("li",{class:"ml-auto"},i.h("eds-link",{label:this.nextLabel,url:this.mode==="navigator"?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:this.mode==="navigator"?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{this.mode==="default"&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i.getElement(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};h.style=f;const u="table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}",p=u,g=class{constructor(t){i.registerInstance(this,t),this.data=null,this.endpoint=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.hostWidth=void 0,this.columnSize="default",this.tableData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery=""}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}parseData(){try{this.tableData=typeof this.data=="string"?JSON.parse(this.data):this.data||[],this.totalRows=this.tableData.length,this.updateColumns(),this.currentPage=1}catch(t){console.error("Failed to parse data:",t),this.tableData=[]}}parseConfig(){try{this.parsedConfig=typeof this.config=="string"?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse config:",t),this.parsedConfig={}}}async fetchData(){try{const e=await(await fetch(this.endpoint)).json();this.data=e}catch(t){console.error("Failed to fetch data:",t)}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const t=this.hostEl.shadowRoot.querySelector("eds-pagination");t&&!t.hasAttribute("listener-attached")&&(t.addEventListener("pageChange",e=>this.handlePageChange(e.detail)),t.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tableData.filter(t=>Object.values(t).some(e=>e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))}getPaginatedRows(){const t=this.getFilteredRows();this.totalRows=t.length;const e=(this.currentPage-1)*this.rowsPerPage;return t.slice(e,e+this.rowsPerPage)}handlePageChange(t){this.currentPage=t,d.sendAnalytics({category:"ui-component",parentContext:null,tag:`${this.hostEl.tagName.toLowerCase()}/eds-pagination`,name:`${t}`||"",action:"page"})}handleSearch(t){this.searchQuery=t.target.value,this.currentPage=1}renderCell(t,e){var s;const a=(s=this.parsedConfig[e])===null||s===void 0?void 0:s.format;return a==="uppercase"?t==null?void 0:t.toString().toUpperCase():a==="svg"?i.h("div",{innerHTML:t}):a==="bold"?i.h("strong",null,t):a==="code"?i.h("code",null,t):t}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){this.columns=this.tableData.length>0?Object.keys(this.tableData[0]):[]}getVisibleColumnsCount(){return this.columns.filter(t=>{var e;return!(!((e=this.parsedConfig[t])===null||e===void 0)&&e.hidden)}).length}divisionFactor(){let t=1;return this.columnSize==="medium"?t=2:this.columnSize==="large"&&(t=4),t}render(){const t=this.getPaginatedRows(),e=Math.ceil(this.totalRows/this.rowsPerPage),s=this.getVisibleColumnsCount(),a=this.hostWidth&&this.hostWidth.trim()!==""?Number(this.hostWidth):this.hostEl.parentElement instanceof HTMLElement?this.hostEl.parentElement.getBoundingClientRect().width:this.hostEl.getRootNode().host instanceof HTMLElement?this.hostEl.getRootNode().host.getBoundingClientRect().width:400,n=s>0?Math.floor(a/s*this.divisionFactor()):100;return i.h("div",{key:"66ca59804bc8054655ed0d942104516fe4cd259b"},this.searchEnabled&&i.h("div",{key:"df7267fc443da042e4b6ff81ded5800a2213bd73"},i.h("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:o=>this.handleSearch(o)})),i.h("div",{key:"80ac1fcb3802f9f5d5eabe016fb7345b88908b36",class:"mt-20"},i.h("table",{key:"09acf39378b1a4c8bfe40b496ec6bf71a2d761ca",class:"block overflow-x-auto mt-6 p-0"},i.h("thead",{key:"8b844806cfef10d1a59da54a385ee8ed6c167050"},i.h("tr",{key:"1b3cff91bdaf225e9f3b337e245cd80ad4772b6a",class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(o=>{var r;return!(!((r=this.parsedConfig[o])===null||r===void 0)&&r.hidden)&&i.h("th",{class:"m-0 py-8 border border-softer f-ui-02 break-words",style:{minWidth:`${n-5}px`}},o)}))),i.h("tbody",{key:"93dfd3abd196779c288f85bb6a357ad3e9c01418"},t.map(o=>i.h("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(r=>{var l;return!(!((l=this.parsedConfig[r])===null||l===void 0)&&l.hidden)&&i.h("td",{class:"text-center border border-softer m-0 py-8 f-ui-2 break-words",style:{minWidth:`${n-5}px`}},this.renderCell(o[r],r))})))))),this.shouldEnablePagination()&&i.h("div",{key:"516b65d78a9ea91060c1dfcb3306bbd3ac2c6f58",class:"mt-20"},i.h("eds-pagination",{key:"abe3a593827d99437a06e204ea9d8ef92f80aba7",currentPage:this.currentPage,lastPage:e,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return i.getElement(this)}static get watchers(){return{data:["handleDataChange","parseData"],config:["handleConfigChange"]}}};g.style=p;exports.eds_pagination=h;exports.eds_table=g;
|
|
@@ -1,249 +0,0 @@
|
|
|
1
|
-
import { r as h, h as i, g } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { s as d } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
|
|
3
|
-
const c = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", f = c, u = class {
|
|
4
|
-
constructor(t) {
|
|
5
|
-
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 = [];
|
|
6
|
-
}
|
|
7
|
-
/** Lifecycle hook to generate pagination links on component load */
|
|
8
|
-
componentWillLoad() {
|
|
9
|
-
this.mode === "default" && this.generateLinks();
|
|
10
|
-
}
|
|
11
|
-
componentDidLoad() {
|
|
12
|
-
this.hostEl.shadowRoot.querySelectorAll("eds-link").forEach((e) => {
|
|
13
|
-
this.emitContext(e);
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Emits a custom event called `parentContext` for a given link element.
|
|
18
|
-
* This event provides context information about the breadcrumb component.
|
|
19
|
-
*
|
|
20
|
-
* @param linkElement - The link element to which the event will be dispatched.
|
|
21
|
-
*/
|
|
22
|
-
emitContext(t) {
|
|
23
|
-
const e = new CustomEvent("parentContext", {
|
|
24
|
-
detail: {
|
|
25
|
-
componentName: this.hostEl.tagName.toLowerCase(),
|
|
26
|
-
identifier: null
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
t.dispatchEvent(e);
|
|
30
|
-
}
|
|
31
|
-
onPageOrLastPageChange() {
|
|
32
|
-
this.mode === "default" && this.generateLinks();
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Checks if the current page is the first page
|
|
36
|
-
* @returns {boolean} - true if current page is the first page
|
|
37
|
-
*/
|
|
38
|
-
isFirstPage() {
|
|
39
|
-
return this.currentPage === 1;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Checks if the current page is the last page
|
|
43
|
-
* @returns {boolean} - true if current page is the last page
|
|
44
|
-
*/
|
|
45
|
-
isLastPage() {
|
|
46
|
-
return this.currentPage === this.lastPage;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* Generates a pagination link object
|
|
50
|
-
* @param {number} page - Page number for the link
|
|
51
|
-
* @returns {Link} - Link object with page details
|
|
52
|
-
*/
|
|
53
|
-
generateLink(t) {
|
|
54
|
-
const e = this.url.includes("?");
|
|
55
|
-
return {
|
|
56
|
-
ariaLabel: `Page ${t}`,
|
|
57
|
-
url: `${this.url}${e ? "&" : "?"}page=${t}`,
|
|
58
|
-
label: t.toString(),
|
|
59
|
-
current: this.currentPage === t,
|
|
60
|
-
disabled: !1
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
/** Generates pagination links based on the last page and current page */
|
|
64
|
-
generateLinks() {
|
|
65
|
-
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)));
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Creates a pagination range based on delta, current, and total pages
|
|
69
|
-
* @param {number} current - Current page number
|
|
70
|
-
* @param {number} total - Total number of pages
|
|
71
|
-
* @param {number} delta - Range of pages to display around the current page
|
|
72
|
-
* @returns {(number | string)[]} - Range of page numbers or ellipses
|
|
73
|
-
*/
|
|
74
|
-
getPaginationGenerator(t, e) {
|
|
75
|
-
const a = [];
|
|
76
|
-
if (e <= 5)
|
|
77
|
-
for (let n = 1; n <= e; n++)
|
|
78
|
-
a.push(n);
|
|
79
|
-
else {
|
|
80
|
-
a.push(1), t - 1 > 2 && a.push("...");
|
|
81
|
-
for (let n = Math.max(2, t - 1); n <= Math.min(e - 1, t + 1); n++)
|
|
82
|
-
a.push(n);
|
|
83
|
-
t + 1 < e - 1 && a.push("..."), a.push(e);
|
|
84
|
-
}
|
|
85
|
-
return a;
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* Formats the current page results information for display
|
|
89
|
-
* @returns {string} - Formatted page result information
|
|
90
|
-
*/
|
|
91
|
-
pageResults() {
|
|
92
|
-
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}` : "";
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* Handles a page click event, updating the current page and dispatching an event
|
|
96
|
-
* @param {MouseEvent} event - Click event
|
|
97
|
-
* @param {number} newPage - New page number
|
|
98
|
-
*/
|
|
99
|
-
handlePageClick(t, e) {
|
|
100
|
-
if (this.mode !== "navigator" && (t.preventDefault(), e !== this.currentPage)) {
|
|
101
|
-
this.links = this.links.map((a) => typeof a == "object" ? Object.assign(Object.assign({}, a), { current: parseInt(a.label) === e }) : a);
|
|
102
|
-
const s = new CustomEvent("pageChange", {
|
|
103
|
-
detail: e,
|
|
104
|
-
bubbles: !0,
|
|
105
|
-
composed: !0
|
|
106
|
-
});
|
|
107
|
-
this.hostEl.dispatchEvent(s), this.currentPage = e;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
render() {
|
|
111
|
-
return i("div", { key: "8c8418eec263acc153a928b752775458f897504f" }, this.total > 0 && this.mode === "default" && i("p", { key: "02a5a69772a4812f10b29e8df117b72df210614d", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, i("span", { key: "ef9804843100c722643c24e31a05f86f2d55efa0", 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) => {
|
|
112
|
-
this.mode === "default" && (this.isFirstPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) - 1));
|
|
113
|
-
} })), 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) => {
|
|
114
|
-
this.mode === "default" && (this.isLastPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) + 1));
|
|
115
|
-
} })))) : null);
|
|
116
|
-
}
|
|
117
|
-
get hostEl() {
|
|
118
|
-
return g(this);
|
|
119
|
-
}
|
|
120
|
-
static get watchers() {
|
|
121
|
-
return {
|
|
122
|
-
currentPage: ["onPageOrLastPageChange"],
|
|
123
|
-
lastPage: ["onPageOrLastPageChange"]
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
u.style = f;
|
|
128
|
-
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, b = class {
|
|
129
|
-
constructor(t) {
|
|
130
|
-
h(this, t), this.data = null, this.endpoint = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.hostWidth = void 0, this.columnSize = "default", this.tableData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "";
|
|
131
|
-
}
|
|
132
|
-
handleDataChange() {
|
|
133
|
-
this.parseData();
|
|
134
|
-
}
|
|
135
|
-
handleConfigChange() {
|
|
136
|
-
this.parseConfig();
|
|
137
|
-
}
|
|
138
|
-
componentWillLoad() {
|
|
139
|
-
this.parseConfig(), this.data ? this.parseData() : this.endpoint && this.fetchData();
|
|
140
|
-
}
|
|
141
|
-
componentDidLoad() {
|
|
142
|
-
this.setupPaginationListener();
|
|
143
|
-
}
|
|
144
|
-
componentDidUpdate() {
|
|
145
|
-
this.setupPaginationListener();
|
|
146
|
-
}
|
|
147
|
-
parseData() {
|
|
148
|
-
try {
|
|
149
|
-
this.tableData = typeof this.data == "string" ? JSON.parse(this.data) : this.data || [], this.totalRows = this.tableData.length, this.updateColumns(), this.currentPage = 1;
|
|
150
|
-
} catch (t) {
|
|
151
|
-
console.error("Failed to parse data:", t), this.tableData = [];
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
parseConfig() {
|
|
155
|
-
try {
|
|
156
|
-
this.parsedConfig = typeof this.config == "string" ? JSON.parse(this.config) : this.config;
|
|
157
|
-
} catch (t) {
|
|
158
|
-
console.error("Failed to parse config:", t), this.parsedConfig = {};
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
async fetchData() {
|
|
162
|
-
try {
|
|
163
|
-
const e = await (await fetch(this.endpoint)).json();
|
|
164
|
-
this.data = e;
|
|
165
|
-
} catch (t) {
|
|
166
|
-
console.error("Failed to fetch data:", t);
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
setupPaginationListener() {
|
|
170
|
-
if (!this.shouldEnablePagination())
|
|
171
|
-
return;
|
|
172
|
-
const t = this.hostEl.shadowRoot.querySelector("eds-pagination");
|
|
173
|
-
t && !t.hasAttribute("listener-attached") && (t.addEventListener("pageChange", (e) => this.handlePageChange(e.detail)), t.setAttribute("listener-attached", "true"));
|
|
174
|
-
}
|
|
175
|
-
getFilteredRows() {
|
|
176
|
-
return this.tableData.filter((t) => Object.values(t).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
|
|
177
|
-
}
|
|
178
|
-
getPaginatedRows() {
|
|
179
|
-
const t = this.getFilteredRows();
|
|
180
|
-
this.totalRows = t.length;
|
|
181
|
-
const e = (this.currentPage - 1) * this.rowsPerPage;
|
|
182
|
-
return t.slice(e, e + this.rowsPerPage);
|
|
183
|
-
}
|
|
184
|
-
handlePageChange(t) {
|
|
185
|
-
this.currentPage = t, d({
|
|
186
|
-
category: "ui-component",
|
|
187
|
-
parentContext: null,
|
|
188
|
-
tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
|
|
189
|
-
name: `${t}` || "",
|
|
190
|
-
action: "page"
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
handleSearch(t) {
|
|
194
|
-
this.searchQuery = t.target.value, this.currentPage = 1;
|
|
195
|
-
}
|
|
196
|
-
renderCell(t, e) {
|
|
197
|
-
var s;
|
|
198
|
-
const a = (s = this.parsedConfig[e]) === null || s === void 0 ? void 0 : s.format;
|
|
199
|
-
return a === "uppercase" ? t == null ? void 0 : t.toString().toUpperCase() : a === "svg" ? i("div", { innerHTML: t }) : a === "bold" ? i("strong", null, t) : a === "code" ? i("code", null, t) : t;
|
|
200
|
-
}
|
|
201
|
-
shouldEnablePagination() {
|
|
202
|
-
return this.paginationEnabled && this.totalRows > this.rowsPerPage;
|
|
203
|
-
}
|
|
204
|
-
updateColumns() {
|
|
205
|
-
this.columns = this.tableData.length > 0 ? Object.keys(this.tableData[0]) : [];
|
|
206
|
-
}
|
|
207
|
-
getVisibleColumnsCount() {
|
|
208
|
-
return this.columns.filter((t) => {
|
|
209
|
-
var e;
|
|
210
|
-
return !(!((e = this.parsedConfig[t]) === null || e === void 0) && e.hidden);
|
|
211
|
-
}).length;
|
|
212
|
-
}
|
|
213
|
-
divisionFactor() {
|
|
214
|
-
let t = 1;
|
|
215
|
-
return this.columnSize === "medium" ? t = 2 : this.columnSize === "large" && (t = 4), t;
|
|
216
|
-
}
|
|
217
|
-
render() {
|
|
218
|
-
const t = this.getPaginatedRows(), e = Math.ceil(this.totalRows / this.rowsPerPage), s = this.getVisibleColumnsCount(), a = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.hostEl.parentElement instanceof HTMLElement ? this.hostEl.parentElement.getBoundingClientRect().width : this.hostEl.getRootNode().host instanceof HTMLElement ? this.hostEl.getRootNode().host.getBoundingClientRect().width : 400, n = s > 0 ? Math.floor(a / s * this.divisionFactor()) : 100;
|
|
219
|
-
return i("div", { key: "66ca59804bc8054655ed0d942104516fe4cd259b" }, this.searchEnabled && i("div", { key: "df7267fc443da042e4b6ff81ded5800a2213bd73" }, i("eds-input-field", {
|
|
220
|
-
key: 1,
|
|
221
|
-
name: "search",
|
|
222
|
-
"aria-label": "Search",
|
|
223
|
-
type: "text",
|
|
224
|
-
placeholder: "Search...",
|
|
225
|
-
// @ts-ignore
|
|
226
|
-
onInput: (o) => this.handleSearch(o)
|
|
227
|
-
})), i("div", { key: "80ac1fcb3802f9f5d5eabe016fb7345b88908b36", class: "mt-20" }, i("table", { key: "09acf39378b1a4c8bfe40b496ec6bf71a2d761ca", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "8b844806cfef10d1a59da54a385ee8ed6c167050" }, i("tr", { key: "1b3cff91bdaf225e9f3b337e245cd80ad4772b6a", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((o) => {
|
|
228
|
-
var r;
|
|
229
|
-
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: `${n - 5}px` } }, o);
|
|
230
|
-
}))), i("tbody", { key: "93dfd3abd196779c288f85bb6a357ad3e9c01418" }, t.map((o) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((r) => {
|
|
231
|
-
var l;
|
|
232
|
-
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: `${n - 5}px` } }, this.renderCell(o[r], r));
|
|
233
|
-
})))))), this.shouldEnablePagination() && i("div", { key: "516b65d78a9ea91060c1dfcb3306bbd3ac2c6f58", class: "mt-20" }, i("eds-pagination", { key: "abe3a593827d99437a06e204ea9d8ef92f80aba7", currentPage: this.currentPage, lastPage: e, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
|
|
234
|
-
}
|
|
235
|
-
get hostEl() {
|
|
236
|
-
return g(this);
|
|
237
|
-
}
|
|
238
|
-
static get watchers() {
|
|
239
|
-
return {
|
|
240
|
-
data: ["handleDataChange", "parseData"],
|
|
241
|
-
config: ["handleConfigChange"]
|
|
242
|
-
};
|
|
243
|
-
}
|
|
244
|
-
};
|
|
245
|
-
b.style = m;
|
|
246
|
-
export {
|
|
247
|
-
u as eds_pagination,
|
|
248
|
-
b as eds_table
|
|
249
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { r as e, h as t } from "./index-C-Gy1Lax.mjs";
|
|
2
|
-
import { c as r } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
3
|
-
const n = class {
|
|
4
|
-
constructor(a) {
|
|
5
|
-
e(this, a), this.tabCva = r([
|
|
6
|
-
"cursor-pointer",
|
|
7
|
-
//'px-16 py-12',
|
|
8
|
-
//'border-b-2',
|
|
9
|
-
"text-gray-700",
|
|
10
|
-
"hover:text-black",
|
|
11
|
-
"focus:outline-none",
|
|
12
|
-
"focus-visible:ring"
|
|
13
|
-
], {
|
|
14
|
-
variants: {
|
|
15
|
-
active: {
|
|
16
|
-
true: "border-blue-500 font-bold text-blue-600",
|
|
17
|
-
false: "border-transparent"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
active: !1
|
|
22
|
-
}
|
|
23
|
-
}), this.label = void 0, this.url = void 0, this.active = !1, this.ariaLabel = void 0;
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return t("a", { key: "a55be2a07e554ab13a0d7e913710382d6126da57", "aria-label": this.label, "aria-current": this.active, class: this.tabCva({ active: this.active }) }, this.label);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export {
|
|
30
|
-
n as eds_tab
|
|
31
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),a=require("./index-39c58238-SQ-JC-LH.js"),i=class{constructor(t){e.registerInstance(this,t),this.tabCva=a.cva(["cursor-pointer","text-gray-700","hover:text-black","focus:outline-none","focus-visible:ring"],{variants:{active:{true:"border-blue-500 font-bold text-blue-600",false:"border-transparent"}},defaultVariants:{active:!1}}),this.label=void 0,this.url=void 0,this.active=!1,this.ariaLabel=void 0}render(){return e.h("a",{key:"a55be2a07e554ab13a0d7e913710382d6126da57","aria-label":this.label,"aria-current":this.active,class:this.tabCva({active:this.active})},this.label)}};exports.eds_tab=i;
|