@ebrains/vue 0.6.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/{color-primary-palette_6.entry-BJGrNiKE.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-accordion_22.entry-LksMmZ4o.js +28813 -0
- package/eds-accordion_22.entry-Lqf1NKBk.mjs +30175 -0
- package/{eds-alert.entry-B9K7jZdM.mjs → eds-alert.entry-BqjTTCgj.mjs} +1 -1
- package/{eds-alert.entry-HNjGFpMQ.js → eds-alert.entry-DZcz_4Dj.js} +1 -1
- package/eds-app-root.entry-Cz-9z7Za.js +1 -0
- package/eds-app-root.entry-DobAtes_.mjs +25 -0
- package/eds-avatar_4.entry-BYrgwmj2.mjs +278 -0
- package/eds-avatar_4.entry-Bqr0d5Cj.js +149 -0
- package/{eds-breadcrumb.entry-nSQcSQxS.mjs → eds-breadcrumb.entry-N3NSBwJL.mjs} +13 -19
- package/eds-breadcrumb.entry-elqbS74P.js +1 -0
- package/eds-card-generic.entry-D5pTUUco.js +1 -0
- package/eds-card-generic.entry-zKJ2hHOe.mjs +56 -0
- package/{eds-card-project.entry-BMRVlg7J.mjs → eds-card-project.entry-DDo4ZJs8.mjs} +1 -1
- package/{eds-card-project.entry-BQKGTSJB.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-DAkoUUin.js → eds-card-tags.entry-Bl3YXNtv.js} +1 -1
- package/{eds-card-tags.entry-BjvxuQg1.mjs → eds-card-tags.entry-Do9kx7rP.mjs} +1 -1
- package/{eds-card-tool.entry-BPrlMiqY.mjs → eds-card-tool.entry-BewNCjRU.mjs} +1 -1
- package/{eds-card-tool.entry-B0rDGNdA.js → eds-card-tool.entry-DnVIn9BX.js} +1 -1
- package/{eds-card-wrapper.entry-DyPmlYoI.js → eds-card-wrapper.entry-BzKcrwEf.js} +1 -1
- package/{eds-card-wrapper.entry-Ba4ljzon.mjs → eds-card-wrapper.entry-DMj1bZ4i.mjs} +1 -1
- package/{eds-code-block.entry-B3RL-q6l.js → eds-code-block.entry-DUeN87Fw.js} +1 -1
- package/{eds-code-block.entry-zX5MUsAS.mjs → eds-code-block.entry-fqrA-Frf.mjs} +1 -1
- package/{eds-components-section.entry-xnXY70G_.mjs → eds-components-section.entry-BgfCSxk1.mjs} +2 -2
- package/{eds-components-section.entry-BsmIIcun.js → eds-components-section.entry-CLJMns6h.js} +2 -2
- package/{eds-cookies-preference.entry-DAQEpE8v.mjs → eds-cookies-preference.entry-B1a8qild.mjs} +5 -5
- package/{eds-cookies-preference.entry-MAmSehJX.js → eds-cookies-preference.entry-BGx0tglE.js} +1 -1
- package/{eds-docs-palettes.entry-BiC_mzap.js → eds-docs-palettes.entry-C1EcBwSy.js} +1 -1
- package/{eds-docs-palettes.entry-CFIZWB7Y.mjs → eds-docs-palettes.entry-TXbXKJJN.mjs} +2 -2
- package/{eds-docs-tokens.entry-ClVBrRzm.mjs → eds-docs-tokens.entry-B1xc8BFa.mjs} +2 -2
- package/{eds-docs-tokens.entry-CCwf01ke.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-gO7sMMVG.js → eds-form.entry-0saB-Hm9.js} +2 -2
- package/{eds-form.entry-znKH1sqi.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-C7CZIqBn.mjs → eds-icon-arrow-diagonal.entry-BD3xdvR4.mjs} +2 -2
- package/{eds-icon-arrow-diagonal.entry-BTLKc1cS.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-BfYrb4Uv.js → eds-icon-bluesky.entry-CDZCjWCh.js} +1 -1
- package/eds-icon-bluesky.entry-DwvxMR1q.mjs +13 -0
- package/{eds-icon-chevron-down.entry-OPmfChgp.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-CRr4AWkS.mjs → eds-icon-chevron-left.entry-Dt2WsKob.mjs} +2 -2
- package/{eds-icon-chevron-left.entry-_zMMz-c9.js → eds-icon-chevron-left.entry-nBBudzCb.js} +1 -1
- package/{eds-icon-chevron-right.entry-YLnmNxjo.mjs → eds-icon-chevron-right.entry-BG7_qznz.mjs} +2 -2
- package/{eds-icon-chevron-right.entry-0FshDV46.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-BSSS65tZ.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-CKmUhO4W.mjs → eds-icon-facebook.entry--ctHhWkj.mjs} +2 -2
- package/{eds-icon-facebook.entry-DsPVhA3Z.js → eds-icon-facebook.entry-Bjkse_bn.js} +1 -1
- package/{eds-icon-gitlab.entry-D6VEWpO6.mjs → eds-icon-gitlab.entry-BDqNL5zl.mjs} +2 -2
- package/{eds-icon-gitlab.entry-Dzq7ViR-.js → eds-icon-gitlab.entry-DUQcgTMM.js} +1 -1
- package/eds-icon-linkedin.entry-Cq13-Zdb.mjs +13 -0
- package/{eds-icon-linkedin.entry-7PCeoMEi.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-DsU7dMbW.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-DRd13IcH.js → eds-icon-menu.entry-DUxzhro5.js} +1 -1
- package/{eds-icon-more.entry-BOWM2H9H.js → eds-icon-more.entry-CBDi0LJC.js} +1 -1
- package/{eds-icon-more.entry-CqvnBXDu.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-CDwqLyts.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-GYJBVLsU.js → eds-icon-user.entry-DpvoOnVA.js} +1 -1
- package/{eds-icon-youtube.entry-BluzizaX.js → eds-icon-youtube.entry-DbPAn4pN.js} +1 -1
- package/{eds-icon-youtube.entry-BqP_g-Pb.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-B7BEqih8.js → eds-logo-variations.entry-dLBnZPi7.js} +1 -1
- package/{eds-modal.entry-2mm8jzwO.mjs → eds-modal.entry-CV3bf08X.mjs} +16 -4
- package/{eds-modal.entry-N0Zu-2yI.js → eds-modal.entry-DJybVbNk.js} +1 -1
- package/{eds-progress-bar.entry-C-qHC2dN.js → eds-progress-bar.entry-23-I0rSz.js} +1 -1
- package/{eds-progress-bar.entry-BpqT4TGP.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-JyCa51Zs.js → eds-section-core_2.entry-BdnBCBit.js} +1 -1
- package/{eds-section-core_2.entry-BwoSUszo.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-gPHX8t5y.mjs → eds-steps.entry-Nz_XqcUl.mjs} +10 -19
- package/eds-steps.entry-ceVyrSe-.js +1 -0
- package/{eds-svg-repository.entry-BhAWpTfJ.js → eds-svg-repository.entry-CKQ6S13R.js} +13 -13
- package/{eds-svg-repository.entry-DeKbE1sw.mjs → eds-svg-repository.entry-DoYT85te.mjs} +54 -48
- package/{eds-switch.entry-6C-fiD1f.js → eds-switch.entry-4a3DLV-c.js} +1 -1
- package/{eds-switch.entry-LXqTebs4.mjs → eds-switch.entry-DjT9dev_.mjs} +3 -3
- package/{eds-link.entry-D4lqKj64.mjs → eds-tabs.entry-BYxiMlkR.mjs} +590 -166
- package/{eds-link.entry-B_t5O_EC.js → eds-tabs.entry-DJKEg0Gs.js} +503 -16
- 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-BSd2vlEo.mjs → eds-tooltip.entry-B53fpM9t.mjs} +7 -7
- package/{eds-tooltip.entry-D9pRQyxl.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-CdmDXaW2.mjs → eds-vertical-stepper.entry-Bb6dUinj.mjs} +5 -5
- package/{eds-vertical-stepper.entry-DphlSSa0.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-Df31uHzU.mjs → index-E1PpO1J3.mjs} +453 -430
- package/index.js +1 -1
- package/index.mjs +32 -29
- package/{logo-space.entry-q9Uznxi3.js → logo-space.entry-BOh7Odfh.js} +1 -1
- package/{logo-space.entry-CChbx8AS.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-CJXI55T0.mjs → token-list_3.entry-DJ-cqa3_.mjs} +4 -4
- package/{token-list_3.entry-B4bQ3_yz.js → token-list_3.entry-DVoMZtdK.js} +1 -1
- package/{token-ratios.entry-LNQoHORe.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-qTyV0EeH.mjs → token-typography.entry-CKyKPdVF.mjs} +2 -2
- package/{token-typography.entry-DddK_fiy.js → token-typography.entry-CuHfxHRU.js} +1 -1
- package/color-primary-palette_6.entry-CYSEDId9.js +0 -1
- package/correct-use-of-colors.entry-B36yaMb6.js +0 -1
- package/correct-use-of-colors.entry-C2K5ii07.mjs +0 -59
- package/eds-accordion_13.entry-BwXBZQ7p.mjs +0 -8044
- package/eds-accordion_13.entry-DuX3jvBd.js +0 -7375
- package/eds-block-break.entry-1HfuhJmn.mjs +0 -13
- package/eds-block-break.entry-DQDjLThR.js +0 -1
- package/eds-breadcrumb.entry-Oe7Iu_rp.js +0 -1
- package/eds-dropdown_2.entry-Dhtc1LQe.js +0 -1
- package/eds-dropdown_2.entry-Ds54Abix.mjs +0 -115
- package/eds-footer.entry-CKr0MOpU.mjs +0 -22
- package/eds-footer.entry-DuNEl6BR.js +0 -1
- package/eds-frame.entry-BE9_G-56.js +0 -1
- package/eds-frame.entry-COwMtc5z.mjs +0 -74
- package/eds-fullscreen-menu.entry-CRIb_lLm.js +0 -1
- package/eds-fullscreen-menu.entry-DdO0Nwbq.mjs +0 -74
- package/eds-header.entry-38uAVZoC.js +0 -2
- package/eds-header.entry-C0qfjzDY.mjs +0 -75
- package/eds-icon-arrow-right.entry-Bv_6skZy.js +0 -1
- package/eds-icon-arrow-right.entry-DNkmpAdY.mjs +0 -13
- package/eds-icon-bluesky.entry-B_WksyEk.mjs +0 -13
- package/eds-icon-chevron-down.entry-DGjMxTKO.mjs +0 -13
- package/eds-icon-chevron-up.entry-DGt49ffi.js +0 -1
- package/eds-icon-chevron-up.entry-NPODej6j.mjs +0 -13
- package/eds-icon-close.entry-BQULA4ki.mjs +0 -13
- package/eds-icon-copy.entry-Di_H0U8v.mjs +0 -13
- package/eds-icon-copy.entry-PvAtojYn.js +0 -1
- package/eds-icon-eu.entry-BTzpJByN.mjs +0 -13
- package/eds-icon-eu.entry-D77vjTJ9.js +0 -1
- package/eds-icon-linkedin.entry-BI2sjTDa.mjs +0 -13
- package/eds-icon-loader.entry-BoQTR6PV.mjs +0 -13
- package/eds-icon-loader.entry-Bp-ZxeW7.js +0 -1
- package/eds-icon-mastodon.entry-Cm8XCAqa.mjs +0 -13
- package/eds-icon-menu.entry-C7HmF2n5.mjs +0 -13
- package/eds-icon-search.entry-BrANR30M.mjs +0 -13
- package/eds-icon-search.entry-CubLvPO7.js +0 -1
- package/eds-icon-success.entry-CtMWWFTW.mjs +0 -13
- package/eds-icon-twitter.entry-BnhBJxrn.js +0 -1
- package/eds-icon-twitter.entry-DHTwTPKu.mjs +0 -13
- package/eds-icon-user.entry-LTXtb_m4.mjs +0 -13
- package/eds-input_7.entry-Bo9-yfaP.js +0 -7167
- package/eds-input_7.entry-CCX6iGUA.mjs +0 -7373
- package/eds-login.entry-CB_gy86p.mjs +0 -58
- package/eds-login.entry-CDj80EGl.js +0 -1
- package/eds-logo-variations.entry-AbwI_N4g.mjs +0 -22
- package/eds-logo.entry-C4YV268f.mjs +0 -61
- package/eds-logo.entry-D-2GjdZl.js +0 -1
- package/eds-navigator.entry-Bd0BYBJE.js +0 -1
- package/eds-navigator.entry-DJHFUppb.mjs +0 -33
- package/eds-pagination_2.entry-N7stHjY-.js +0 -1
- package/eds-pagination_2.entry-T_lnxySd.mjs +0 -249
- package/eds-rating.entry-C1djorgY.js +0 -1
- package/eds-rating.entry-DJbkld-l.mjs +0 -48
- package/eds-social-networks.entry-CWw8CODU.mjs +0 -50
- package/eds-social-networks.entry-CveQgGlC.js +0 -1
- package/eds-steps.entry-NC8mexCJ.js +0 -1
- package/eds-tab.entry-7_C7zAnd.mjs +0 -31
- package/eds-tab.entry-BI3X5Amp.js +0 -1
- package/eds-tabs-content.entry-BYK_ciTB.mjs +0 -106
- package/eds-tabs-content.entry-FqonRXn9.js +0 -1
- package/eds-tabs.entry-CCGBUoii.mjs +0 -112
- package/eds-tabs.entry-VauMxz1h.js +0 -1
- package/eds-timeline.entry-B-eABvy-.mjs +0 -51
- package/eds-timeline.entry-UjKckHoD.js +0 -1
- package/eds-trl.entry-C1CKXjzi.mjs +0 -34
- package/eds-trl.entry-DdPaX9aY.js +0 -1
- package/eds-user.entry-BX3nKCHB.mjs +0 -66
- package/eds-user.entry-CyEG-Wtm.js +0 -1
- package/incorrect-use-of-colors.entry-BhygRTdu.js +0 -1
- package/incorrect-use-of-colors.entry-QkMrxvFS.mjs +0 -42
- package/index-DvG3cC-8.js +0 -21
- package/keycloak-d502ec16-m7LwS-Gh.js +0 -9
- package/logo-variations-horizontal_2.entry-DA_yMnFa.mjs +0 -29
- package/logo-variations-horizontal_2.entry-G3ih093R.js +0 -7
- package/logo-wrong-usage.entry-BoBmwzLl.mjs +0 -14
- package/logo-wrong-usage.entry-l4pJC0KB.js +0 -1
- package/token-ratios.entry-hdef-MAq.js +0 -1
- package/token-spacing.entry-YXQwnYx0.mjs +0 -12
- package/token-spacing.entry-xhNHm9Tw.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=`:root {
|
|
2
2
|
font-optical-sizing: auto;
|
|
3
3
|
}
|
|
4
4
|
html,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4alMZtT.js"),c=class{constructor(i){e.registerInstance(this,i),this.isAuthenticated=!1}componentWillLoad(){const i=new Promise(a=>{document.addEventListener("initKeycloak",t=>{a(t.detail)},{once:!0})}),s=new Promise(a=>{document.addEventListener("authStatusChanged",t=>{var n;this.isAuthenticated=(n=t.detail)===null||n===void 0?void 0:n.authenticated,a(t.detail)},{once:!0})});this.combinedInitPromise=Promise.all([i,s])}render(){return e.h("div",{key:"f7ff644cea84bfc78190afcfa33f1f6d6c6de29a"},e.h("eds-splash-screen",{key:"5e04f163eafe8f0d55394b8f508386bac013907e",inverse:!0,initPromise:this.combinedInitPromise}),e.h("eds-login",{key:"94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),e.h("main",{key:"975cfb32924ecf0a4bb7d8f4788792eae500e166"},this.isAuthenticated?e.h("h1",null,"Welcome, authenticated user!"):e.h("h1",null,"Please log in.")))}};exports.eds_app_root=c;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { r as o, h as e } from "./index-E1PpO1J3.mjs";
|
|
2
|
+
const d = class {
|
|
3
|
+
constructor(i) {
|
|
4
|
+
o(this, i), this.isAuthenticated = !1;
|
|
5
|
+
}
|
|
6
|
+
componentWillLoad() {
|
|
7
|
+
const i = new Promise((a) => {
|
|
8
|
+
document.addEventListener("initKeycloak", (t) => {
|
|
9
|
+
a(t.detail);
|
|
10
|
+
}, { once: !0 });
|
|
11
|
+
}), n = new Promise((a) => {
|
|
12
|
+
document.addEventListener("authStatusChanged", (t) => {
|
|
13
|
+
var s;
|
|
14
|
+
this.isAuthenticated = (s = t.detail) === null || s === void 0 ? void 0 : s.authenticated, a(t.detail);
|
|
15
|
+
}, { once: !0 });
|
|
16
|
+
});
|
|
17
|
+
this.combinedInitPromise = Promise.all([i, n]);
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
return e("div", { key: "f7ff644cea84bfc78190afcfa33f1f6d6c6de29a" }, e("eds-splash-screen", { key: "5e04f163eafe8f0d55394b8f508386bac013907e", inverse: !0, initPromise: this.combinedInitPromise }), e("eds-login", { key: "94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc", "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), e("main", { key: "975cfb32924ecf0a4bb7d8f4788792eae500e166" }, this.isAuthenticated ? e("h1", null, "Welcome, authenticated user!") : e("h1", null, "Please log in.")));
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
d as eds_app_root
|
|
25
|
+
};
|
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
import { r as n, h as t } from "./index-E1PpO1J3.mjs";
|
|
2
|
+
import { g as i } from "./color-2554aad6-CCcV5UJZ.mjs";
|
|
3
|
+
import { c as r } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
4
|
+
const a = `.border-inside {
|
|
5
|
+
position: relative;
|
|
6
|
+
|
|
7
|
+
&::after {
|
|
8
|
+
pointer-events: none;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
&::after {
|
|
12
|
+
position: absolute;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&::after {
|
|
16
|
+
inset: 0rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&::after {
|
|
20
|
+
z-index: 1;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&::after {
|
|
24
|
+
border-radius: 8px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&::after {
|
|
28
|
+
border-width: 1px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&::after {
|
|
32
|
+
border-width: 2px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&::after {
|
|
36
|
+
border: 2px solid rgba(0, 0, 0, .1);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&::after {
|
|
40
|
+
content: '';
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.border-inside-pill {
|
|
45
|
+
&::after {
|
|
46
|
+
border-radius: 100px;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
&::after {
|
|
50
|
+
content: '';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.border-inside-inverse {
|
|
55
|
+
&::after {
|
|
56
|
+
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&::after {
|
|
60
|
+
content: '';
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.aspect-1x1 {
|
|
65
|
+
aspect-ratio: 1/1;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.flex {
|
|
69
|
+
display: flex;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.inline-flex {
|
|
73
|
+
display: inline-flex;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.items-center {
|
|
77
|
+
align-items: center;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.justify-center {
|
|
81
|
+
justify-content: center;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.overflow-hidden {
|
|
85
|
+
overflow: hidden;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.px-4 {
|
|
89
|
+
padding-left: 0.25rem;
|
|
90
|
+
padding-right: 0.25rem;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.rounded-pill {
|
|
94
|
+
border-radius: 100px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.rounded-sm {
|
|
98
|
+
border-radius: 8px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.rounded-xs {
|
|
102
|
+
border-radius: 4px;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
.bg-dark {
|
|
107
|
+
background-color: var(--grey-300);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.bg-darker {
|
|
111
|
+
background-color: var(--grey-400);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.bg-stronger {
|
|
115
|
+
background-color: var(--grey-900);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.bg-strongest {
|
|
119
|
+
background-color: var(--black);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.text-accent {
|
|
123
|
+
color: var(--green-500);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.text-default {
|
|
127
|
+
color: var(--black);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.\\!no-underline {
|
|
131
|
+
text-decoration-line: none !important;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.f-ui-01 {
|
|
135
|
+
font-family: var(--f-ui-01-fontFamily);
|
|
136
|
+
font-weight: var(--f-ui-01-fontWeight);
|
|
137
|
+
font-size: var(--f-ui-01-fontSize);
|
|
138
|
+
line-height: var(--f-ui-01-lineHeight);
|
|
139
|
+
letter-spacing: var(--f-ui-01-letterSpacing);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.w-32 {
|
|
143
|
+
width: 2rem;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.w-44 {
|
|
147
|
+
width: 2.75rem;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.w-\\[54px\\] {
|
|
151
|
+
width: 54px;
|
|
152
|
+
}`, s = a, o = class {
|
|
153
|
+
constructor(e) {
|
|
154
|
+
n(this, e), this.firstName = "User", this.lastName = "Avatar", this.picture = void 0, this.initials = void 0, this.color = void 0, this.rounded = !1, this.initialsStrong = !1;
|
|
155
|
+
}
|
|
156
|
+
/**
|
|
157
|
+
* Computed initials based on the provided `initials` prop or derived from `firstName` and `lastName`.
|
|
158
|
+
* @returns {string | undefined} Initials for display in the avatar.
|
|
159
|
+
*/
|
|
160
|
+
get computedInitials() {
|
|
161
|
+
if (this.initials)
|
|
162
|
+
return (this.initials.match(/.{1,3}/g) || [])[0] || "";
|
|
163
|
+
if (this.firstName && this.lastName)
|
|
164
|
+
return `${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase();
|
|
165
|
+
}
|
|
166
|
+
/**
|
|
167
|
+
* Computes the CSS classes for the avatar container based on provided props like `rounded`, `color`, and `picture`.
|
|
168
|
+
* @returns {string} List of CSS classes to apply to the avatar container.
|
|
169
|
+
*/
|
|
170
|
+
get containerClasses() {
|
|
171
|
+
return [
|
|
172
|
+
"border-inside",
|
|
173
|
+
"aspect-1x1",
|
|
174
|
+
"flex",
|
|
175
|
+
"items-center",
|
|
176
|
+
"justify-center",
|
|
177
|
+
"overflow-hidden",
|
|
178
|
+
this.picture ? "" : "px-4",
|
|
179
|
+
this.rounded ? "rounded-pill border-inside-pill w-32" : "w-[54px] rounded-sm",
|
|
180
|
+
this.color ? "border-inside-inverse" : "",
|
|
181
|
+
this.color === "grey" ? "bg-dark" : this.color && !this.picture ? i({
|
|
182
|
+
color: this.color,
|
|
183
|
+
direction: "top",
|
|
184
|
+
pseudo: !1
|
|
185
|
+
}) : this.picture ? "" : "bg-strongest text-accent"
|
|
186
|
+
].join(" ");
|
|
187
|
+
}
|
|
188
|
+
/**
|
|
189
|
+
* Renders the avatar component. Displays either an image using `eds-img` or initials depending on whether `picture` or `computedInitials` is set.
|
|
190
|
+
* @returns {JSX.Element} The rendered avatar component.
|
|
191
|
+
*/
|
|
192
|
+
render() {
|
|
193
|
+
return t("div", { key: "47ee5ffd12c0f90c536dea77b3ffa9120d67f37f", class: this.containerClasses }, this.picture ? t("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: !0, withBg: !0 }) : t("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials));
|
|
194
|
+
}
|
|
195
|
+
};
|
|
196
|
+
o.style = s;
|
|
197
|
+
const l = ".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-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)}.text-light{color:var(--grey-700)}.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}", d = l, f = class {
|
|
198
|
+
constructor(e) {
|
|
199
|
+
n(this, e), this.description = void 0, this.descClass = "f-ui-03-light", this.truncate = !0, this.truncateLines = "3";
|
|
200
|
+
}
|
|
201
|
+
getTruncateClass() {
|
|
202
|
+
return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : "";
|
|
203
|
+
}
|
|
204
|
+
render() {
|
|
205
|
+
return t("p", { key: "71495cbd6ef4e7d66c4c22a37f8120624ecf57fb", class: `text-light ${this.descClass}` }, t("span", { key: "8708178f7b48cc1f31aac749f50fe92b72c39ab8", class: this.getTruncateClass() }, this.description));
|
|
206
|
+
}
|
|
207
|
+
};
|
|
208
|
+
f.style = d;
|
|
209
|
+
const h = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}", c = h, g = class {
|
|
210
|
+
constructor(e) {
|
|
211
|
+
n(this, e), this.url = void 0, this.titleClass = void 0, this.headingLevel = "h3", this.externalLink = !1, this.cardTitle = void 0, this.hierarchy = !0;
|
|
212
|
+
}
|
|
213
|
+
/**
|
|
214
|
+
* Dynamically generate the title class based on the heading level.
|
|
215
|
+
*/
|
|
216
|
+
getTitleClass() {
|
|
217
|
+
return `f-heading-${(this.hierarchy ? {
|
|
218
|
+
h1: "05",
|
|
219
|
+
h2: "05",
|
|
220
|
+
h3: "05",
|
|
221
|
+
h4: "05",
|
|
222
|
+
h5: "05",
|
|
223
|
+
h6: "06"
|
|
224
|
+
} : {
|
|
225
|
+
h1: "01",
|
|
226
|
+
h2: "02",
|
|
227
|
+
h3: "03",
|
|
228
|
+
h4: "04",
|
|
229
|
+
h5: "05",
|
|
230
|
+
h6: "06"
|
|
231
|
+
})[this.headingLevel]}`;
|
|
232
|
+
}
|
|
233
|
+
/*private getTag() {
|
|
234
|
+
if (this.url) {
|
|
235
|
+
return 'a';
|
|
236
|
+
}
|
|
237
|
+
return 'span';
|
|
238
|
+
}*/
|
|
239
|
+
render() {
|
|
240
|
+
const e = this.headingLevel;
|
|
241
|
+
return t(e, { key: "bb97dc6dd53adda14ef251b2ec32952791438986", class: this.getTitleClass() }, t("a", { key: "37b6ac0668257d27fb3f03a6225a2d48e1fd1f79", class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? "_blank" : void 0, rel: this.externalLink ? "noopener noreferrer" : void 0 }, this.cardTitle));
|
|
242
|
+
}
|
|
243
|
+
};
|
|
244
|
+
g.style = c;
|
|
245
|
+
const u = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}", p = u, b = r(
|
|
246
|
+
["f-ui-05 py-1 px-4 border-2 rounded-pill"],
|
|
247
|
+
// Base classes
|
|
248
|
+
{
|
|
249
|
+
variants: {
|
|
250
|
+
intent: {
|
|
251
|
+
default: "border-default",
|
|
252
|
+
strong: "text-inverse bg-strongest border-default",
|
|
253
|
+
accent: "text-[#0034CB] border-[#0034CB]",
|
|
254
|
+
weak: "text-light bg-strongest-soft border-transparent",
|
|
255
|
+
inverse: "border-inverse text-inverse",
|
|
256
|
+
"inverse-strong": "bg-inverse border-inverse text-lighter"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
defaultVariants: {
|
|
260
|
+
intent: "default"
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
), v = class {
|
|
264
|
+
constructor(e) {
|
|
265
|
+
n(this, e), this.label = void 0, this.intent = "default";
|
|
266
|
+
}
|
|
267
|
+
render() {
|
|
268
|
+
const e = b({ intent: this.intent });
|
|
269
|
+
return t("span", { key: "2f4b0011094538aaa0a7cc855eadc1b39c9dc028", class: e }, this.label);
|
|
270
|
+
}
|
|
271
|
+
};
|
|
272
|
+
v.style = p;
|
|
273
|
+
export {
|
|
274
|
+
o as eds_avatar,
|
|
275
|
+
f as eds_card_desc,
|
|
276
|
+
g as eds_card_title,
|
|
277
|
+
v as eds_tag
|
|
278
|
+
};
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D4alMZtT.js"),s=require("./color-2554aad6-D1hFGX4H.js"),o=require("./index-39c58238-SQ-JC-LH.js"),l=`.border-inside {
|
|
2
|
+
position: relative;
|
|
3
|
+
|
|
4
|
+
&::after {
|
|
5
|
+
pointer-events: none;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
&::after {
|
|
9
|
+
position: absolute;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&::after {
|
|
13
|
+
inset: 0rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&::after {
|
|
17
|
+
z-index: 1;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&::after {
|
|
21
|
+
border-radius: 8px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&::after {
|
|
25
|
+
border-width: 1px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&::after {
|
|
29
|
+
border-width: 2px;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&::after {
|
|
33
|
+
border: 2px solid rgba(0, 0, 0, .1);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&::after {
|
|
37
|
+
content: '';
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.border-inside-pill {
|
|
42
|
+
&::after {
|
|
43
|
+
border-radius: 100px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&::after {
|
|
47
|
+
content: '';
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.border-inside-inverse {
|
|
52
|
+
&::after {
|
|
53
|
+
border: 2px solid rgba(255, 255, 255, 0.3);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&::after {
|
|
57
|
+
content: '';
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.aspect-1x1 {
|
|
62
|
+
aspect-ratio: 1/1;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.flex {
|
|
66
|
+
display: flex;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.inline-flex {
|
|
70
|
+
display: inline-flex;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.items-center {
|
|
74
|
+
align-items: center;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.justify-center {
|
|
78
|
+
justify-content: center;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.overflow-hidden {
|
|
82
|
+
overflow: hidden;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.px-4 {
|
|
86
|
+
padding-left: 0.25rem;
|
|
87
|
+
padding-right: 0.25rem;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.rounded-pill {
|
|
91
|
+
border-radius: 100px;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.rounded-sm {
|
|
95
|
+
border-radius: 8px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.rounded-xs {
|
|
99
|
+
border-radius: 4px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
.bg-dark {
|
|
104
|
+
background-color: var(--grey-300);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.bg-darker {
|
|
108
|
+
background-color: var(--grey-400);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.bg-stronger {
|
|
112
|
+
background-color: var(--grey-900);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.bg-strongest {
|
|
116
|
+
background-color: var(--black);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.text-accent {
|
|
120
|
+
color: var(--green-500);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.text-default {
|
|
124
|
+
color: var(--black);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.\\!no-underline {
|
|
128
|
+
text-decoration-line: none !important;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.f-ui-01 {
|
|
132
|
+
font-family: var(--f-ui-01-fontFamily);
|
|
133
|
+
font-weight: var(--f-ui-01-fontWeight);
|
|
134
|
+
font-size: var(--f-ui-01-fontSize);
|
|
135
|
+
line-height: var(--f-ui-01-lineHeight);
|
|
136
|
+
letter-spacing: var(--f-ui-01-letterSpacing);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.w-32 {
|
|
140
|
+
width: 2rem;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.w-44 {
|
|
144
|
+
width: 2.75rem;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.w-\\[54px\\] {
|
|
148
|
+
width: 54px;
|
|
149
|
+
}`,d=l,n=class{constructor(e){t.registerInstance(this,e),this.firstName="User",this.lastName="Avatar",this.picture=void 0,this.initials=void 0,this.color=void 0,this.rounded=!1,this.initialsStrong=!1}get computedInitials(){if(this.initials)return(this.initials.match(/.{1,3}/g)||[])[0]||"";if(this.firstName&&this.lastName)return`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase()}get containerClasses(){return["border-inside","aspect-1x1","flex","items-center","justify-center","overflow-hidden",this.picture?"":"px-4",this.rounded?"rounded-pill border-inside-pill w-32":"w-[54px] rounded-sm",this.color?"border-inside-inverse":"",this.color==="grey"?"bg-dark":this.color&&!this.picture?s.gradientBGColorVariants({color:this.color,direction:"top",pseudo:!1}):this.picture?"":"bg-strongest text-accent"].join(" ")}render(){return t.h("div",{key:"47ee5ffd12c0f90c536dea77b3ffa9120d67f37f",class:this.containerClasses},this.picture?t.h("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):t.h("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};n.style=d;const f=".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-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)}.text-light{color:var(--grey-700)}.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}",h=f,i=class{constructor(e){t.registerInstance(this,e),this.description=void 0,this.descClass="f-ui-03-light",this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return t.h("p",{key:"71495cbd6ef4e7d66c4c22a37f8120624ecf57fb",class:`text-light ${this.descClass}`},t.h("span",{key:"8708178f7b48cc1f31aac749f50fe92b72c39ab8",class:this.getTruncateClass()},this.description))}};i.style=h;const c="a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}",g=c,r=class{constructor(e){t.registerInstance(this,e),this.url=void 0,this.titleClass=void 0,this.headingLevel="h3",this.externalLink=!1,this.cardTitle=void 0,this.hierarchy=!0}getTitleClass(){return`f-heading-${(this.hierarchy?{h1:"05",h2:"05",h3:"05",h4:"05",h5:"05",h6:"06"}:{h1:"01",h2:"02",h3:"03",h4:"04",h5:"05",h6:"06"})[this.headingLevel]}`}render(){const e=this.headingLevel;return t.h(e,{key:"bb97dc6dd53adda14ef251b2ec32952791438986",class:this.getTitleClass()},t.h("a",{key:"37b6ac0668257d27fb3f03a6225a2d48e1fd1f79",class:"break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.cardTitle))}};r.style=g;const u=".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}",p=u,b=o.cva(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{variants:{intent:{default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"}},defaultVariants:{intent:"default"}}),a=class{constructor(e){t.registerInstance(this,e),this.label=void 0,this.intent="default"}render(){const e=b({intent:this.intent});return t.h("span",{key:"2f4b0011094538aaa0a7cc855eadc1b39c9dc028",class:e},this.label)}};a.style=p;exports.eds_avatar=n;exports.eds_card_desc=i;exports.eds_card_title=r;exports.eds_tag=a;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { r as n, h as
|
|
2
|
-
|
|
1
|
+
import { r as n, h as a, g as d } from "./index-E1PpO1J3.mjs";
|
|
2
|
+
import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
|
|
3
|
+
const h = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", m = h, o = class {
|
|
3
4
|
constructor(e) {
|
|
4
5
|
n(this, e), this.updateScreenSize = () => {
|
|
5
6
|
const t = window.innerWidth;
|
|
@@ -10,14 +11,7 @@ const c = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
|
|
|
10
11
|
* Watches for changes to the `items` prop and parses it.
|
|
11
12
|
*/
|
|
12
13
|
parseItems(e) {
|
|
13
|
-
|
|
14
|
-
try {
|
|
15
|
-
const t = JSON.parse(e);
|
|
16
|
-
this.parsedItems = Array.isArray(t) ? t : [];
|
|
17
|
-
} catch {
|
|
18
|
-
this.parsedItems = [];
|
|
19
|
-
}
|
|
20
|
-
else Array.isArray(e) ? this.parsedItems = e : this.parsedItems = [];
|
|
14
|
+
this.parsedItems = c(e);
|
|
21
15
|
}
|
|
22
16
|
/**
|
|
23
17
|
* Lifecycle method that runs when the component is about to be loaded.
|
|
@@ -66,8 +60,8 @@ const c = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
|
|
|
66
60
|
if (this.maxVisibleItems === 3)
|
|
67
61
|
return [i, t, ...s];
|
|
68
62
|
if (this.maxVisibleItems === 4) {
|
|
69
|
-
const
|
|
70
|
-
return [i,
|
|
63
|
+
const l = this.parsedItems[Math.floor(e / 2)];
|
|
64
|
+
return [i, l, t, ...s];
|
|
71
65
|
}
|
|
72
66
|
}
|
|
73
67
|
return this.parsedItems;
|
|
@@ -87,12 +81,12 @@ const c = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
|
|
|
87
81
|
*/
|
|
88
82
|
render() {
|
|
89
83
|
const e = this.getTruncatedItems();
|
|
90
|
-
return
|
|
84
|
+
return a("nav", { key: "02537ec4208124f8a5ba564f7487f6fad552f7da", "aria-label": "Breadcrumb" }, a("ol", { key: "ac6e2ecd59a8ddef52e004d95fbb492f78a9b248", class: "flex items-center space-x-2" }, e.map((t, i) => {
|
|
91
85
|
const s = i === e.length - 1;
|
|
92
|
-
return
|
|
93
|
-
const { displayLabel:
|
|
94
|
-
return
|
|
95
|
-
})(), !s && !t.isHidden &&
|
|
86
|
+
return a("li", { class: "flex items-center" }, t.isHidden ? a("span", { class: "truncate px-2", "aria-hidden": "true" }, "...") : (() => {
|
|
87
|
+
const { displayLabel: l, fullLabel: r } = this.getLabels(t, s);
|
|
88
|
+
return a("eds-link", Object.assign({ label: l, url: t.url, intent: this.intent, current: s, "aria-label": r, size: "small", "icon-small": "false" }, s ? { "aria-current": "page" } : {}));
|
|
89
|
+
})(), !s && !t.isHidden && a("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
|
|
96
90
|
})));
|
|
97
91
|
}
|
|
98
92
|
get el() {
|
|
@@ -104,7 +98,7 @@ const c = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{
|
|
|
104
98
|
};
|
|
105
99
|
}
|
|
106
100
|
};
|
|
107
|
-
|
|
101
|
+
o.style = m;
|
|
108
102
|
export {
|
|
109
|
-
|
|
103
|
+
o as eds_breadcrumb
|
|
110
104
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-D4alMZtT.js"),d=require("./sharedUtils-a550989c-m4pF1Vqy.js"),c="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}",h=c,n=class{constructor(e){s.registerInstance(this,e),this.updateScreenSize=()=>{const t=window.innerWidth;t<769?(this.maxVisibleItems=3,this.isSmallScreen=!0):t<=1024?(this.maxVisibleItems=4,this.isSmallScreen=!0):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(e){this.parsedItems=d.parseData(e)}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("eds-link");t==null||t.forEach(l=>{this.emitContext(l)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}getTruncatedItems(){const e=this.parsedItems.length,t={label:"...",url:"",isHidden:!0};if(e>this.maxVisibleItems){const l=this.parsedItems[0],i=this.parsedItems.slice(-2);if(this.maxVisibleItems===3)return[l,t,...i];if(this.maxVisibleItems===4){const a=this.parsedItems[Math.floor(e/2)];return[l,a,t,...i]}}return this.parsedItems}getLabels(e,t){return!t&&e.label.length>15?{displayLabel:`${e.label.slice(0,15)}...`,fullLabel:e.label}:{displayLabel:e.label,fullLabel:e.label}}render(){const e=this.getTruncatedItems();return s.h("nav",{key:"02537ec4208124f8a5ba564f7487f6fad552f7da","aria-label":"Breadcrumb"},s.h("ol",{key:"ac6e2ecd59a8ddef52e004d95fbb492f78a9b248",class:"flex items-center space-x-2"},e.map((t,l)=>{const i=l===e.length-1;return s.h("li",{class:"flex items-center"},t.isHidden?s.h("span",{class:"truncate px-2","aria-hidden":"true"},"..."):(()=>{const{displayLabel:a,fullLabel:r}=this.getLabels(t,i);return s.h("eds-link",Object.assign({label:a,url:t.url,intent:this.intent,current:i,"aria-label":r,size:"small","icon-small":"false"},i?{"aria-current":"page"}:{}))})(),!i&&!t.isHidden&&s.h("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))})))}get el(){return s.getElement(this)}static get watchers(){return{items:["parseItems"]}}};n.style=h;exports.eds_breadcrumb=n;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D4alMZtT.js"),s=require("./sharedUtils-a550989c-m4pF1Vqy.js"),a=require("./analytics-44b1416b-ol77SdQE.js"),o=".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}",n=o,i=class{constructor(e){t.registerInstance(this,e),this.parentContext=null,this.cardTitle=void 0,this.url=void 0,this.description=void 0,this.image=void 0,this.avatar=void 0,this.shortAbbreviation=void 0,this.headingLevel="h3",this.tags=[],this.tiny=!1,this.bg=!0,this.withHover=!0,this.hierarchy=!0,this.parsedImage=null}componentWillLoad(){if(this.image)try{typeof this.image=="object"?this.parsedImage=this.image:typeof this.image=="string"&&(this.parsedImage=JSON.parse(this.image))}catch(e){console.error("Error parsing image prop:",e),this.parsedImage={}}}handleParentContext(e){e.target===this.el&&(this.parentContext=e.detail,e.stopPropagation())}get parsedTags(){return s.parseData(this.tags)}articleClasses(){return[this.description?this.tiny?"min-h-120":"min-h-156":"h-auto",this.bg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ")}handleClick(){var e;a.sendAnalytics({category:"ui-component",parentContext:this.parentContext,tag:this.el.tagName.toLowerCase(),name:((e=this.cardTitle)===null||e===void 0?void 0:e.toLowerCase())||"",action:"click"})}render(){return t.h("article",{key:"440a448c841370838c0c66610bd1266b46f66541",class:this.articleClasses(),onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"292d93a9a993c6dcbfd276097a21d3984b1794c4","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,hierarchy:this.hierarchy}),this.description&&t.h("eds-card-desc",{key:"4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7",class:"mt-8","truncate-lines":"3",description:this.description}),this.parsedImage?t.h("eds-img",Object.assign({class:"mt-8"},this.parsedImage)):this.avatar||this.shortAbbreviation?t.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t.h("div",{key:"cb5c191f6c190fb6edb46446187dbf6b8c1b778b",class:"flex flex-wrap gap-y-4"},this.parsedTags.map((e,r)=>t.h("eds-tag",{key:r,intent:e.style,label:e.label})))," ")}get el(){return t.getElement(this)}};i.style=n;exports.eds_card_generic=i;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { r, h as t, g as s } from "./index-E1PpO1J3.mjs";
|
|
2
|
+
import { p as a } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
|
|
3
|
+
import { s as o } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
4
|
+
const n = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}", d = n, h = class {
|
|
5
|
+
constructor(e) {
|
|
6
|
+
r(this, e), this.parentContext = null, this.cardTitle = void 0, this.url = void 0, this.description = void 0, this.image = void 0, this.avatar = void 0, this.shortAbbreviation = void 0, this.headingLevel = "h3", this.tags = [], this.tiny = !1, this.bg = !0, this.withHover = !0, this.hierarchy = !0, this.parsedImage = null;
|
|
7
|
+
}
|
|
8
|
+
componentWillLoad() {
|
|
9
|
+
if (this.image)
|
|
10
|
+
try {
|
|
11
|
+
typeof this.image == "object" ? this.parsedImage = this.image : typeof this.image == "string" && (this.parsedImage = JSON.parse(this.image));
|
|
12
|
+
} catch (e) {
|
|
13
|
+
console.error("Error parsing image prop:", e), this.parsedImage = {};
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
handleParentContext(e) {
|
|
17
|
+
e.target === this.el && (this.parentContext = e.detail, e.stopPropagation());
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Parses the `tags` prop into an array of link objects.
|
|
21
|
+
* Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
|
|
22
|
+
*
|
|
23
|
+
* @returns {any[]} Array of parsed link objects
|
|
24
|
+
*/
|
|
25
|
+
get parsedTags() {
|
|
26
|
+
return a(this.tags);
|
|
27
|
+
}
|
|
28
|
+
articleClasses() {
|
|
29
|
+
return [
|
|
30
|
+
this.description ? this.tiny ? "min-h-120" : "min-h-156" : "h-auto",
|
|
31
|
+
this.bg ? "bg-inverse" : "bg-default",
|
|
32
|
+
this.withHover ? "effect-shadow hover:shadow-hover cursor-pointer" : "",
|
|
33
|
+
"border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"
|
|
34
|
+
].join(" ");
|
|
35
|
+
}
|
|
36
|
+
handleClick() {
|
|
37
|
+
var e;
|
|
38
|
+
o({
|
|
39
|
+
category: "ui-component",
|
|
40
|
+
parentContext: this.parentContext,
|
|
41
|
+
tag: this.el.tagName.toLowerCase(),
|
|
42
|
+
name: ((e = this.cardTitle) === null || e === void 0 ? void 0 : e.toLowerCase()) || "",
|
|
43
|
+
action: "click"
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
render() {
|
|
47
|
+
return t("article", { key: "440a448c841370838c0c66610bd1266b46f66541", class: this.articleClasses(), onClick: () => this.handleClick() }, t("eds-card-title", { key: "292d93a9a993c6dcbfd276097a21d3984b1794c4", "heading-level": this.headingLevel, titleClass: this.image ? "f-ui-01" : void 0, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && t("eds-card-desc", { key: "4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7", class: "mt-8", "truncate-lines": "3", description: this.description }), this.parsedImage ? t("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage)) : this.avatar || this.shortAbbreviation ? t("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation }) : null, t("div", { key: "cb5c191f6c190fb6edb46446187dbf6b8c1b778b", class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((e, i) => t("eds-tag", { key: i, intent: e.style, label: e.label }))), " ");
|
|
48
|
+
}
|
|
49
|
+
get el() {
|
|
50
|
+
return s(this);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
h.style = d;
|
|
54
|
+
export {
|
|
55
|
+
h as eds_card_generic
|
|
56
|
+
};
|
|
@@ -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-D4alMZtT.js"),r=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./color-2554aad6-D1hFGX4H.js"),l=class{constructor(t){e.registerInstance(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch{}}handleClick(t){var i;t.preventDefault(),r.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((i=this.titleProject)===null||i===void 0?void 0:i.toLowerCase())||"",action:"click"})}render(){var t;const i=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?d.gradientBGColorVariants({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),a=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"98c5dbd033ec05d08965559e00f32d9fe18698ef",class:i,onClick:s=>this.handleClick(s)},e.h("div",{key:"e083c43e38c3c24fcd996a90267f7cd92d3651b3",class:`flex grow flex-col ${this.vertical?"min-h-156":""}`},e.h("div",{key:"37de1e46023b533fd8595a3077c4e68c11fb01af",class:"lg:max-w-[720px]"},e.h("eds-card-title",{key:"ee31ae2804d2c17c82e8f4c0c3269ac8254331df","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&e.h("span",{key:"c6f74ba9b5b522f713e25d3339f541efa68cdddd",class:`block ${this.vertical?"f-ui-02":"mt-4 f-heading-06"}`},this.editorialTitle)),this.categoryTitle&&e.h("div",{key:"ab18e55046777cf4a4f58ebd057641db9b9e0328",class:"mt-auto flex items-center gap-x-12 pt-12"},((t=this.categoryTitle)===null||t===void 0?void 0:t.length)&&e.h("eds-tag",{key:"3714ee86a74dce7f33a8f953fd726db349ba9271",label:this.categoryTitle}))),this.parsedImage&&e.h("div",{key:"2818d15f7ab671b7b2dfb34ec3085b390150f38d",class:a},e.h("div",{key:"5166feef3674631298f699449b956655f38f0db9",class:"aspect-1x1 w-full"},e.h("eds-img",Object.assign({key:"86555a43491da5b2aa3b287e539e603a2c2adaf3",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return e.getElement(this)}};exports.eds_card_project=l;
|