@ebrains/react 2.3.0 → 2.4.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 (84) hide show
  1. package/color-primary-palette_6.entry.esm.js +106 -106
  2. package/components-section.entry.esm.js +18 -11
  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_36.entry.esm.js → eds-accordion_37.entry.esm.js} +117 -64
  7. package/eds-app-root.entry.esm.js +4 -4
  8. package/eds-card-desc_2.entry.esm.js +4 -4
  9. package/eds-card-generic.entry.esm.js +2 -2
  10. package/eds-card-project.entry.esm.js +10 -10
  11. package/eds-card-section.entry.esm.js +2 -2
  12. package/eds-card-tags.entry.esm.js +1 -1
  13. package/eds-card-tool.entry.esm.js +4 -4
  14. package/eds-cookies-preference.entry.esm.js +2 -2
  15. package/eds-feedback.entry.esm.js +5 -5
  16. package/eds-footer.entry.esm.js +19 -17
  17. package/eds-frame.entry.esm.js +4 -4
  18. package/eds-fullscreen-menu.entry.esm.js +14 -0
  19. package/eds-gauge.entry.esm.js +4 -4
  20. package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
  21. package/eds-icon-arrow-right.entry.esm.js +1 -1
  22. package/eds-icon-bin.entry.esm.js +1 -1
  23. package/eds-icon-bluesky.entry.esm.js +1 -1
  24. package/eds-icon-bookmark.entry.esm.js +1 -1
  25. package/eds-icon-chevron-down.entry.esm.js +1 -1
  26. package/eds-icon-chevron-left.entry.esm.js +1 -1
  27. package/eds-icon-chevron-right.entry.esm.js +1 -1
  28. package/eds-icon-chevron-up.entry.esm.js +1 -1
  29. package/eds-icon-clone.entry.esm.js +1 -1
  30. package/eds-icon-close.entry.esm.js +1 -1
  31. package/eds-icon-copy.entry.esm.js +1 -1
  32. package/eds-icon-download.entry.esm.js +1 -1
  33. package/eds-icon-draft.entry.esm.js +1 -1
  34. package/eds-icon-edit.entry.esm.js +1 -1
  35. package/eds-icon-eu.entry.esm.js +1 -1
  36. package/eds-icon-external.entry.esm.js +1 -1
  37. package/eds-icon-facebook.entry.esm.js +1 -1
  38. package/eds-icon-gitlab.entry.esm.js +1 -1
  39. package/eds-icon-linkedin.entry.esm.js +1 -1
  40. package/eds-icon-loader.entry.esm.js +1 -1
  41. package/eds-icon-mastodon.entry.esm.js +1 -1
  42. package/eds-icon-menu.entry.esm.js +1 -1
  43. package/eds-icon-minus.entry.esm.js +1 -1
  44. package/eds-icon-more.entry.esm.js +1 -1
  45. package/eds-icon-paper.entry.esm.js +1 -1
  46. package/eds-icon-plus.entry.esm.js +1 -1
  47. package/eds-icon-portal.entry.esm.js +1 -1
  48. package/eds-icon-private.entry.esm.js +1 -1
  49. package/eds-icon-public.entry.esm.js +1 -1
  50. package/eds-icon-search.entry.esm.js +1 -1
  51. package/eds-icon-star.entry.esm.js +1 -1
  52. package/eds-icon-start.entry.esm.js +1 -1
  53. package/eds-icon-success.entry.esm.js +1 -1
  54. package/eds-icon-thumbs-down.entry.esm.js +1 -1
  55. package/eds-icon-thumbs-up.entry.esm.js +1 -1
  56. package/eds-icon-tutorial.entry.esm.js +1 -1
  57. package/eds-icon-twitter.entry.esm.js +1 -1
  58. package/eds-icon-unknown.entry.esm.js +1 -1
  59. package/eds-icon-updown.entry.esm.js +3 -3
  60. package/eds-icon-user.entry.esm.js +1 -1
  61. package/eds-icon-view.entry.esm.js +1 -1
  62. package/eds-icon-youtube.entry.esm.js +1 -1
  63. package/eds-modal.entry.esm.js +8 -8
  64. package/eds-progress-bar.entry.esm.js +4 -4
  65. package/eds-section-core_2.entry.esm.js +5 -5
  66. package/eds-social-networks.entry.esm.js +3 -3
  67. package/eds-timeline.entry.esm.js +4 -4
  68. package/eds-toast-manager.entry.esm.js +1 -1
  69. package/eds-trl.entry.esm.js +2 -2
  70. package/incorrect-use-of-colors.entry.esm.js +8 -8
  71. package/index.esm.js +1 -1
  72. package/index.esm2.js +5 -4
  73. package/logo-space.entry.esm.js +9 -9
  74. package/logo-variations-horizontal_2.entry.esm.js +28 -28
  75. package/logo-variations-tabs.entry.esm.js +1 -1
  76. package/logo-wrong-usage.entry.esm.js +25 -25
  77. package/package.json +1 -1
  78. package/src/components.d.ts +1 -0
  79. package/svg-repository.entry.esm.js +4 -4
  80. package/token-list_3.entry.esm.js +5 -5
  81. package/token-ratios.entry.esm.js +3 -3
  82. package/token-spacing.entry.esm.js +26 -26
  83. package/token-typography.entry.esm.js +2 -2
  84. package/{up-and-down-d747abee.esm.js → up-and-down-8b69ca97.esm.js} +2 -2
