@ebrains/vue 0.5.0-alpha.0 → 0.6.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{analytics-1cde8e4a-BDRcCMlV.mjs → analytics-44b1416b-3vYuu4Xs.mjs} +10 -6
- package/analytics-44b1416b-ol77SdQE.js +1 -0
- package/{color-primary-palette_6.entry-CgeStD0V.mjs → color-primary-palette_6.entry-BJGrNiKE.mjs} +1 -1
- package/{color-primary-palette_6.entry-c_K7930i.js → color-primary-palette_6.entry-CYSEDId9.js} +1 -1
- package/{correct-use-of-colors.entry-DpmXW_CD.js → correct-use-of-colors.entry-B36yaMb6.js} +1 -1
- package/{correct-use-of-colors.entry-De5Tcxdm.mjs → correct-use-of-colors.entry-C2K5ii07.mjs} +1 -1
- package/eds-accordion_13.entry-BwXBZQ7p.mjs +8044 -0
- package/eds-accordion_13.entry-DuX3jvBd.js +7375 -0
- package/eds-alert.entry-B9K7jZdM.mjs +688 -0
- package/eds-alert.entry-HNjGFpMQ.js +608 -0
- package/eds-block-break.entry-1HfuhJmn.mjs +13 -0
- package/eds-block-break.entry-DQDjLThR.js +1 -0
- package/eds-breadcrumb.entry-Oe7Iu_rp.js +1 -0
- package/eds-breadcrumb.entry-nSQcSQxS.mjs +110 -0
- package/{eds-card-project.entry-C2dWgXXW.mjs → eds-card-project.entry-BMRVlg7J.mjs} +2 -2
- package/{eds-card-project.entry-CunHqbYK.js → eds-card-project.entry-BQKGTSJB.js} +1 -1
- package/{eds-card-tags.entry-C6jjLiGA.mjs → eds-card-tags.entry-BjvxuQg1.mjs} +1 -1
- package/{eds-card-tags.entry-CQS5AtAg.js → eds-card-tags.entry-DAkoUUin.js} +1 -1
- package/{eds-card-tool.entry-DJA23zJf.js → eds-card-tool.entry-B0rDGNdA.js} +1 -1
- package/{eds-card-tool.entry-Bi8w0xds.mjs → eds-card-tool.entry-BPrlMiqY.mjs} +2 -2
- package/{eds-card-wrapper.entry-UPnkq2JI.mjs → eds-card-wrapper.entry-Ba4ljzon.mjs} +1 -1
- package/{eds-card-wrapper.entry-BKPCc7ci.js → eds-card-wrapper.entry-DyPmlYoI.js} +1 -1
- package/{eds-code-block.entry-Ckb3jisn.js → eds-code-block.entry-B3RL-q6l.js} +1 -1
- package/{eds-code-block.entry-BZTLGjqq.mjs → eds-code-block.entry-zX5MUsAS.mjs} +1 -1
- package/{eds-components-section.entry-B3WrdIfL.js → eds-components-section.entry-BsmIIcun.js} +1 -1
- package/{eds-components-section.entry-D1ovrn93.mjs → eds-components-section.entry-xnXY70G_.mjs} +1 -1
- package/eds-cookies-preference.entry-DAQEpE8v.mjs +20 -0
- package/eds-cookies-preference.entry-MAmSehJX.js +1 -0
- package/{eds-docs-palettes.entry-Bk77Xn04.js → eds-docs-palettes.entry-BiC_mzap.js} +1 -1
- package/{eds-docs-palettes.entry-lpT0ypSs.mjs → eds-docs-palettes.entry-CFIZWB7Y.mjs} +1 -1
- package/{eds-docs-tokens.entry-DCHw-jrS.js → eds-docs-tokens.entry-CCwf01ke.js} +1 -1
- package/{eds-docs-tokens.entry-Bi35zxEM.mjs → eds-docs-tokens.entry-ClVBrRzm.mjs} +1 -1
- package/{eds-dropdown_2.entry-YEBzyKJu.js → eds-dropdown_2.entry-Dhtc1LQe.js} +1 -1
- package/{eds-dropdown_2.entry-Bamjbo1o.mjs → eds-dropdown_2.entry-Ds54Abix.mjs} +5 -5
- package/eds-footer.entry-CKr0MOpU.mjs +22 -0
- package/eds-footer.entry-DuNEl6BR.js +1 -0
- package/{eds-form.entry-a52cYx3b.js → eds-form.entry-gO7sMMVG.js} +1 -1
- package/{eds-form.entry-xm937wbh.mjs → eds-form.entry-znKH1sqi.mjs} +2 -2
- package/{eds-frame.entry-BnT9nQwa.js → eds-frame.entry-BE9_G-56.js} +1 -1
- package/{eds-frame.entry-CU7GoLj6.mjs → eds-frame.entry-COwMtc5z.mjs} +1 -1
- package/eds-fullscreen-menu.entry-CRIb_lLm.js +1 -0
- package/eds-fullscreen-menu.entry-DdO0Nwbq.mjs +74 -0
- package/eds-header.entry-38uAVZoC.js +2 -0
- package/eds-header.entry-C0qfjzDY.mjs +75 -0
- package/{eds-icon-arrow-diagonal.entry-fzsCJiPP.js → eds-icon-arrow-diagonal.entry-BTLKc1cS.js} +1 -1
- package/{eds-icon-arrow-diagonal.entry-kClkB8LF.mjs → eds-icon-arrow-diagonal.entry-C7CZIqBn.mjs} +1 -1
- package/{eds-icon-arrow-right.entry-B75Ra6OD.js → eds-icon-arrow-right.entry-Bv_6skZy.js} +1 -1
- package/{eds-icon-arrow-right.entry-DX6A-VKL.mjs → eds-icon-arrow-right.entry-DNkmpAdY.mjs} +1 -1
- package/{eds-icon-bluesky.entry-BNSdVu2K.mjs → eds-icon-bluesky.entry-B_WksyEk.mjs} +1 -1
- package/{eds-icon-bluesky.entry-7tzCZSoL.js → eds-icon-bluesky.entry-BfYrb4Uv.js} +1 -1
- package/{eds-icon-chevron-down.entry-BLvZ3e_N.mjs → eds-icon-chevron-down.entry-DGjMxTKO.mjs} +1 -1
- package/{eds-icon-chevron-down.entry-BUG6E9eR.js → eds-icon-chevron-down.entry-OPmfChgp.js} +1 -1
- package/{eds-icon-chevron-left.entry-Vq-R3b59.mjs → eds-icon-chevron-left.entry-CRr4AWkS.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-BT-KYjSo.js → eds-icon-chevron-left.entry-_zMMz-c9.js} +1 -1
- package/{eds-icon-chevron-right.entry-BmU_I0Y1.js → eds-icon-chevron-right.entry-0FshDV46.js} +1 -1
- package/{eds-icon-chevron-right.entry-B1qzmGrD.mjs → eds-icon-chevron-right.entry-YLnmNxjo.mjs} +1 -1
- package/{eds-icon-chevron-up.entry-DXXRgw1V.js → eds-icon-chevron-up.entry-DGt49ffi.js} +1 -1
- package/{eds-icon-chevron-up.entry-DuySJU_i.mjs → eds-icon-chevron-up.entry-NPODej6j.mjs} +1 -1
- package/{eds-icon-close.entry-DDxUAr21.mjs → eds-icon-close.entry-BQULA4ki.mjs} +1 -1
- package/{eds-icon-close.entry-DS7BLTzl.js → eds-icon-close.entry-BSSS65tZ.js} +1 -1
- package/{eds-icon-copy.entry-DNa1wI4F.mjs → eds-icon-copy.entry-Di_H0U8v.mjs} +1 -1
- package/{eds-icon-copy.entry-Nz_P5A7p.js → eds-icon-copy.entry-PvAtojYn.js} +1 -1
- package/{eds-icon-eu.entry-DTdf6Skc.mjs → eds-icon-eu.entry-BTzpJByN.mjs} +1 -1
- package/{eds-icon-eu.entry-CLQcoimB.js → eds-icon-eu.entry-D77vjTJ9.js} +1 -1
- package/{eds-icon-facebook.entry-B9szoikj.mjs → eds-icon-facebook.entry-CKmUhO4W.mjs} +1 -1
- package/{eds-icon-facebook.entry-knUdck2t.js → eds-icon-facebook.entry-DsPVhA3Z.js} +1 -1
- package/{eds-icon-gitlab.entry-IO7f4hgL.mjs → eds-icon-gitlab.entry-D6VEWpO6.mjs} +1 -1
- package/{eds-icon-gitlab.entry-pKxaKA0B.js → eds-icon-gitlab.entry-Dzq7ViR-.js} +1 -1
- package/{eds-icon-linkedin.entry-BD__kbDV.js → eds-icon-linkedin.entry-7PCeoMEi.js} +1 -1
- package/{eds-icon-linkedin.entry-CryUW1Er.mjs → eds-icon-linkedin.entry-BI2sjTDa.mjs} +1 -1
- package/{eds-icon-loader.entry-CxizdRT8.mjs → eds-icon-loader.entry-BoQTR6PV.mjs} +1 -1
- package/{eds-icon-loader.entry-B_3Sd6PB.js → eds-icon-loader.entry-Bp-ZxeW7.js} +1 -1
- package/{eds-icon-mastodon.entry-MyM74vvm.mjs → eds-icon-mastodon.entry-Cm8XCAqa.mjs} +1 -1
- package/{eds-icon-mastodon.entry-7152lwgd.js → eds-icon-mastodon.entry-DsU7dMbW.js} +1 -1
- package/{eds-icon-menu.entry-5RRmRTxa.mjs → eds-icon-menu.entry-C7HmF2n5.mjs} +1 -1
- package/{eds-icon-menu.entry-BVU8htgo.js → eds-icon-menu.entry-DRd13IcH.js} +1 -1
- package/{eds-icon-more.entry-lossstHZ.js → eds-icon-more.entry-BOWM2H9H.js} +1 -1
- package/{eds-icon-more.entry-KE6_EsAg.mjs → eds-icon-more.entry-CqvnBXDu.mjs} +1 -1
- package/{eds-icon-search.entry-Dg0wabdP.mjs → eds-icon-search.entry-BrANR30M.mjs} +1 -1
- package/{eds-icon-search.entry-DiYaxnYX.js → eds-icon-search.entry-CubLvPO7.js} +1 -1
- package/{eds-icon-success.entry-CRu9Ssdi.js → eds-icon-success.entry-CDwqLyts.js} +1 -1
- package/{eds-icon-success.entry-_fWfddhX.mjs → eds-icon-success.entry-CtMWWFTW.mjs} +1 -1
- package/{eds-icon-twitter.entry-B4xPE3Vz.js → eds-icon-twitter.entry-BnhBJxrn.js} +1 -1
- package/{eds-icon-twitter.entry-DHFpeStb.mjs → eds-icon-twitter.entry-DHTwTPKu.mjs} +1 -1
- package/{eds-icon-user.entry-DkRLDrdp.js → eds-icon-user.entry-GYJBVLsU.js} +1 -1
- package/{eds-icon-user.entry-BOv2lInW.mjs → eds-icon-user.entry-LTXtb_m4.mjs} +1 -1
- package/{eds-icon-youtube.entry-DL5fWU8k.js → eds-icon-youtube.entry-BluzizaX.js} +1 -1
- package/{eds-icon-youtube.entry-CRRGbDsw.mjs → eds-icon-youtube.entry-BqP_g-Pb.mjs} +1 -1
- package/{eds-input_7.entry-BZ9afXqe.js → eds-input_7.entry-Bo9-yfaP.js} +1 -1
- package/{eds-input_7.entry-WvoE_Mue.mjs → eds-input_7.entry-CCX6iGUA.mjs} +1 -1
- package/eds-link.entry-B_t5O_EC.js +7288 -0
- package/eds-link.entry-D4lqKj64.mjs +7454 -0
- package/{eds-login.entry-C0eOhlEq.mjs → eds-login.entry-CB_gy86p.mjs} +2 -2
- package/{eds-login.entry-BRWK6otG.js → eds-login.entry-CDj80EGl.js} +1 -1
- package/{eds-logo-variations.entry-Cw44vuQE.mjs → eds-logo-variations.entry-AbwI_N4g.mjs} +1 -1
- package/{eds-logo-variations.entry-BnB25dDH.js → eds-logo-variations.entry-B7BEqih8.js} +1 -1
- package/eds-logo.entry-C4YV268f.mjs +61 -0
- package/eds-logo.entry-D-2GjdZl.js +1 -0
- package/{eds-modal.entry-CCy9SRVR.mjs → eds-modal.entry-2mm8jzwO.mjs} +2 -2
- package/{eds-modal.entry-B9gXEOjT.js → eds-modal.entry-N0Zu-2yI.js} +1 -1
- package/{eds-navigator.entry-B9scz8p_.js → eds-navigator.entry-Bd0BYBJE.js} +1 -1
- package/{eds-navigator.entry-Dk-4UW_d.mjs → eds-navigator.entry-DJHFUppb.mjs} +1 -1
- package/{eds-pagination_2.entry-D_sngThL.js → eds-pagination_2.entry-N7stHjY-.js} +1 -1
- package/{eds-pagination_2.entry-M3CLFGN_.mjs → eds-pagination_2.entry-T_lnxySd.mjs} +2 -2
- package/{eds-progress-bar.entry-BtI2_94Z.mjs → eds-progress-bar.entry-BpqT4TGP.mjs} +1 -1
- package/{eds-progress-bar.entry-D56TNSGj.js → eds-progress-bar.entry-C-qHC2dN.js} +1 -1
- package/eds-rating.entry-C1djorgY.js +1 -0
- package/eds-rating.entry-DJbkld-l.mjs +48 -0
- package/{eds-section-core_2.entry-pmUkAIz7.mjs → eds-section-core_2.entry-BwoSUszo.mjs} +1 -1
- package/{eds-section-core_2.entry-BmbK_RfT.js → eds-section-core_2.entry-JyCa51Zs.js} +1 -1
- package/eds-social-networks.entry-CWw8CODU.mjs +50 -0
- package/eds-social-networks.entry-CveQgGlC.js +1 -0
- package/eds-steps.entry-NC8mexCJ.js +1 -0
- package/eds-steps.entry-gPHX8t5y.mjs +37 -0
- package/{eds-svg-repository.entry-DZ1FMRrQ.js → eds-svg-repository.entry-BhAWpTfJ.js} +1 -1
- package/{eds-svg-repository.entry-B3xCCFOp.mjs → eds-svg-repository.entry-DeKbE1sw.mjs} +1 -1
- package/eds-switch.entry-6C-fiD1f.js +1 -0
- package/eds-switch.entry-LXqTebs4.mjs +20 -0
- package/{eds-tab.entry-Bpv6R_M0.mjs → eds-tab.entry-7_C7zAnd.mjs} +1 -1
- package/{eds-tab.entry-DjpVgaDN.js → eds-tab.entry-BI3X5Amp.js} +1 -1
- package/{eds-tabs-content.entry-CzwoLZzR.mjs → eds-tabs-content.entry-BYK_ciTB.mjs} +6 -6
- package/{eds-tabs-content.entry-Bj5wNmkr.js → eds-tabs-content.entry-FqonRXn9.js} +1 -1
- package/{eds-tabs.entry-BYBPkYRs.mjs → eds-tabs.entry-CCGBUoii.mjs} +6 -6
- package/{eds-tabs.entry-Cbc9yhHL.js → eds-tabs.entry-VauMxz1h.js} +1 -1
- package/{eds-timeline.entry-DJYcN7rN.mjs → eds-timeline.entry-B-eABvy-.mjs} +1 -1
- package/{eds-timeline.entry-Bq-eo4Og.js → eds-timeline.entry-UjKckHoD.js} +1 -1
- package/{eds-tooltip.entry-CTCdKTKM.mjs → eds-tooltip.entry-BSd2vlEo.mjs} +2 -2
- package/{eds-tooltip.entry-eiFlYpfl.js → eds-tooltip.entry-D9pRQyxl.js} +1 -1
- package/{eds-trl.entry-8BXrp9SK.mjs → eds-trl.entry-C1CKXjzi.mjs} +1 -1
- package/{eds-trl.entry-DtffM-e5.js → eds-trl.entry-DdPaX9aY.js} +1 -1
- package/{eds-user.entry-ybggwcts.mjs → eds-user.entry-BX3nKCHB.mjs} +4 -4
- package/{eds-user.entry-DfBE6LuF.js → eds-user.entry-CyEG-Wtm.js} +1 -1
- package/{eds-vertical-stepper.entry-DpcwvOst.mjs → eds-vertical-stepper.entry-CdmDXaW2.mjs} +1 -1
- package/{eds-vertical-stepper.entry-O_GJNo8B.js → eds-vertical-stepper.entry-DphlSSa0.js} +1 -1
- package/{incorrect-use-of-colors.entry-CDHLoNBa.js → incorrect-use-of-colors.entry-BhygRTdu.js} +1 -1
- package/{incorrect-use-of-colors.entry-DbwiJCH0.mjs → incorrect-use-of-colors.entry-QkMrxvFS.mjs} +1 -1
- package/{index-C-Gy1Lax.mjs → index-Df31uHzU.mjs} +245 -204
- package/index-DvG3cC-8.js +21 -0
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/{logo-space.entry-DERJLkyL.mjs → logo-space.entry-CChbx8AS.mjs} +1 -1
- package/{logo-space.entry-D56IaLNE.js → logo-space.entry-q9Uznxi3.js} +1 -1
- package/{logo-variations-horizontal_2.entry-wp9D1MMl.mjs → logo-variations-horizontal_2.entry-DA_yMnFa.mjs} +1 -1
- package/{logo-variations-horizontal_2.entry-OY3Zka_7.js → logo-variations-horizontal_2.entry-G3ih093R.js} +1 -1
- package/{logo-wrong-usage.entry-RgKFDObE.mjs → logo-wrong-usage.entry-BoBmwzLl.mjs} +1 -1
- package/{logo-wrong-usage.entry-BniBpQrN.js → logo-wrong-usage.entry-l4pJC0KB.js} +1 -1
- package/package.json +1 -1
- package/{token-list_3.entry-C0Tohj1W.js → token-list_3.entry-B4bQ3_yz.js} +1 -1
- package/{token-list_3.entry-Zgzwbhio.mjs → token-list_3.entry-CJXI55T0.mjs} +1 -1
- package/{token-ratios.entry-B7ZwRluK.mjs → token-ratios.entry-LNQoHORe.mjs} +1 -1
- package/{token-ratios.entry-bO5CkZ9D.js → token-ratios.entry-hdef-MAq.js} +1 -1
- package/{token-spacing.entry-_yyMlwbO.mjs → token-spacing.entry-YXQwnYx0.mjs} +1 -1
- package/{token-spacing.entry-BTYazF9c.js → token-spacing.entry-xhNHm9Tw.js} +1 -1
- package/{token-typography.entry-D-PPtDvs.js → token-typography.entry-DddK_fiy.js} +1 -1
- package/{token-typography.entry-D4bxbB2m.mjs → token-typography.entry-qTyV0EeH.mjs} +1 -1
- package/analytics-1cde8e4a-B_MD-9qW.js +0 -1
- package/eds-accordion.entry-B8TjhnWX.mjs +0 -49
- package/eds-accordion.entry-BySfMYU2.js +0 -4
- package/eds-alert_17.entry-BfpBSBVW.js +0 -14999
- package/eds-alert_17.entry-IJq6baZd.mjs +0 -16075
- package/eds-avatar_4.entry-B7CV7v_n.mjs +0 -283
- package/eds-avatar_4.entry-D1CDRW_R.js +0 -149
- package/eds-card-generic.entry-BhLK-nyp.js +0 -1
- package/eds-card-generic.entry-DIHPUjbI.mjs +0 -63
- package/eds-card-section.entry-0n2V-MH6.js +0 -1
- package/eds-card-section.entry-Ccjil38X.mjs +0 -39
- package/eds-matomo-notice.entry-BpwE1vQ3.js +0 -1
- package/eds-matomo-notice.entry-DsLbzeqQ.mjs +0 -91
- package/index-D_kZU_4I.js +0 -21
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { r as n, h as r, g as d } from "./index-Df31uHzU.mjs";
|
|
2
|
+
const 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, m = class {
|
|
3
|
+
constructor(e) {
|
|
4
|
+
n(this, e), this.updateScreenSize = () => {
|
|
5
|
+
const t = window.innerWidth;
|
|
6
|
+
t < 769 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : t <= 1024 ? (this.maxVisibleItems = 4, this.isSmallScreen = !0) : (this.maxVisibleItems = 6, this.isSmallScreen = !1);
|
|
7
|
+
}, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Watches for changes to the `items` prop and parses it.
|
|
11
|
+
*/
|
|
12
|
+
parseItems(e) {
|
|
13
|
+
if (typeof e == "string")
|
|
14
|
+
try {
|
|
15
|
+
const t = JSON.parse(e);
|
|
16
|
+
this.parsedItems = Array.isArray(t) ? t : [];
|
|
17
|
+
} catch {
|
|
18
|
+
this.parsedItems = [];
|
|
19
|
+
}
|
|
20
|
+
else Array.isArray(e) ? this.parsedItems = e : this.parsedItems = [];
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Lifecycle method that runs when the component is about to be loaded.
|
|
24
|
+
* It parses the initial `items` prop value.
|
|
25
|
+
*/
|
|
26
|
+
componentWillLoad() {
|
|
27
|
+
this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
|
|
28
|
+
}
|
|
29
|
+
disconnectedCallback() {
|
|
30
|
+
window.removeEventListener("resize", this.updateScreenSize);
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Lifecycle method that runs when the component has fully loaded.
|
|
34
|
+
* It emits a custom event for each `eds-link` element contained within the breadcrumb.
|
|
35
|
+
*/
|
|
36
|
+
componentDidLoad() {
|
|
37
|
+
var e;
|
|
38
|
+
const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll("eds-link");
|
|
39
|
+
t == null || t.forEach((i) => {
|
|
40
|
+
this.emitContext(i);
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* Emits a custom event called `parentContext` for a given link element.
|
|
45
|
+
* This event provides context information about the breadcrumb component.
|
|
46
|
+
*
|
|
47
|
+
* @param linkElement - The link element to which the event will be dispatched.
|
|
48
|
+
*/
|
|
49
|
+
emitContext(e) {
|
|
50
|
+
const t = new CustomEvent("parentContext", {
|
|
51
|
+
detail: {
|
|
52
|
+
componentName: this.el.tagName.toLowerCase(),
|
|
53
|
+
identifier: null
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
e.dispatchEvent(t);
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Returns breadcrumb items with potential truncation if there are too many.
|
|
60
|
+
* It inserts an ellipsis item where necessary.
|
|
61
|
+
*/
|
|
62
|
+
getTruncatedItems() {
|
|
63
|
+
const e = this.parsedItems.length, t = { label: "...", url: "", isHidden: !0 };
|
|
64
|
+
if (e > this.maxVisibleItems) {
|
|
65
|
+
const i = this.parsedItems[0], s = this.parsedItems.slice(-2);
|
|
66
|
+
if (this.maxVisibleItems === 3)
|
|
67
|
+
return [i, t, ...s];
|
|
68
|
+
if (this.maxVisibleItems === 4) {
|
|
69
|
+
const a = this.parsedItems[Math.floor(e / 2)];
|
|
70
|
+
return [i, a, t, ...s];
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
return this.parsedItems;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Helper to determine the display label and full label.
|
|
77
|
+
* If the label is longer than 15 characters and the item is not the current (last) item,
|
|
78
|
+
* we display a truncated version but use the full label for aria attributes.
|
|
79
|
+
*/
|
|
80
|
+
getLabels(e, t) {
|
|
81
|
+
return !t && e.label.length > 15 ? { displayLabel: `${e.label.slice(0, 15)}...`, fullLabel: e.label } : { displayLabel: e.label, fullLabel: e.label };
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Render method for the breadcrumb component.
|
|
85
|
+
* It creates a navigation element with an ordered list of breadcrumb links.
|
|
86
|
+
* The last link is marked as the current page.
|
|
87
|
+
*/
|
|
88
|
+
render() {
|
|
89
|
+
const e = this.getTruncatedItems();
|
|
90
|
+
return r("nav", { key: "d177957e1b3218c21991bbdc9636a8e32befe990", "aria-label": "Breadcrumb" }, r("ol", { key: "d10336ddee99b9fb84d17e53093c57c6a025982f", class: "flex items-center space-x-2" }, e.map((t, i) => {
|
|
91
|
+
const s = i === e.length - 1;
|
|
92
|
+
return r("li", { class: "flex items-center" }, t.isHidden ? r("span", { class: "truncate px-2", "aria-hidden": "true" }, "...") : (() => {
|
|
93
|
+
const { displayLabel: a, fullLabel: l } = this.getLabels(t, s);
|
|
94
|
+
return r("eds-link", Object.assign({ label: a, url: t.url, intent: this.intent, current: s, "aria-label": l, size: "small", "icon-small": "false" }, s ? { "aria-current": "page" } : {}));
|
|
95
|
+
})(), !s && !t.isHidden && r("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
|
|
96
|
+
})));
|
|
97
|
+
}
|
|
98
|
+
get el() {
|
|
99
|
+
return d(this);
|
|
100
|
+
}
|
|
101
|
+
static get watchers() {
|
|
102
|
+
return {
|
|
103
|
+
items: ["parseItems"]
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
m.style = h;
|
|
108
|
+
export {
|
|
109
|
+
m as eds_breadcrumb
|
|
110
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r, h as e, g as d } from "./index-
|
|
2
|
-
import { s as l } from "./analytics-
|
|
1
|
+
import { r, h as e, g as d } from "./index-Df31uHzU.mjs";
|
|
2
|
+
import { s as l } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
3
|
import { g as o } from "./color-2554aad6-CCcV5UJZ.mjs";
|
|
4
4
|
const h = class {
|
|
5
5
|
constructor(t) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),r=require("./analytics-44b1416b-ol77SdQE.js"),d=require("./color-2554aad6-D1hFGX4H.js"),l=class{constructor(t){e.registerInstance(this,t),this.image=void 0,this.editorialTitle=void 0,this.headingLevel="h3",this.categoryTitle=void 0,this.color=void 0,this.bgOnHover=!1,this.vertical=!1,this.titleProject=void 0,this.url=void 0,this.parsedImage=null}componentWillLoad(){if(this.image)try{this.parsedImage=JSON.parse(this.image)}catch{}}handleClick(t){var i;t.preventDefault(),r.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:((i=this.titleProject)===null||i===void 0?void 0:i.toLowerCase())||"",action:"click"})}render(){var t;const i=["min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg",this.color?d.gradientBGColorVariants({color:this.color,hover:this.bgOnHover,class:"before:border-2 before:rounded-lg before:border-softest"}):"bg-default",this.bgOnHover&&this.color?"effect-background bg-default focus-within:bg-transparent hover:bg-transparent":"effect-background hover:bg-default",this.vertical?"flex-col gap-y-16":"flex-col gap-x-16 gap-y-12 lg:flex-row"].join(" "),a=this.vertical?"":"max-w-120 @md:max-w-192 order-first w-full lg:order-last";return e.h("article",{key:"98c5dbd033ec05d08965559e00f32d9fe18698ef",class:i,onClick:s=>this.handleClick(s)},e.h("div",{key:"e083c43e38c3c24fcd996a90267f7cd92d3651b3",class:`flex grow flex-col ${this.vertical?"min-h-156":""}`},e.h("div",{key:"37de1e46023b533fd8595a3077c4e68c11fb01af",class:"lg:max-w-[720px]"},e.h("eds-card-title",{key:"ee31ae2804d2c17c82e8f4c0c3269ac8254331df","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.titleProject,url:this.url}),this.editorialTitle&&e.h("span",{key:"c6f74ba9b5b522f713e25d3339f541efa68cdddd",class:`block ${this.vertical?"f-ui-02":"mt-4 f-heading-06"}`},this.editorialTitle)),this.categoryTitle&&e.h("div",{key:"ab18e55046777cf4a4f58ebd057641db9b9e0328",class:"mt-auto flex items-center gap-x-12 pt-12"},((t=this.categoryTitle)===null||t===void 0?void 0:t.length)&&e.h("eds-tag",{key:"3714ee86a74dce7f33a8f953fd726db349ba9271",label:this.categoryTitle}))),this.parsedImage&&e.h("div",{key:"2818d15f7ab671b7b2dfb34ec3085b390150f38d",class:a},e.h("div",{key:"5166feef3674631298f699449b956655f38f0db9",class:"aspect-1x1 w-full"},e.h("eds-img",Object.assign({key:"86555a43491da5b2aa3b287e539e603a2c2adaf3",sizes:this.vertical?this.parsedImage.sizes||"":"192px"},this.parsedImage)))))}get el(){return e.getElement(this)}};exports.eds_card_project=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as s } from "./index-
|
|
1
|
+
import { r as t, h as s } from "./index-Df31uHzU.mjs";
|
|
2
2
|
const r = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}", c = r, l = class {
|
|
3
3
|
constructor(a) {
|
|
4
4
|
t(this, a), this.accent = !1, this.tags = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-DvG3cC-8.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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),s=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}",a=o,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:"da61b384e966b148cd1f77eec59671bc4d92e259",class:`${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,onClick:()=>this.handleClick()},t.h("eds-card-title",{key:"00702d032bc25f52b2a2c98255ceb60a1d314f4d","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:"d2b135ed422fb64f142af71330dc666e2f0c2b1f",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:"54111e90175754cb0c1f2eb339e86926914ca0e7",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=a;exports.eds_card_tool=i;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r, h as t, g as s } from "./index-
|
|
2
|
-
import { s as o } from "./analytics-
|
|
1
|
+
import { r, h as t, g as s } from "./index-Df31uHzU.mjs";
|
|
2
|
+
import { s as o } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
3
|
const 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}", n = a, l = class {
|
|
4
4
|
constructor(e) {
|
|
5
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.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:"f21cc9703011026652765b399e2b87b1ef80d220",class:e},t.h("slot",{key:"9a37adad73d2d49edcc9ca9222d5b188202c5612"}),this.hasSlot("footer")&&t.h("div",{key:"87addfc052ed4ae33736724fbd8fbc8aca873b4d",class:"mt-auto"},t.h("slot",{key:"2e48677f42ac2aa951bc1a82afa9291fea3ddd72",name:"footer"})))}get el(){return t.getElement(this)}};exports.eds_card_wrapper=r;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./index-DvG3cC-8.js");var Z=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},W={exports:{}};(function(f){var S=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
|
|
2
2
|
* Prism: Lightweight, robust, elegant syntax highlighting
|
|
3
3
|
*
|
|
4
4
|
* @license MIT <https://opensource.org/licenses/MIT>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as ee, h as E, g as te } from "./index-
|
|
1
|
+
import { r as ee, h as E, g as te } from "./index-Df31uHzU.mjs";
|
|
2
2
|
var Z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, W = { exports: {} };
|
|
3
3
|
(function(f) {
|
|
4
4
|
var S = typeof window < "u" ? window : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? self : {};
|
package/{eds-components-section.entry-B3WrdIfL.js → eds-components-section.entry-BsmIIcun.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),t=()=>e.h("div",{class:"static-content container"},e.h("h2",null,"Load the module"),e.h("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e.h("code",null,"head"),"."),e.h("eds-code-block",{code:`<script type='module'>
|
|
2
2
|
import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js';
|
|
3
3
|
// Define custom elements
|
|
4
4
|
defineCustomElements(window);
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { r as t, h as e } from "./index-Df31uHzU.mjs";
|
|
2
|
+
const s = "", i = s, c = class {
|
|
3
|
+
constructor(o) {
|
|
4
|
+
t(this, o), this.buttonText = "Cookies Preferences", this.intent = void 0, this.showMatomoNotice = !1, this.noticeKey = 0;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Always shows the eds-matomo-notice popup.
|
|
8
|
+
* Every click removes the "matomo-deferred" key and forces a remount.
|
|
9
|
+
*/
|
|
10
|
+
toggleCookiesPopup() {
|
|
11
|
+
sessionStorage.removeItem("matomo-deferred"), this.showMatomoNotice ? this.noticeKey = this.noticeKey + 1 : this.showMatomoNotice = !0;
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return e("div", { key: "ca5d44522f94e9ea009c657c5eae6e357cd0d13a" }, e("eds-link", { key: "563a369e2ed44d08a6dd47922c1c1c888e81543a", size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && e("eds-matomo-notice", { "force-show": !0, key: this.noticeKey }));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
c.style = i;
|
|
18
|
+
export {
|
|
19
|
+
c as eds_cookies_preference
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),s="",i=s,t=class{constructor(o){e.registerInstance(this,o),this.buttonText="Cookies Preferences",this.intent=void 0,this.showMatomoNotice=!1,this.noticeKey=0}toggleCookiesPopup(){sessionStorage.removeItem("matomo-deferred"),this.showMatomoNotice?this.noticeKey=this.noticeKey+1:this.showMatomoNotice=!0}render(){return e.h("div",{key:"ca5d44522f94e9ea009c657c5eae6e357cd0d13a"},e.h("eds-link",{key:"563a369e2ed44d08a6dd47922c1c1c888e81543a",size:"small",intent:this.intent,label:this.buttonText,onClick:()=>this.toggleCookiesPopup()}),this.showMatomoNotice&&e.h("eds-matomo-notice",{"force-show":!0,key:this.noticeKey}))}};t.style=i;exports.eds_cookies_preference=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),l=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("color-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("color-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("color-support-palette",null));case 1:return e.h("div",null,e.h("h2",null,"Primary Palette"),e.h("gradient-primary-palette",null),e.h("h2",null,"Secondary Palette"),e.h("gradient-secondary-palette",null),e.h("h2",null,"Support Palette"),e.h("gradient-support-palette",null));default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"e8cd71caa7b23cc4dc28c694ecb9f13e3fd4170a",class:"container"},this.renderContent())}};exports.eds_docs_palettes=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),n=class{constructor(t){e.registerInstance(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h("token-list",{show:"background"});case 1:return e.h("token-list",{show:"text"});case 2:return e.h("token-list",{show:"border"});case 3:return e.h("token-radii",null);case 4:return e.h("token-list",{show:"outline"});case 5:return e.h("token-shadows",null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"b140f7650e5e01711dc0778b04af83f9d004efc7",class:"container"},this.renderContent())}};exports.eds_docs_tokens=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-DvG3cC-8.js"),l=require("./analytics-44b1416b-ol77SdQE.js"),h=".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}",c=h,n=class{constructor(e){s.registerInstance(this,e),this.focusableItems=[],this.handleClick=()=>{var t;this.isOpen=!this.isOpen,this.isOpen?(this.focusIndex=0,this.focusItem()):this.closeDropdown(),l.sendAnalytics({category:"ui-component",parentContext:null,tag:this.host.tagName.toLowerCase(),name:((t=this.label)===null||t===void 0?void 0:t.toLowerCase())||"",action:this.isOpen?"expanded":"collapsed"})},this.icon="chevron-down",this.label=void 0,this.rounded=!1,this.ariaLabel="Open dropdown",this.asNav=!0,this.dropdownPos="left",this.dropdownOffset=!0,this.intent="tertiary",this.isOpen=!1,this.focusIndex=-1}handleWindowClick(e){this.host.contains(e.target)||this.closeDropdown()}handleKeyDown(e){if(this.isOpen)switch(e.key){case"Tab":this.closeDropdown();break;case"ArrowUp":e.preventDefault(),this.focusIndex=(this.focusIndex-1+this.focusableItems.length)%this.focusableItems.length,this.focusItem();break;case"ArrowDown":e.preventDefault(),this.focusIndex=(this.focusIndex+1)%this.focusableItems.length,this.focusItem();break}}closeDropdown(){this.isOpen=!1,this.focusIndex=-1}focusItem(){var e;(e=this.focusableItems[this.focusIndex])===null||e===void 0||e.focus()}componentDidLoad(){var e;this.focusableItems=Array.from(((e=this.dropdownContent)===null||e===void 0?void 0:e.querySelectorAll("a, button"))||[])}render(){return s.h("div",{key:"84f4cea78ea1c40c7897a356fe03ac83922fccb8",class:"z-focus relative",ref:e=>this.dropdownContent=e},s.h("eds-button",{key:"99dc51632dc82830054502a2d6d77d9fcefe9337",label:this.label,"aria-label":this.ariaLabel,icon:this.icon,intent:this.intent,onClick:this.handleClick,"aria-expanded":this.isOpen.toString(),"aria-haspopup":"menu"}),s.h("nav",{key:"a63613a7ecf709fd1d22d77da4b2d286905fef3e",role:"menu",class:{"shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8":!0,"left-4":this.dropdownPos==="left"&&this.dropdownOffset,"left-0":this.dropdownPos==="left"&&!this.dropdownOffset,"right-4":this.dropdownPos==="right"&&this.dropdownOffset,"right-0":this.dropdownPos==="right"&&!this.dropdownOffset,"rounded-lg":this.rounded},style:{display:this.isOpen?"block":"none"},"aria-label":"Dropdown","aria-hidden":!this.isOpen},s.h("slot",{key:"dda70b865ed03dc7ad36a32934587bbcb0a16c1b"})))}get host(){return s.getElement(this)}};n.style=c;const f=class{constructor(e){s.registerInstance(this,e),this.user=void 0,this.links=void 0,this.onLogout=void 0,this.parsedUser={},this.parsedLinks=[]}parseUserProp(e){this.parsedUser=typeof e=="string"?JSON.parse(e):e}parseLinksProp(e){this.parsedLinks=typeof e=="string"?JSON.parse(e):e}componentWillLoad(){this.parseUserProp(this.user),this.parseLinksProp(this.links)}get initials(){var e,t,i,o,a,r,d;return`${((t=(e=this.parsedUser)===null||e===void 0?void 0:e.firstname)===null||t===void 0?void 0:t.charAt(0))||""}${((o=(i=this.parsedUser)===null||i===void 0?void 0:i.lastname)===null||o===void 0?void 0:o.charAt(0))||""}`.toUpperCase()||((d=(r=(a=this.parsedUser)===null||a===void 0?void 0:a.fullname)===null||r===void 0?void 0:r.charAt(0))===null||d===void 0?void 0:d.toUpperCase())||""}get hasLogout(){return typeof this.onLogout=="function"}render(){var e,t,i,o,a;return s.h("div",{key:"866e4e08b5a5330d341845c7cd68f18845732bb6",class:"min-w-[280px] p-8"},s.h("div",{key:"c3c0c56a0ba0bb035efbc474dacc69454f2f9831",class:"flex gap-x-16 pb-16 border-b-2 border-softer"},s.h("eds-avatar",{key:"053e545eb7b8f66b9b9463f77ac89083b2bc87a4","first-name":(e=this.parsedUser)===null||e===void 0?void 0:e.firstname,"last-name":(t=this.parsedUser)===null||t===void 0?void 0:t.lastname,initials:this.initials,color:"grey",rounded:!0,"initials-strong":!0}),s.h("div",{key:"c2d3a51f5aa92dda20058b51aaab3405a85dfbc0",class:"max-w-full"},((i=this.parsedUser)===null||i===void 0?void 0:i.fullname)&&s.h("p",{key:"fcc11680037eb282316cfde3988beb7550a51059",class:"f-ui-01 text-default w-full text-ellipsis"},this.parsedUser.fullname),((o=this.parsedUser)===null||o===void 0?void 0:o.username)&&s.h("p",{key:"2f6aac63baecb3da750f3eb9a09f8793120d8977",class:"f-ui-03-light text-light mt-4"},this.parsedUser.username),((a=this.parsedUser)===null||a===void 0?void 0:a.email)&&s.h("p",{key:"04f3cf2dab10351bc52c94f53c6e9b75d3d34fe7",class:"f-ui-03-light text-light mt-4"},this.parsedUser.email))),s.h("div",{key:"b5bb3171c338891669251b8cde0cdbc810562065",class:"text-default mt-16 flex w-full flex-col gap-y-8"},s.h("div",{key:"7020f1d94ad9ed10d8b1e1fce88837c70ef310b8",class:"border-softer mb-10 border-b-2 pb-16"},s.h("eds-link",{key:"26946fa26bd53953e99f2f61b4d9f47e60f5dc6f",label:"My EBRAINS","aria-label":"My EBRAINS",url:"https://www.ebrains.eu/dashboard",intent:"primary","extra-class":"w-full",external:!0})),s.h("eds-link",{key:1,label:"Account Settings",url:"https://iam.ebrains.eu/auth/realms/hbp/account/",intent:"secondary",icon:"arrow-diagonal",external:!0,"extra-class":"w-full"}),this.hasLogout&&s.h("eds-link",{key:"e53f2b7588fea91fd16c0effe81609e1ded97304",label:"Sign out",intent:"tertiary","extra-class":"w-full justify-center",onClick:()=>this.onLogout&&this.onLogout()})))}static get watchers(){return{user:["parseUserProp"],links:["parseLinksProp"]}}};exports.eds_dropdown=n;exports.eds_user_modal=f;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { r as l, h as s, g as n } from "./index-
|
|
2
|
-
import { s as
|
|
3
|
-
const
|
|
1
|
+
import { r as l, h as s, g as n } from "./index-Df31uHzU.mjs";
|
|
2
|
+
import { s as c } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
3
|
+
const f = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", h = f, p = class {
|
|
4
4
|
constructor(e) {
|
|
5
5
|
l(this, e), this.focusableItems = [], this.handleClick = () => {
|
|
6
6
|
var t;
|
|
7
|
-
this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(),
|
|
7
|
+
this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), c({
|
|
8
8
|
category: "ui-component",
|
|
9
9
|
parentContext: null,
|
|
10
10
|
tag: this.host.tagName.toLowerCase(),
|
|
@@ -100,7 +100,7 @@ const g = class {
|
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
102
|
var e, t, i, o, a;
|
|
103
|
-
return s("div", { key: "
|
|
103
|
+
return s("div", { key: "866e4e08b5a5330d341845c7cd68f18845732bb6", class: "min-w-[280px] p-8" }, s("div", { key: "c3c0c56a0ba0bb035efbc474dacc69454f2f9831", class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, s("eds-avatar", { key: "053e545eb7b8f66b9b9463f77ac89083b2bc87a4", "first-name": (e = this.parsedUser) === null || e === void 0 ? void 0 : e.firstname, "last-name": (t = this.parsedUser) === null || t === void 0 ? void 0 : t.lastname, initials: this.initials, color: "grey", rounded: !0, "initials-strong": !0 }), s("div", { key: "c2d3a51f5aa92dda20058b51aaab3405a85dfbc0", class: "max-w-full" }, ((i = this.parsedUser) === null || i === void 0 ? void 0 : i.fullname) && s("p", { key: "fcc11680037eb282316cfde3988beb7550a51059", class: "f-ui-01 text-default w-full text-ellipsis" }, this.parsedUser.fullname), ((o = this.parsedUser) === null || o === void 0 ? void 0 : o.username) && s("p", { key: "2f6aac63baecb3da750f3eb9a09f8793120d8977", class: "f-ui-03-light text-light mt-4" }, this.parsedUser.username), ((a = this.parsedUser) === null || a === void 0 ? void 0 : a.email) && s("p", { key: "04f3cf2dab10351bc52c94f53c6e9b75d3d34fe7", class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), s("div", { key: "b5bb3171c338891669251b8cde0cdbc810562065", class: "text-default mt-16 flex w-full flex-col gap-y-8" }, s("div", { key: "7020f1d94ad9ed10d8b1e1fce88837c70ef310b8", class: "border-softer mb-10 border-b-2 pb-16" }, s("eds-link", { key: "26946fa26bd53953e99f2f61b4d9f47e60f5dc6f", label: "My EBRAINS", "aria-label": "My EBRAINS", url: "https://www.ebrains.eu/dashboard", intent: "primary", "extra-class": "w-full", external: !0 })), s("eds-link", { key: 1, label: "Account Settings", url: "https://iam.ebrains.eu/auth/realms/hbp/account/", intent: "secondary", icon: "arrow-diagonal", external: !0, "extra-class": "w-full" }), this.hasLogout && s("eds-link", { key: "e53f2b7588fea91fd16c0effe81609e1ded97304", label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })));
|
|
104
104
|
}
|
|
105
105
|
static get watchers() {
|
|
106
106
|
return {
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { r as s, h as e } from "./index-Df31uHzU.mjs";
|
|
2
|
+
const o = "", r = o, t = class {
|
|
3
|
+
constructor(a) {
|
|
4
|
+
s(this, a), this.backToTop = () => {
|
|
5
|
+
window.scrollTo({ top: 0, behavior: "smooth" });
|
|
6
|
+
}, this.extraClass = "", this.social = !1, this.enableScrollTop = !1, this.fundedBy = "EBRAINS is funded by the Horizon Europe Framework Programme.", this.rightsReserved = `${(/* @__PURE__ */ new Date()).getFullYear()} EBRAINS. All rights reserved.`, this.showMatomoNotice = !1;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Renders the footer component with optional sections and elements,
|
|
10
|
+
* including social network links, a Horizon Europe funding acknowledgment, and
|
|
11
|
+
* legal links such as "Cookies Preferences" and copyright information.
|
|
12
|
+
*
|
|
13
|
+
* @returns {JSX.Element} The rendered JSX for the footer component.
|
|
14
|
+
*/
|
|
15
|
+
render() {
|
|
16
|
+
return e("footer", { key: "9a7256325386a5072e9f1e391d838bb38458d99f", class: `${this.extraClass} pb-banner` }, this.social ? e("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, e("div", { class: "container pb-20 xl:pb-40 " }, e("div", { class: "grid-layout" }, e("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, e("eds-social-networks", { class: "mt-28" })), e("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" })))) : null, e("div", { key: "747d4708e90c13fe9e5aa234eaba182df100fca9", class: `border-softest ${this.social ? "border-t-2" : ""} pt-20 pb-28 md:pt-28` }, e("div", { key: "3fecf340c536bb64aa98fd04c26c5b47d146630b", class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, e("div", { key: "6b7f167ac50c6aef9c76e56634a7228585c211db", class: "flex items-center gap-x-12" }, e("a", { key: "8e496d31c4b883a867b5f2c6a5fab8a60899470a", target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, e("eds-img", { key: "b3cdfc2cc428951d58fe5ae4f1fe1992fbded7f7", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), e("div", { key: "8c3a9f55f07b44ad633b11a1d4faa8396a5ae30a", class: "order-last w-full lg:order-none lg:w-auto" }, e("div", { key: "c268c107f6be692756d15a8f096e1a86df7bb62a", class: "f-ui-04 text-light" }, e("p", { key: "528014cafcd1b498efa01482934b54c44dd03bd6" }, this.fundedBy), e("div", { key: "ee5baffcf8f801b7480c8158b30777329699f57f", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, e("span", { key: "79e600b799480904f47261be78262f344ada967b", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "© ", this.rightsReserved)))), e("div", { key: "6bde5399c1044e0d85b71c9fab7e3e4c8b93e224", class: "ml-auto pl-12" }, this.enableScrollTop ? e("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop }) : null))));
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
t.style = r;
|
|
20
|
+
export {
|
|
21
|
+
t as eds_footer
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),o="",t=o,a=class{constructor(s){e.registerInstance(this,s),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.extraClass="",this.social=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${new Date().getFullYear()} EBRAINS. All rights reserved.`,this.showMatomoNotice=!1}render(){return e.h("footer",{key:"9a7256325386a5072e9f1e391d838bb38458d99f",class:`${this.extraClass} pb-banner`},this.social?e.h("div",{class:"border-softest border-t-2 pt-20 pb-28 md:pt-28"},e.h("div",{class:"container pb-20 xl:pb-40 "},e.h("div",{class:"grid-layout"},e.h("div",{class:"grid-col-span-12 lg:grid-col-span-5"},e.h("eds-social-networks",{class:"mt-28"})),e.h("nav",{"aria-label":"Secondary nav",class:"grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0"})))):null,e.h("div",{key:"747d4708e90c13fe9e5aa234eaba182df100fca9",class:`border-softest ${this.social?"border-t-2":""} pt-20 pb-28 md:pt-28`},e.h("div",{key:"3fecf340c536bb64aa98fd04c26c5b47d146630b",class:"container flex flex-wrap items-center gap-20 lg:flex-nowrap"},e.h("div",{key:"6b7f167ac50c6aef9c76e56634a7228585c211db",class:"flex items-center gap-x-12"},e.h("a",{key:"8e496d31c4b883a867b5f2c6a5fab8a60899470a",target:"_blank",rel:"noopener noreferrer",class:"effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",href:"https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en","aria-label":"Learn about Horizon 2020 funding"},e.h("eds-img",{key:"b3cdfc2cc428951d58fe5ae4f1fe1992fbded7f7",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg",alt:"European Union Flag"}))),e.h("div",{key:"8c3a9f55f07b44ad633b11a1d4faa8396a5ae30a",class:"order-last w-full lg:order-none lg:w-auto"},e.h("div",{key:"c268c107f6be692756d15a8f096e1a86df7bb62a",class:"f-ui-04 text-light"},e.h("p",{key:"528014cafcd1b498efa01482934b54c44dd03bd6"},this.fundedBy),e.h("div",{key:"ee5baffcf8f801b7480c8158b30777329699f57f",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"},e.h("span",{key:"79e600b799480904f47261be78262f344ada967b",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved)))),e.h("div",{key:"6bde5399c1044e0d85b71c9fab7e3e4c8b93e224",class:"ml-auto pl-12"},this.enableScrollTop?e.h("eds-button",{"aria-label":"Back to top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop}):null))))}};a.style=t;exports.eds_footer=a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-DvG3cC-8.js"),g=require("./toastManager-d9eee791-DvR_vUPI.js"),x=require("./analytics-44b1416b-ol77SdQE.js"),h=`@font-face {
|
|
2
2
|
font-family: "Inter";
|
|
3
3
|
font-weight: 100 900;
|
|
4
4
|
font-display: swap;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as b, c as h, h as s, g as f } from "./index-
|
|
1
|
+
import { r as b, c as h, h as s, g as f } from "./index-Df31uHzU.mjs";
|
|
2
2
|
import { t as g } from "./toastManager-d9eee791-CEYNwx25.mjs";
|
|
3
|
-
import { s as x } from "./analytics-
|
|
3
|
+
import { s as x } from "./analytics-44b1416b-3vYuu4Xs.mjs";
|
|
4
4
|
const m = `@font-face {
|
|
5
5
|
font-family: "Inter";
|
|
6
6
|
font-weight: 100 900;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),s=class{constructor(t){e.registerInstance(this,t),this.frameLabel=void 0,this.urlLabel="Open in Storybook",this.errorMessage="Could not load the requested Storybook content. Please check the URL or try again later.",this.storybookUrl=void 0,this.storyPath=void 0,this.intent="strong",this.tiny=!1,this.size="auto",this.bg=!0,this.iframeError=!1}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default","rounded border-softer effect-focus-within relative flex grow flex-col border-2","w-full h-full"].join(" ")}getFrameHeight(){switch(this.size){case"sm":return"100px";case"md":return"200px";case"lg":return"400px";case"xl":return"700px";default:return"auto"}}async checkIframeAvailability(){try{if(!(await fetch(this.frameSrc,{method:"GET"})).ok)throw new Error("Failed to load")}catch{this.iframeError=!0}}componentWillLoad(){this.checkIframeAvailability()}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach(r=>{this.emitContext(r)})}emitContext(t){const r=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:this.frameLabel}});t.dispatchEvent(r)}get storyLink(){return`${this.storybookUrl}/?path=/story/${this.storyPath}`}get frameSrc(){return`${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`}render(){return e.h("div",{key:"20786dd40414d29f98d496e29720bd78b9d7cf8e",class:this.articleClasses()},e.h("div",{key:"208612330c9d2872c68aeb310e164c8a915a51ef",class:"effect-height flex items-center justify-between py-8 px-12"},e.h("span",{key:"ada2a40384ffaffadc8887580aa6184422008a68",class:"f-ui-02"},this.frameLabel),this.iframeError?null:e.h("eds-link",{label:this.urlLabel,url:this.storyLink,intent:this.intent,class:"ml-auto",external:!0,disabled:!1,icon:"arrow-diagonal"})),e.h("div",{key:"26a5ae1c81b60b05b6f4859ffa4dbd13bb2557f3",class:"border-softer border-t-2"},this.iframeError?e.h("div",{class:"container ml-8 mr-8 mt-16"},this.errorMessage):e.h("iframe",{src:this.frameSrc,width:"100%",height:this.getFrameHeight(),title:this.frameLabel,frameBorder:"0",allowFullScreen:!0})))}get el(){return e.getElement(this)}};exports.eds_frame=s;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as e, g as i } from "./index-
|
|
1
|
+
import { r as s, h as e, g as i } from "./index-Df31uHzU.mjs";
|
|
2
2
|
const o = class {
|
|
3
3
|
constructor(t) {
|
|
4
4
|
s(this, t), this.frameLabel = void 0, this.urlLabel = "Open in Storybook", this.errorMessage = "Could not load the requested Storybook content. Please check the URL or try again later.", this.storybookUrl = void 0, this.storyPath = void 0, this.intent = "strong", this.tiny = !1, this.size = "auto", this.bg = !0, this.iframeError = !1;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DvG3cC-8.js"),i="",r=i,t=class{constructor(s){e.registerInstance(this,s),this.menuClose=e.createEvent(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(s){this.isMenuOpen=s.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(s){return console.error("Error parsing links prop:",s),[]}return[]}get parsedMenuLinks(){if(typeof this.menuLinks=="object")return this.menuLinks;if(typeof this.menuLinks=="string")try{return JSON.parse(this.menuLinks)}catch(s){return console.error("Error parsing menuLinks prop:",s),[]}return[]}render(){return this.isMenuOpen?e.h("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},e.h("div",{class:"flex min-h-full flex-col"},e.h("div",{class:`bg-default w-full sticky top-0 ${this.inverseHeader?"bg-strongest":"bg-default"}`},e.h("div",{class:"mx-auto flex items-center justify-between"},e.h("div",{class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),e.h("div",{class:"px-16"},e.h("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),e.h("div",{class:"py-16 px-16"},e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map((s,n)=>e.h("eds-link",{label:s.label,key:n,url:s.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"arrow-right"}))),e.h("eds-block-break",null),e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map((s,n)=>e.h("eds-link",{label:s.label,key:n,url:s.url,intent:"tertiary",size:"large",class:"effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",onClick:()=>this.closeMenu(),icon:"chevron-right"})))),e.h("div",{class:"mt-auto"},e.h("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};t.style=r;exports.eds_fullscreen_menu=t;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { r as t, c as i, h as e } from "./index-Df31uHzU.mjs";
|
|
2
|
+
const r = "", l = r, o = class {
|
|
3
|
+
constructor(s) {
|
|
4
|
+
t(this, s), this.menuClose = i(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Listens for the toggleMenu event to open or close the menu.
|
|
8
|
+
* This event is emitted by the eds-header component.
|
|
9
|
+
*/
|
|
10
|
+
handleToggleMenu(s) {
|
|
11
|
+
this.isMenuOpen = s.detail;
|
|
12
|
+
}
|
|
13
|
+
/** Opens the menu */
|
|
14
|
+
openMenu() {
|
|
15
|
+
this.isMenuOpen = !0;
|
|
16
|
+
}
|
|
17
|
+
/** Closes the menu */
|
|
18
|
+
closeMenu() {
|
|
19
|
+
this.isMenuOpen = !1, this.menuClose.emit();
|
|
20
|
+
}
|
|
21
|
+
// Lifecycle method to add the resize event listener when component loads
|
|
22
|
+
componentDidLoad() {
|
|
23
|
+
window.addEventListener("resize", this.handleResize.bind(this));
|
|
24
|
+
}
|
|
25
|
+
// Lifecycle method to remove the resize event listener when component unloads
|
|
26
|
+
disconnectedCallback() {
|
|
27
|
+
window.removeEventListener("resize", this.handleResize.bind(this));
|
|
28
|
+
}
|
|
29
|
+
// Function to close the menu if screen width is larger than a defined breakpoint (1024px)
|
|
30
|
+
handleResize() {
|
|
31
|
+
window.innerWidth >= 1024 && (this.isMenuOpen = !1);
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Parses the `links` prop into an array of link objects.
|
|
35
|
+
* Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
|
|
36
|
+
*
|
|
37
|
+
* @returns {any[]} Array of parsed link objects
|
|
38
|
+
*/
|
|
39
|
+
get parsedLinks() {
|
|
40
|
+
if (typeof this.links == "object")
|
|
41
|
+
return this.links;
|
|
42
|
+
if (typeof this.links == "string")
|
|
43
|
+
try {
|
|
44
|
+
return JSON.parse(this.links);
|
|
45
|
+
} catch (s) {
|
|
46
|
+
return console.error("Error parsing links prop:", s), [];
|
|
47
|
+
}
|
|
48
|
+
return [];
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Parses the `menuLinks` prop into an array of link objects.
|
|
52
|
+
* Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
|
|
53
|
+
*
|
|
54
|
+
* @returns {any[]} Array of parsed menu link objects
|
|
55
|
+
*/
|
|
56
|
+
get parsedMenuLinks() {
|
|
57
|
+
if (typeof this.menuLinks == "object")
|
|
58
|
+
return this.menuLinks;
|
|
59
|
+
if (typeof this.menuLinks == "string")
|
|
60
|
+
try {
|
|
61
|
+
return JSON.parse(this.menuLinks);
|
|
62
|
+
} catch (s) {
|
|
63
|
+
return console.error("Error parsing menuLinks prop:", s), [];
|
|
64
|
+
}
|
|
65
|
+
return [];
|
|
66
|
+
}
|
|
67
|
+
render() {
|
|
68
|
+
return this.isMenuOpen ? e("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, e("div", { class: "flex min-h-full flex-col" }, e("div", { class: `bg-default w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, e("div", { class: "mx-auto flex items-center justify-between" }, e("div", { class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), e("div", { class: "px-16" }, e("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), e("div", { class: "py-16 px-16" }, e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((s, n) => e("eds-link", { label: s.label, key: n, url: s.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" }))), e("eds-block-break", null), e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((s, n) => e("eds-link", { label: s.label, key: n, url: s.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), e("div", { class: "mt-auto" }, e("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
o.style = l;
|
|
72
|
+
export {
|
|
73
|
+
o as eds_fullscreen_menu
|
|
74
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-DvG3cC-8.js"),r="",a=r,n=class{constructor(e){t.registerInstance(this,e),this.toggleMenu=t.createEvent(this,"toggleMenu",7),this.homeUrl="/",this.links=void 0,this.inverseHeader=!1,this.menuEnabled=!1,this.isMenuOpen=!1,this.isUserMenuOpen=!1,this.isAuthenticated=!1}onAuthStatusChanged(e){var s;this.isAuthenticated=(s=e.detail)===null||s===void 0?void 0:s.authenticated}componentDidLoad(){this.hostEl.querySelectorAll("eds-link").forEach(s=>{this.emitContext(s)})}emitContext(e){const s=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(s)}handleToggleMenu(){this.toggleMenu.emit(!this.isMenuOpen)}toggleUserMenu(){this.isUserMenuOpen=!this.isUserMenuOpen}get parsedLinks(){if(Array.isArray(this.links))return this.links;if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}render(){return t.h("header",{key:"8447435914bd3cdf61ce03f2a6bc646fd6b39b01",class:`flex items-center justify-between relative z-10
|
|
2
|
+
${this.inverseHeader?"text-inverse bg-strongest":"text-default bg-dark"}`},t.h("div",{key:"2a7a525d9ec5f86437212ab5b6c60c901e1f69a8",class:"mr-auto w-[200px] h-[85px]"},t.h("eds-logo",{key:"29381ef7d9f600690a373a09be30b2dea6d5b936",type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),this.parsedLinks&&t.h("nav",{key:"8085c6dfa6dadce3d7eefb45505e9c9404fd422d",class:"absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex"},t.h("ul",{key:"cb8442be1efc058dc46c283c85e50c58dd627f3e",class:"flex gap-x-2"},this.parsedLinks.map(e=>t.h("eds-link",{label:e.label,"aria-label":e.label,url:e.url,intent:"ghost",size:"small",icon:e.icon,external:e.external,"extra-class":"after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100"})))),t.h("slot",{key:"5d39561f4f43641640cc3f5d01edd35ebde794e3"}),this.menuEnabled?t.h("div",{class:"md:hidden flex overflow-hidden px-16"},t.h("eds-button",{"aria-label":"Menu",intent:"ghostInverse",icon:"menu",size:"small",onClick:()=>this.handleToggleMenu()})):null)}get hostEl(){return t.getElement(this)}};n.style=a;exports.eds_header=n;
|