@ebrains/react 2.0.0 → 2.2.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 (95) hide show
  1. package/clone-dab56639.esm.js +3 -0
  2. package/color-primary-palette_6.entry.esm.js +106 -106
  3. package/components-section.entry.esm.js +3 -7
  4. package/correct-use-of-colors.entry.esm.js +33 -33
  5. package/docs-palettes.entry.esm.js +1 -1
  6. package/docs-tokens.entry.esm.js +1 -1
  7. package/download-47746956.esm.js +18 -0
  8. package/edit-3893a517.esm.js +3 -0
  9. package/eds-accordion_34.entry.esm.js +1126 -0
  10. package/eds-app-root.entry.esm.js +4 -4
  11. package/eds-card-desc_2.entry.esm.js +4 -4
  12. package/eds-card-project.entry.esm.js +10 -10
  13. package/eds-card-tags.entry.esm.js +1 -1
  14. package/eds-card-tool.entry.esm.js +4 -4
  15. package/eds-cookies-preference.entry.esm.js +2 -2
  16. package/eds-feedback.entry.esm.js +5 -5
  17. package/eds-footer.entry.esm.js +20 -16
  18. package/eds-frame.entry.esm.js +4 -4
  19. package/eds-fullscreen-menu.entry.esm.js +8 -3
  20. package/eds-gauge.entry.esm.js +4 -4
  21. package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
  22. package/eds-icon-arrow-right.entry.esm.js +1 -1
  23. package/eds-icon-bin.entry.esm.js +1 -1
  24. package/eds-icon-bluesky.entry.esm.js +1 -1
  25. package/eds-icon-bookmark.entry.esm.js +1 -1
  26. package/eds-icon-chevron-down.entry.esm.js +1 -1
  27. package/eds-icon-chevron-left.entry.esm.js +1 -1
  28. package/eds-icon-chevron-right.entry.esm.js +1 -1
  29. package/eds-icon-chevron-up.entry.esm.js +1 -1
  30. package/eds-icon-clone.entry.esm.js +21 -0
  31. package/eds-icon-close.entry.esm.js +1 -1
  32. package/eds-icon-copy.entry.esm.js +1 -1
  33. package/eds-icon-download.entry.esm.js +21 -0
  34. package/eds-icon-draft.entry.esm.js +1 -1
  35. package/eds-icon-edit.entry.esm.js +2 -2
  36. package/eds-icon-eu.entry.esm.js +1 -1
  37. package/eds-icon-external.entry.esm.js +1 -1
  38. package/eds-icon-facebook.entry.esm.js +1 -1
  39. package/eds-icon-gitlab.entry.esm.js +1 -1
  40. package/eds-icon-linkedin.entry.esm.js +1 -1
  41. package/eds-icon-loader.entry.esm.js +1 -1
  42. package/eds-icon-mastodon.entry.esm.js +1 -1
  43. package/eds-icon-menu.entry.esm.js +1 -1
  44. package/eds-icon-minus.entry.esm.js +1 -1
  45. package/eds-icon-more.entry.esm.js +1 -1
  46. package/eds-icon-paper.entry.esm.js +1 -1
  47. package/eds-icon-plus.entry.esm.js +1 -1
  48. package/eds-icon-portal.entry.esm.js +1 -1
  49. package/eds-icon-private.entry.esm.js +1 -1
  50. package/eds-icon-public.entry.esm.js +1 -1
  51. package/eds-icon-search.entry.esm.js +1 -1
  52. package/eds-icon-star.entry.esm.js +1 -1
  53. package/eds-icon-start.entry.esm.js +1 -1
  54. package/eds-icon-success.entry.esm.js +1 -1
  55. package/eds-icon-thumbs-down.entry.esm.js +1 -1
  56. package/eds-icon-thumbs-up.entry.esm.js +1 -1
  57. package/eds-icon-tutorial.entry.esm.js +1 -1
  58. package/eds-icon-twitter.entry.esm.js +1 -1
  59. package/eds-icon-unknown.entry.esm.js +1 -1
  60. package/eds-icon-updown.entry.esm.js +1 -1
  61. package/eds-icon-user.entry.esm.js +1 -1
  62. package/eds-icon-view.entry.esm.js +21 -0
  63. package/eds-icon-youtube.entry.esm.js +1 -1
  64. package/eds-modal.entry.esm.js +8 -8
  65. package/eds-progress-bar.entry.esm.js +4 -4
  66. package/eds-section-core_2.entry.esm.js +5 -5
  67. package/eds-social-networks.entry.esm.js +7 -8
  68. package/eds-spinner.entry.esm.js +4 -4
  69. package/eds-timeline.entry.esm.js +4 -4
  70. package/eds-toast-manager.entry.esm.js +1 -1
  71. package/eds-trl.entry.esm.js +2 -2
  72. package/incorrect-use-of-colors.entry.esm.js +8 -8
  73. package/index.esm.js +1 -1
  74. package/index.esm2.js +17 -27
  75. package/logo-space.entry.esm.js +9 -9
  76. package/logo-variations-horizontal_2.entry.esm.js +28 -28
  77. package/logo-variations-tabs.entry.esm.js +1 -1
  78. package/logo-wrong-usage.entry.esm.js +25 -25
  79. package/package.json +1 -1
  80. package/src/components.d.ts +1 -0
  81. package/svg-repository.entry.esm.js +9 -20
  82. package/token-list_3.entry.esm.js +5 -5
  83. package/token-ratios.entry.esm.js +3 -3
  84. package/token-spacing.entry.esm.js +26 -26
  85. package/token-typography.entry.esm.js +2 -2
  86. package/view-e900f2d4.esm.js +3 -0
  87. package/edit-1dc8d11b.esm.js +0 -3
  88. package/eds-accordion.entry.esm.js +0 -133
  89. package/eds-alert.entry.esm.js +0 -112
  90. package/eds-avatar_26.entry.esm.js +0 -3409
  91. package/eds-breadcrumb.entry.esm.js +0 -179
  92. package/eds-code-block.entry.esm.js +0 -2290
  93. package/eds-matomo-notice.entry.esm.js +0 -159
  94. package/eds-switch.entry.esm.js +0 -70
  95. package/eds-tooltip.entry.esm.js +0 -47
