@ebrains/react 2.4.1 → 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.
Files changed (130) hide show
  1. package/color-primary-palette_6.entry.esm.js +106 -106
  2. package/components-section.entry.esm.js +1 -1
  3. package/correct-use-of-colors.entry.esm.js +33 -33
  4. package/docs-palettes.entry.esm.js +1 -1
  5. package/docs-tokens.entry.esm.js +1 -1
  6. package/eds-accordion_52.entry.esm.js +1823 -0
  7. package/eds-app-root.entry.esm.js +4 -4
  8. package/eds-cookies-preference.entry.esm.js +3 -3
  9. package/eds-feedback.entry.esm.js +5 -5
  10. package/eds-frame.entry.esm.js +7 -7
  11. package/eds-gauge.entry.esm.js +8 -9
  12. package/eds-gitlab-contributors.entry.esm.js +277 -0
  13. package/eds-icon-bluesky.entry.esm.js +1 -1
  14. package/eds-icon-eu.entry.esm.js +2 -2
  15. package/eds-icon-facebook.entry.esm.js +1 -1
  16. package/eds-icon-gitlab.entry.esm.js +1 -1
  17. package/eds-icon-linkedin.entry.esm.js +1 -1
  18. package/eds-icon-mastodon.entry.esm.js +1 -1
  19. package/eds-icon-twitter.entry.esm.js +1 -1
  20. package/eds-icon-youtube.entry.esm.js +1 -1
  21. package/eds-modal.entry.esm.js +88 -31
  22. package/eds-pie.entry.esm.js +38 -4
  23. package/eds-section-core_2.entry.esm.js +5 -5
  24. package/eds-splash-screen.entry.esm.js +4 -12
  25. package/eds-timeline.entry.esm.js +8 -14
  26. package/eds-toast-manager.entry.esm.js +1 -1
  27. package/eu-8ac3e99c.esm.js +7 -0
  28. package/incorrect-use-of-colors.entry.esm.js +8 -8
  29. package/index.esm.js +1 -1
  30. package/index.esm2.js +14 -143
  31. package/logo-space.entry.esm.js +138 -17
  32. package/logo-variations-horizontal_2.entry.esm.js +28 -54
  33. package/logo-variations-tabs.entry.esm.js +1 -1
  34. package/logo-wrong-usage.entry.esm.js +33 -33
  35. package/negative-84eec72e.esm.js +104 -0
  36. package/package.json +1 -1
  37. package/positive-cc986d7c.esm.js +65 -0
  38. package/src/components.d.ts +8 -2
  39. package/src/generated/components.d.ts +0 -1
  40. package/svg-repository.entry.esm.js +7 -254
  41. package/token-list_3.entry.esm.js +79 -51
  42. package/token-ratios.entry.esm.js +3 -3
  43. package/token-spacing.entry.esm.js +26 -26
  44. package/token-typography.entry.esm.js +88 -79
  45. package/arrow-diagonal-black-8f0494c3.esm.js +0 -3
  46. package/arrow-right-9322ba8a.esm.js +0 -5
  47. package/bin-37cad2f0.esm.js +0 -3
  48. package/bookmark-c200037c.esm.js +0 -16
  49. package/chevron-down-6144c823.esm.js +0 -12
  50. package/chevron-left-ca6c66e1.esm.js +0 -11
  51. package/chevron-right-b88ed2d4.esm.js +0 -5
  52. package/chevron-up-c66bd477.esm.js +0 -12
  53. package/clone-dab56639.esm.js +0 -3
  54. package/close-87fc0d63.esm.js +0 -5
  55. package/copy-03b72cb6.esm.js +0 -5
  56. package/download-47746956.esm.js +0 -18
  57. package/draft-dd5dada2.esm.js +0 -3
  58. package/edit-3893a517.esm.js +0 -3
  59. package/eds-accordion_37.entry.esm.js +0 -1201
  60. package/eds-card-desc_2.entry.esm.js +0 -85
  61. package/eds-card-generic.entry.esm.js +0 -116
  62. package/eds-card-project.entry.esm.js +0 -209
  63. package/eds-card-section.entry.esm.js +0 -56
  64. package/eds-card-tags.entry.esm.js +0 -27
  65. package/eds-card-tool.entry.esm.js +0 -105
  66. package/eds-footer.entry.esm.js +0 -145
  67. package/eds-fullscreen-menu.entry.esm.js +0 -143
  68. package/eds-icon-arrow-diagonal.entry.esm.js +0 -21
  69. package/eds-icon-arrow-right.entry.esm.js +0 -21
  70. package/eds-icon-bin.entry.esm.js +0 -21
  71. package/eds-icon-bookmark.entry.esm.js +0 -21
  72. package/eds-icon-chevron-down.entry.esm.js +0 -21
  73. package/eds-icon-chevron-left.entry.esm.js +0 -21
  74. package/eds-icon-chevron-right.entry.esm.js +0 -21
  75. package/eds-icon-chevron-up.entry.esm.js +0 -21
  76. package/eds-icon-clone.entry.esm.js +0 -21
  77. package/eds-icon-close.entry.esm.js +0 -21
  78. package/eds-icon-copy.entry.esm.js +0 -21
  79. package/eds-icon-download.entry.esm.js +0 -21
  80. package/eds-icon-draft.entry.esm.js +0 -21
  81. package/eds-icon-edit.entry.esm.js +0 -21
  82. package/eds-icon-external.entry.esm.js +0 -21
  83. package/eds-icon-loader.entry.esm.js +0 -21
  84. package/eds-icon-menu.entry.esm.js +0 -21
  85. package/eds-icon-minus.entry.esm.js +0 -21
  86. package/eds-icon-more.entry.esm.js +0 -21
  87. package/eds-icon-paper.entry.esm.js +0 -21
  88. package/eds-icon-plus.entry.esm.js +0 -21
  89. package/eds-icon-portal.entry.esm.js +0 -21
  90. package/eds-icon-private.entry.esm.js +0 -21
  91. package/eds-icon-public.entry.esm.js +0 -21
  92. package/eds-icon-search.entry.esm.js +0 -21
  93. package/eds-icon-star.entry.esm.js +0 -21
  94. package/eds-icon-start.entry.esm.js +0 -21
  95. package/eds-icon-success.entry.esm.js +0 -21
  96. package/eds-icon-thumbs-down.entry.esm.js +0 -21
  97. package/eds-icon-thumbs-up.entry.esm.js +0 -21
  98. package/eds-icon-tutorial.entry.esm.js +0 -21
  99. package/eds-icon-unknown.entry.esm.js +0 -21
  100. package/eds-icon-updown.entry.esm.js +0 -21
  101. package/eds-icon-user.entry.esm.js +0 -21
  102. package/eds-icon-view.entry.esm.js +0 -21
  103. package/eds-progress-bar.entry.esm.js +0 -52
  104. package/eds-social-networks.entry.esm.js +0 -73
  105. package/eds-trl.entry.esm.js +0 -68
  106. package/eu-9ddde93a.esm.js +0 -30
  107. package/index-39c58238.esm.js +0 -58
  108. package/loader-c9628637.esm.js +0 -30
  109. package/logo-color-7f1fd803.esm.js +0 -115
  110. package/logo-color-margins-ff8ce71b.esm.js +0 -118
  111. package/logo-white-no-bg-f382f86f.esm.js +0 -1021
  112. package/menu-340ea948.esm.js +0 -11
  113. package/minus-b30a7c71.esm.js +0 -11
  114. package/more-4449d549.esm.js +0 -13
  115. package/paper-8e74ea31.esm.js +0 -15
  116. package/plus-89c07be2.esm.js +0 -12
  117. package/portal-d6c8ce56.esm.js +0 -18
  118. package/private-1c25ff8e.esm.js +0 -25
  119. package/public-d4d8c585.esm.js +0 -16
  120. package/search-fbcd79c2.esm.js +0 -12
  121. package/star-0da9b5e9.esm.js +0 -5
  122. package/start-65126a4f.esm.js +0 -3
  123. package/success-443809da.esm.js +0 -18
  124. package/thumbs-down-a18fd049.esm.js +0 -5
  125. package/thumbs-up-c19a71bc.esm.js +0 -6
  126. package/tutotial-150ee1fd.esm.js +0 -27
  127. package/unknown-ed01a24c.esm.js +0 -22
  128. package/up-and-down-8b69ca97.esm.js +0 -12
  129. package/user-71ebdc15.esm.js +0 -16
  130. package/view-e900f2d4.esm.js +0 -3
