@ebrains/vue 0.3.0-alpha.0 → 0.5.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/analytics-1cde8e4a-BDRcCMlV.mjs +24 -0
- package/analytics-1cde8e4a-B_MD-9qW.js +1 -0
- package/color-2554aad6-CCcV5UJZ.mjs +131 -0
- package/color-2554aad6-D1hFGX4H.js +1 -0
- package/{color-primary-palette_6.entry-WwN9tuB9.mjs → color-primary-palette_6.entry-CgeStD0V.mjs} +21 -21
- package/color-primary-palette_6.entry-c_K7930i.js +1 -0
- package/correct-use-of-colors.entry-De5Tcxdm.mjs +59 -0
- package/correct-use-of-colors.entry-DpmXW_CD.js +1 -0
- package/{eds-accordion.entry-RvtdAQT0.mjs → eds-accordion.entry-B8TjhnWX.mjs} +19 -28
- package/eds-accordion.entry-BySfMYU2.js +4 -0
- package/{eds-avatar_17.entry-BQZz43q9.js → eds-alert_17.entry-BfpBSBVW.js} +572 -113
- package/{eds-avatar_17.entry-08AUpBqo.mjs → eds-alert_17.entry-IJq6baZd.mjs} +897 -452
- package/eds-avatar_4.entry-B7CV7v_n.mjs +283 -0
- package/eds-avatar_4.entry-D1CDRW_R.js +149 -0
- package/eds-card-generic.entry-BhLK-nyp.js +1 -0
- package/{eds-card-generic.entry-0IAAHjtS.mjs → eds-card-generic.entry-DIHPUjbI.mjs} +4 -4
- package/{eds-card-project.entry-Ckgpwy2Y.mjs → eds-card-project.entry-C2dWgXXW.mjs} +12 -11
- package/eds-card-project.entry-CunHqbYK.js +1 -0
- package/{eds-card-section.entry-B90kv8Pj.js → eds-card-section.entry-0n2V-MH6.js} +1 -1
- package/{eds-card-section.entry-DnktDeDm.mjs → eds-card-section.entry-Ccjil38X.mjs} +4 -4
- package/eds-card-tags.entry-C6jjLiGA.mjs +13 -0
- package/eds-card-tags.entry-CQS5AtAg.js +1 -0
- package/{eds-card-tool.entry-CmRu6pmc.mjs → eds-card-tool.entry-Bi8w0xds.mjs} +7 -7
- package/eds-card-tool.entry-DJA23zJf.js +1 -0
- package/{eds-card-wrapper.entry-rBHdbwzh.js → eds-card-wrapper.entry-BKPCc7ci.js} +1 -1
- package/{eds-card-wrapper.entry-Buesg37A.mjs → eds-card-wrapper.entry-UPnkq2JI.mjs} +4 -4
- package/{eds-code-block.entry-DKnuVY85.mjs → eds-code-block.entry-BZTLGjqq.mjs} +50 -9
- package/{eds-code-block.entry-M3x0FsRB.js → eds-code-block.entry-Ckb3jisn.js} +3 -3
- package/{eds-components-section.entry-BEBky2Me.js → eds-components-section.entry-B3WrdIfL.js} +45 -36
- package/{eds-components-section.entry-BAWU9rKy.mjs → eds-components-section.entry-D1ovrn93.mjs} +56 -37
- package/{eds-docs-palettes.entry-D3DdXkoo.js → eds-docs-palettes.entry-Bk77Xn04.js} +1 -1
- package/{eds-docs-palettes.entry-etHagd2P.mjs → eds-docs-palettes.entry-lpT0ypSs.mjs} +2 -2
- package/{eds-docs-tokens.entry-CIGNTs97.mjs → eds-docs-tokens.entry-Bi35zxEM.mjs} +2 -2
- package/{eds-docs-tokens.entry--gW4Z293.js → eds-docs-tokens.entry-DCHw-jrS.js} +1 -1
- package/eds-dropdown_2.entry-Bamjbo1o.mjs +115 -0
- package/eds-dropdown_2.entry-YEBzyKJu.js +1 -0
- package/{eds-form.entry-D8FLPsaS.js → eds-form.entry-a52cYx3b.js} +2 -2
- package/{eds-form.entry-zewjTpaa.mjs → eds-form.entry-xm937wbh.mjs} +113 -92
- package/{eds-frame.entry-BlOnLCrI.js → eds-frame.entry-BnT9nQwa.js} +1 -1
- package/{eds-frame.entry-SCGm_pju.mjs → eds-frame.entry-CU7GoLj6.mjs} +2 -2
- package/eds-icon-arrow-diagonal.entry-fzsCJiPP.js +1 -0
- package/eds-icon-arrow-diagonal.entry-kClkB8LF.mjs +13 -0
- package/eds-icon-arrow-right.entry-B75Ra6OD.js +1 -0
- package/eds-icon-arrow-right.entry-DX6A-VKL.mjs +13 -0
- package/{eds-icon-bluesky.entry-BDD9os2p.js → eds-icon-bluesky.entry-7tzCZSoL.js} +1 -1
- package/eds-icon-bluesky.entry-BNSdVu2K.mjs +13 -0
- package/eds-icon-chevron-down.entry-BLvZ3e_N.mjs +13 -0
- package/{eds-icon-chevron-down.entry-DA_Mq25N.js → eds-icon-chevron-down.entry-BUG6E9eR.js} +1 -1
- package/eds-icon-chevron-left.entry-BT-KYjSo.js +1 -0
- package/eds-icon-chevron-left.entry-Vq-R3b59.mjs +13 -0
- package/{eds-icon-chevron-right.entry-B2HI3b59.mjs → eds-icon-chevron-right.entry-B1qzmGrD.mjs} +2 -2
- package/eds-icon-chevron-right.entry-BmU_I0Y1.js +1 -0
- package/eds-icon-chevron-up.entry-DXXRgw1V.js +1 -0
- package/eds-icon-chevron-up.entry-DuySJU_i.mjs +13 -0
- package/eds-icon-close.entry-DDxUAr21.mjs +13 -0
- package/{eds-icon-close.entry-JIzBTjIa.js → eds-icon-close.entry-DS7BLTzl.js} +1 -1
- package/eds-icon-copy.entry-DNa1wI4F.mjs +13 -0
- package/{eds-icon-copy.entry-Ccrvu27o.js → eds-icon-copy.entry-Nz_P5A7p.js} +1 -1
- package/eds-icon-eu.entry-CLQcoimB.js +1 -0
- package/eds-icon-eu.entry-DTdf6Skc.mjs +13 -0
- package/eds-icon-facebook.entry-B9szoikj.mjs +13 -0
- package/eds-icon-facebook.entry-knUdck2t.js +1 -0
- package/eds-icon-gitlab.entry-IO7f4hgL.mjs +13 -0
- package/eds-icon-gitlab.entry-pKxaKA0B.js +1 -0
- package/{eds-icon-linkedin.entry-B4ev6evD.js → eds-icon-linkedin.entry-BD__kbDV.js} +1 -1
- package/eds-icon-linkedin.entry-CryUW1Er.mjs +13 -0
- package/{eds-icon-loader.entry-BFeh0vtX.js → eds-icon-loader.entry-B_3Sd6PB.js} +1 -1
- package/eds-icon-loader.entry-CxizdRT8.mjs +13 -0
- package/eds-icon-mastodon.entry-7152lwgd.js +1 -0
- package/eds-icon-mastodon.entry-MyM74vvm.mjs +13 -0
- package/eds-icon-menu.entry-5RRmRTxa.mjs +13 -0
- package/eds-icon-menu.entry-BVU8htgo.js +1 -0
- package/eds-icon-more.entry-KE6_EsAg.mjs +13 -0
- package/{eds-icon-more.entry-C-v0Cjp9.js → eds-icon-more.entry-lossstHZ.js} +1 -1
- package/eds-icon-search.entry-Dg0wabdP.mjs +13 -0
- package/eds-icon-search.entry-DiYaxnYX.js +1 -0
- package/{eds-icon-success.entry-DSukl_w-.js → eds-icon-success.entry-CRu9Ssdi.js} +1 -1
- package/eds-icon-success.entry-_fWfddhX.mjs +13 -0
- package/eds-icon-twitter.entry-B4xPE3Vz.js +1 -0
- package/eds-icon-twitter.entry-DHFpeStb.mjs +13 -0
- package/eds-icon-user.entry-BOv2lInW.mjs +13 -0
- package/eds-icon-user.entry-DkRLDrdp.js +1 -0
- package/eds-icon-youtube.entry-CRRGbDsw.mjs +13 -0
- package/eds-icon-youtube.entry-DL5fWU8k.js +1 -0
- package/{eds-input_7.entry-BV0VagCj.js → eds-input_7.entry-BZ9afXqe.js} +3 -3
- package/{eds-input_7.entry-CRNkC-uR.mjs → eds-input_7.entry-WvoE_Mue.mjs} +30 -25
- package/eds-login.entry-BRWK6otG.js +1 -0
- package/eds-login.entry-C0eOhlEq.mjs +58 -0
- package/{eds-logo-variations.entry-U65PDVhE.js → eds-logo-variations.entry-BnB25dDH.js} +1 -1
- package/eds-logo-variations.entry-Cw44vuQE.mjs +22 -0
- package/eds-matomo-notice.entry-BpwE1vQ3.js +1 -0
- package/{eds-matomo-notice.entry-y5SvHzsZ.mjs → eds-matomo-notice.entry-DsLbzeqQ.mjs} +2 -2
- package/eds-modal.entry-B9gXEOjT.js +1 -0
- package/eds-modal.entry-CCy9SRVR.mjs +84 -0
- package/{eds-navigator.entry-DixbL3UY.js → eds-navigator.entry-B9scz8p_.js} +1 -1
- package/{eds-navigator.entry-CvKDpQVM.mjs → eds-navigator.entry-Dk-4UW_d.mjs} +2 -2
- package/eds-pagination_2.entry-D_sngThL.js +1 -0
- package/{eds-pagination_2.entry-CRrIKRa-.mjs → eds-pagination_2.entry-M3CLFGN_.mjs} +25 -17
- package/{eds-progress-bar.entry-sdqDGSI3.mjs → eds-progress-bar.entry-BtI2_94Z.mjs} +5 -5
- package/{eds-progress-bar.entry-Bmjv2r3W.js → eds-progress-bar.entry-D56TNSGj.js} +1 -1
- package/{eds-section-core_2.entry-DBjBQ_AT.js → eds-section-core_2.entry-BmbK_RfT.js} +1 -1
- package/{eds-section-core_2.entry-cwkrHET8.mjs → eds-section-core_2.entry-pmUkAIz7.mjs} +6 -6
- package/{eds-svg-repository.entry-UvAba6M3.mjs → eds-svg-repository.entry-B3xCCFOp.mjs} +2 -2
- package/{eds-svg-repository.entry-BEJBJ538.js → eds-svg-repository.entry-DZ1FMRrQ.js} +2 -2
- package/{eds-tab.entry-CR1nFyrH.mjs → eds-tab.entry-Bpv6R_M0.mjs} +2 -2
- package/{eds-tab.entry-uQka8MTr.js → eds-tab.entry-DjpVgaDN.js} +1 -1
- package/eds-tabs-content.entry-Bj5wNmkr.js +1 -0
- package/{eds-tabs-content.entry-BKT7-iAV.mjs → eds-tabs-content.entry-CzwoLZzR.mjs} +4 -4
- package/{eds-tabs.entry-BKx8xHJ8.mjs → eds-tabs.entry-BYBPkYRs.mjs} +5 -5
- package/eds-tabs.entry-Cbc9yhHL.js +1 -0
- package/eds-timeline.entry-Bq-eo4Og.js +1 -0
- package/{eds-timeline.entry-B7jxBFA4.mjs → eds-timeline.entry-DJYcN7rN.mjs} +7 -7
- package/{eds-tooltip.entry-DJqN6_P4.mjs → eds-tooltip.entry-CTCdKTKM.mjs} +14 -6
- package/eds-tooltip.entry-eiFlYpfl.js +1 -0
- package/eds-trl.entry-8BXrp9SK.mjs +34 -0
- package/eds-trl.entry-DtffM-e5.js +1 -0
- package/eds-user.entry-DfBE6LuF.js +1 -0
- package/eds-user.entry-ybggwcts.mjs +66 -0
- package/eds-vertical-stepper.entry-DpcwvOst.mjs +27 -0
- package/eds-vertical-stepper.entry-O_GJNo8B.js +1 -0
- package/generated/components.d.ts +3 -1
- package/incorrect-use-of-colors.entry-CDHLoNBa.js +1 -0
- package/incorrect-use-of-colors.entry-DbwiJCH0.mjs +42 -0
- package/{index-Dg2DO7q4.mjs → index-C-Gy1Lax.mjs} +502 -498
- package/index-D_kZU_4I.js +21 -0
- package/index.js +1 -1
- package/index.mjs +33 -31
- package/{keycloak-13893af6-BLzE1H6E.mjs → keycloak-d502ec16-Ce0iGqyk.mjs} +259 -247
- package/keycloak-d502ec16-m7LwS-Gh.js +9 -0
- package/{logo-space.entry-DC5fUroI.js → logo-space.entry-D56IaLNE.js} +1 -1
- package/{logo-space.entry-Cf-keXHv.mjs → logo-space.entry-DERJLkyL.mjs} +7 -7
- package/logo-variations-horizontal_2.entry-OY3Zka_7.js +7 -0
- package/logo-variations-horizontal_2.entry-wp9D1MMl.mjs +29 -0
- package/logo-wrong-usage.entry-BniBpQrN.js +1 -0
- package/logo-wrong-usage.entry-RgKFDObE.mjs +14 -0
- package/package.json +1 -4
- package/{token-list_3.entry-BkOkChEb.js → token-list_3.entry-C0Tohj1W.js} +1 -1
- package/{token-list_3.entry-CheMK1r_.mjs → token-list_3.entry-Zgzwbhio.mjs} +4 -4
- package/{token-ratios.entry-rSMXHIix.mjs → token-ratios.entry-B7ZwRluK.mjs} +2 -2
- package/token-ratios.entry-bO5CkZ9D.js +1 -0
- package/token-spacing.entry-BTYazF9c.js +1 -0
- package/token-spacing.entry-_yyMlwbO.mjs +12 -0
- package/{token-typography.entry-AjIHL4M4.js → token-typography.entry-D-PPtDvs.js} +1 -1
- package/{token-typography.entry-CExckWkx.mjs → token-typography.entry-D4bxbB2m.mjs} +2 -2
- package/color-0ba8ed56-BVeDdJAE.js +0 -1
- package/color-0ba8ed56-D-UJpBQL.mjs +0 -207
- package/color-primary-palette_6.entry-_ANGnnBl.js +0 -1
- package/correct-use-of-colors.entry-B312hpv9.js +0 -1
- package/correct-use-of-colors.entry-BjxRVkfm.mjs +0 -59
- package/eds-accordion.entry-h9ApF51u.js +0 -4
- package/eds-alert.entry-C6VZ3ss6.js +0 -608
- package/eds-alert.entry-D5o-ZjCb.mjs +0 -688
- package/eds-card-desc_3.entry-D7hiMZ09.mjs +0 -87
- package/eds-card-desc_3.entry-Dxs_izUN.js +0 -1
- package/eds-card-generic.entry-DZYZP5oa.js +0 -1
- package/eds-card-project.entry-D7P4K88F.js +0 -1
- package/eds-card-tags.entry-CnHitp9l.js +0 -1
- package/eds-card-tags.entry-XboLA5-P.mjs +0 -13
- package/eds-card-tool.entry-CbreK2xg.js +0 -1
- package/eds-icon-arrow-diagonal.entry-CEffhVkn.mjs +0 -13
- package/eds-icon-arrow-diagonal.entry-abxXXnCe.js +0 -1
- package/eds-icon-arrow-right.entry-4zl098Gq.js +0 -1
- package/eds-icon-arrow-right.entry-DrA5pZ5q.mjs +0 -13
- package/eds-icon-bluesky.entry-CRey5aEK.mjs +0 -13
- package/eds-icon-chevron-down.entry-DCd5FfEN.mjs +0 -13
- package/eds-icon-chevron-left.entry-CiGlPKup.js +0 -1
- package/eds-icon-chevron-left.entry-Lmfmw6QC.mjs +0 -13
- package/eds-icon-chevron-right.entry-DMwxsQGs.js +0 -1
- package/eds-icon-chevron-up.entry-CwavCcA0.mjs +0 -13
- package/eds-icon-chevron-up.entry-D9pmuoVK.js +0 -1
- package/eds-icon-close.entry-pxvkbolY.mjs +0 -13
- package/eds-icon-copy.entry-Begn9c9I.mjs +0 -13
- package/eds-icon-eu.entry-C0ZIqXHV.js +0 -1
- package/eds-icon-eu.entry-CLI94rkv.mjs +0 -13
- package/eds-icon-facebook.entry-BIZwxPBr.js +0 -1
- package/eds-icon-facebook.entry-o2SylrAp.mjs +0 -13
- package/eds-icon-gitlab.entry-BJi35Zov.js +0 -1
- package/eds-icon-gitlab.entry-BWfZkXKF.mjs +0 -13
- package/eds-icon-linkedin.entry-Z4gD9HGr.mjs +0 -13
- package/eds-icon-loader.entry-DgIgWpYk.mjs +0 -13
- package/eds-icon-mastodon.entry-BLCaUfQY.js +0 -1
- package/eds-icon-mastodon.entry-C_2paQis.mjs +0 -13
- package/eds-icon-menu.entry-CNtaXAOo.mjs +0 -13
- package/eds-icon-menu.entry-CzF-GJXn.js +0 -1
- package/eds-icon-more.entry-4gqxzs_k.mjs +0 -13
- package/eds-icon-search.entry-D070uKfZ.mjs +0 -13
- package/eds-icon-search.entry-iLCAU3Et.js +0 -1
- package/eds-icon-success.entry-Ci0RTnP5.mjs +0 -13
- package/eds-icon-twitter.entry-D6I83zuS.mjs +0 -13
- package/eds-icon-twitter.entry-I9FRjdSE.js +0 -1
- package/eds-icon-user.entry-BI7Uw3Pp.mjs +0 -13
- package/eds-icon-user.entry-DcLB78T6.js +0 -1
- package/eds-icon-youtube.entry-CR4ml_RW.mjs +0 -13
- package/eds-icon-youtube.entry-DAke-XDg.js +0 -1
- package/eds-login.entry-DOeyfoyM.js +0 -1
- package/eds-login.entry-DmJw6ABI.mjs +0 -46
- package/eds-logo-variations.entry-o4lyGmhR.mjs +0 -22
- package/eds-matomo-notice.entry-tzuOtKT9.js +0 -1
- package/eds-modal.entry-B7Ph4m3y.js +0 -1
- package/eds-modal.entry-BW8crUoC.mjs +0 -65
- package/eds-pagination_2.entry-DoZ-NFBH.js +0 -1
- package/eds-rating.entry-J5lQt6oj.mjs +0 -40
- package/eds-rating.entry-dK5fopCq.js +0 -1
- package/eds-tabs-content.entry-CTM0EjTl.js +0 -1
- package/eds-tabs.entry-BWxSN8SV.js +0 -1
- package/eds-timeline.entry-D9KWrb_r.js +0 -1
- package/eds-tooltip.entry-CfhqHRxF.js +0 -1
- package/eds-trl.entry-COK7rgVS.mjs +0 -36
- package/eds-trl.entry-CoySvAJL.js +0 -1
- package/incorrect-use-of-colors.entry-D7xAYXu2.js +0 -1
- package/incorrect-use-of-colors.entry-DsNEjuWo.mjs +0 -42
- package/index-Dvww9rdy.js +0 -21
- package/keycloak-13893af6-NiM3zoVg.js +0 -9
- package/logo-variations-horizontal_2.entry-BWau6qh4.js +0 -7
- package/logo-variations-horizontal_2.entry-xvJ8Iiu5.mjs +0 -29
- package/logo-wrong-usage.entry-RcSb8NIe.mjs +0 -14
- package/logo-wrong-usage.entry-sU8NISwX.js +0 -1
- package/token-ratios.entry-Dfz4q4qy.js +0 -1
- package/token-spacing.entry-ByzbVlGi.js +0 -1
- package/token-spacing.entry-DvopunO1.mjs +0 -12
|
@@ -0,0 +1,283 @@
|
|
|
1
|
+
import { r as n, h as t } from "./index-C-Gy1Lax.mjs";
|
|
2
|
+
import { g as a } from "./color-2554aad6-CCcV5UJZ.mjs";
|
|
3
|
+
import { c as s } from "./index-39c58238-BwYCDOHZ.mjs";
|
|
4
|
+
const o = `.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
|
+
}`, l = o, d = 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 ? a({
|
|
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
|
+
d.style = l;
|
|
197
|
+
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, c = 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
|
+
c.style = h;
|
|
209
|
+
const g = "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}", u = g, p = 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
|
+
p.style = u;
|
|
245
|
+
const b = ".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)}", v = b, m = s(
|
|
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
|
+
), x = class {
|
|
264
|
+
constructor(e) {
|
|
265
|
+
n(this, e), this.label = void 0, this.ariaLabel = "", this.intent = "default";
|
|
266
|
+
}
|
|
267
|
+
/**
|
|
268
|
+
* Render the component.
|
|
269
|
+
* @returns The rendered HTML for the tag component with the applied styles and label.
|
|
270
|
+
*/
|
|
271
|
+
render() {
|
|
272
|
+
var e;
|
|
273
|
+
const i = m({ intent: this.intent }), r = !((e = this.ariaLabel) === null || e === void 0) && e.length ? this.ariaLabel : this.label;
|
|
274
|
+
return t("span", { key: "6a517f42aeb641c95d96ecd6c3090a317a3195c6", class: i, "aria-label": r }, this.label);
|
|
275
|
+
}
|
|
276
|
+
};
|
|
277
|
+
x.style = v;
|
|
278
|
+
export {
|
|
279
|
+
d as eds_avatar,
|
|
280
|
+
c as eds_card_desc,
|
|
281
|
+
p as eds_card_title,
|
|
282
|
+
x as eds_tag
|
|
283
|
+
};
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D_kZU_4I.js"),l=require("./color-2554aad6-D1hFGX4H.js"),d=require("./index-39c58238-SQ-JC-LH.js"),f=`.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
|
+
}`,h=f,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?l.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=h;const c=".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}",g=c,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=g;const u="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}",b=u,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=b;const p=".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)}",v=p,x=d.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.ariaLabel="",this.intent="default"}render(){var e;const s=x({intent:this.intent}),o=!((e=this.ariaLabel)===null||e===void 0)&&e.length?this.ariaLabel:this.label;return t.h("span",{key:"6a517f42aeb641c95d96ecd6c3090a317a3195c6",class:s,"aria-label":o},this.label)}};a.style=v;exports.eds_avatar=n;exports.eds_card_desc=i;exports.eds_card_title=r;exports.eds_tag=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-D_kZU_4I.js"),s=require("./analytics-1cde8e4a-B_MD-9qW.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.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(){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 tags prop:",e),[]}return[]}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;s.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:"dcb7cea87bfb52f8886f7ee3dbc3484d615bc00c",class:this.articleClasses(),onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"94dd6ff2679ce9ac4d25ec921cd1162b1584e4fd","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:"433c4fe3a518153d89d48af54455286fa415a688",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:"97b75afb4b8de1183d4b212054ff556ba3db8fcb",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_generic=i;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r, h as t, g as s } from "./index-
|
|
2
|
-
import { s as a } from "./
|
|
1
|
+
import { r, h as t, g as s } from "./index-C-Gy1Lax.mjs";
|
|
2
|
+
import { s as a } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
|
|
3
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
4
|
constructor(e) {
|
|
5
|
-
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 =
|
|
5
|
+
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;
|
|
6
6
|
}
|
|
7
7
|
componentWillLoad() {
|
|
8
8
|
if (this.image)
|
|
@@ -51,7 +51,7 @@ const o = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25r
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return t("article", { key: "
|
|
54
|
+
return t("article", { key: "dcb7cea87bfb52f8886f7ee3dbc3484d615bc00c", class: this.articleClasses(), onClick: () => this.handleClick() }, t("eds-card-title", { key: "94dd6ff2679ce9ac4d25ec921cd1162b1584e4fd", "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: "433c4fe3a518153d89d48af54455286fa415a688", 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: "97b75afb4b8de1183d4b212054ff556ba3db8fcb", class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((e, i) => t("eds-tag", { key: i, intent: e.style, label: e.label }))), " ");
|
|
55
55
|
}
|
|
56
56
|
get el() {
|
|
57
57
|
return s(this);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { r, h as e, g as d } from "./index-
|
|
2
|
-
import { s as
|
|
3
|
-
|
|
1
|
+
import { r, h as e, g as d } from "./index-C-Gy1Lax.mjs";
|
|
2
|
+
import { s as l } from "./analytics-1cde8e4a-BDRcCMlV.mjs";
|
|
3
|
+
import { g as o } from "./color-2554aad6-CCcV5UJZ.mjs";
|
|
4
|
+
const h = class {
|
|
4
5
|
constructor(t) {
|
|
5
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;
|
|
6
7
|
}
|
|
@@ -12,32 +13,32 @@ const f = class {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
handleClick(t) {
|
|
15
|
-
var
|
|
16
|
-
t.preventDefault(),
|
|
16
|
+
var a;
|
|
17
|
+
t.preventDefault(), l({
|
|
17
18
|
category: "ui-component",
|
|
18
19
|
tag: this.el.tagName.toLowerCase(),
|
|
19
|
-
name: ((
|
|
20
|
+
name: ((a = this.titleProject) === null || a === void 0 ? void 0 : a.toLowerCase()) || "",
|
|
20
21
|
action: "click"
|
|
21
22
|
});
|
|
22
23
|
}
|
|
23
24
|
render() {
|
|
24
25
|
var t;
|
|
25
|
-
const
|
|
26
|
+
const a = [
|
|
26
27
|
"min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",
|
|
27
|
-
this.color ?
|
|
28
|
+
this.color ? o({
|
|
28
29
|
color: this.color,
|
|
29
30
|
hover: this.bgOnHover,
|
|
30
31
|
class: "before:border-2 before:rounded-lg before:border-softest"
|
|
31
32
|
}) : "bg-default",
|
|
32
33
|
this.bgOnHover && this.color ? "effect-background bg-default focus-within:bg-transparent hover:bg-transparent" : "effect-background hover:bg-default",
|
|
33
34
|
this.vertical ? "flex-col gap-y-16" : "flex-col gap-x-16 gap-y-12 lg:flex-row"
|
|
34
|
-
].join(" "),
|
|
35
|
-
return e("article", { key: "
|
|
35
|
+
].join(" "), i = this.vertical ? "" : "max-w-120 @md:max-w-192 order-first w-full lg:order-last";
|
|
36
|
+
return e("article", { key: "98c5dbd033ec05d08965559e00f32d9fe18698ef", class: a, onClick: (s) => this.handleClick(s) }, e("div", { key: "e083c43e38c3c24fcd996a90267f7cd92d3651b3", class: `flex grow flex-col ${this.vertical ? "min-h-156" : ""}` }, e("div", { key: "37de1e46023b533fd8595a3077c4e68c11fb01af", class: "lg:max-w-[720px]" }, e("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("span", { key: "c6f74ba9b5b522f713e25d3339f541efa68cdddd", class: `block ${this.vertical ? "f-ui-02" : "mt-4 f-heading-06"}` }, this.editorialTitle)), this.categoryTitle && e("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("eds-tag", { key: "3714ee86a74dce7f33a8f953fd726db349ba9271", label: this.categoryTitle }))), this.parsedImage && e("div", { key: "2818d15f7ab671b7b2dfb34ec3085b390150f38d", class: i }, e("div", { key: "5166feef3674631298f699449b956655f38f0db9", class: "aspect-1x1 w-full" }, e("eds-img", Object.assign({ key: "86555a43491da5b2aa3b287e539e603a2c2adaf3", sizes: this.vertical ? this.parsedImage.sizes || "" : "192px" }, this.parsedImage)))));
|
|
36
37
|
}
|
|
37
38
|
get el() {
|
|
38
39
|
return d(this);
|
|
39
40
|
}
|
|
40
41
|
};
|
|
41
42
|
export {
|
|
42
|
-
|
|
43
|
+
h as eds_card_project
|
|
43
44
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D_kZU_4I.js"),r=require("./analytics-1cde8e4a-B_MD-9qW.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 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?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(" "),i=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"98c5dbd033ec05d08965559e00f32d9fe18698ef",class:a,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:i},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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-D_kZU_4I.js"),e=".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-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.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-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.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.cols=4}get parsedCards(){if(Array.isArray(this.cards))return this.cards;if(typeof this.cards=="object")return this.cards;if(typeof this.cards=="string")try{return JSON.parse(this.cards)}catch(r){return console.error("Error parsing cards prop:",r),[]}return[]}render(){return n.h("section",{key:"1f221e1ec7c3cdd0e3aed18f6f930c2c5456c64b",class:"w-full"},n.h("ul",{key:"36f984994bb2dc247475c20422f7e6e7da7d058d",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map(r=>n.h("li",{class:`grid-col-span-12 md:grid-col-span-${this.cols} 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,7 +1,7 @@
|
|
|
1
|
-
import { r as i, h as n } from "./index-
|
|
1
|
+
import { r as i, h as n } from "./index-C-Gy1Lax.mjs";
|
|
2
2
|
const e = ".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-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.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-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.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, l = class {
|
|
3
3
|
constructor(r) {
|
|
4
|
-
i(this, r), this.cards =
|
|
4
|
+
i(this, r), this.cards = [], this.cols = 4;
|
|
5
5
|
}
|
|
6
6
|
/**
|
|
7
7
|
* Parses the `cards` JSON string prop into an array of card objects.
|
|
@@ -18,7 +18,7 @@ const e = ".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:re
|
|
|
18
18
|
try {
|
|
19
19
|
return JSON.parse(this.cards);
|
|
20
20
|
} catch (r) {
|
|
21
|
-
return console.error("Error parsing
|
|
21
|
+
return console.error("Error parsing cards prop:", r), [];
|
|
22
22
|
}
|
|
23
23
|
return [];
|
|
24
24
|
}
|
|
@@ -30,7 +30,7 @@ const e = ".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:re
|
|
|
30
30
|
* @returns {JSX.Element} The rendered section containing a list of cards.
|
|
31
31
|
*/
|
|
32
32
|
render() {
|
|
33
|
-
return n("section", { key: "
|
|
33
|
+
return n("section", { key: "1f221e1ec7c3cdd0e3aed18f6f930c2c5456c64b", class: "w-full" }, n("ul", { key: "36f984994bb2dc247475c20422f7e6e7da7d058d", class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((r) => n("li", { class: `grid-col-span-12 md:grid-col-span-${this.cols} 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 })))));
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
l.style = a;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { r as t, h as s } from "./index-C-Gy1Lax.mjs";
|
|
2
|
+
const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, l = class {
|
|
3
|
+
constructor(a) {
|
|
4
|
+
t(this, a), this.accent = !1, this.tags = [];
|
|
5
|
+
}
|
|
6
|
+
render() {
|
|
7
|
+
return s("div", { key: "272d53abb9be9086881cb2f8e99f7fb7aae1bb59", class: "flex flex-wrap gap-y-4" }, this.tags.map((a, e) => s("eds-tag", { key: e, intent: this.accent ? "accent" : "default", label: a })));
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
l.style = c;
|
|
11
|
+
export {
|
|
12
|
+
l as eds_card_tags
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-D_kZU_4I.js"),r=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}",c=r,s=class{constructor(e){a.registerInstance(this,e),this.accent=!1,this.tags=[]}render(){return a.h("div",{key:"272d53abb9be9086881cb2f8e99f7fb7aae1bb59",class:"flex flex-wrap gap-y-4"},this.tags.map((e,t)=>a.h("eds-tag",{key:t,intent:this.accent?"accent":"default",label:e})))}};s.style=c;exports.eds_card_tags=s;
|