@@ -34,18 +34,18 @@ const EdsAppRoot = class {
34
34
  }
35
35
  render() {
36
36
  return h("div", {
37
- key: '74be23fab63211137102b821a8928431d33714a3'
37
+ key: '01c80f8c47f13066a4b9e6978951c2a264efbd15'
38
38
  }, h("eds-splash-screen", {
39
- key: 'da5b931f1e3999fc36afa3d7dc66ef940a553d22',
39
+ key: 'bb17fc106515c71c7d70196a933301987c69ae4b',
40
40
  inverse: true,
41
41
  initPromise: this.combinedInitPromise
42
42
  }), h("eds-login", {
43
- key: 'eef7175edf257aabe1dd832f75e30d702ad5e96a',
43
+ key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92',
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: 'bcd9363278ab653852aa0f39b57070a056b8b9ab'
48
+ key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4'
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: '2421ea469339e3d56fc5c0ebbec213eeb1a2a9cf',
20
+ key: '302734334d08002f94c269977ebda7762fd19843',
21
21
  class: "text-light f-ui-03-light"
22
22
  }, h("span", {
23
- key: 'd024adda16a85bf2913803c06eb05af3b4af6bb9',
23
+ key: '925f6cea41068b62d22902f33d80d700d0975f39',
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: '494d8b7ea90ccb93cf0395374951e90c89a59d3a',
72
+ key: 'f3a72db6143e59ef04e589397126dcbf5b4d2d47',
73
73
  class: this.getTitleClass()
74
74
  }, h("a", {
75
- key: 'ab739472fd796767cd6e7ab4f4c09bcf24ec200a',
75
+ key: '4fe1c9af922959b26824f01a0e5b52137c3854f2',
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,
@@ -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: '021f5e4d88bb987811ea169880cd327e996e36e9',
169
+ key: 'b4587158532ddc495a1cda29941b69934b93c7d3',
170
170
  class: cardClasses,
171
171
  onClick: event => this.handleClick(event)
172
172
  }, h("div", {
173
- key: '5f1a3d00b03e6cc19023ee437a7bd2bf6b52d77a',
173
+ key: '96ab6c6b9f5e89db0ca29c678c0ff3d7643976de',
174
174
  class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
175
175
  }, h("div", {
176
- key: '6e42bcbdbe5ba666eae942a7c4e354627f019c6a',
176
+ key: '6b1e39c1b3445c2eff43f03efc0d14307e044428',
177
177
  class: "lg:max-w-[720px]"
178
178
  }, h("eds-card-title", {
179
- key: '12884d77432d8cc6021f9432538f1beacf3190f3',
179
+ key: 'a5a2c5916c35dec35d261da0bf10a3905ce0452e',
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: '4f604d61c3a1a2405bfaf6407a893015c68f6f35',
185
+ key: '65f034e9ae8f7abbc37fb8fc3b03a440467c33f5',
186
186
  class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
187
187
  }, this.editorialTitle)), this.categoryTitle && h("div", {
188
- key: '8d767d7ac9c069412b64869a03eae8ccf4b513ad',
188
+ key: '690f9157169e6344af51407fca8c25f7cf35ac74',
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: '2a488d291c1f3e10b8ed36aa61e04ecf5299b320',
191
+ key: '651b1f0424b45348c854b7ec98e4dae1e4952bbd',
192
192
  label: this.categoryTitle
193
193
  }))), this.parsedImage && h("div", {
194
- key: '9d4fa14e0e56d8db8c1747b477cd77e4b7281f8c',
194
+ key: 'b761288da975f05bb558b0e60767292c20e767e8',
195
195
  class: imageClasses
196
196
  }, h("div", {
197
- key: '627f549786c9a1674349b851704690fdb597391e',
197
+ key: 'bf027b4359774454d9f866f4bb17872a1c0ba724',
198
198
  class: "aspect-1x1 w-full"
199
199
  }, h("eds-img", Object.assign({
200
- key: 'a4eeb6a0d7f725d8c706e98c57f492e94c9c7b4b',
200
+ key: '19b4c37dcbe7c463afd3ece46d5c348c681771c8',
201
201
  sizes: this.vertical ? this.parsedImage.sizes || '' : '192px'
202
202
  }, this.parsedImage)))));
203
203
  }
@@ -13,7 +13,7 @@ const EdsCardTags = class {
13
13
  }
14
14
  render() {
15
15
  return h("div", {
16
- key: '5da9fcbc472476a7b438451e563586643a818bc0',
16
+ key: '2acec4bb37d05bb40910cdd198e2ffac9f16610d',
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: '465a4593a4d28c5bfcef7325be7674b6301bc275',
65
+ key: '2ae8e814b1509d167912424bb5093dba780f70e7',
66
66
  class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
67
67
  onClick: () => this.handleClick()
68
68
  }, h("eds-card-title", {
69
- key: '5d6c13f582bd89f03d95aa9027b83d8d4c4184ca',
69
+ key: '1d0e4312589a917bc96b2c2dd3455ad0edc54b25',
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: '4872956b7d97e222abd8e429c73a7e97fe1f7a06',
77
+ key: '70b074fa7755e20627c50383e1a04a684dd1bab6',
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: '10c20ab24e836c06ba2da070cbcf21cf11537e17',
91
+ key: 'eb5b236057ef9044701d9662cdc2fa359d5c8053',
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: 'b16a1d29fe09e09fdcfc24b06430e6f99a69a81a'
32
+ key: '030dd5db2221d5613fae0fb215cac7c20c815c2b'
33
33
  }, h("eds-link", {
34
- key: 'ee2192e1368a50fe3c80da277e97e614dd7e457f',
34
+ key: '61d1bdf5e4299e65d980a08d25bec93b089f5330',
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: '997deecc8a62be9bc1dda142c26df1aeb8b4ac41',
64
+ key: '58d69e0acbaca740439666bb9da015eaa81d160a',
65
65
  class: "grid inline"
66
66
  }, h(HeadingTag, {
67
- key: '3ae9bd1c1cb1e1d6f452f7f101ee8032db90328d',
67
+ key: 'f7b066a56636e6555ace1b4947e00c293961b4ca',
68
68
  class: headingClass
69
69
  }, this.label), h("p", {
70
- key: '1788790da082ec33d4c4d637be0c872ddf7303e3',
70
+ key: '9bfb1903e25ba6c1d53849874f3309845c1b86dc',
71
71
  class: "f-body-01 text-light"
72
72
  }, this.description), h("eds-rating", {
73
- key: '763f72d5376075c765c4309c607f3591467bb377',
73
+ key: '785ea01ac3d2f40bb148d52c9c18698c89424175',
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: '4c0e09faa967965e6cca47775d076e1e317b7948',
77
+ key: '16d5b1ab0ab56a5e320a878f8259dc643b533e16',
78
78
  class: "f-ui-04 text-lighter"
79
79
  }, this.parsedMappings[this.selectedRating - 1]));
80
80
  }
@@ -39,6 +39,12 @@ const EdsFooter = class {
39
39
  }
40
40
  const shouldShow = window.scrollY > 100 && document.body.scrollHeight > window.innerHeight;
41
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
+ }
42
48
  }
43
49
  toggleCookiesConsent() {
44
50
  this.cookies.emit('toggle');
@@ -47,12 +53,10 @@ const EdsFooter = class {
47
53
  * Renders the footer component with optional sections and elements,
48
54
  * including social network links, a Horizon Europe funding acknowledgment, and
49
55
  * legal links such as "Cookies Preferences" and copyright information.
50
- *
51
- * @returns {JSX.Element} The rendered JSX for the footer component.
52
56
  */
53
57
  render() {
54
58
  return h("footer", {
55
- key: '7b9fd367d8ab6581854f2b2fd3ffea0fee47d871'
59
+ key: '844c47f7e5119a577b03d1bf4bb598e891d7f8c7'
56
60
  }, this.social ? h("div", {
57
61
  class: "border-softest border-t-2 pt-20 md:pt-28"
58
62
  }, h("div", {
@@ -64,39 +68,39 @@ const EdsFooter = class {
64
68
  }, h("eds-social-networks", {
65
69
  class: "mt-28"
66
70
  }))))) : null, h("div", {
67
- key: 'd01c96c60e4fc43175d7e2e1c238284e6a9540a1',
71
+ key: '0a6f03f13cf5513758740ce6f3d3357cac413826',
68
72
  class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
69
73
  }, h("div", {
70
- key: '76e2468ca9fed5d1438d71a147d1861f537e77b4',
74
+ key: '1751d052c529e46de47bbe09ef24621b546b1514',
71
75
  class: "container flex items-center gap-20 lg:flex-nowrap"
72
76
  }, h("div", {
73
- key: 'd944e079008523980a5adadc7e7fbd308ad9c7b8',
77
+ key: '86b3c5fac384d1ae0f310d43f9a4492ce96866cf',
74
78
  class: "flex items-center gap-x-12"
75
79
  }, h("a", {
76
- key: '0841e38c0b4ad9adacd59f6a43ddf3931903af07',
80
+ key: '7fed16c8a7bb7c15ea59438427987303a5a0ae14',
77
81
  target: "_blank",
78
82
  rel: "noopener noreferrer",
79
83
  class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
80
84
  href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
81
85
  "aria-label": "Learn about Horizon Europe funding"
82
86
  }, h("eds-img", {
83
- key: '6cfe4051c471215e2919efde9436c7827f7cde5a',
87
+ key: '491b2691d011359df1dc24a2408347574a893ca8',
84
88
  width: 54,
85
89
  height: 41,
86
90
  src: "https://www.ebrains.eu/flags/4x3/eu.svg",
87
91
  alt: "European Union Flag"
88
92
  }))), h("div", {
89
- key: 'dbb3471bc25444418423c5f2148af22ef7beb77f'
93
+ key: '50e5d853ee86066c932dd5fa3f04706d21b0d3aa'
90
94
  }, h("div", {
91
- key: 'c70bd75c802b6c2b61b627db52566f639362f90d',
95
+ key: 'ba36e26f29e1aee7d7da4cd91235419b18ab813a',
92
96
  class: "f-ui-04 text-light"
93
97
  }, h("p", {
94
- key: 'dc0dfaf8d16b53b0dbac78e693adf9dc26620d7a'
98
+ key: '120302d9cdad309da91bcd9f82e81f707f5f5b48'
95
99
  }, this.fundedBy), h("div", {
96
- key: '121fe9d4d74392a02e13c6f54ba94ef8cb008e8e',
100
+ key: '222a27fb7f085750312654c11d03793f02e29676',
97
101
  class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
98
102
  }, h("span", {
99
- key: 'ab733d143a6113080e28e2af36034c0d41b4a297',
103
+ key: '56db11dc4295c21c5e9d54cbc5568c5889f2dbb9',
100
104
  class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
101
105
  }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? h("eds-link", {
102
106
  label: this.cookiesPreferences,
@@ -106,18 +110,18 @@ const EdsFooter = class {
106
110
  this.toggleCookiesConsent();
107
111
  }
108
112
  }) : null))), h("div", {
109
- key: 'ccdcbd5967e74cb305f18b961ad747b8e4da004f',
113
+ key: '221f15b6c92e91835dcc2efa3d2247b055690a22',
110
114
  class: "ml-auto pl-12"
111
115
  }, this.enableScrollTop ? h("div", {
112
116
  id: "toTop",
113
117
  class: "transition-all transition duration-75 opacity-0"
114
118
  }, h("eds-button", {
115
119
  id: "backToTop",
116
- "aria-hidden": "true",
117
120
  "aria-label": this.backToTopAriaLabel,
118
121
  intent: "ghostInverse",
119
122
  icon: "chevron-up",
120
- onClick: this.backToTop
123
+ onClick: this.backToTop,
124
+ tabindex: "-1"
121
125
  })) : null))));
122
126
  }
123
127
  get el() {
@@ -73,13 +73,13 @@ const EdsFrame = class {
73
73
  }
74
74
  render() {
75
75
  return h("div", {
76
- key: '7544fb993c0e18ca62fd0bb2bcc75088645163d9',
76
+ key: '665bc189cd905a55a9c6ac31eb2ec82853552f34',
77
77
  class: this.articleClasses()
78
78
  }, h("div", {
79
- key: '3c8c254255056515de9496bd35dd9f0f43cab505',
79
+ key: '6ad6183a94cd0cb26d3e5641c5e584e8afc652d7',
80
80
  class: "effect-height flex items-center justify-between py-8 px-12"
81
81
  }, h("span", {
82
- key: 'fc9bdb15d9d4ac15c8b3e572b4e755cdcfa436b0',
82
+ key: '85bd9a7a4475ca3664cadf17ef1e729643c758f6',
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: '65c233f9ec7c616cf23350a2b91b2095de0db0b2',
93
+ key: '4799d59442cabb05f3bfea26a02db22a429266e6',
94
94
  class: "border-softer"
95
95
  }, this.iframeError ? h("div", {
96
96
  class: "container ml-8 mr-8 mt-16"
@@ -17,11 +17,16 @@ const EdsFullscreenMenu = class {
17
17
  this.isMenuOpen = false;
18
18
  }
19
19
  /**
20
- * Listens for the toggleMenu event to open or close the menu.
21
- * This event is emitted by the eds-header component.
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
+ * ```
22
27
  */
23
28
  handleToggleMenu(event) {
24
- this.isMenuOpen = event.detail; // Set isMenuOpen based on the event payload
29
+ this.isMenuOpen = !!event.detail;
25
30
  }
26
31
  /** Opens the menu */
27
32
  openMenu() {
@@ -51,7 +51,7 @@ const EdsGauge = class {
51
51
  fontSize: `${fontSize}px`
52
52
  };
53
53
  return h("div", {
54
- key: '2918e034b24749fd1fcad84f4a8614043c6a9ea2',
54
+ key: '798a7345ee5c3eeb59b5fe29a39827ce347dc756',
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: 'a24d393bfcdbd45019f7a560c4af0330c720af0c',
63
+ key: 'f255f7036a5b11de88fbb32648388905932eb56e',
64
64
  class: "absolute bg-inverse rounded-full",
65
65
  style: maskStyle
66
66
  }), h("div", {
67
- key: '712fc9211b6e90afdf7063a4e6a6af74ec88dfdd',
67
+ key: '2a6dd1d88b32cb2c534f253703a8caa0099f2a43',
68
68
  class: "absolute inset-0 flex items-center justify-center"
69
69
  }, h("span", {
70
- key: '88d3ffc3fea9ff77247b4ecbb4af3a6ac39c1cb4',
70
+ key: 'ccbf1852d2f43b925f565c7117aca4a878e7f636',
71
71
  class: "f-body-01 text-default",
72
72
  style: textStyle
73
73
  }, clamped)));
@@ -11,7 +11,7 @@ const EdsIconArrowDiagonal = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'd178d36fd0888a40da0873bfd8abe862770e06e9',
14
+ key: 'ef60986a4391dffcbb2a66109f217f3cec95a5fc',
15
15
  class: this.class,
16
16
  innerHTML: arrowDiagonal
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconArrowRight = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '4a2b33b86753acab8270a45c7b250603b128bc88',
14
+ key: '02288b13fa941076a5cc73fd3821bd78e206b2b3',
15
15
  class: this.class,
16
16
  innerHTML: arrowRight
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconBin = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '03c42ca4aa5cb15952f58adb016924fdb5f006ef',
14
+ key: '5f314df297274d153638c96027c23632f47f6a3a',
15
15
  class: this.class,
16
16
  innerHTML: bin
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'c2ee643b5da517a53bd97ec6263161927ad229a7',
14
+ key: 'dd1f0043450c0970da5487a4c7c69859d3d97e2f',
15
15
  class: this.class,
16
16
  innerHTML: bluesky
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconBookmark = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '789b6624c429ae6bffdec4b264a94a2a97cd1962',
14
+ key: 'b7c85131bafc5d7d3fcf8fde09cf646b4dd3fdab',
15
15
  class: this.class,
16
16
  innerHTML: bookmark
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconChevronDown = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'fa8022d27b91e909d4cd5522c6d0406be698a412',
14
+ key: '5547e9d98f781dc03e88a014f726b3a402e6425d',
15
15
  class: this.class,
16
16
  innerHTML: chevronDown
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconChevronLeft = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'c723d7f1bbd596063ae7e66123b8038af5320a54',
14
+ key: '49925425ac1fd676eb96b973b1419f1f2aec1c81',
15
15
  class: this.class,
16
16
  innerHTML: chevronLeft
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconChevronRight = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'f770cd9151077e8708c76d2082613c65a20c420f',
14
+ key: 'e9abd378d28d9e2251e530f97a11973ea558fbe2',
15
15
  class: this.class,
16
16
  innerHTML: chevronRight
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconChevronUp = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6',
14
+ key: 'f81db967bf78d75a4a8e572cda6427046603f0a6',
15
15
  class: this.class,
16
16
  innerHTML: chevronUp
17
17
  });
@@ -0,0 +1,21 @@
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: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db',
15
+ class: this.class,
16
+ innerHTML: clone
17
+ });
18
+ }
19
+ };
20
+
21
+ export { EdsIconClone as eds_icon_clone };
@@ -11,7 +11,7 @@ const EdsIconClose = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '3343580d13358aa90c00dae55b6821c461ba5183',
14
+ key: '91f33941205260a787d69146e390fa970a1c0d72',
15
15
  class: this.class,
16
16
  innerHTML: close
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconCopy = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '9d15be28017eb074a69846a2a639861de997130b',
14
+ key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4',
15
15
  class: this.class,
16
16
  innerHTML: copy
17
17
  });
@@ -0,0 +1,21 @@
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: '1fc6b1410cf98a4a992c0d98d78ec27aeac65b7c',
15
+ class: this.class,
16
+ innerHTML: download
17
+ });
18
+ }
19
+ };
20
+
21
+ export { EdsIconDownload as eds_icon_download };
@@ -11,7 +11,7 @@ const EdsIconDraft = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'ebbda9e150151cc6e6d2677307287f2d2f1ab4db',
14
+ key: 'e76f56aaba4a67096e6314e61d53bc2512941552',
15
15
  class: this.class,