@@ -1,145 +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("svg", {
89
- key: 'ccec5c50780a74912f51a46e79c5064e099cf678',
90
- class: "h-auto w-full fill-current",
91
- width: "63",
92
- height: "50",
93
- viewBox: "0 0 640 480",
94
- fill: "none",
95
- xmlns: "http://www.w3.org/2000/svg"
96
- }, h("path", {
97
- key: '8aa7bbb7cd4e3386c11c194af1ee63a19fa9de34',
98
- d: "M0 0h640v480H0V0z",
99
- fill: "#039"
100
- }), h("path", {
101
- key: 'c5fcce97d10391a07c081558b970175d80da1106',
102
- d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z",
103
- fill: "#FC0"
104
- })))), h("div", {
105
- key: '11168a0466d48398c6e9318317141966b5a2f996'
106
- }, h("div", {
107
- key: '3728a394fd33133169f17e26ba5135e4c7e28f0a',
108
- class: "f-ui-02 text-light"
109
- }, h("p", {
110
- key: '2329c76b69487d4c4f8fff0b0daa0ab8ce0ea15c'
111
- }, this.fundedBy), h("div", {
112
- key: 'c9423d9261da2d3f0ff3b5f00fc8e24522733f32',
113
- class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
114
- }, h("span", {
115
- key: '3257b0c6f7952e4d70e35fa93ba8e4bae23369b7',
116
- class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
117
- }, "\u00A9 ", rights), this.enableCookiesSettings ? h("eds-link", {
118
- label: this.cookiesPreferences,
119
- intent: "underline",
120
- size: "small",
121
- onClick: () => {
122
- this.toggleCookiesConsent();
123
- }
124
- }) : null))), h("div", {
125
- key: '9ef1a84e41dea0dda90a699a9ff8a844e3b6294d',
126
- class: "ml-auto pl-12"
127
- }, this.enableScrollTop ? h("div", {
128
- id: "toTop",
129
- class: "transition-all transition duration-75 opacity-0"
130
- }, h("eds-button", {
131
- id: "backToTop",
132
- "aria-label": this.backToTopAriaLabel,
133
- intent: "ghostInverse",
134
- icon: "chevron-up",
135
- onClick: this.backToTop,
136
- tabindex: "-1"
137
- })) : null))));
138
- }
139
- get el() {
140
- return getElement(this);
141
- }
142
- };
143
- EdsFooter.style = EdsFooterStyle0;
144
-
145
- 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: '6acdb63c6b56cebeba425280366ab945cb425490',
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: 'a276fcdfda8a935cdd871d0a16a078b1948621c6',
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: '9aa3fb586bd4cd702b237a7104ed4c8232097999',
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: '7ff03ad0ebef09a7e5beb63da0a75b6a8776ca8a',
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: 'ae0a935c50ae34d6fd9a2f65eff2625617d0fe78',
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: '4fc3150f6c0e74f03ad2bd45b239b3fe20b799d7',
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: '04ffe47e146e18b9c4cabe8694e0f99e789b4e51',
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: 'f226a311428de578497d0bfb67d371a6974c220e',
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: 'ab89369ec66f8bde06e65217ef324200dd0a7579',
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: '046e7605384d1c2cb30132abdde5932024e85960',
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: '932738088482900ec6d4b9187ace4fb428e2c0a4',
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: 'dd478172d512fa80b8cab24e0c487c4c4710af50',
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: 'f0331f4e0d7f4f5871d33dd355c8a88c286821d5',
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: 'cb85e8d511a4dc5b8628df7663bc2b4854e8ee37',
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: 'ccffc1fc9a447e4309eb67782e36bfca5d4bdb4f',
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: '3fcc15aef9c204836bbf4dbbfa52215913549b20',
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: 'd832774f24d7e335026e35b3b9198f000389a084',
15
- class: this.class,
16
- innerHTML: menu
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconMenu as eds_icon_menu };