@ebrains/vue 0.9.0-beta → 0.9.2-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +18 -0
- package/LICENSE +21 -0
- package/README.md +5 -1
- package/package.json +1 -1
- package/project.json +9 -0
- package/src/generated/components.ts +374 -0
- package/src/generated/vue-component-lib/utils.ts +236 -0
- package/src/index.ts +1 -0
- package/src/vue-shims.d.ts +5 -0
- package/tsconfig.json +18 -0
- package/tsconfig.lib.json +27 -0
- package/vite.config.ts +71 -0
- package/analytics-44b1416b-3vYuu4Xs.mjs +0 -28
- package/analytics-44b1416b-ol77SdQE.js +0 -1
- package/arrow-diagonal-black-8f0494c3-CYl9yYTl.mjs +0 -4
- package/arrow-diagonal-black-8f0494c3-DqsB6ni-.js +0 -1
- package/arrow-right-9322ba8a-DBcxNU_p.js +0 -3
- package/arrow-right-9322ba8a-DHq-_PPe.mjs +0 -6
- package/bluesky-cc5edd2d-DaFQc-pr.js +0 -12
- package/bluesky-cc5edd2d-DfuDDO5h.mjs +0 -15
- package/bookmark-c200037c-CIcZ51ZQ.js +0 -14
- package/bookmark-c200037c-ClkCtyRY.mjs +0 -17
- package/chevron-down-6144c823-DWGlv9eV.mjs +0 -13
- package/chevron-down-6144c823-D_8976Ke.js +0 -10
- package/chevron-left-ca6c66e1-DANhLw_T.mjs +0 -12
- package/chevron-left-ca6c66e1-uCH5SUhm.js +0 -9
- package/chevron-right-b88ed2d4-C7dkTMvP.js +0 -3
- package/chevron-right-b88ed2d4-CgEZBvy7.mjs +0 -6
- package/chevron-up-c66bd477-ByW7R48t.js +0 -10
- package/chevron-up-c66bd477-CETJkshq.mjs +0 -13
- package/close-87fc0d63-Cbd-ScJr.js +0 -3
- package/close-87fc0d63-DtDU2HIU.mjs +0 -6
- package/color-2554aad6-CCcV5UJZ.mjs +0 -131
- package/color-2554aad6-D1hFGX4H.js +0 -1
- package/color-primary-palette_6.entry-B00J5gKq.js +0 -1
- package/color-primary-palette_6.entry-DJl4iXuX.mjs +0 -300
- package/components-section.entry-Bp5Ot0Sn.js +0 -162
- package/components-section.entry-CMHPm3bn.mjs +0 -351
- package/copy-03b72cb6-B_WCNQrG.mjs +0 -6
- package/copy-03b72cb6-CZAFAegx.js +0 -3
- package/correct-use-of-colors.entry-BRM7osKs.js +0 -1
- package/correct-use-of-colors.entry-BcZ8MzKb.mjs +0 -59
- package/docs-palettes.entry-BoEjXr5K.js +0 -1
- package/docs-palettes.entry-CkVHcQbL.mjs +0 -22
- package/docs-tokens.entry-C22LSw0P.js +0 -1
- package/docs-tokens.entry-D38mtdPC.mjs +0 -30
- package/eds-accordion.entry-B25YfdGD.js +0 -4
- package/eds-accordion.entry-ivh1zjpt.mjs +0 -48
- package/eds-alert.entry-C0p3qeqh.js +0 -739
- package/eds-alert.entry-DOCbYqvG.mjs +0 -825
- package/eds-app-root.entry-AYVIYcb1.mjs +0 -25
- package/eds-app-root.entry-DfPrDdc_.js +0 -1
- package/eds-avatar_24.entry-BcY_4aZT.mjs +0 -33279
- package/eds-avatar_24.entry-DBYYqNco.js +0 -31821
- package/eds-breadcrumb.entry-BTYLNHlm.mjs +0 -104
- package/eds-breadcrumb.entry-Drb48V7S.js +0 -1
- package/eds-card-desc_3.entry-BlQBUPMR.js +0 -1
- package/eds-card-desc_3.entry-DtsrKQS6.mjs +0 -83
- package/eds-card-generic.entry-Dtfs4XKl.mjs +0 -56
- package/eds-card-generic.entry-w0E2hhjp.js +0 -1
- package/eds-card-project.entry-Cek2GMTn.js +0 -1
- package/eds-card-project.entry-Cy_NC5av.mjs +0 -44
- package/eds-card-section.entry-D1yKOTXz.mjs +0 -30
- package/eds-card-section.entry-DLE2WAV_.js +0 -1
- package/eds-card-tags.entry-CmRv-oB4.js +0 -1
- package/eds-card-tags.entry-Q9xxbeAG.mjs +0 -13
- package/eds-card-tool.entry-DF_jWDUL.js +0 -1
- package/eds-card-tool.entry-Dgi1G1RH.mjs +0 -56
- package/eds-card-wrapper.entry-DZZOVhcJ.js +0 -1
- package/eds-card-wrapper.entry-k-aNj4Ms.mjs +0 -24
- package/eds-code-block.entry-BjrDmUCm.mjs +0 -1623
- package/eds-code-block.entry-DoUacOW1.js +0 -9
- package/eds-cookies-preference.entry-B7gp0J-S.js +0 -1
- package/eds-cookies-preference.entry-DkA2HKmI.mjs +0 -20
- package/eds-feedback.entry-C9Ir38bt.mjs +0 -53
- package/eds-feedback.entry-GNZz9ODR.js +0 -1
- package/eds-frame.entry-CcmLaVze.mjs +0 -67
- package/eds-frame.entry-XyeUo6pB.js +0 -1
- package/eds-icon-arrow-diagonal.entry-B0dxbX_o.mjs +0 -13
- package/eds-icon-arrow-diagonal.entry-o5Ev_oO7.js +0 -1
- package/eds-icon-arrow-right.entry-DUHmdP-V.js +0 -1
- package/eds-icon-arrow-right.entry-DpdjX5aS.mjs +0 -13
- package/eds-icon-bluesky.entry-Bv0-EDnj.js +0 -1
- package/eds-icon-bluesky.entry-DkSAjnck.mjs +0 -13
- package/eds-icon-bookmark.entry-Bjzq8uze.js +0 -1
- package/eds-icon-bookmark.entry-C_0B6YJU.mjs +0 -13
- package/eds-icon-chevron-down.entry-BERHGaTB.js +0 -1
- package/eds-icon-chevron-down.entry-DnKTBqKv.mjs +0 -13
- package/eds-icon-chevron-left.entry-Bo8LqkIz.js +0 -1
- package/eds-icon-chevron-left.entry-DT2At_f6.mjs +0 -13
- package/eds-icon-chevron-right.entry-BFoMlLTp.mjs +0 -13
- package/eds-icon-chevron-right.entry-DyqeLE1B.js +0 -1
- package/eds-icon-chevron-up.entry-Bpy8lbif.js +0 -1
- package/eds-icon-chevron-up.entry-JSrFaEET.mjs +0 -13
- package/eds-icon-close.entry-CzIoe2p3.mjs +0 -13
- package/eds-icon-close.entry-cabdCuVg.js +0 -1
- package/eds-icon-copy.entry-C08qTrZl.mjs +0 -13
- package/eds-icon-copy.entry-CvpG2Kxo.js +0 -1
- package/eds-icon-eu.entry-ChZ09s02.mjs +0 -13
- package/eds-icon-eu.entry-H2skG2J6.js +0 -1
- package/eds-icon-external.entry-DKbmbXLG.mjs +0 -13
- package/eds-icon-external.entry-DVlEoMZl.js +0 -1
- package/eds-icon-facebook.entry-4bvKyXXu.mjs +0 -13
- package/eds-icon-facebook.entry-COSHMM4W.js +0 -1
- package/eds-icon-gitlab.entry-BXLfky5G.mjs +0 -13
- package/eds-icon-gitlab.entry-D_zX1Jsy.js +0 -1
- package/eds-icon-linkedin.entry-CjXcA0DQ.js +0 -1
- package/eds-icon-linkedin.entry-_3H4M1ch.mjs +0 -13
- package/eds-icon-loader.entry-BA-W8oxC.js +0 -1
- package/eds-icon-loader.entry-Cp3B6C_B.mjs +0 -13
- package/eds-icon-mastodon.entry-Bmb_O0hs.mjs +0 -13
- package/eds-icon-mastodon.entry-DUFdG1dJ.js +0 -1
- package/eds-icon-menu.entry-DOdmibhy.mjs +0 -13
- package/eds-icon-menu.entry-Qg4r_OkP.js +0 -1
- package/eds-icon-minus.entry-8htg5ASo.mjs +0 -13
- package/eds-icon-minus.entry-Diem-PL4.js +0 -1
- package/eds-icon-more.entry-BY-mI4ec.js +0 -1
- package/eds-icon-more.entry-DyWgD7vJ.mjs +0 -13
- package/eds-icon-paper.entry-BI3DMxCS.mjs +0 -13
- package/eds-icon-paper.entry-D2mmnsXf.js +0 -1
- package/eds-icon-plus.entry-B8KAaEGT.js +0 -1
- package/eds-icon-plus.entry-Ccr7jseH.mjs +0 -13
- package/eds-icon-portal.entry-BLhT9_Nz.js +0 -1
- package/eds-icon-portal.entry-D2iNYdZW.mjs +0 -13
- package/eds-icon-private.entry-CK2gzDym.mjs +0 -13
- package/eds-icon-private.entry-ToYtRpET.js +0 -1
- package/eds-icon-public.entry-BOnTLyd7.js +0 -1
- package/eds-icon-public.entry-N8tks7_E.mjs +0 -13
- package/eds-icon-search.entry-C9tMq1XC.js +0 -1
- package/eds-icon-search.entry-DuG-zesK.mjs +0 -13
- package/eds-icon-star.entry-B-PeifnZ.mjs +0 -13
- package/eds-icon-star.entry-CHoursjw.js +0 -1
- package/eds-icon-success.entry-BJm--l5m.mjs +0 -13
- package/eds-icon-success.entry-ED6eDDgi.js +0 -1
- package/eds-icon-thumbs-down.entry-BzEfZ1AX.mjs +0 -13
- package/eds-icon-thumbs-down.entry-zjkeVdJJ.js +0 -1
- package/eds-icon-thumbs-up.entry-CZJlAqFh.js +0 -1
- package/eds-icon-thumbs-up.entry-DutZ0Kki.mjs +0 -13
- package/eds-icon-tutorial.entry-DRMLIdl4.mjs +0 -13
- package/eds-icon-tutorial.entry-D_9AQ-6-.js +0 -1
- package/eds-icon-twitter.entry-CJhiAxNu.mjs +0 -13
- package/eds-icon-twitter.entry-DDsRqP6N.js +0 -1
- package/eds-icon-unknown.entry-57uXdegM.mjs +0 -13
- package/eds-icon-unknown.entry-7Mmqc2BG.js +0 -1
- package/eds-icon-updown.entry-BwdgdGgR.mjs +0 -13
- package/eds-icon-updown.entry-b0BvWM4f.js +0 -1
- package/eds-icon-user.entry-BJ7Wi5JO.mjs +0 -13
- package/eds-icon-user.entry-czB7LMt8.js +0 -1
- package/eds-icon-youtube.entry-BWP1dBVD.mjs +0 -13
- package/eds-icon-youtube.entry-v007UjBQ.js +0 -1
- package/eds-login_2.entry-BfzeZBGw.mjs +0 -981
- package/eds-login_2.entry-DmBDAFIz.js +0 -9
- package/eds-matomo-notice.entry-B-MlwGCp.mjs +0 -90
- package/eds-matomo-notice.entry-CCiq7z7U.js +0 -1
- package/eds-modal.entry-DU5qpx-i.js +0 -1
- package/eds-modal.entry-puAN0sn-.mjs +0 -96
- package/eds-pagination_2.entry-CuaStxZg.js +0 -1
- package/eds-pagination_2.entry-DWzfLRgF.mjs +0 -258
- package/eds-progress-bar.entry-BRTtAttw.mjs +0 -21
- package/eds-progress-bar.entry-qScp3MQj.js +0 -1
- package/eds-rating.entry-CEI0zBir.mjs +0 -61
- package/eds-rating.entry-DOTYJZZ6.js +0 -1
- package/eds-section-core_2.entry-BZpOdGAA.mjs +0 -39
- package/eds-section-core_2.entry-Cmly0OqW.js +0 -1
- package/eds-spinner.entry-C_3hil-u.js +0 -1
- package/eds-spinner.entry-DLqey9r7.mjs +0 -36
- package/eds-switch.entry-BPHya25S.mjs +0 -20
- package/eds-switch.entry-IoOUDh10.js +0 -1
- package/eds-tabs.entry-DEOntaY1.mjs +0 -7880
- package/eds-tabs.entry-lqdai_rD.js +0 -7777
- package/eds-timeline.entry-CC0zKwha.js +0 -7777
- package/eds-timeline.entry-c1YpsWVJ.mjs +0 -7822
- package/eds-toast-manager.entry-BvunvxZX.mjs +0 -36
- package/eds-toast-manager.entry-DMZSCFoE.js +0 -1
- package/eds-toast.entry-DW3toqwW.mjs +0 -61
- package/eds-toast.entry-rudQ7nhp.js +0 -3
- package/eds-tooltip.entry-CcGgCRMO.js +0 -1
- package/eds-tooltip.entry-CoHV78jm.mjs +0 -77
- package/eds-trl.entry-CQOb5dk-.mjs +0 -34
- package/eds-trl.entry-L0XqQYCq.js +0 -1
- package/eu-9ddde93a-BFtIQw9B.js +0 -28
- package/eu-9ddde93a-ft4szvR5.mjs +0 -31
- package/facebook-9cb5c17f-BcUhbrj6.mjs +0 -15
- package/facebook-9cb5c17f-Y_gvQ682.js +0 -12
- package/generated/components.d.ts +0 -41
- package/generated/vue-component-lib/utils.d.ts +0 -16
- package/incorrect-use-of-colors.entry-C1QG9658.js +0 -1
- package/incorrect-use-of-colors.entry-C3Qt3gSE.mjs +0 -42
- package/index-39c58238-BwYCDOHZ.mjs +0 -44
- package/index-39c58238-SQ-JC-LH.js +0 -1
- package/index-cHrGUVDM.js +0 -21
- package/index-xVeSZU9j.mjs +0 -3633
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/index.mjs +0 -43
- package/linkedin-e8650abb-BkDrkjzY.js +0 -26
- package/linkedin-e8650abb-DYMdsale.mjs +0 -29
- package/loader-c9628637-ChpnbJkv.mjs +0 -31
- package/loader-c9628637-Vj8Wt1e8.js +0 -28
- package/logo-color-7f1fd803-CFgbXdt8.mjs +0 -116
- package/logo-color-7f1fd803-DRD3vZVn.js +0 -113
- package/logo-color-margins-ff8ce71b-B9nMsY9Q.mjs +0 -119
- package/logo-color-margins-ff8ce71b-Dk06zr1Z.js +0 -116
- package/logo-space.entry-H3itdzkq.mjs +0 -19
- package/logo-space.entry-epl_-703.js +0 -6
- package/logo-variations-horizontal_2.entry-CKLOzzOx.mjs +0 -29
- package/logo-variations-horizontal_2.entry-k6KqYji6.js +0 -7
- package/logo-variations-tabs.entry-BpYl8Gpo.js +0 -1
- package/logo-variations-tabs.entry-Df5DuYk-.mjs +0 -22
- package/logo-white-no-bg-f382f86f-DXYn3NwV.js +0 -1011
- package/logo-white-no-bg-f382f86f-YhfmNmGG.mjs +0 -1022
- package/logo-wrong-usage.entry-Bkg9gp3h.mjs +0 -14
- package/logo-wrong-usage.entry-DhlWm8es.js +0 -1
- package/mastodon-3703ec61-C7iI4Hk0.mjs +0 -15
- package/mastodon-3703ec61-C9v6Olc-.js +0 -12
- package/menu-340ea948-BpnYX3gY.mjs +0 -12
- package/menu-340ea948-ZdelWVw3.js +0 -9
- package/minus-b30a7c71-BPAvqHzH.mjs +0 -12
- package/minus-b30a7c71-DqCTe6Qh.js +0 -9
- package/mono-53f70232-DGi2XDlR.mjs +0 -12
- package/mono-53f70232-DgAsWvoQ.js +0 -9
- package/more-4449d549-D4HA1cRq.js +0 -11
- package/more-4449d549-rI9hOpEp.mjs +0 -14
- package/paper-8e74ea31-BvGrc1Vo.mjs +0 -16
- package/paper-8e74ea31-C4CV6tlB.js +0 -13
- package/plus-89c07be2-BTXnjg5K.js +0 -10
- package/plus-89c07be2-DyT9I4-L.mjs +0 -13
- package/portal-d6c8ce56-Cj61ldo8.mjs +0 -19
- package/portal-d6c8ce56-NpSrdNZ_.js +0 -16
- package/private-1c25ff8e-D3Fo36q6.js +0 -23
- package/private-1c25ff8e-Dz82_Xf8.mjs +0 -26
- package/public-d4d8c585-BJKDD5F6.mjs +0 -17
- package/public-d4d8c585-lV6QxdPw.js +0 -14
- package/search-fbcd79c2-BMxCaeEk.js +0 -10
- package/search-fbcd79c2-rfV0PlHP.mjs +0 -13
- package/sharedUtils-a550989c-Ci3Tx3jc.mjs +0 -15
- package/sharedUtils-a550989c-m4pF1Vqy.js +0 -1
- package/star-0da9b5e9-B3-jr0yE.js +0 -3
- package/star-0da9b5e9-DX8_iFmu.mjs +0 -6
- package/success-443809da-BD23vltm.mjs +0 -19
- package/success-443809da-BUEhLsAD.js +0 -16
- package/svg-repository.entry-C1TKYvU7.mjs +0 -301
- package/svg-repository.entry-DxVwTMCv.js +0 -173
- package/thumbs-down-a18fd049-CzuBAj99.mjs +0 -6
- package/thumbs-down-a18fd049-DTNIbYbm.js +0 -3
- package/thumbs-up-c19a71bc-CjLv5Wgw.mjs +0 -7
- package/thumbs-up-c19a71bc-w8Z8gegt.js +0 -4
- package/toastManager-d9eee791-CEYNwx25.mjs +0 -30
- package/toastManager-d9eee791-DvR_vUPI.js +0 -1
- package/token-list_3.entry-CABw7-9O.mjs +0 -247
- package/token-list_3.entry-CawIyAia.js +0 -1
- package/token-ratios.entry-BGWJSHfY.mjs +0 -25
- package/token-ratios.entry-B_FOHsNq.js +0 -1
- package/token-typography.entry-BHvTpH4i.mjs +0 -213
- package/token-typography.entry-FXRD_KVv.js +0 -2
- package/tutotial-150ee1fd-DFdyoHVA.mjs +0 -28
- package/tutotial-150ee1fd-DjN_JBL5.js +0 -25
- package/twitter-ac21b505-CGWVGWM9.mjs +0 -15
- package/twitter-ac21b505-DDdHS4hB.js +0 -12
- package/unknown-ed01a24c-B0AcMuip.js +0 -20
- package/unknown-ed01a24c-DonOUpIC.mjs +0 -23
- package/up-and-down-d747abee-CWoZjUyq.js +0 -10
- package/up-and-down-d747abee-D7g6H0T0.mjs +0 -13
- package/user-71ebdc15-BBKQbcQD.js +0 -14
- package/user-71ebdc15-CoHlCtJg.mjs +0 -17
- package/youtube-efbfbdc4-BLTH1Jl9.js +0 -12
- package/youtube-efbfbdc4-BfySbfjR.mjs +0 -15
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { r as n, h as l, g as d } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
import { p as c } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
|
|
3
|
-
const m = "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 = m, o = class {
|
|
4
|
-
constructor(e) {
|
|
5
|
-
n(this, e), this.updateScreenSize = () => {
|
|
6
|
-
const t = window.innerWidth;
|
|
7
|
-
t < 769 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : t <= 1024 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : t <= 2200 ? (this.maxVisibleItems = 4, this.isSmallScreen = !1) : (this.maxVisibleItems = 6, this.isSmallScreen = !1);
|
|
8
|
-
}, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Watches for changes to the `items` prop and parses it.
|
|
12
|
-
*/
|
|
13
|
-
parseItems(e) {
|
|
14
|
-
this.parsedItems = c(e);
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Lifecycle method that runs when the component is about to be loaded.
|
|
18
|
-
* It parses the initial `items` prop value.
|
|
19
|
-
*/
|
|
20
|
-
componentWillLoad() {
|
|
21
|
-
this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
|
|
22
|
-
}
|
|
23
|
-
disconnectedCallback() {
|
|
24
|
-
window.removeEventListener("resize", this.updateScreenSize);
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Lifecycle method that runs when the component has fully loaded.
|
|
28
|
-
* It emits a custom event for each `eds-link` element contained within the breadcrumb.
|
|
29
|
-
*/
|
|
30
|
-
componentDidLoad() {
|
|
31
|
-
var e;
|
|
32
|
-
const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll("eds-link");
|
|
33
|
-
t == null || t.forEach((i) => {
|
|
34
|
-
this.emitContext(i);
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Emits a custom event called `parentContext` for a given link element.
|
|
39
|
-
* This event provides context information about the breadcrumb component.
|
|
40
|
-
*
|
|
41
|
-
* @param linkElement - The link element to which the event will be dispatched.
|
|
42
|
-
*/
|
|
43
|
-
emitContext(e) {
|
|
44
|
-
const t = new CustomEvent("parentContext", {
|
|
45
|
-
detail: {
|
|
46
|
-
componentName: this.el.tagName.toLowerCase(),
|
|
47
|
-
identifier: null
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
e.dispatchEvent(t);
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* Returns breadcrumb items with potential truncation if there are too many.
|
|
54
|
-
* It inserts an ellipsis item where necessary.
|
|
55
|
-
*/
|
|
56
|
-
getTruncatedItems() {
|
|
57
|
-
const e = this.parsedItems.length, t = { label: "...", url: "", isHidden: !0 };
|
|
58
|
-
if (e > this.maxVisibleItems) {
|
|
59
|
-
const i = this.parsedItems[0], s = this.parsedItems.slice(-2);
|
|
60
|
-
if (this.maxVisibleItems === 3)
|
|
61
|
-
return [i, t, ...s];
|
|
62
|
-
if (this.maxVisibleItems === 4) {
|
|
63
|
-
const a = this.parsedItems[Math.floor(e / 2)];
|
|
64
|
-
return [i, a, t, ...s];
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
return this.parsedItems;
|
|
68
|
-
}
|
|
69
|
-
/**
|
|
70
|
-
* Helper to determine the display label and full label.
|
|
71
|
-
* If the label is longer than 15 characters and the item is not the current (last) item,
|
|
72
|
-
* we display a truncated version but use the full label for aria attributes.
|
|
73
|
-
*/
|
|
74
|
-
getLabels(e, t) {
|
|
75
|
-
return !t && e.label.length > 15 ? { displayLabel: `${e.label.slice(0, 15)}...`, fullLabel: e.label } : { displayLabel: e.label, fullLabel: e.label };
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* Render method for the breadcrumb component.
|
|
79
|
-
* It creates a navigation element with an ordered list of breadcrumb links.
|
|
80
|
-
* The last link is marked as the current page.
|
|
81
|
-
*/
|
|
82
|
-
render() {
|
|
83
|
-
const e = this.getTruncatedItems();
|
|
84
|
-
return l("nav", { key: "75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2", "aria-label": "Breadcrumb" }, l("ol", { key: "7a5cc115b70d60bc878aa3d865802662f30948c1", class: "flex items-center space-x-2" }, e.map((t, i) => {
|
|
85
|
-
const s = i === e.length - 1;
|
|
86
|
-
return l("li", { class: "flex items-center" }, t.isHidden ? l("span", { class: "truncate px-2", "aria-hidden": "true" }, "...") : (() => {
|
|
87
|
-
const { displayLabel: a, fullLabel: r } = this.getLabels(t, s);
|
|
88
|
-
return l("eds-link", Object.assign({ label: a, url: t.url, intent: this.intent, current: s, "aria-label": r, size: "small", "icon-small": "false" }, s ? { "aria-current": "page" } : {}));
|
|
89
|
-
})(), !s && !t.isHidden && l("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
|
|
90
|
-
})));
|
|
91
|
-
}
|
|
92
|
-
get el() {
|
|
93
|
-
return d(this);
|
|
94
|
-
}
|
|
95
|
-
static get watchers() {
|
|
96
|
-
return {
|
|
97
|
-
items: ["parseItems"]
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
o.style = h;
|
|
102
|
-
export {
|
|
103
|
-
o as eds_breadcrumb
|
|
104
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-cHrGUVDM.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=3,this.isSmallScreen=!0):t<=2200?(this.maxVisibleItems=4,this.isSmallScreen=!1):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(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:"75bb5629a10de2a2a7bd0b2bbef04e5f699f5fe2","aria-label":"Breadcrumb"},s.h("ol",{key:"7a5cc115b70d60bc878aa3d865802662f30948c1",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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.js"),r=require("./index-39c58238-SQ-JC-LH.js"),o=".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}",l=o,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:"96ba520be4ef9acf871a6e992d5ea74aaf17c962",class:`text-light ${this.descClass}`},t.h("span",{key:"951358bd0c992426175e3c1b3c580f2f9be4027f",class:this.getTruncateClass()},this.description))}};i.style=l;const s="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}",f=s,n=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:"57ce97f35ee52623d32fac0b6b1a576ca8b5aa70",class:this.getTitleClass()},t.h("a",{key:"60fb313d2b8753974658f73aaddd359a63548a79",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))}};n.style=f;const h=".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)}",d=h,g=r.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=g({intent:this.intent});return t.h("span",{key:"55a6039b040436e5dded9aaf1007668b97091ba3",class:e},this.label)}};a.style=d;exports.eds_card_desc=i;exports.eds_card_title=n;exports.eds_tag=a;
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { r as i, h as t } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
import { c as a } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
3
|
-
const n = ".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}", r = n, o = class {
|
|
4
|
-
constructor(e) {
|
|
5
|
-
i(this, e), this.description = void 0, this.descClass = "f-ui-03-light", this.truncate = !0, this.truncateLines = "3";
|
|
6
|
-
}
|
|
7
|
-
getTruncateClass() {
|
|
8
|
-
return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : "";
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
return t("p", { key: "96ba520be4ef9acf871a6e992d5ea74aaf17c962", class: `text-light ${this.descClass}` }, t("span", { key: "951358bd0c992426175e3c1b3c580f2f9be4027f", class: this.getTruncateClass() }, this.description));
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
o.style = r;
|
|
15
|
-
const l = "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}", s = l, f = class {
|
|
16
|
-
constructor(e) {
|
|
17
|
-
i(this, e), this.url = void 0, this.titleClass = void 0, this.headingLevel = "h3", this.externalLink = !1, this.cardTitle = void 0, this.hierarchy = !0;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Dynamically generate the title class based on the heading level.
|
|
21
|
-
*/
|
|
22
|
-
getTitleClass() {
|
|
23
|
-
return `f-heading-${(this.hierarchy ? {
|
|
24
|
-
h1: "05",
|
|
25
|
-
h2: "05",
|
|
26
|
-
h3: "05",
|
|
27
|
-
h4: "05",
|
|
28
|
-
h5: "05",
|
|
29
|
-
h6: "06"
|
|
30
|
-
} : {
|
|
31
|
-
h1: "01",
|
|
32
|
-
h2: "02",
|
|
33
|
-
h3: "03",
|
|
34
|
-
h4: "04",
|
|
35
|
-
h5: "05",
|
|
36
|
-
h6: "06"
|
|
37
|
-
})[this.headingLevel]}`;
|
|
38
|
-
}
|
|
39
|
-
/*private getTag() {
|
|
40
|
-
if (this.url) {
|
|
41
|
-
return 'a';
|
|
42
|
-
}
|
|
43
|
-
return 'span';
|
|
44
|
-
}*/
|
|
45
|
-
render() {
|
|
46
|
-
const e = this.headingLevel;
|
|
47
|
-
return t(e, { key: "57ce97f35ee52623d32fac0b6b1a576ca8b5aa70", class: this.getTitleClass() }, t("a", { key: "60fb313d2b8753974658f73aaddd359a63548a79", 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));
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
f.style = s;
|
|
51
|
-
const h = ".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)}", d = h, g = a(
|
|
52
|
-
["f-ui-05 py-1 px-4 border-2 rounded-pill"],
|
|
53
|
-
// Base classes
|
|
54
|
-
{
|
|
55
|
-
variants: {
|
|
56
|
-
intent: {
|
|
57
|
-
default: "border-default",
|
|
58
|
-
strong: "text-inverse bg-strongest border-default",
|
|
59
|
-
accent: "text-[#0034CB] border-[#0034CB]",
|
|
60
|
-
weak: "text-light bg-strongest-soft border-transparent",
|
|
61
|
-
inverse: "border-inverse text-inverse",
|
|
62
|
-
"inverse-strong": "bg-inverse border-inverse text-lighter"
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
defaultVariants: {
|
|
66
|
-
intent: "default"
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
), c = class {
|
|
70
|
-
constructor(e) {
|
|
71
|
-
i(this, e), this.label = void 0, this.intent = "default";
|
|
72
|
-
}
|
|
73
|
-
render() {
|
|
74
|
-
const e = g({ intent: this.intent });
|
|
75
|
-
return t("span", { key: "55a6039b040436e5dded9aaf1007668b97091ba3", class: e }, this.label);
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
c.style = d;
|
|
79
|
-
export {
|
|
80
|
-
o as eds_card_desc,
|
|
81
|
-
f as eds_card_title,
|
|
82
|
-
c as eds_tag
|
|
83
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { r, h as t, g as s } from "./index-xVeSZU9j.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 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cHrGUVDM.js"),r=require("./analytics-44b1416b-ol77SdQE.js"),c=require("./color-2554aad6-D1hFGX4H.js"),d=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 a;t.preventDefault(),r.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((a=this.titleProject)===null||a===void 0?void 0:a.toLowerCase())||"",action:"click"})}render(){var t;const a=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?c.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(" "),i=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"067a30c2b0860d71dc13d1d3d875a7e288de842b",class:a,onClick:s=>this.handleClick(s)},e.h("div",{key:"3e2e62ecc9ad5973c359b7bbceefd8c2ac682d0b",class:`flex grow flex-col ${this.vertical?"min-h-156":""}`},e.h("div",{key:"e07a666f80d6955b5cf16c18a999a756dcfe10f0",class:"lg:max-w-[720px]"},e.h("eds-card-title",{key:"b1ef62c888e9d69f1146fc218a7012015ddc78e1","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:"79cf1af876a0a358a9f65036a1ff1c4944604435",class:`block ${this.vertical?"f-ui-02":"mt-4 f-heading-06"}`},this.editorialTitle)),this.categoryTitle&&e.h("div",{key:"ce7e525b0bdbbc94d3e2ec8055c692be9d521042",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:"23e3527a3772970642dcb07a4abc381415132155",label:this.categoryTitle}))),this.parsedImage&&e.h("div",{key:"178ef2273b2506070c045c3f2e7a287d4b175414",class:i},e.h("div",{key:"f77fb56cd2ed1bdcafd07db9adcf0f7b6a44cdb7",class:"aspect-1x1 w-full"},e.h("eds-img",Object.assign({key:"b9734f48ab685280b801cfb75cc96f5aa109ca6f",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return e.getElement(this)}};exports.eds_card_project=d;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { r, h as e, g as c } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
import { s as d } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
-
import { g as l } from "./color-2554aad6-CCcV5UJZ.mjs";
|
|
4
|
-
const h = class {
|
|
5
|
-
constructor(t) {
|
|
6
|
-
r(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;
|
|
7
|
-
}
|
|
8
|
-
componentWillLoad() {
|
|
9
|
-
if (this.image)
|
|
10
|
-
try {
|
|
11
|
-
this.parsedImage = JSON.parse(this.image);
|
|
12
|
-
} catch {
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
handleClick(t) {
|
|
16
|
-
var a;
|
|
17
|
-
t.preventDefault(), d({
|
|
18
|
-
category: "ui-component",
|
|
19
|
-
tag: this.el.tagName.toLowerCase(),
|
|
20
|
-
name: ((a = this.titleProject) === null || a === void 0 ? void 0 : a.toLowerCase()) || "",
|
|
21
|
-
action: "click"
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
render() {
|
|
25
|
-
var t;
|
|
26
|
-
const a = [
|
|
27
|
-
"min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",
|
|
28
|
-
this.color ? l({
|
|
29
|
-
color: this.color,
|
|
30
|
-
hover: this.bgOnHover,
|
|
31
|
-
class: "before:border-2 before:rounded-lg before:border-softest"
|
|
32
|
-
}) : "bg-default",
|
|
33
|
-
this.bgOnHover && this.color ? "effect-background bg-default focus-within:bg-transparent hover:bg-transparent" : "effect-background hover:bg-default",
|
|
34
|
-
this.vertical ? "flex-col gap-y-16" : "flex-col gap-x-16 gap-y-12 lg:flex-row"
|
|
35
|
-
].join(" "), i = this.vertical ? "" : "max-w-120 @md:max-w-192 order-first w-full lg:order-last";
|
|
36
|
-
return e("article", { key: "067a30c2b0860d71dc13d1d3d875a7e288de842b", class: a, onClick: (s) => this.handleClick(s) }, e("div", { key: "3e2e62ecc9ad5973c359b7bbceefd8c2ac682d0b", class: `flex grow flex-col ${this.vertical ? "min-h-156" : ""}` }, e("div", { key: "e07a666f80d6955b5cf16c18a999a756dcfe10f0", class: "lg:max-w-[720px]" }, e("eds-card-title", { key: "b1ef62c888e9d69f1146fc218a7012015ddc78e1", "heading-level": this.headingLevel, titleClass: this.image ? "f-ui-01" : void 0, "card-title": this.titleProject, url: this.url }), this.editorialTitle && e("span", { key: "79cf1af876a0a358a9f65036a1ff1c4944604435", class: `block ${this.vertical ? "f-ui-02" : "mt-4 f-heading-06"}` }, this.editorialTitle)), this.categoryTitle && e("div", { key: "ce7e525b0bdbbc94d3e2ec8055c692be9d521042", class: "mt-auto flex items-center gap-x-12 pt-12" }, ((t = this.categoryTitle) === null || t === void 0 ? void 0 : t.length) && e("eds-tag", { key: "23e3527a3772970642dcb07a4abc381415132155", label: this.categoryTitle }))), this.parsedImage && e("div", { key: "178ef2273b2506070c045c3f2e7a287d4b175414", class: i }, e("div", { key: "f77fb56cd2ed1bdcafd07db9adcf0f7b6a44cdb7", class: "aspect-1x1 w-full" }, e("eds-img", Object.assign({ key: "b9734f48ab685280b801cfb75cc96f5aa109ca6f", sizes: this.vertical ? this.parsedImage.sizes || "" : "192px" }, this.parsedImage)))));
|
|
37
|
-
}
|
|
38
|
-
get el() {
|
|
39
|
-
return c(this);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
export {
|
|
43
|
-
h as eds_card_project
|
|
44
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { r as i, h as n } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
import { p as l } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
|
|
3
|
-
const e = 'ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}', a = e, d = class {
|
|
4
|
-
constructor(r) {
|
|
5
|
-
i(this, r), this.cards = [], this.occupyCols = 1;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* Parses the `cards` JSON string prop into an array of card objects.
|
|
9
|
-
* If parsing fails, returns an empty array.
|
|
10
|
-
*
|
|
11
|
-
* @returns {any[]} An array of parsed card objects.
|
|
12
|
-
*/
|
|
13
|
-
get parsedCards() {
|
|
14
|
-
return l(this.cards);
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* Renders the card section as a grid layout.
|
|
18
|
-
* Each parsed card object is mapped to an `<eds-card-generic>` component,
|
|
19
|
-
* displaying card details such as title, description, avatar, etc.
|
|
20
|
-
*
|
|
21
|
-
* @returns {JSX.Element} The rendered section containing a list of cards.
|
|
22
|
-
*/
|
|
23
|
-
render() {
|
|
24
|
-
return n("section", { key: "eb64be830a5a1b752fadd0a8a76be9240b70cfe8", class: "w-full" }, n("ul", { key: "d4eb8d8492a67f7491535953e0e37172fc9e09ff", class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((r) => n("li", { class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col` }, n("eds-card-generic", { cardTitle: r.title, description: r.description, avatar: r.avatar, headingLevel: r.headingLevel, tags: r.tags, url: r.url, bg: r.bg, tiny: r.tiny, image: r.image, withHover: r.withHover })))));
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
d.style = a;
|
|
28
|
-
export {
|
|
29
|
-
d as eds_card_section
|
|
30
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-cHrGUVDM.js"),l=require("./sharedUtils-a550989c-m4pF1Vqy.js"),e='ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-x"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}',a=e,i=class{constructor(r){n.registerInstance(this,r),this.cards=[],this.occupyCols=1}get parsedCards(){return l.parseData(this.cards)}render(){return n.h("section",{key:"eb64be830a5a1b752fadd0a8a76be9240b70cfe8",class:"w-full"},n.h("ul",{key:"d4eb8d8492a67f7491535953e0e37172fc9e09ff",class:"grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map(r=>n.h("li",{class:`grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col`},n.h("eds-card-generic",{cardTitle:r.title,description:r.description,avatar:r.avatar,headingLevel:r.headingLevel,tags:r.tags,url:r.url,bg:r.bg,tiny:r.tiny,image:r.image,withHover:r.withHover})))))}};i.style=a;exports.eds_card_section=i;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-cHrGUVDM.js"),r=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}",c=r,a=class{constructor(e){s.registerInstance(this,e),this.accent=!1,this.tags=[]}render(){return s.h("div",{key:"df8937e32907eb978f27565d04f7ca56f2485c87",class:"flex flex-wrap gap-y-4"},this.tags.map((e,t)=>s.h("eds-tag",{key:t,intent:this.accent?"accent":"default",label:e})))}};a.style=c;exports.eds_card_tags=a;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { r as t, h as a } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, d = class {
|
|
3
|
-
constructor(s) {
|
|
4
|
-
t(this, s), this.accent = !1, this.tags = [];
|
|
5
|
-
}
|
|
6
|
-
render() {
|
|
7
|
-
return a("div", { key: "df8937e32907eb978f27565d04f7ca56f2485c87", class: "flex flex-wrap gap-y-4" }, this.tags.map((s, e) => a("eds-tag", { key: e, intent: this.accent ? "accent" : "default", label: s })));
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
d.style = c;
|
|
11
|
-
export {
|
|
12
|
-
d as eds_card_tags
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.js"),s=require("./analytics-44b1416b-ol77SdQE.js"),a=".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}",o=a,i=class{constructor(e){t.registerInstance(this,e),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="h5",this.tags="",this.tiny=!1,this.bg=!0,this.withHover=!0,this.external=!1,this.hierarchy=!0}get parsedTags(){if(typeof this.tags=="object")return this.tags;if(typeof this.tags=="string")try{return JSON.parse(this.tags)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}componentWillLoad(){}parseTags(){return this.tags.split(",")}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",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;s.sendAnalytics({category:"ui-component",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:"5ecce6667d066e78586f795ab260bed569434c4f",class:`${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"a6ff863ade669db7494c763d563809dbfddb3f2c","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,"external-link":this.external,hierarchy:this.hierarchy}),this.description&&t.h("eds-card-desc",{key:"6f5328fba79a564e6e0d737b2d64a31e50ea6434",class:"mt-8","truncate-lines":"3",description:this.description}),this.image?t.h("eds-img",{src:this.image,alt:"Sample Image",width:200,height:150}):this.avatar||this.shortAbbreviation?t.h("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t.h("div",{key:"b1a42a1db9274ebf1098143d56e1ad8a08825c4c",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=o;exports.eds_card_tool=i;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { r, h as t, g as s } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
import { s as a } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
-
const 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, d = class {
|
|
4
|
-
constructor(e) {
|
|
5
|
-
r(this, e), 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 = "h5", this.tags = "", this.tiny = !1, this.bg = !0, this.withHover = !0, this.external = !1, this.hierarchy = !0;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* Parses the `tags` prop into an array of link objects.
|
|
9
|
-
* Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
|
|
10
|
-
*
|
|
11
|
-
* @returns {any[]} Array of parsed link objects
|
|
12
|
-
*/
|
|
13
|
-
get parsedTags() {
|
|
14
|
-
if (typeof this.tags == "object")
|
|
15
|
-
return this.tags;
|
|
16
|
-
if (typeof this.tags == "string")
|
|
17
|
-
try {
|
|
18
|
-
return JSON.parse(this.tags);
|
|
19
|
-
} catch (e) {
|
|
20
|
-
return console.error("Error parsing links prop:", e), [];
|
|
21
|
-
}
|
|
22
|
-
return [];
|
|
23
|
-
}
|
|
24
|
-
componentWillLoad() {
|
|
25
|
-
}
|
|
26
|
-
parseTags() {
|
|
27
|
-
return this.tags.split(",");
|
|
28
|
-
}
|
|
29
|
-
articleClasses() {
|
|
30
|
-
return [
|
|
31
|
-
this.tiny ? "min-h-120" : "min-h-156",
|
|
32
|
-
this.bg ? "bg-inverse" : "bg-default",
|
|
33
|
-
this.withHover ? "effect-shadow hover:shadow-hover cursor-pointer" : "",
|
|
34
|
-
"border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"
|
|
35
|
-
].join(" ");
|
|
36
|
-
}
|
|
37
|
-
handleClick() {
|
|
38
|
-
var e;
|
|
39
|
-
a({
|
|
40
|
-
category: "ui-component",
|
|
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: "5ecce6667d066e78586f795ab260bed569434c4f", class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, t("eds-card-title", { key: "a6ff863ade669db7494c763d563809dbfddb3f2c", "heading-level": this.headingLevel, titleClass: this.image ? "f-ui-01" : void 0, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && t("eds-card-desc", { key: "6f5328fba79a564e6e0d737b2d64a31e50ea6434", class: "mt-8", "truncate-lines": "3", description: this.description }), this.image ? t("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 }) : this.avatar || this.shortAbbreviation ? t("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation }) : null, t("div", { key: "b1a42a1db9274ebf1098143d56e1ad8a08825c4c", 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
|
-
d.style = n;
|
|
54
|
-
export {
|
|
55
|
-
d as eds_card_tool
|
|
56
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cHrGUVDM.js"),r=class{constructor(e){t.registerInstance(this,e),this.tiny=!1,this.withBg=!0,this.withHover=!0}hasSlot(e){return e?!!this.el.querySelector(`[slot="${e}"]`):!!this.el.querySelector(":not([slot])")}render(){const e=[this.tiny?"min-h-120":"min-h-156",this.withBg?"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(" ");return t.h("article",{key:"b860e65a1a943216793a5ce2f5a08d01249fc671",class:e},t.h("slot",{key:"3ea351da205f375ed746695762efc1f28d1fc3f0"}),this.hasSlot("footer")&&t.h("div",{key:"84d24bd248033d4855dd63dfa5042585ae61d64d",class:"mt-auto"},t.h("slot",{key:"c7a2530d70a93705097b9ac3b8be1a21551dd1fb",name:"footer"})))}get el(){return t.getElement(this)}};exports.eds_card_wrapper=r;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { r, h as t, g as s } from "./index-xVeSZU9j.mjs";
|
|
2
|
-
const a = class {
|
|
3
|
-
constructor(e) {
|
|
4
|
-
r(this, e), this.tiny = !1, this.withBg = !0, this.withHover = !0;
|
|
5
|
-
}
|
|
6
|
-
hasSlot(e) {
|
|
7
|
-
return e ? !!this.el.querySelector(`[slot="${e}"]`) : !!this.el.querySelector(":not([slot])");
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const e = [
|
|
11
|
-
this.tiny ? "min-h-120" : "min-h-156",
|
|
12
|
-
this.withBg ? "bg-inverse" : "bg-default",
|
|
13
|
-
this.withHover ? "effect-shadow hover:shadow-hover cursor-pointer" : "",
|
|
14
|
-
"border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"
|
|
15
|
-
].join(" ");
|
|
16
|
-
return t("article", { key: "b860e65a1a943216793a5ce2f5a08d01249fc671", class: e }, t("slot", { key: "3ea351da205f375ed746695762efc1f28d1fc3f0" }), this.hasSlot("footer") && t("div", { key: "84d24bd248033d4855dd63dfa5042585ae61d64d", class: "mt-auto" }, t("slot", { key: "c7a2530d70a93705097b9ac3b8be1a21551dd1fb", name: "footer" })));
|
|
17
|
-
}
|
|
18
|
-
get el() {
|
|
19
|
-
return s(this);
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
a as eds_card_wrapper
|
|
24
|
-
};
|