16
16
  innerHTML: draft
17
17
  });
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index.esm2.js';
2
- import { e as edit } from './edit-1dc8d11b.esm.js';
2
+ import { e as edit } from './edit-3893a517.esm.js';
3
3
  import 'react';
4
4
  import 'react/jsx-runtime';
5
5
  import 'react-dom';
@@ -11,7 +11,7 @@ const EdsIconEdit = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'c1ff641313e9c0d7160464d7497a2d27de5cbef4',
14
+ key: '54502ee7a072ad54a5c22367b89c1d00afcaaafe',
15
15
  class: this.class,
16
16
  innerHTML: edit
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconEu = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'f285a58f6160d72d82781e80c710ac262af20b89',
14
+ key: '89fde5fbed839d6fdedc0399bf1475abf22d205d',
15
15
  class: this.class,
16
16
  innerHTML: euSvg
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconExternal = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'd1cee641d0c95e84d9dc805b46aa8d83874b87ee',
14
+ key: '1abc7edbab033c99ffaede9ebe0f210849fe8d61',
15
15
  class: this.class,
16
16
  innerHTML: arrowDiagonal
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'b8c843449dec1ab159280e66e009311735ec8895',
14
+ key: '1981b2c066cfa5f0fb4326017df4bfbdfff09873',
15
15
  class: this.class,
