@ebrains/react 2.2.0 → 2.3.1
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_34.entry.esm.js → eds-accordion_36.entry.esm.js} +71 -43
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-card-desc_2.entry.esm.js +4 -4
- package/eds-card-generic.entry.esm.js +12 -9
- package/eds-card-project.entry.esm.js +10 -10
- package/eds-card-section.entry.esm.js +2 -2
- package/eds-card-tags.entry.esm.js +1 -1
- package/eds-card-tool.entry.esm.js +4 -4
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-feedback.entry.esm.js +5 -5
- package/eds-footer.entry.esm.js +15 -13
- package/eds-frame.entry.esm.js +4 -4
- package/eds-fullscreen-menu.entry.esm.js +12 -0
- package/eds-gauge.entry.esm.js +4 -4
- package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
- package/eds-icon-arrow-right.entry.esm.js +1 -1
- package/eds-icon-bin.entry.esm.js +1 -1
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-bookmark.entry.esm.js +1 -1
- package/eds-icon-chevron-down.entry.esm.js +1 -1
- package/eds-icon-chevron-left.entry.esm.js +1 -1
- package/eds-icon-chevron-right.entry.esm.js +1 -1
- package/eds-icon-chevron-up.entry.esm.js +1 -1
- package/eds-icon-clone.entry.esm.js +1 -1
- package/eds-icon-close.entry.esm.js +1 -1
- package/eds-icon-copy.entry.esm.js +1 -1
- package/eds-icon-download.entry.esm.js +1 -1
- package/eds-icon-draft.entry.esm.js +1 -1
- package/eds-icon-edit.entry.esm.js +1 -1
- package/eds-icon-eu.entry.esm.js +1 -1
- package/eds-icon-external.entry.esm.js +1 -1
- 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-loader.entry.esm.js +1 -1
- package/eds-icon-mastodon.entry.esm.js +1 -1
- package/eds-icon-menu.entry.esm.js +1 -1
- package/eds-icon-minus.entry.esm.js +1 -1
- package/eds-icon-more.entry.esm.js +1 -1
- package/eds-icon-paper.entry.esm.js +1 -1
- package/eds-icon-plus.entry.esm.js +1 -1
- package/eds-icon-portal.entry.esm.js +1 -1
- package/eds-icon-private.entry.esm.js +1 -1
- package/eds-icon-public.entry.esm.js +1 -1
- package/eds-icon-search.entry.esm.js +1 -1
- package/eds-icon-star.entry.esm.js +1 -1
- package/eds-icon-start.entry.esm.js +1 -1
- package/eds-icon-success.entry.esm.js +1 -1
- package/eds-icon-thumbs-down.entry.esm.js +1 -1
- package/eds-icon-thumbs-up.entry.esm.js +1 -1
- package/eds-icon-tutorial.entry.esm.js +1 -1
- package/eds-icon-twitter.entry.esm.js +1 -1
- package/eds-icon-unknown.entry.esm.js +1 -1
- package/eds-icon-updown.entry.esm.js +1 -1
- package/eds-icon-user.entry.esm.js +1 -1
- package/eds-icon-view.entry.esm.js +1 -1
- package/eds-icon-youtube.entry.esm.js +1 -1
- package/eds-modal.entry.esm.js +10 -10
- package/eds-progress-bar.entry.esm.js +4 -4
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-social-networks.entry.esm.js +3 -3
- package/eds-timeline.entry.esm.js +4 -4
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eds-trl.entry.esm.js +2 -2
- package/incorrect-use-of-colors.entry.esm.js +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +7 -8
- package/logo-space.entry.esm.js +9 -9
- package/logo-variations-horizontal_2.entry.esm.js +28 -28
- package/logo-variations-tabs.entry.esm.js +1 -1
- package/logo-wrong-usage.entry.esm.js +25 -25
- package/package.json +1 -1
- package/src/components.d.ts +1 -0
- package/src/generated/components.d.ts +0 -1
- package/svg-repository.entry.esm.js +2 -2
- package/token-list_3.entry.esm.js +5 -5
- package/token-ratios.entry.esm.js +3 -3
- package/token-spacing.entry.esm.js +26 -26
- package/token-typography.entry.esm.js +2 -2
- package/eds-spinner.entry.esm.js +0 -104
|
@@ -34,18 +34,18 @@ const EdsAppRoot = class {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
return h("div", {
|
|
37
|
-
key: '
|
|
37
|
+
key: '814465ac49c8f5688bc8b1006723a531c925c030'
|
|
38
38
|
}, h("eds-splash-screen", {
|
|
39
|
-
key: '
|
|
39
|
+
key: '578982c4b01714129ebf0e7c415bdacea10061f8',
|
|
40
40
|
inverse: true,
|
|
41
41
|
initPromise: this.combinedInitPromise
|
|
42
42
|
}), h("eds-login", {
|
|
43
|
-
key: '
|
|
43
|
+
key: 'abc4ef7fed629bc2eda0e2f14f5165b83851794d',
|
|
44
44
|
"keycloak-url": "http://localhost:8080",
|
|
45
45
|
"keycloak-realm": "nigeor-realm",
|
|
46
46
|
"keycloak-client-id": "stencil-app"
|
|
47
47
|
}), h("main", {
|
|
48
|
-
key: '
|
|
48
|
+
key: '1fb96900889c942ec0beb120e1ed869a9d78c6fa'
|
|
49
49
|
}, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in.")));
|
|
50
50
|
}
|
|
51
51
|
};
|
|
@@ -17,10 +17,10 @@ const EdsCardDesc = class {
|
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
return h("p", {
|
|
20
|
-
key: '
|
|
20
|
+
key: '1e2ae9b46a477adb8a249a0a06c963d3e44ff297',
|
|
21
21
|
class: "text-light f-ui-03-light"
|
|
22
22
|
}, h("span", {
|
|
23
|
-
key: '
|
|
23
|
+
key: '072222b2b2249a772c1e26f566d7ac863dd6a1dd',
|
|
24
24
|
class: this.getTruncateClass()
|
|
25
25
|
}, this.description));
|
|
26
26
|
}
|
|
@@ -69,10 +69,10 @@ const EdsCardTitle = class {
|
|
|
69
69
|
//const Tag = this.getTag();
|
|
70
70
|
const Heading = this.headingLevel;
|
|
71
71
|
return h(Heading, {
|
|
72
|
-
key: '
|
|
72
|
+
key: '1fd3f080c09f94d7b7175d51b9d8e38bb0b76286',
|
|
73
73
|
class: this.getTitleClass()
|
|
74
74
|
}, h("a", {
|
|
75
|
-
key: '
|
|
75
|
+
key: 'dd06cbecbc9eaef8052f34eae28ae17c5f92c918',
|
|
76
76
|
class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",
|
|
77
77
|
href: this.url,
|
|
78
78
|
target: this.externalLink ? '_blank' : undefined,
|
|
@@ -5,7 +5,7 @@ import 'react';
|
|
|
5
5
|
import 'react/jsx-runtime';
|
|
6
6
|
import 'react-dom';
|
|
7
7
|
|
|
8
|
-
const edsCardGenericCss = ".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-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
|
|
8
|
+
const edsCardGenericCss = ".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}.flex-wrap{flex-wrap:wrap}.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-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-8{margin-bottom:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
|
|
9
9
|
const EdsCardGenericStyle0 = edsCardGenericCss;
|
|
10
10
|
const EdsCardGeneric = class {
|
|
11
11
|
constructor(hostRef) {
|
|
@@ -74,34 +74,37 @@ const EdsCardGeneric = class {
|
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
76
|
return h("article", {
|
|
77
|
-
key: '
|
|
77
|
+
key: '76e77261a0c6e0c506fe7600d31a492808293d27',
|
|
78
78
|
class: this.articleClasses(),
|
|
79
79
|
onClick: () => this.handleClick()
|
|
80
80
|
}, h("eds-card-title", {
|
|
81
|
-
key: '
|
|
81
|
+
key: 'ca26508b05a31310df7fc0c3fa5769f7947e80fc',
|
|
82
82
|
"heading-level": this.headingLevel,
|
|
83
83
|
titleClass: this.image ? 'f-ui-01' : undefined,
|
|
84
84
|
"card-title": this.cardTitle,
|
|
85
85
|
url: this.url,
|
|
86
86
|
hierarchy: this.hierarchy
|
|
87
|
-
}),
|
|
88
|
-
key: '
|
|
89
|
-
class: "mt-8"
|
|
87
|
+
}), h("div", {
|
|
88
|
+
key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b',
|
|
89
|
+
class: "mt-8 mb-8"
|
|
90
|
+
}, this.description && h("eds-card-desc", {
|
|
91
|
+
key: '7f8b687ac2c2f334549b5d9d438aab5c62a6fcc0',
|
|
90
92
|
"truncate-lines": "3",
|
|
91
93
|
description: this.description
|
|
92
|
-
}), this.parsedImage ? h("eds-img", Object.assign({
|
|
94
|
+
})), this.parsedImage ? h("eds-img", Object.assign({
|
|
93
95
|
class: "mt-8 block mx-auto"
|
|
94
96
|
}, this.parsedImage)) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
|
|
95
97
|
class: "order-first mb-12",
|
|
96
98
|
picture: this.avatar,
|
|
97
99
|
initials: this.shortAbbreviation
|
|
98
100
|
}) : null, h("div", {
|
|
99
|
-
key: '
|
|
101
|
+
key: '63cc046648dbf7d56909b2478d6c15b14e8d9ae4',
|
|
100
102
|
class: "flex flex-wrap gap-y-4 gap-x-1"
|
|
101
103
|
}, this.parsedTags.map((tag, index) => h("eds-tag", {
|
|
102
104
|
key: index,
|
|
103
105
|
intent: tag.style,
|
|
104
|
-
label: tag.label
|
|
106
|
+
label: tag.label,
|
|
107
|
+
size: tag.size
|
|
105
108
|
}))), ' ');
|
|
106
109
|
}
|
|
107
110
|
get el() {
|
|
@@ -166,38 +166,38 @@ const EdsCardProject = class {
|
|
|
166
166
|
}) : '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(' ');
|
|
167
167
|
const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
|
|
168
168
|
return h("article", {
|
|
169
|
-
key: '
|
|
169
|
+
key: '65af57bfbe558b895f74dd4d088c243a25c7265d',
|
|
170
170
|
class: cardClasses,
|
|
171
171
|
onClick: event => this.handleClick(event)
|
|
172
172
|
}, h("div", {
|
|
173
|
-
key: '
|
|
173
|
+
key: 'cf0e9f71cd617a44facf7e35cdf78774e41b3eb1',
|
|
174
174
|
class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
|
|
175
175
|
}, h("div", {
|
|
176
|
-
key: '
|
|
176
|
+
key: '82870bbaf7203ac92f25ca241186ba7a32b784d5',
|
|
177
177
|
class: "lg:max-w-[720px]"
|
|
178
178
|
}, h("eds-card-title", {
|
|
179
|
-
key: '
|
|
179
|
+
key: '0f0356d2e4a7af3a5d50c66382ff5d3f70298e8c',
|
|
180
180
|
"heading-level": this.headingLevel,
|
|
181
181
|
titleClass: this.image ? 'f-ui-01' : undefined,
|
|
182
182
|
"card-title": this.titleProject,
|
|
183
183
|
url: this.url
|
|
184
184
|
}), this.editorialTitle && h("span", {
|
|
185
|
-
key: '
|
|
185
|
+
key: '3586446f9ad1bb190c93cd54d7e53d6e835b8e37',
|
|
186
186
|
class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
|
|
187
187
|
}, this.editorialTitle)), this.categoryTitle && h("div", {
|
|
188
|
-
key: '
|
|
188
|
+
key: '750c707f04d12ddd1d38aa0377b47f8804070535',
|
|
189
189
|
class: "mt-auto flex items-center gap-x-12 pt-12"
|
|
190
190
|
}, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", {
|
|
191
|
-
key: '
|
|
191
|
+
key: '01fbeebd88ee60feede3b21db177b3691ffc2808',
|
|
192
192
|
label: this.categoryTitle
|
|
193
193
|
}))), this.parsedImage && h("div", {
|
|
194
|
-
key: '
|
|
194
|
+
key: 'c61baca9d015c9bfb7ec6ce3ec4ea2e41d8ac513',
|
|
195
195
|
class: imageClasses
|
|
196
196
|
}, h("div", {
|
|
197
|
-
key: '
|
|
197
|
+
key: '04d4828b6648470543ddde09d935aaa7c6133d7e',
|
|
198
198
|
class: "aspect-1x1 w-full"
|
|
199
199
|
}, h("eds-img", Object.assign({
|
|
200
|
-
key: '
|
|
200
|
+
key: 'cde6eb483641c02abb6c229470f07aa5b08fbf9b',
|
|
201
201
|
sizes: this.vertical ? this.parsedImage.sizes || '' : '192px'
|
|
202
202
|
}, this.parsedImage)))));
|
|
203
203
|
}
|
|
@@ -30,10 +30,10 @@ const EdsCardSection = class {
|
|
|
30
30
|
*/
|
|
31
31
|
render() {
|
|
32
32
|
return h("section", {
|
|
33
|
-
key: '
|
|
33
|
+
key: '4b30b9eb2585350196efa901f5b36d903e43af4d',
|
|
34
34
|
class: "w-full"
|
|
35
35
|
}, h("ul", {
|
|
36
|
-
key: '
|
|
36
|
+
key: 'ab51c67c0f4095e70be1b1c2fdf9975726b50760',
|
|
37
37
|
class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
38
38
|
}, this.parsedCards.map(card => h("li", {
|
|
39
39
|
class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col`
|
|
@@ -13,7 +13,7 @@ const EdsCardTags = class {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
return h("div", {
|
|
16
|
-
key: '
|
|
16
|
+
key: 'dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861',
|
|
17
17
|
class: "flex flex-wrap gap-y-4"
|
|
18
18
|
}, this.tags.map((tag, index) => h("eds-tag", {
|
|
19
19
|
key: index,
|
|
@@ -62,11 +62,11 @@ const EdsCardTool = class {
|
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
64
|
return h("article", {
|
|
65
|
-
key: '
|
|
65
|
+
key: '00f417ee065537f8b30bc73e5ad9ca0d69b3aed3',
|
|
66
66
|
class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
|
|
67
67
|
onClick: () => this.handleClick()
|
|
68
68
|
}, h("eds-card-title", {
|
|
69
|
-
key: '
|
|
69
|
+
key: '9d8156f655c9344c872631b75cfcaf52fdf23347',
|
|
70
70
|
"heading-level": this.headingLevel,
|
|
71
71
|
titleClass: this.image ? 'f-ui-01' : undefined,
|
|
72
72
|
"card-title": this.cardTitle,
|
|
@@ -74,7 +74,7 @@ const EdsCardTool = class {
|
|
|
74
74
|
"external-link": this.external,
|
|
75
75
|
hierarchy: this.hierarchy
|
|
76
76
|
}), this.description && h("eds-card-desc", {
|
|
77
|
-
key: '
|
|
77
|
+
key: 'da7aa3d0d9f7995a824fd7720342e6dd4d94224f',
|
|
78
78
|
class: "mt-8",
|
|
79
79
|
"truncate-lines": "3",
|
|
80
80
|
description: this.description
|
|
@@ -88,7 +88,7 @@ const EdsCardTool = class {
|
|
|
88
88
|
picture: this.avatar,
|
|
89
89
|
initials: this.shortAbbreviation
|
|
90
90
|
}) : null, h("div", {
|
|
91
|
-
key: '
|
|
91
|
+
key: '3e3001ec404a0bbca84deafc89de6aab8bf2fe45',
|
|
92
92
|
class: "flex flex-wrap gap-y-4"
|
|
93
93
|
}, this.parsedTags.map((tag, index) => h("eds-tag", {
|
|
94
94
|
key: index,
|
|
@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
return h("div", {
|
|
32
|
-
key: '
|
|
32
|
+
key: '778879d8a4552e7dd55ac77b60d90e0bae97522c'
|
|
33
33
|
}, h("eds-link", {
|
|
34
|
-
key: '
|
|
34
|
+
key: '832d45be8a294f90fc81b45c6604aec61c8f8174',
|
|
35
35
|
size: "small",
|
|
36
36
|
intent: this.intent,
|
|
37
37
|
label: this.buttonText,
|
|
@@ -61,20 +61,20 @@ const EdsFeedback = class {
|
|
|
61
61
|
const levelNum = this.headingLevel.replace('h', '');
|
|
62
62
|
const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
|
|
63
63
|
return h("div", {
|
|
64
|
-
key: '
|
|
64
|
+
key: 'ddf3974682322578e0fe0b0405ac4ebf2e0f25c1',
|
|
65
65
|
class: "grid inline"
|
|
66
66
|
}, h(HeadingTag, {
|
|
67
|
-
key: '
|
|
67
|
+
key: '64ef135208df2903c342a8feaafa49d27eb22250',
|
|
68
68
|
class: headingClass
|
|
69
69
|
}, this.label), h("p", {
|
|
70
|
-
key: '
|
|
70
|
+
key: '95d46d464035e393d80ae259f4232bebf47453ce',
|
|
71
71
|
class: "f-body-01 text-light"
|
|
72
72
|
}, this.description), h("eds-rating", {
|
|
73
|
-
key: '
|
|
73
|
+
key: 'd390733041689a17937f31dbf07050571997ced2',
|
|
74
74
|
"rating-type": this.type,
|
|
75
75
|
"rating-count": this.count
|
|
76
76
|
}), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
|
|
77
|
-
key: '
|
|
77
|
+
key: '61cedb8ba0a5269ac0112dc9a6d91b92e1f0b200',
|
|
78
78
|
class: "f-ui-04 text-lighter"
|
|
79
79
|
}, this.parsedMappings[this.selectedRating - 1]));
|
|
80
80
|
}
|
package/eds-footer.entry.esm.js
CHANGED
|
@@ -55,8 +55,10 @@ const EdsFooter = class {
|
|
|
55
55
|
* legal links such as "Cookies Preferences" and copyright information.
|
|
56
56
|
*/
|
|
57
57
|
render() {
|
|
58
|
+
const year = new Date().getFullYear();
|
|
59
|
+
const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
|
|
58
60
|
return h("footer", {
|
|
59
|
-
key: '
|
|
61
|
+
key: 'b1c8481183fb67cb8b0a97c4ecb56cbd68b8d5f2'
|
|
60
62
|
}, this.social ? h("div", {
|
|
61
63
|
class: "border-softest border-t-2 pt-20 md:pt-28"
|
|
62
64
|
}, h("div", {
|
|
@@ -68,41 +70,41 @@ const EdsFooter = class {
|
|
|
68
70
|
}, h("eds-social-networks", {
|
|
69
71
|
class: "mt-28"
|
|
70
72
|
}))))) : null, h("div", {
|
|
71
|
-
key: '
|
|
73
|
+
key: 'bfe4a641c968c7c8db656eb15ae4b20994f289f9',
|
|
72
74
|
class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
|
|
73
75
|
}, h("div", {
|
|
74
|
-
key: '
|
|
76
|
+
key: '5a65394e8899cf62ac1bed4ac363bee86f9f17ad',
|
|
75
77
|
class: "container flex items-center gap-20 lg:flex-nowrap"
|
|
76
78
|
}, h("div", {
|
|
77
|
-
key: '
|
|
79
|
+
key: '00163d1e6c4f1021997b910935859a8bb97c18ba',
|
|
78
80
|
class: "flex items-center gap-x-12"
|
|
79
81
|
}, h("a", {
|
|
80
|
-
key: '
|
|
82
|
+
key: '12cc17423f3988f3f98b9ba9d5ce4a18a486021b',
|
|
81
83
|
target: "_blank",
|
|
82
84
|
rel: "noopener noreferrer",
|
|
83
85
|
class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
|
|
84
86
|
href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
|
|
85
87
|
"aria-label": "Learn about Horizon Europe funding"
|
|
86
88
|
}, h("eds-img", {
|
|
87
|
-
key: '
|
|
89
|
+
key: '2448154fd301959d09ae0d4a2bc575ebddef0646',
|
|
88
90
|
width: 54,
|
|
89
91
|
height: 41,
|
|
90
92
|
src: "https://www.ebrains.eu/flags/4x3/eu.svg",
|
|
91
93
|
alt: "European Union Flag"
|
|
92
94
|
}))), h("div", {
|
|
93
|
-
key: '
|
|
95
|
+
key: '640d25df8ad2a7d5271c22b979a6198f6f7aa2aa'
|
|
94
96
|
}, h("div", {
|
|
95
|
-
key: '
|
|
97
|
+
key: '6a4256e03d37e93b41bbc5f22db44fcf56f35548',
|
|
96
98
|
class: "f-ui-04 text-light"
|
|
97
99
|
}, h("p", {
|
|
98
|
-
key: '
|
|
100
|
+
key: 'd2227c0d2f297a995006aa810d889e679f1ef1e2'
|
|
99
101
|
}, this.fundedBy), h("div", {
|
|
100
|
-
key: '
|
|
102
|
+
key: 'd3a56fc0695308fe5547109fb735e64bc4297b5e',
|
|
101
103
|
class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
|
|
102
104
|
}, h("span", {
|
|
103
|
-
key: '
|
|
105
|
+
key: '5f0a5db7ea735b373fc6106b6fc8f4bc25ba6f27',
|
|
104
106
|
class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
|
|
105
|
-
}, "\u00A9 ",
|
|
107
|
+
}, "\u00A9 ", rights), this.enableCookiesSettings ? h("eds-link", {
|
|
106
108
|
label: this.cookiesPreferences,
|
|
107
109
|
intent: "underline",
|
|
108
110
|
"extra-class": "f-ui-04",
|
|
@@ -110,7 +112,7 @@ const EdsFooter = class {
|
|
|
110
112
|
this.toggleCookiesConsent();
|
|
111
113
|
}
|
|
112
114
|
}) : null))), h("div", {
|
|
113
|
-
key: '
|
|
115
|
+
key: 'e853a0ee1b2d3e4627ccc4b80aba566a9c7a2350',
|
|
114
116
|
class: "ml-auto pl-12"
|
|
115
117
|
}, this.enableScrollTop ? h("div", {
|
|
116
118
|
id: "toTop",
|
package/eds-frame.entry.esm.js
CHANGED
|
@@ -73,13 +73,13 @@ const EdsFrame = class {
|
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
75
|
return h("div", {
|
|
76
|
-
key: '
|
|
76
|
+
key: '919f5de224a556016a2ccf7bdfc20a4885afa3f5',
|
|
77
77
|
class: this.articleClasses()
|
|
78
78
|
}, h("div", {
|
|
79
|
-
key: '
|
|
79
|
+
key: '13f6c97cd99ddc7a15bed69efed236f44266d9ab',
|
|
80
80
|
class: "effect-height flex items-center justify-between py-8 px-12"
|
|
81
81
|
}, h("span", {
|
|
82
|
-
key: '
|
|
82
|
+
key: 'a1b912042dbf197dd7044016582412980c9a177b',
|
|
83
83
|
class: "f-ui-02"
|
|
84
84
|
}, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
|
|
85
85
|
label: this.urlLabel,
|
|
@@ -90,7 +90,7 @@ const EdsFrame = class {
|
|
|
90
90
|
disabled: false,
|
|
91
91
|
icon: "arrow-diagonal"
|
|
92
92
|
}) : null), h("div", {
|
|
93
|
-
key: '
|
|
93
|
+
key: '186fa28cc18e183318f94ccfd2d557ee800f43b7',
|
|
94
94
|
class: "border-softer"
|
|
95
95
|
}, this.iframeError ? h("div", {
|
|
96
96
|
class: "container ml-8 mr-8 mt-16"
|
|
@@ -28,6 +28,9 @@ const EdsFullscreenMenu = class {
|
|
|
28
28
|
handleToggleMenu(event) {
|
|
29
29
|
this.isMenuOpen = !!event.detail;
|
|
30
30
|
}
|
|
31
|
+
onKeydown(e) {
|
|
32
|
+
if (e.key === 'Escape' && this.isMenuOpen) this.closeMenu();
|
|
33
|
+
}
|
|
31
34
|
/** Opens the menu */
|
|
32
35
|
openMenu() {
|
|
33
36
|
this.isMenuOpen = true;
|
|
@@ -37,6 +40,12 @@ const EdsFullscreenMenu = class {
|
|
|
37
40
|
this.isMenuOpen = false;
|
|
38
41
|
this.menuClose.emit();
|
|
39
42
|
}
|
|
43
|
+
async open() {
|
|
44
|
+
this.isMenuOpen = true;
|
|
45
|
+
}
|
|
46
|
+
async close() {
|
|
47
|
+
this.closeMenu();
|
|
48
|
+
}
|
|
40
49
|
// Lifecycle method to add the resize event listener when component loads
|
|
41
50
|
componentDidLoad() {
|
|
42
51
|
window.addEventListener('resize', this.handleResize.bind(this));
|
|
@@ -71,6 +80,9 @@ const EdsFullscreenMenu = class {
|
|
|
71
80
|
}
|
|
72
81
|
render() {
|
|
73
82
|
return this.isMenuOpen ? h("div", {
|
|
83
|
+
role: "dialog",
|
|
84
|
+
"aria-modal": "true",
|
|
85
|
+
"aria-label": "Main menu",
|
|
74
86
|
class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"
|
|
75
87
|
}, h("div", {
|
|
76
88
|
class: "flex min-h-full flex-col"
|
package/eds-gauge.entry.esm.js
CHANGED
|
@@ -51,7 +51,7 @@ const EdsGauge = class {
|
|
|
51
51
|
fontSize: `${fontSize}px`
|
|
52
52
|
};
|
|
53
53
|
return h("div", {
|
|
54
|
-
key: '
|
|
54
|
+
key: '8834b0fc3cb78c0e7926392d04229d67d8deab90',
|
|
55
55
|
role: "progressbar",
|
|
56
56
|
"aria-valuemin": this.valueMin,
|
|
57
57
|
"aria-valuemax": this.valueMax,
|
|
@@ -60,14 +60,14 @@ const EdsGauge = class {
|
|
|
60
60
|
class: "relative inline-block rounded-full overflow-hidden",
|
|
61
61
|
style: containerStyle
|
|
62
62
|
}, h("div", {
|
|
63
|
-
key: '
|
|
63
|
+
key: 'f9ad68bd6bf19bceb46df1cfe16cdbbc2375099c',
|
|
64
64
|
class: "absolute bg-inverse rounded-full",
|
|
65
65
|
style: maskStyle
|
|
66
66
|
}), h("div", {
|
|
67
|
-
key: '
|
|
67
|
+
key: '64a2ba3ba2f104fa018f81949cdabc0fc53eea42',
|
|
68
68
|
class: "absolute inset-0 flex items-center justify-center"
|
|
69
69
|
}, h("span", {
|
|
70
|
-
key: '
|
|
70
|
+
key: 'ae66f977802793f4e10210e75ddfa53839a9ff6e',
|
|
71
71
|
class: "f-body-01 text-default",
|
|
72
72
|
style: textStyle
|
|
73
73
|
}, clamped)));
|
package/eds-icon-eu.entry.esm.js
CHANGED