@ebrains/react 2.4.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/color-primary-palette_6.entry.esm.js +106 -106
- package/components-section.entry.esm.js +1 -1
- package/correct-use-of-colors.entry.esm.js +33 -33
- package/docs-palettes.entry.esm.js +1 -1
- package/docs-tokens.entry.esm.js +1 -1
- package/eds-accordion_52.entry.esm.js +1823 -0
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-cookies-preference.entry.esm.js +3 -3
- package/eds-feedback.entry.esm.js +5 -5
- package/eds-frame.entry.esm.js +7 -7
- package/eds-gauge.entry.esm.js +8 -9
- package/eds-gitlab-contributors.entry.esm.js +277 -0
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-eu.entry.esm.js +2 -2
- package/eds-icon-facebook.entry.esm.js +1 -1
- package/eds-icon-gitlab.entry.esm.js +1 -1
- package/eds-icon-linkedin.entry.esm.js +1 -1
- package/eds-icon-mastodon.entry.esm.js +1 -1
- package/eds-icon-twitter.entry.esm.js +1 -1
- package/eds-icon-youtube.entry.esm.js +1 -1
- package/eds-modal.entry.esm.js +88 -31
- package/eds-pie.entry.esm.js +38 -4
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-splash-screen.entry.esm.js +4 -12
- package/eds-timeline.entry.esm.js +8 -14
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eu-8ac3e99c.esm.js +7 -0
- package/incorrect-use-of-colors.entry.esm.js +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +14 -143
- package/logo-space.entry.esm.js +138 -17
- package/logo-variations-horizontal_2.entry.esm.js +28 -54
- package/logo-variations-tabs.entry.esm.js +1 -1
- package/logo-wrong-usage.entry.esm.js +33 -33
- package/negative-84eec72e.esm.js +104 -0
- package/package.json +1 -1
- package/positive-cc986d7c.esm.js +65 -0
- package/src/components.d.ts +8 -2
- package/src/generated/components.d.ts +0 -1
- package/svg-repository.entry.esm.js +7 -254
- package/token-list_3.entry.esm.js +79 -51
- package/token-ratios.entry.esm.js +3 -3
- package/token-spacing.entry.esm.js +26 -26
- package/token-typography.entry.esm.js +88 -79
- package/arrow-diagonal-black-8f0494c3.esm.js +0 -3
- package/arrow-right-9322ba8a.esm.js +0 -5
- package/bin-37cad2f0.esm.js +0 -3
- package/bookmark-c200037c.esm.js +0 -16
- package/chevron-down-6144c823.esm.js +0 -12
- package/chevron-left-ca6c66e1.esm.js +0 -11
- package/chevron-right-b88ed2d4.esm.js +0 -5
- package/chevron-up-c66bd477.esm.js +0 -12
- package/clone-dab56639.esm.js +0 -3
- package/close-87fc0d63.esm.js +0 -5
- package/copy-03b72cb6.esm.js +0 -5
- package/download-47746956.esm.js +0 -18
- package/draft-dd5dada2.esm.js +0 -3
- package/edit-3893a517.esm.js +0 -3
- package/eds-accordion_37.entry.esm.js +0 -1201
- package/eds-card-desc_2.entry.esm.js +0 -85
- package/eds-card-generic.entry.esm.js +0 -116
- package/eds-card-project.entry.esm.js +0 -209
- package/eds-card-section.entry.esm.js +0 -56
- package/eds-card-tags.entry.esm.js +0 -27
- package/eds-card-tool.entry.esm.js +0 -105
- package/eds-footer.entry.esm.js +0 -135
- package/eds-fullscreen-menu.entry.esm.js +0 -143
- package/eds-icon-arrow-diagonal.entry.esm.js +0 -21
- package/eds-icon-arrow-right.entry.esm.js +0 -21
- package/eds-icon-bin.entry.esm.js +0 -21
- package/eds-icon-bookmark.entry.esm.js +0 -21
- package/eds-icon-chevron-down.entry.esm.js +0 -21
- package/eds-icon-chevron-left.entry.esm.js +0 -21
- package/eds-icon-chevron-right.entry.esm.js +0 -21
- package/eds-icon-chevron-up.entry.esm.js +0 -21
- package/eds-icon-clone.entry.esm.js +0 -21
- package/eds-icon-close.entry.esm.js +0 -21
- package/eds-icon-copy.entry.esm.js +0 -21
- package/eds-icon-download.entry.esm.js +0 -21
- package/eds-icon-draft.entry.esm.js +0 -21
- package/eds-icon-edit.entry.esm.js +0 -21
- package/eds-icon-external.entry.esm.js +0 -21
- package/eds-icon-loader.entry.esm.js +0 -21
- package/eds-icon-menu.entry.esm.js +0 -21
- package/eds-icon-minus.entry.esm.js +0 -21
- package/eds-icon-more.entry.esm.js +0 -21
- package/eds-icon-paper.entry.esm.js +0 -21
- package/eds-icon-plus.entry.esm.js +0 -21
- package/eds-icon-portal.entry.esm.js +0 -21
- package/eds-icon-private.entry.esm.js +0 -21
- package/eds-icon-public.entry.esm.js +0 -21
- package/eds-icon-search.entry.esm.js +0 -21
- package/eds-icon-star.entry.esm.js +0 -21
- package/eds-icon-start.entry.esm.js +0 -21
- package/eds-icon-success.entry.esm.js +0 -21
- package/eds-icon-thumbs-down.entry.esm.js +0 -21
- package/eds-icon-thumbs-up.entry.esm.js +0 -21
- package/eds-icon-tutorial.entry.esm.js +0 -21
- package/eds-icon-unknown.entry.esm.js +0 -21
- package/eds-icon-updown.entry.esm.js +0 -21
- package/eds-icon-user.entry.esm.js +0 -21
- package/eds-icon-view.entry.esm.js +0 -21
- package/eds-progress-bar.entry.esm.js +0 -52
- package/eds-social-networks.entry.esm.js +0 -73
- package/eds-trl.entry.esm.js +0 -68
- package/eu-9ddde93a.esm.js +0 -30
- package/index-39c58238.esm.js +0 -58
- package/loader-c9628637.esm.js +0 -30
- package/logo-color-7f1fd803.esm.js +0 -115
- package/logo-color-margins-ff8ce71b.esm.js +0 -118
- package/logo-white-no-bg-f382f86f.esm.js +0 -1021
- package/menu-340ea948.esm.js +0 -11
- package/minus-b30a7c71.esm.js +0 -11
- package/more-4449d549.esm.js +0 -13
- package/paper-8e74ea31.esm.js +0 -15
- package/plus-89c07be2.esm.js +0 -12
- package/portal-d6c8ce56.esm.js +0 -18
- package/private-1c25ff8e.esm.js +0 -25
- package/public-d4d8c585.esm.js +0 -16
- package/search-fbcd79c2.esm.js +0 -12
- package/star-0da9b5e9.esm.js +0 -5
- package/start-65126a4f.esm.js +0 -3
- package/success-443809da.esm.js +0 -18
- package/thumbs-down-a18fd049.esm.js +0 -5
- package/thumbs-up-c19a71bc.esm.js +0 -6
- package/tutotial-150ee1fd.esm.js +0 -27
- package/unknown-ed01a24c.esm.js +0 -22
- package/up-and-down-8b69ca97.esm.js +0 -12
- package/user-71ebdc15.esm.js +0 -16
- package/view-e900f2d4.esm.js +0 -3
package/eds-footer.entry.esm.js
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import 'react/jsx-runtime';
|
|
4
|
-
import 'react-dom';
|
|
5
|
-
|
|
6
|
-
const edsFooterCss = "p{margin:0}.cursor-pointer{cursor:pointer}.ml-4{margin-left:0.25rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.bg-darker{background-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.border-t-2{border-top-width:2px}.pt-20{padding-top:1.25rem}.pb-28{padding-bottom:1.75rem}.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}.mt-28{margin-top:1.75rem}.gap-y-12{row-gap:0.75rem}.gap-x-12{-moz-column-gap:0.75rem;column-gap:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-20{gap:1.25rem}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:rounded-xs:focus-visible{border-radius:4px}.flex{display:flex}.w-\\[54px\\]{width:54px}.ml-0{margin-left:0rem}.order-last{order:9999}.w-full{width:100%}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mr-4{margin-right:0.25rem}.gap-12{gap:0.75rem}.inline-block{display:inline-block}.\\!no-underline{text-decoration-line:none !important}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.hover\\:\\!underline:hover{text-decoration-line:underline !important}.ml-auto{margin-left:auto}.pl-12{padding-left:0.75rem}.opacity-0{opacity:0}@media (min-width: 750px){.md\\:pt-28{padding-top:1.75rem}}@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\\:mt-0{margin-top:0rem}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:order-none{order:0}.lg\\:w-auto{width:auto}}@media (min-width: 1024px){.xl\\:pb-40{padding-bottom:2.5rem}}";
|
|
7
|
-
const EdsFooterStyle0 = edsFooterCss;
|
|
8
|
-
const EdsFooter = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.cookies = createEvent(this, "cookies", 7);
|
|
12
|
-
/**
|
|
13
|
-
* Scrolls the page smoothly back to the top.
|
|
14
|
-
* Called when the "Back to top" button is clicked.
|
|
15
|
-
* @private
|
|
16
|
-
*/
|
|
17
|
-
this.backToTop = () => {
|
|
18
|
-
window.scrollTo({
|
|
19
|
-
top: 0,
|
|
20
|
-
behavior: 'smooth'
|
|
21
|
-
});
|
|
22
|
-
};
|
|
23
|
-
this.social = false;
|
|
24
|
-
this.enableScrollTop = false;
|
|
25
|
-
this.fundedBy = 'EBRAINS is funded by the Horizon Europe Framework Programme.';
|
|
26
|
-
this.rightsReserved = `${new Date().getFullYear()} EBRAINS. All rights reserved.`;
|
|
27
|
-
this.cookiesPreferences = 'Cookies preferences';
|
|
28
|
-
this.enableCookiesSettings = false;
|
|
29
|
-
this.backToTopAriaLabel = 'Back to Top';
|
|
30
|
-
this.showMatomoNotice = false;
|
|
31
|
-
}
|
|
32
|
-
componentDidLoad() {
|
|
33
|
-
var _a;
|
|
34
|
-
this.backBtn = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#toTop');
|
|
35
|
-
}
|
|
36
|
-
handleScroll() {
|
|
37
|
-
if (!this.backBtn) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
const shouldShow = window.scrollY > 100 && document.body.scrollHeight > window.innerHeight;
|
|
41
|
-
this.backBtn.style.opacity = shouldShow ? '1' : '0';
|
|
42
|
-
this.backBtn.style.pointerEvents = shouldShow ? 'auto' : 'none';
|
|
43
|
-
const btn = this.backBtn.querySelector('eds-button');
|
|
44
|
-
if (btn) {
|
|
45
|
-
btn.removeAttribute('aria-hidden');
|
|
46
|
-
btn.setAttribute('tabindex', shouldShow ? '0' : '-1');
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
toggleCookiesConsent() {
|
|
50
|
-
this.cookies.emit('toggle');
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* Renders the footer component with optional sections and elements,
|
|
54
|
-
* including social network links, a Horizon Europe funding acknowledgment, and
|
|
55
|
-
* legal links such as "Cookies Preferences" and copyright information.
|
|
56
|
-
*/
|
|
57
|
-
render() {
|
|
58
|
-
const year = new Date().getFullYear();
|
|
59
|
-
const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
|
|
60
|
-
return h("footer", {
|
|
61
|
-
key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f'
|
|
62
|
-
}, this.social ? h("div", {
|
|
63
|
-
class: "border-softest border-t-2 pt-20 md:pt-28"
|
|
64
|
-
}, h("div", {
|
|
65
|
-
class: "container pb-20"
|
|
66
|
-
}, h("div", {
|
|
67
|
-
class: "grid-layout"
|
|
68
|
-
}, h("div", {
|
|
69
|
-
class: "grid-col-span-12 lg:grid-col-span-5"
|
|
70
|
-
}, h("eds-social-networks", {
|
|
71
|
-
class: "mt-28"
|
|
72
|
-
}))))) : null, h("div", {
|
|
73
|
-
key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588',
|
|
74
|
-
class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
|
|
75
|
-
}, h("div", {
|
|
76
|
-
key: '4f2993ccded30ca66da34eca632b62abf02e06d5',
|
|
77
|
-
class: "container flex items-center gap-20 lg:flex-nowrap"
|
|
78
|
-
}, h("div", {
|
|
79
|
-
key: '81efd584b5de410522d338bb6ab4b53096a36868',
|
|
80
|
-
class: "flex items-center gap-x-12"
|
|
81
|
-
}, h("a", {
|
|
82
|
-
key: '5a641163b3cb1549ee886e9029b65a012b31cd85',
|
|
83
|
-
target: "_blank",
|
|
84
|
-
rel: "noopener noreferrer",
|
|
85
|
-
class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
|
|
86
|
-
href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
|
|
87
|
-
"aria-label": "Learn about Horizon Europe funding"
|
|
88
|
-
}, h("eds-img", {
|
|
89
|
-
key: '6428f6d0b70f802a7eaa81fcce7641f754c0071a',
|
|
90
|
-
width: 63,
|
|
91
|
-
height: 50,
|
|
92
|
-
src: "https://www.ebrains.eu/flags/4x3/eu.svg",
|
|
93
|
-
alt: "European Union Flag"
|
|
94
|
-
}))), h("div", {
|
|
95
|
-
key: 'c3612f7c694abd66831a6c04f2d9f98bc9f8a2dd'
|
|
96
|
-
}, h("div", {
|
|
97
|
-
key: '7d16c929479ee8db9d981d6178f17fd832184e29',
|
|
98
|
-
class: "f-ui-02 text-light"
|
|
99
|
-
}, h("p", {
|
|
100
|
-
key: '86c6e3eec115a886a37618963e973004f130950e'
|
|
101
|
-
}, this.fundedBy), h("div", {
|
|
102
|
-
key: '13e4e3925ea8f76865684cba29c91653bba0c45d',
|
|
103
|
-
class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
|
|
104
|
-
}, h("span", {
|
|
105
|
-
key: '21c77485fffbe352edb8501dab07fd6628de62ba',
|
|
106
|
-
class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
|
|
107
|
-
}, "\u00A9 ", rights), this.enableCookiesSettings ? h("eds-link", {
|
|
108
|
-
label: this.cookiesPreferences,
|
|
109
|
-
intent: "underline",
|
|
110
|
-
size: "small",
|
|
111
|
-
onClick: () => {
|
|
112
|
-
this.toggleCookiesConsent();
|
|
113
|
-
}
|
|
114
|
-
}) : null))), h("div", {
|
|
115
|
-
key: '1c8417017493de5e446bfdeec248948d920c1a95',
|
|
116
|
-
class: "ml-auto pl-12"
|
|
117
|
-
}, this.enableScrollTop ? h("div", {
|
|
118
|
-
id: "toTop",
|
|
119
|
-
class: "transition-all transition duration-75 opacity-0"
|
|
120
|
-
}, h("eds-button", {
|
|
121
|
-
id: "backToTop",
|
|
122
|
-
"aria-label": this.backToTopAriaLabel,
|
|
123
|
-
intent: "ghostInverse",
|
|
124
|
-
icon: "chevron-up",
|
|
125
|
-
onClick: this.backToTop,
|
|
126
|
-
tabindex: "-1"
|
|
127
|
-
})) : null))));
|
|
128
|
-
}
|
|
129
|
-
get el() {
|
|
130
|
-
return getElement(this);
|
|
131
|
-
}
|
|
132
|
-
};
|
|
133
|
-
EdsFooter.style = EdsFooterStyle0;
|
|
134
|
-
|
|
135
|
-
export { EdsFooter as eds_footer };
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index.esm2.js';
|
|
2
|
-
import { p as parseData } from './sharedUtils-a550989c.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const edsFullscreenMenuCss = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.rounded-xs{border-radius:4px}.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)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}";
|
|
8
|
-
const EdsFullscreenMenuStyle0 = edsFullscreenMenuCss;
|
|
9
|
-
const EdsFullscreenMenu = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
this.menuClose = createEvent(this, "menuClose", 7);
|
|
13
|
-
this.links = undefined;
|
|
14
|
-
this.menuLinks = undefined;
|
|
15
|
-
this.homeUrl = '/';
|
|
16
|
-
this.inverseHeader = false;
|
|
17
|
-
this.isMenuOpen = false;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Listens on `body` for `toggleheadermenu` to open/close the menu.
|
|
21
|
-
* The event detail should be a boolean (`true` = open, `false` = close).
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```js
|
|
25
|
-
* document.body.dispatchEvent(new CustomEvent('toggleheadermenu', { detail: true }));
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
handleToggleMenu(event) {
|
|
29
|
-
this.isMenuOpen = !!event.detail;
|
|
30
|
-
}
|
|
31
|
-
onKeydown(e) {
|
|
32
|
-
if (e.key === 'Escape' && this.isMenuOpen) {
|
|
33
|
-
this.closeMenu();
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
/** Opens the menu */
|
|
37
|
-
openMenu() {
|
|
38
|
-
this.isMenuOpen = true;
|
|
39
|
-
}
|
|
40
|
-
/** Closes the menu */
|
|
41
|
-
closeMenu() {
|
|
42
|
-
this.isMenuOpen = false;
|
|
43
|
-
this.menuClose.emit();
|
|
44
|
-
}
|
|
45
|
-
async open() {
|
|
46
|
-
this.isMenuOpen = true;
|
|
47
|
-
}
|
|
48
|
-
async close() {
|
|
49
|
-
this.closeMenu();
|
|
50
|
-
}
|
|
51
|
-
// Lifecycle method to add the resize event listener when component loads
|
|
52
|
-
componentDidLoad() {
|
|
53
|
-
window.addEventListener('resize', this.handleResize.bind(this));
|
|
54
|
-
}
|
|
55
|
-
// Lifecycle method to remove the resize event listener when component unloads
|
|
56
|
-
disconnectedCallback() {
|
|
57
|
-
window.removeEventListener('resize', this.handleResize.bind(this));
|
|
58
|
-
}
|
|
59
|
-
// Function to close the menu if screen width is larger than a defined breakpoint (1024px)
|
|
60
|
-
handleResize() {
|
|
61
|
-
if (window.innerWidth >= 1024) {
|
|
62
|
-
this.isMenuOpen = false;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Parses the `links` prop into an array of link objects.
|
|
67
|
-
* Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
|
|
68
|
-
*
|
|
69
|
-
* @returns {any[]} Array of parsed link objects
|
|
70
|
-
*/
|
|
71
|
-
get parsedLinks() {
|
|
72
|
-
return parseData(this.links);
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* Parses the `menuLinks` prop into an array of link objects.
|
|
76
|
-
* Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
|
|
77
|
-
*
|
|
78
|
-
* @returns {any[]} Array of parsed menu link objects
|
|
79
|
-
*/
|
|
80
|
-
get parsedMenuLinks() {
|
|
81
|
-
return parseData(this.menuLinks);
|
|
82
|
-
}
|
|
83
|
-
render() {
|
|
84
|
-
return this.isMenuOpen ? h("div", {
|
|
85
|
-
role: "dialog",
|
|
86
|
-
"aria-modal": "true",
|
|
87
|
-
"aria-label": "Main menu",
|
|
88
|
-
class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"
|
|
89
|
-
}, h("div", {
|
|
90
|
-
class: "flex min-h-full flex-col"
|
|
91
|
-
}, h("div", {
|
|
92
|
-
class: `w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}`
|
|
93
|
-
}, h("div", {
|
|
94
|
-
class: "mx-auto flex items-center justify-between"
|
|
95
|
-
}, h("div", {
|
|
96
|
-
class: "mr-auto w-[200px] h-[85px]"
|
|
97
|
-
}, h("eds-logo", {
|
|
98
|
-
type: this.inverseHeader ? 'color-white' : 'color',
|
|
99
|
-
href: this.homeUrl
|
|
100
|
-
})), h("div", {
|
|
101
|
-
class: "px-16"
|
|
102
|
-
}, h("eds-button", {
|
|
103
|
-
"aria-label": "Close menu",
|
|
104
|
-
intent: "ghostInverse",
|
|
105
|
-
icon: "close",
|
|
106
|
-
onClick: () => this.closeMenu()
|
|
107
|
-
})))), h("div", {
|
|
108
|
-
class: "py-16 px-16"
|
|
109
|
-
}, h("nav", {
|
|
110
|
-
class: "mt-28 flex flex-col gap-y-8"
|
|
111
|
-
}, this.parsedLinks.map((link, index) => h("eds-link", {
|
|
112
|
-
label: link.label,
|
|
113
|
-
key: index,
|
|
114
|
-
url: link.url,
|
|
115
|
-
intent: "tertiary",
|
|
116
|
-
size: "large",
|
|
117
|
-
class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",
|
|
118
|
-
onClick: () => this.closeMenu(),
|
|
119
|
-
icon: "arrow-right"
|
|
120
|
-
}))), h("eds-block-break", null), h("nav", {
|
|
121
|
-
class: "mt-28 flex flex-col gap-y-8"
|
|
122
|
-
}, this.parsedMenuLinks.map((link, index) => h("eds-link", {
|
|
123
|
-
label: link.label,
|
|
124
|
-
key: index,
|
|
125
|
-
url: link.url,
|
|
126
|
-
intent: "tertiary",
|
|
127
|
-
size: "large",
|
|
128
|
-
class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit",
|
|
129
|
-
onClick: () => this.closeMenu(),
|
|
130
|
-
icon: "chevron-right"
|
|
131
|
-
}))), h("nav", {
|
|
132
|
-
class: "mt-28 flex flex-col gap-y-8"
|
|
133
|
-
}, h("slot", null))), h("div", {
|
|
134
|
-
class: "mt-auto"
|
|
135
|
-
}, h("eds-footer", {
|
|
136
|
-
social: true,
|
|
137
|
-
"extra-class": "bg-darker"
|
|
138
|
-
})))) : null;
|
|
139
|
-
}
|
|
140
|
-
};
|
|
141
|
-
EdsFullscreenMenu.style = EdsFullscreenMenuStyle0;
|
|
142
|
-
|
|
143
|
-
export { EdsFullscreenMenu as eds_fullscreen_menu };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconArrowDiagonal = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: arrowDiagonal
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconArrowDiagonal as eds_icon_arrow_diagonal };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { a as arrowRight } from './arrow-right-9322ba8a.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconArrowRight = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '652d9843e8855eeb7bd9c364fe8600116eb54897',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: arrowRight
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconArrowRight as eds_icon_arrow_right };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { b as bin } from './bin-37cad2f0.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconBin = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '7ba82b3f303e9d0dc30afef19154637af1d20811',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: bin
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconBin as eds_icon_bin };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { b as bookmark } from './bookmark-c200037c.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconBookmark = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '66bd28a12ce759d916099635f81aff9b8a66c774',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: bookmark
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconBookmark as eds_icon_bookmark };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as chevronDown } from './chevron-down-6144c823.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconChevronDown = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: chevronDown
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconChevronDown as eds_icon_chevron_down };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as chevronLeft } from './chevron-left-ca6c66e1.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconChevronLeft = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: chevronLeft
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconChevronLeft as eds_icon_chevron_left };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as chevronRight } from './chevron-right-b88ed2d4.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconChevronRight = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '60ca9c3f312d711df76743901b5373ee573b99d7',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: chevronRight
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconChevronRight as eds_icon_chevron_right };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as chevronUp } from './chevron-up-c66bd477.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconChevronUp = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '61506941edc3f2da20a848d8f435241027ee131a',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: chevronUp
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconChevronUp as eds_icon_chevron_up };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as clone } from './clone-dab56639.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconClone = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '25b5552f8f0952bde3058c85d2ef61bb69102c24',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: clone
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconClone as eds_icon_clone };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as close } from './close-87fc0d63.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconClose = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '50792b8ec547fba6fd0416e80cdaf706079f42b2',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: close
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconClose as eds_icon_close };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { c as copy } from './copy-03b72cb6.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconCopy = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: copy
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconCopy as eds_icon_copy };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { d as download } from './download-47746956.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconDownload = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '17b9c232930d8efec279f777ced4a7e95cc559bd',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: download
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconDownload as eds_icon_download };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { d as draft } from './draft-dd5dada2.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconDraft = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '9a0acb29472fee4627c23cd528a601d80fb065d9',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: draft
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconDraft as eds_icon_draft };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { e as edit } from './edit-3893a517.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconEdit = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '603d3cb68e01aadbcb05d232773490b93593a4e7',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: edit
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconEdit as eds_icon_edit };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconExternal = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: 'dc82ae5d96587a46362008670e4096d8f3ed8941',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: arrowDiagonal
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconExternal as eds_icon_external };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { l as loader } from './loader-c9628637.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconLoader = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: '59a8089a2505c0e1e8087f7bd078533a1059cd3a',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: loader
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconLoader as eds_icon_loader };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
-
import { m as menu } from './menu-340ea948.esm.js';
|
|
3
|
-
import 'react';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
5
|
-
import 'react-dom';
|
|
6
|
-
|
|
7
|
-
const EdsIconMenu = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.class = '';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return h("span", {
|
|
14
|
-
key: 'd0edf1b3b59b2455e4f0af36bb637cf3fdea2202',
|
|
15
|
-
class: this.class,
|
|
16
|
-
innerHTML: menu
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { EdsIconMenu as eds_icon_menu };
|