16
16
  innerHTML: facebook
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '5366b40ab629556c1c68128a216aec5a0bdf6974',
14
+ key: 'b35f2e94d903549d867579f2e008c323a441019c',
15
15
  class: this.class,
16
16
  innerHTML: gitlabBlack
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'e9f71cb0a1a20d87a617df568bdc37d248a1cdc8',
14
+ key: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
15
15
  class: this.class,
16
16
  innerHTML: linkedin
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconLoader = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '85bcc5308536901f4892e1bba6238be45f7036bf',
14
+ key: 'b97da1b406718c7611d1e17d7a9c6b4670600740',
15
15
  class: this.class,
16
16
  innerHTML: loader
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'f5c6dcd896a1daa487ef1b05f3854157d9015b67',
14
+ key: '36bf44e06217f9b2521f374028a1316fb17ff21a',
15
15
  class: this.class,
16
16
  innerHTML: mastodon
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMenu = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'c510b51f8d67e1a94a56cd6482cc1af5d4b6b117',
14
+ key: '4322703c9e449819dc30946118893d365fa20124',
15
15
  class: this.class,
16
16
  innerHTML: menu
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMinus = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'b6b9e5dd993f9a6b475674cf7d952d68841a1f0c',
14
+ key: '9b9efb71d724cc1eb0e9bebd7256fe11b39e4da3',
15
15
  class: this.class,
16
16
  innerHTML: minus
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconMore = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'aac0251ad6695296eb383d05e4d3fdb953ac2b82',
14
+ key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb',
15
15
  class: this.class,
16
16
  innerHTML: more
17
17
  });