@@ -34,18 +34,18 @@ const EdsAppRoot = class {
34
34
  }
35
35
  render() {
36
36
  return h("div", {
37
- key: '814465ac49c8f5688bc8b1006723a531c925c030'
37
+ key: 'aa412cafecaceba211d0938d42779d33a20b418f'
38
38
  }, h("eds-splash-screen", {
39
- key: '578982c4b01714129ebf0e7c415bdacea10061f8',
39
+ key: '78de23a74a0263c09e400cb16d20e014a50913ba',
40
40
  inverse: true,
41
41
  initPromise: this.combinedInitPromise
42
42
  }), h("eds-login", {
43
- key: 'abc4ef7fed629bc2eda0e2f14f5165b83851794d',
43
+ key: '6a690104e273cbefa9ec4e66c5479c2db0666f39',
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: '1fb96900889c942ec0beb120e1ed869a9d78c6fa'
48
+ key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b'
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: '1e2ae9b46a477adb8a249a0a06c963d3e44ff297',
20
+ key: '3711e4f24ad19f1dedef3083b9b9c8868f3b4e3f',
21
21
  class: "text-light f-ui-03-light"
22
22
  }, h("span", {
23
- key: '072222b2b2249a772c1e26f566d7ac863dd6a1dd',
23
+ key: '46b53c5111bc05ffaaa6f8fcd4b1b6ddfae2d413',
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: '1fd3f080c09f94d7b7175d51b9d8e38bb0b76286',
72
+ key: '5d356d301cfee459ac142895a042e9b1ccd59367',
73
73
  class: this.getTitleClass()
74
74
  }, h("a", {
75
- key: 'dd06cbecbc9eaef8052f34eae28ae17c5f92c918',
75
+ key: '348fffdd2abccf3b08ecab9481718b4a2aa50807',
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,
@@ -88,7 +88,7 @@ const EdsCardGeneric = class {
88
88
  key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b',
89
89
  class: "mt-8 mb-8"
90
90
  }, this.description && h("eds-card-desc", {
91
- key: '7f8b687ac2c2f334549b5d9d438aab5c62a6fcc0',
91
+ key: '2d775f772092b7873dd1eabc7c3e8606dded0c47',
92
92
  "truncate-lines": "3",
93
93
  description: this.description
94
94
  })), this.parsedImage ? h("eds-img", Object.assign({
@@ -98,7 +98,7 @@ const EdsCardGeneric = class {
98
98
  picture: this.avatar,
99
99
  initials: this.shortAbbreviation
100
100
  }) : null, h("div", {
101
- key: '63cc046648dbf7d56909b2478d6c15b14e8d9ae4',
101
+ key: 'e51237f8196212715d1d97ae1e6bfc2625573cb3',
102
102
  class: "flex flex-wrap gap-y-4 gap-x-1"
103
103
  }, this.parsedTags.map((tag, index) => h("eds-tag", {
104
104
  key: index,
@@ -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: '65af57bfbe558b895f74dd4d088c243a25c7265d',
169
+ key: '5f72c2dc52a8ef7edb004c6cf9a2035097c5aa28',
170
170
  class: cardClasses,
171
171
  onClick: event => this.handleClick(event)
172
172
  }, h("div", {
173
- key: 'cf0e9f71cd617a44facf7e35cdf78774e41b3eb1',
173
+ key: '145809ee5e4800d852bb6d9b84a023160098f3c4',
174
174
  class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
175
175
  }, h("div", {
176
- key: '82870bbaf7203ac92f25ca241186ba7a32b784d5',
176
+ key: '3d77551f7518cf63f16daffc7d59a2dd23b66148',
177
177
  class: "lg:max-w-[720px]"
178
178
  }, h("eds-card-title", {
179
- key: '0f0356d2e4a7af3a5d50c66382ff5d3f70298e8c',
179
+ key: '715a73ee7a013d13ef5e9f3f180eedf043998d76',
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: '3586446f9ad1bb190c93cd54d7e53d6e835b8e37',
185
+ key: '418fc9fe39b480f4d1c9e99f2ef4361a6ad3827f',
186
186
  class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
187
187
  }, this.editorialTitle)), this.categoryTitle && h("div", {
188
- key: '750c707f04d12ddd1d38aa0377b47f8804070535',
188
+ key: '58764ae4d610e2d1205cf09b7274a14a8bfb5694',
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: '01fbeebd88ee60feede3b21db177b3691ffc2808',
191
+ key: 'c552bbc88aca3e3b114aef1fbd3e3bdf3e334624',
192
192
  label: this.categoryTitle
193
193
  }))), this.parsedImage && h("div", {
194
- key: 'c61baca9d015c9bfb7ec6ce3ec4ea2e41d8ac513',
194
+ key: '3e85ad957b7d782cc228a508ce8e76ccb7490a9c',
195
195
  class: imageClasses
196
196
  }, h("div", {
197
- key: '04d4828b6648470543ddde09d935aaa7c6133d7e',
197
+ key: '77e161fd2deb2c6ec3e30ad0ef34f934ba9197d1',
198
198
  class: "aspect-1x1 w-full"
199
199
  }, h("eds-img", Object.assign({
200
- key: 'cde6eb483641c02abb6c229470f07aa5b08fbf9b',
200
+ key: 'e9f0f4982bddba64ee979490024af471f4e9d8f8',
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: 'bae0833e4d29cb2874bfb1751d7663751fd64abe',
33
+ key: '4b30b9eb2585350196efa901f5b36d903e43af4d',
34
34
  class: "w-full"
35
35
  }, h("ul", {
36
- key: '001026f2866cf6101c317f08d32eac4dff46d335',
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: 'dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861',
16
+ key: 'a0184d0900e08d0ae48dd4d2164c9d7ca0ef8db1',
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: '00f417ee065537f8b30bc73e5ad9ca0d69b3aed3',
65
+ key: 'bde34da77105309a05bf36cc1cf24888e62dc826',
66
66
  class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
67
67
  onClick: () => this.handleClick()
68
68
  }, h("eds-card-title", {
69
- key: '9d8156f655c9344c872631b75cfcaf52fdf23347',
69
+ key: '521f11ef8f9f13cdc35b27e45e20d0bec81cc3f8',
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: 'da7aa3d0d9f7995a824fd7720342e6dd4d94224f',
77
+ key: '615ccb630818a49e278f1308aa95caec3a02e3fe',
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: '3e3001ec404a0bbca84deafc89de6aab8bf2fe45',
91
+ key: '40cfa7d940136d4bce5de0c2b37fca91187110f8',
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: '64edfc7f4d83f6185be6c74707115ec478628c6b'
32
+ key: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab'
33
33
  }, h("eds-link", {
34
- key: 'd2c07e20ae1e67753b17f017bd5efa9b1e722fec',
34
+ key: '4bb5d796d14dc242024df4681dea493d4511a8b6',
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: 'd197c6324cca1bea1cb69000cfb0a4776285eeea',
64
+ key: '5405127cfc114d4906617955d7b1069a04ed7b8e',
65
65
  class: "grid inline"
66
66
  }, h(HeadingTag, {
67
- key: '8a09b89f2732d60e470a16b818467768c0f4e474',
67
+ key: 'c0a2593d843577323b6a27d0f8fdca3b84063bd5',
68
68
  class: headingClass
69
69
  }, this.label), h("p", {
70
- key: '6a2c35b73b8bde9d96841d60d0761581efbd4047',
70
+ key: '5b7ef9fbd8c5b4a9d3c7c39e3092244d08dde126',
71
71
  class: "f-body-01 text-light"
72
72
  }, this.description), h("eds-rating", {
73
- key: '0fb0acbbe7c473f2de117e0b0028cafc2f959ed8',
73
+ key: '2de1ad00dd21d987bc4a91438500a58a0bcd63a7',
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: '8aea027f1c37cbe9ff22555ec00ed183d8c52f0a',
77
+ key: '3de038a0ae8ee334edde65194356f021e14e7cb3',
78
78
  class: "f-ui-04 text-lighter"
79
79
  }, this.parsedMappings[this.selectedRating - 1]));
80
80
  }
@@ -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: '5e629d1f5f06ce62843f67b296c94b18765d8100'
61
+ key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f'
60
62
  }, this.social ? h("div", {
61
63
  class: "border-softest border-t-2 pt-20 md:pt-28"
62
64
  }, h("div", {
@@ -68,49 +70,49 @@ const EdsFooter = class {
68
70
  }, h("eds-social-networks", {
69
71
  class: "mt-28"
70
72
  }))))) : null, h("div", {
71
- key: '68966997037f0dd88c9fb2afcc39514aefa5ff8d',
73
+ key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588',
72
74
  class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
73
75
  }, h("div", {
74
- key: 'd3ec3c9341e7509b2f4771ce0f83fbf4913b4e3e',
76
+ key: '4f2993ccded30ca66da34eca632b62abf02e06d5',
75
77
  class: "container flex items-center gap-20 lg:flex-nowrap"
76
78
  }, h("div", {
77
- key: '30774f2c9c1c5113c8f178af2ad5dbc01b01c8d2',
79
+ key: '81efd584b5de410522d338bb6ab4b53096a36868',
78
80
  class: "flex items-center gap-x-12"
79
81
  }, h("a", {
80
- key: '1939784cb357e1a0a9fc6a00c75953c37d7cac90',
82
+ key: '5a641163b3cb1549ee886e9029b65a012b31cd85',
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: 'b9dc32ad675188d061d01e6b11cda37c4edd5e29',
88
- width: 54,
89
- height: 41,
89
+ key: '6428f6d0b70f802a7eaa81fcce7641f754c0071a',
90
+ width: 63,
91
+ height: 50,
90
92
  src: "https://www.ebrains.eu/flags/4x3/eu.svg",
91
93
  alt: "European Union Flag"
92
94
  }))), h("div", {
93
- key: '1642eaf31c946bf3f7bd3d235dccd1a66f4de7d8'
95
+ key: 'c3612f7c694abd66831a6c04f2d9f98bc9f8a2dd'
94
96
  }, h("div", {
95
- key: '4a4b1bf11ebf31a9a0f1735cb0720bdbdab07943',
96
- class: "f-ui-04 text-light"
97
+ key: '7d16c929479ee8db9d981d6178f17fd832184e29',
98
+ class: "f-ui-02 text-light"
97
99
  }, h("p", {
98
- key: '24226946123a5e632d393be9a24971ff9e07b355'
100
+ key: '86c6e3eec115a886a37618963e973004f130950e'
99
101
  }, this.fundedBy), h("div", {
100
- key: 'a21829ec3d7d74027a14ee419f37d2ec326b7154',
102
+ key: '13e4e3925ea8f76865684cba29c91653bba0c45d',
101
103
  class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
102
104
  }, h("span", {
103
- key: '4791eb4b178cb07f3983f8aa6f3ed0e60918f929',
105
+ key: '21c77485fffbe352edb8501dab07fd6628de62ba',
104
106
  class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
105
- }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? h("eds-link", {
107
+ }, "\u00A9 ", rights), this.enableCookiesSettings ? h("eds-link", {
106
108
  label: this.cookiesPreferences,
107
109
  intent: "underline",
108
- "extra-class": "f-ui-04",
110
+ size: "small",
109
111
  onClick: () => {
110
112
  this.toggleCookiesConsent();
111
113
  }
112
114
  }) : null))), h("div", {
113
- key: '9d1173a7b4db564de8fa2ffb85d2b7db724bef95',
115
+ key: '1c8417017493de5e446bfdeec248948d920c1a95',
114
116
  class: "ml-auto pl-12"
115
117
  }, this.enableScrollTop ? h("div", {
116
118
  id: "toTop",
@@ -73,13 +73,13 @@ const EdsFrame = class {
73
73
  }
74
74
  render() {
75
75
  return h("div", {
76
- key: '7b4f5eb19460a178b98586aa38088e3dc5625671',
76
+ key: '5bcdb5bdd66a7530a82662ff9b6ef06d3a1eb1d3',
77
77
  class: this.articleClasses()
78
78
  }, h("div", {
79
- key: '98aefbd4cab33f14c9aa3152c122a11b24df4a02',
79
+ key: '4c9e224f1a6421398cfef1fd89d113513727b6dd',
80
80
  class: "effect-height flex items-center justify-between py-8 px-12"
81
81
  }, h("span", {
82
- key: 'd0cdd2f3354bddc99030ee5215f2bc24b139a261',
82
+ key: '7704b4f1d1a3e8a728f0ad751891ecbfd118411a',
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: '030c560bbd0209160c92bc2d152f8d42484dc86b',
93
+ key: 'd4372713fc8984d14808171857d6efd40790dec2',
94
94
  class: "border-softer"
95
95
  }, this.iframeError ? h("div", {
96
96
  class: "container ml-8 mr-8 mt-16"
@@ -28,6 +28,11 @@ 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) {
33
+ this.closeMenu();
34
+ }
35
+ }
31
36
  /** Opens the menu */
32
37
  openMenu() {
33
38
  this.isMenuOpen = true;
@@ -37,6 +42,12 @@ const EdsFullscreenMenu = class {
37
42
  this.isMenuOpen = false;
38
43
  this.menuClose.emit();
39
44
  }
45
+ async open() {
46
+ this.isMenuOpen = true;
47
+ }
48
+ async close() {
49
+ this.closeMenu();
50
+ }
40
51
  // Lifecycle method to add the resize event listener when component loads
41
52
  componentDidLoad() {
42
53
  window.addEventListener('resize', this.handleResize.bind(this));
@@ -71,6 +82,9 @@ const EdsFullscreenMenu = class {
71
82
  }
72
83
  render() {
73
84
  return this.isMenuOpen ? h("div", {
85
+ role: "dialog",
86
+ "aria-modal": "true",
87
+ "aria-label": "Main menu",
74
88
  class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"
75
89
  }, h("div", {
76
90
  class: "flex min-h-full flex-col"
@@ -51,7 +51,7 @@ const EdsGauge = class {
51
51
  fontSize: `${fontSize}px`
52
52
  };
53
53
  return h("div", {
54
- key: '8834b0fc3cb78c0e7926392d04229d67d8deab90',
54
+ key: '33388b250acd0aeaf3bf4888fd5ac72ba0337a42',
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: 'f9ad68bd6bf19bceb46df1cfe16cdbbc2375099c',
63
+ key: 'b920dd12644a5457b512b65e2c093ef53f339969',
64
64
  class: "absolute bg-inverse rounded-full",
65
65
  style: maskStyle
66
66
  }), h("div", {
67
- key: '64a2ba3ba2f104fa018f81949cdabc0fc53eea42',
67
+ key: '0149f680aad2c2b2cf4e308b1510d2fb3482a06f',
68
68
  class: "absolute inset-0 flex items-center justify-center"
69
69
  }, h("span", {
70
- key: 'ae66f977802793f4e10210e75ddfa53839a9ff6e',
70
+ key: '31fee43895b99a2c19358acce9eee0965eef574a',
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: 'f638b55d0ab199bbd7a52d099aa1242410ae1892',
14
+ key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca',
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: '476da936a6861dc0a5db691cee31559c845766a2',
14
+ key: '652d9843e8855eeb7bd9c364fe8600116eb54897',
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: '8bc63b5438fa6bf2ffa729afd07a793b96f3167d',
14
+ key: '7ba82b3f303e9d0dc30afef19154637af1d20811',
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: 'b42f25c9a2405c94d83c917026f376c9803058d1',
14
+ key: '686dbb5f0c3c5f156940c83380c16c169f016219',
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: '3a7cb54b31e70a446b093453389432938c2fd9d8',
14
+ key: '66bd28a12ce759d916099635f81aff9b8a66c774',
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: '49925425ac1fd676eb96b973b1419f1f2aec1c81',
14
+ key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319',
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: '38d849e3d7e2b2f5e7df8a5624bcf988b3046b11',
14
+ key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da',
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: '5368c37dc49fa654d75f42a774a9a3ad93db5261',
14
+ key: '60ca9c3f312d711df76743901b5373ee573b99d7',
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: '6479f32960c973174c4577beef2f7df7b0baebd4',
14
+ key: '61506941edc3f2da20a848d8f435241027ee131a',
15
15
  class: this.class,
16
16
  innerHTML: chevronUp
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconClone = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'a31ea2174a7c266b62264dad10c486f7dc27f043',
14
+ key: '25b5552f8f0952bde3058c85d2ef61bb69102c24',
15
15
  class: this.class,
16
16
  innerHTML: clone
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconClose = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'b4283a9fbc348923169a4d56ad6f3b5aad4a13c8',
14
+ key: '50792b8ec547fba6fd0416e80cdaf706079f42b2',
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: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0',
14
+ key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3',
15
15
  class: this.class,
16
16
  innerHTML: copy
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconDownload = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '2fbaad3eebee32d200d0f655b396ea937901f3bd',
14
+ key: '17b9c232930d8efec279f777ced4a7e95cc559bd',
15
15
  class: this.class,
16
16
  innerHTML: download
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconDraft = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: '408c981cebc10ab4bcf91e2765e7971ad0a83975',
14
+ key: '9a0acb29472fee4627c23cd528a601d80fb065d9',
15
15
  class: this.class,
16
16
  innerHTML: draft
17
17
  });
@@ -11,7 +11,7 @@ const EdsIconEdit = class {
11
11
  }
12
12
  render() {
13
13
  return h("span", {
14
- key: 'eb8558a13bcab457f260b0c3cddc235867b7f45a',
14
+ key: '603d3cb68e01aadbcb05d232773490b93593a4e7',
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: '994f1becb4b226a2d2f022d9bd22a690fad5aab4',
14
+ key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6',
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: '0825d1c73c5f311f7a9d5394542f6fd74791a543',
14
+ key: 'dc82ae5d96587a46362008670e4096d8f3ed8941',
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: '8bba88cba6d29b204b4a4ceae3c41129bb6edcaa',
14
+ key: '97ff8677a8252ec4cce47f9f857185945aca7cc8',
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: '4c0a731d1a67884107112bc5941faf2001dbbfd5',
14
+ key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e',
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: '36bf44e06217f9b2521f374028a1316fb17ff21a',
14
+ key: 'bfed785cb748dc93f95bb317750b5e82dc6c1dcc',
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: '2207bbac640cf28a2d6d5d725f681e56c8c53011',
14
+ key: '59a8089a2505c0e1e8087f7bd078533a1059cd3a',
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: 'b7ba0f10df196243538aaeefe3db0ee5f594f885',
14
+ key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e',
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: '5f14cbe4b3ca88f7301c1561c092278b31d04326',
14
+ key: 'd0edf1b3b59b2455e4f0af36bb637cf3fdea2202',
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: 'b19c12426db0068934252c6197ba04789d42f5e2',
14
+ key: '15a4b124b598595958bfbaf7be0b9a9795cfb105',
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: 'b6d2b6d7d156c715e2f7d2192d93a4326b22dfc5',
14
+ key: 'd832774f24d7e335026e35b3b9198f000389a084',
15
15
  class: this.class,
16
16
  innerHTML: more
17
17
  });