@ebrains/react 0.9.0-beta → 0.9.2-beta

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 (182) hide show
  1. package/.babelrc +12 -0
  2. package/LICENSE +21 -0
  3. package/README.md +5 -1
  4. package/package.json +2 -6
  5. package/project.json +10 -0
  6. package/rollup.config.js +43 -0
  7. package/src/components.ts +49 -0
  8. package/src/generated/components.ts +47 -0
  9. package/src/generated/react-component-lib/attachProps.ts +125 -0
  10. package/src/generated/react-component-lib/case.ts +7 -0
  11. package/src/generated/react-component-lib/createComponent.tsx +106 -0
  12. package/src/generated/react-component-lib/createOverlayComponent.tsx +142 -0
  13. package/src/generated/react-component-lib/dev.ts +14 -0
  14. package/src/generated/react-component-lib/index.tsx +50 -0
  15. package/src/generated/react-component-lib/interfaces.ts +34 -0
  16. package/src/generated/react-component-lib/utils/attachProps.ts +125 -0
  17. package/src/generated/react-component-lib/utils/case.ts +7 -0
  18. package/src/generated/react-component-lib/utils/dev.ts +14 -0
  19. package/src/generated/react-component-lib/utils/index.tsx +50 -0
  20. package/src/react-component-lib/attachProps.ts +125 -0
  21. package/src/react-component-lib/case.ts +7 -0
  22. package/src/react-component-lib/createComponent.tsx +106 -0
  23. package/src/react-component-lib/createOverlayComponent.tsx +142 -0
  24. package/src/react-component-lib/dev.ts +14 -0
  25. package/src/react-component-lib/index.tsx +50 -0
  26. package/src/react-component-lib/interfaces.ts +34 -0
  27. package/src/react-component-lib/utils/attachProps.ts +125 -0
  28. package/src/react-component-lib/utils/case.ts +7 -0
  29. package/src/react-component-lib/utils/index.tsx +50 -0
  30. package/tsconfig.json +17 -0
  31. package/tsconfig.lib.json +23 -0
  32. package/analytics-44b1416b.esm.js +0 -55
  33. package/arrow-diagonal-black-8f0494c3.esm.js +0 -3
  34. package/arrow-right-9322ba8a.esm.js +0 -5
  35. package/bluesky-cc5edd2d.esm.js +0 -14
  36. package/bookmark-c200037c.esm.js +0 -16
  37. package/chevron-down-6144c823.esm.js +0 -12
  38. package/chevron-left-ca6c66e1.esm.js +0 -11
  39. package/chevron-right-b88ed2d4.esm.js +0 -5
  40. package/chevron-up-c66bd477.esm.js +0 -12
  41. package/close-87fc0d63.esm.js +0 -5
  42. package/color-2554aad6.esm.js +0 -122
  43. package/color-primary-palette_6.entry.esm.js +0 -778
  44. package/components-section.entry.esm.js +0 -165
  45. package/copy-03b72cb6.esm.js +0 -5
  46. package/correct-use-of-colors.entry.esm.js +0 -243
  47. package/docs-palettes.entry.esm.js +0 -29
  48. package/docs-tokens.entry.esm.js +0 -45
  49. package/eds-accordion.entry.esm.js +0 -132
  50. package/eds-alert.entry.esm.js +0 -112
  51. package/eds-app-root.entry.esm.js +0 -53
  52. package/eds-avatar_24.entry.esm.js +0 -275
  53. package/eds-breadcrumb.entry.esm.js +0 -174
  54. package/eds-card-desc_3.entry.esm.js +0 -125
  55. package/eds-card-generic.entry.esm.js +0 -114
  56. package/eds-card-project.entry.esm.js +0 -93
  57. package/eds-card-section.entry.esm.js +0 -56
  58. package/eds-card-tags.entry.esm.js +0 -27
  59. package/eds-card-tool.entry.esm.js +0 -105
  60. package/eds-card-wrapper.entry.esm.js +0 -39
  61. package/eds-code-block.entry.esm.js +0 -2290
  62. package/eds-cookies-preference.entry.esm.js +0 -47
  63. package/eds-feedback.entry.esm.js +0 -82
  64. package/eds-frame.entry.esm.js +0 -112
  65. package/eds-icon-arrow-diagonal.entry.esm.js +0 -21
  66. package/eds-icon-arrow-right.entry.esm.js +0 -21
  67. package/eds-icon-bluesky.entry.esm.js +0 -21
  68. package/eds-icon-bookmark.entry.esm.js +0 -21
  69. package/eds-icon-chevron-down.entry.esm.js +0 -21
  70. package/eds-icon-chevron-left.entry.esm.js +0 -21
  71. package/eds-icon-chevron-right.entry.esm.js +0 -21
  72. package/eds-icon-chevron-up.entry.esm.js +0 -21
  73. package/eds-icon-close.entry.esm.js +0 -21
  74. package/eds-icon-copy.entry.esm.js +0 -21
  75. package/eds-icon-eu.entry.esm.js +0 -21
  76. package/eds-icon-external.entry.esm.js +0 -21
  77. package/eds-icon-facebook.entry.esm.js +0 -21
  78. package/eds-icon-gitlab.entry.esm.js +0 -21
  79. package/eds-icon-linkedin.entry.esm.js +0 -21
  80. package/eds-icon-loader.entry.esm.js +0 -21
  81. package/eds-icon-mastodon.entry.esm.js +0 -21
  82. package/eds-icon-menu.entry.esm.js +0 -21
  83. package/eds-icon-minus.entry.esm.js +0 -21
  84. package/eds-icon-more.entry.esm.js +0 -21
  85. package/eds-icon-paper.entry.esm.js +0 -21
  86. package/eds-icon-plus.entry.esm.js +0 -21
  87. package/eds-icon-portal.entry.esm.js +0 -21
  88. package/eds-icon-private.entry.esm.js +0 -21
  89. package/eds-icon-public.entry.esm.js +0 -21
  90. package/eds-icon-search.entry.esm.js +0 -21
  91. package/eds-icon-star.entry.esm.js +0 -21
  92. package/eds-icon-success.entry.esm.js +0 -21
  93. package/eds-icon-thumbs-down.entry.esm.js +0 -21
  94. package/eds-icon-thumbs-up.entry.esm.js +0 -21
  95. package/eds-icon-tutorial.entry.esm.js +0 -21
  96. package/eds-icon-twitter.entry.esm.js +0 -21
  97. package/eds-icon-unknown.entry.esm.js +0 -21
  98. package/eds-icon-updown.entry.esm.js +0 -21
  99. package/eds-icon-user.entry.esm.js +0 -21
  100. package/eds-icon-youtube.entry.esm.js +0 -21
  101. package/eds-login_2.entry.esm.js +0 -1828
  102. package/eds-matomo-notice.entry.esm.js +0 -162
  103. package/eds-modal.entry.esm.js +0 -142
  104. package/eds-pagination_2.entry.esm.js +0 -493
  105. package/eds-progress-bar.entry.esm.js +0 -41
  106. package/eds-rating.entry.esm.js +0 -79
  107. package/eds-section-core_2.entry.esm.js +0 -69
  108. package/eds-spinner.entry.esm.js +0 -67
  109. package/eds-switch.entry.esm.js +0 -58
  110. package/eds-tabs.entry.esm.js +0 -143
  111. package/eds-timeline.entry.esm.js +0 -117
  112. package/eds-toast-manager.entry.esm.js +0 -62
  113. package/eds-toast.entry.esm.js +0 -92
  114. package/eds-tooltip.entry.esm.js +0 -125
  115. package/eds-trl.entry.esm.js +0 -68
  116. package/eu-9ddde93a.esm.js +0 -30
  117. package/facebook-9cb5c17f.esm.js +0 -14
  118. package/incorrect-use-of-colors.entry.esm.js +0 -71
  119. package/index-39c58238.esm.js +0 -58
  120. package/index.esm.d.ts +0 -1
  121. package/index.esm.js +0 -4
  122. package/index.esm2.js +0 -4840
  123. package/linkedin-e8650abb.esm.js +0 -28
  124. package/loader-c9628637.esm.js +0 -30
  125. package/logo-color-7f1fd803.esm.js +0 -115
  126. package/logo-color-margins-ff8ce71b.esm.js +0 -118
  127. package/logo-space.entry.esm.js +0 -48
  128. package/logo-variations-horizontal_2.entry.esm.js +0 -123
  129. package/logo-variations-tabs.entry.esm.js +0 -29
  130. package/logo-white-no-bg-f382f86f.esm.js +0 -1021
  131. package/logo-wrong-usage.entry.esm.js +0 -101
  132. package/mastodon-3703ec61.esm.js +0 -14
  133. package/menu-340ea948.esm.js +0 -11
  134. package/minus-b30a7c71.esm.js +0 -11
  135. package/mono-53f70232.esm.js +0 -11
  136. package/more-4449d549.esm.js +0 -13
  137. package/paper-8e74ea31.esm.js +0 -15
  138. package/plus-89c07be2.esm.js +0 -12
  139. package/portal-d6c8ce56.esm.js +0 -18
  140. package/private-1c25ff8e.esm.js +0 -25
  141. package/public-d4d8c585.esm.js +0 -16
  142. package/search-fbcd79c2.esm.js +0 -12
  143. package/sharedUtils-a550989c.esm.js +0 -17
  144. package/src/components.d.ts +0 -41
  145. package/src/generated/components.d.ts +0 -38
  146. package/src/generated/react-component-lib/attachProps.d.ts +0 -16
  147. package/src/generated/react-component-lib/case.d.ts +0 -2
  148. package/src/generated/react-component-lib/createComponent.d.ts +0 -10
  149. package/src/generated/react-component-lib/createOverlayComponent.d.ts +0 -21
  150. package/src/generated/react-component-lib/dev.d.ts +0 -2
  151. package/src/generated/react-component-lib/interfaces.d.ts +0 -29
  152. package/src/generated/react-component-lib/utils/attachProps.d.ts +0 -16
  153. package/src/generated/react-component-lib/utils/case.d.ts +0 -2
  154. package/src/generated/react-component-lib/utils/dev.d.ts +0 -2
  155. package/src/generated/react-component-lib/utils/index.d.ts +0 -10
  156. package/src/react-component-lib/attachProps.d.ts +0 -16
  157. package/src/react-component-lib/case.d.ts +0 -2
  158. package/src/react-component-lib/createComponent.d.ts +0 -10
  159. package/src/react-component-lib/createOverlayComponent.d.ts +0 -21
  160. package/src/react-component-lib/dev.d.ts +0 -2
  161. package/src/react-component-lib/interfaces.d.ts +0 -29
  162. package/src/react-component-lib/utils/attachProps.d.ts +0 -16
  163. package/src/react-component-lib/utils/case.d.ts +0 -2
  164. package/src/react-component-lib/utils/index.d.ts +0 -10
  165. package/star-0da9b5e9.esm.js +0 -5
  166. package/success-443809da.esm.js +0 -18
  167. package/svg-repository.entry.esm.js +0 -337
  168. package/thumbs-down-a18fd049.esm.js +0 -5
  169. package/thumbs-up-c19a71bc.esm.js +0 -6
  170. package/toastManager-d9eee791.esm.js +0 -34
  171. package/token-list_3.entry.esm.js +0 -385
  172. package/token-ratios.entry.esm.js +0 -49
  173. package/token-typography.entry.esm.js +0 -267
  174. package/tutotial-150ee1fd.esm.js +0 -27
  175. package/twitter-ac21b505.esm.js +0 -14
  176. package/unknown-ed01a24c.esm.js +0 -22
  177. package/up-and-down-d747abee.esm.js +0 -12
  178. package/user-71ebdc15.esm.js +0 -16
  179. package/youtube-efbfbdc4.esm.js +0 -14
  180. /package/src/generated/react-component-lib/{index.d.ts → index.ts} +0 -0
  181. /package/src/{index.d.ts → index.ts} +0 -0
  182. /package/src/react-component-lib/{index.d.ts → index.ts} +0 -0
@@ -1,47 +0,0 @@
1
- import { r as registerInstance, h } from './index.esm2.js';
2
- import 'react';
3
- import 'react/jsx-runtime';
4
- import 'react-dom';
5
-
6
- const edsCookiesPreferenceCss = "";
7
- const EdsCookiesPreferenceStyle0 = edsCookiesPreferenceCss;
8
- const EdsCookiesPreference = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.buttonText = 'Cookies Preferences';
12
- this.intent = undefined;
13
- this.showMatomoNotice = false;
14
- this.noticeKey = 0;
15
- }
16
- /**
17
- * Always shows the eds-matomo-notice popup.
18
- * Every click removes the "matomo-deferred" key and forces a remount.
19
- */
20
- toggleCookiesPopup() {
21
- // Remove the key from session storage so that the notice will run its checks (or be forced to show)
22
- sessionStorage.removeItem('matomo-deferred');
23
- if (this.showMatomoNotice) {
24
- // Force a remount by changing the key
25
- this.noticeKey = this.noticeKey + 1;
26
- } else {
27
- this.showMatomoNotice = true;
28
- }
29
- }
30
- render() {
31
- return h("div", {
32
- key: 'fe3330180b8f3a5ff6b02156f5d76afb8cdf7edd'
33
- }, h("eds-link", {
34
- key: 'c5d63e486cb63bcb28b89babe606ac1eae525fe0',
35
- size: "small",
36
- intent: this.intent,
37
- label: this.buttonText,
38
- onClick: () => this.toggleCookiesPopup()
39
- }), this.showMatomoNotice && h("eds-matomo-notice", {
40
- "force-show": true,
41
- key: this.noticeKey
42
- }));
43
- }
44
- };
45
- EdsCookiesPreference.style = EdsCookiesPreferenceStyle0;
46
-
47
- export { EdsCookiesPreference as eds_cookies_preference };
@@ -1,82 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } 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 edsFeedbackCss = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.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)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.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)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}";
8
- const EdsFeedbackStyle0 = edsFeedbackCss;
9
- const EdsFeedback = class {
10
- constructor(hostRef) {
11
- registerInstance(this, hostRef);
12
- this.rating = createEvent(this, "rating", 7);
13
- this.type = 'star';
14
- this.count = 5;
15
- this.label = 'Rate your Experience!';
16
- this.description = 'This is a description!';
17
- this.textMapping = ['Very Poor', 'Poor', 'Average', 'Good', 'Excellent'];
18
- this.selectedRating = 0;
19
- }
20
- /**
21
- * Lifecycle method that runs when the component has fully loaded.
22
- * It emits a custom event for each `eds-button` element contained within the breadcrumb.
23
- */
24
- componentDidLoad() {
25
- const btns = this.el.shadowRoot.querySelectorAll('eds-button');
26
- btns.forEach(btn => {
27
- this.emitContext(btn);
28
- });
29
- }
30
- /**
31
- * Emits a custom event called `parentContext` for a given link element.
32
- * This event provides context information about the breadcrumb component.
33
- *
34
- * @param btnElement - The link element to which the event will be dispatched.
35
- */
36
- emitContext(btnElement) {
37
- const event = new CustomEvent('parentContext', {
38
- detail: {
39
- componentName: this.el.tagName.toLowerCase(),
40
- identifier: this.selectedRating
41
- }
42
- });
43
- btnElement.dispatchEvent(event);
44
- }
45
- /**
46
- * Parses the `textMapping` prop into an array of strings.
47
- */
48
- get parsedMappings() {
49
- return parseData(this.textMapping);
50
- }
51
- /**
52
- * Listens for global custom events to open the modal.
53
- */
54
- ratingUpdated(e) {
55
- this.selectedRating = e.detail;
56
- }
57
- render() {
58
- return h("div", {
59
- key: '5fbf2af8386c318134b64c1323553bc00ee2fe2c',
60
- class: "grid inline"
61
- }, h("h1", {
62
- key: 'f5ec1e3cbbfa9c1d549a69c76e01609253c6dfea',
63
- class: "f-heading-01 my-4"
64
- }, this.label), h("p", {
65
- key: '60348466e10a5295fdb861f512c1037cdf8fbf27',
66
- class: "f-body-01 text-light"
67
- }, this.description), h("eds-rating", {
68
- key: 'ed559e7844c20081e82ccc0cddd4a34691a7ad1d',
69
- "rating-type": this.type,
70
- "rating-count": this.count
71
- }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
72
- key: 'b4ab49d3c936649c75714ef2cd9fc09f9a213437',
73
- class: "f-ui-04 text-lighter"
74
- }, this.parsedMappings[this.selectedRating - 1]));
75
- }
76
- get el() {
77
- return getElement(this);
78
- }
79
- };
80
- EdsFeedback.style = EdsFeedbackStyle0;
81
-
82
- export { EdsFeedback as eds_feedback };
@@ -1,112 +0,0 @@
1
- import { r as registerInstance, h, g as getElement } from './index.esm2.js';
2
- import 'react';
3
- import 'react/jsx-runtime';
4
- import 'react-dom';
5
-
6
- const edsFrameCss = ".bg-inverse{background-color:var(--white)}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border-color:rgba(0, 0, 0, .1 )}.border-softest{border-color:rgba(0, 0, 0, .05 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:2px}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.px-12{padding-left:0.75rem;padding-right:0.75rem}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.ml-auto{margin-left:auto}.border-t-2{border-top-width:2px}.border{border:1px solid rgba(0, 0, 0, .1 )}.border-2{border:1px solid rgba(0, 0, 0, .1 )}.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}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}";
7
- const EdsFrameStyle0 = edsFrameCss;
8
- const EdsFrame = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.frameLabel = undefined;
12
- this.frameSrc = undefined;
13
- this.urlLabel = 'Open';
14
- this.errorMessage = 'Could not load the requested content. Please check the URL or try again later.';
15
- this.url = undefined;
16
- this.intent = 'strong';
17
- this.size = 'auto';
18
- this.iframeError = false;
19
- }
20
- componentWillLoad() {
21
- this.checkIframeAvailability();
22
- }
23
- componentDidLoad() {
24
- // Emit context for each eds-link element after the component is fully loaded
25
- const links = this.el.querySelectorAll('eds-link');
26
- links.forEach(link => {
27
- this.emitContext(link);
28
- });
29
- }
30
- /**
31
- * Emits a custom event called `parentContext` for a given link element.
32
- * This event provides context information about the breadcrumb component.
33
- *
34
- * @param linkElement - The link element to which the event will be dispatched.
35
- */
36
- emitContext(linkElement) {
37
- const event = new CustomEvent('parentContext', {
38
- detail: {
39
- componentName: this.el.tagName.toLowerCase(),
40
- identifier: this.frameLabel
41
- }
42
- });
43
- linkElement.dispatchEvent(event);
44
- }
45
- articleClasses() {
46
- return ['bg-inverse min-h-156 rounded border-softer effect-focus-within relative flex grow flex-col border-2', 'w-full h-auto'].join(' ');
47
- }
48
- getFrameHeight() {
49
- switch (this.size) {
50
- case 'sm':
51
- return '100px';
52
- case 'md':
53
- return '200px';
54
- case 'lg':
55
- return '400px';
56
- case 'xl':
57
- return '700px';
58
- default:
59
- return 'auto';
60
- }
61
- }
62
- async checkIframeAvailability() {
63
- try {
64
- const response = await fetch(this.frameSrc, {
65
- method: 'GET'
66
- });
67
- if (!response.ok) {
68
- throw new Error('Failed to load');
69
- }
70
- } catch (error) {
71
- this.iframeError = true;
72
- }
73
- }
74
- render() {
75
- return h("div", {
76
- key: 'b26229611868992daf5f4ca5037e1e10b2540ee5',
77
- class: this.articleClasses()
78
- }, h("div", {
79
- key: '4cf9ff78b27ce7f88db50feccc9d267c2e727a2c',
80
- class: "effect-height flex items-center justify-between py-8 px-12"
81
- }, h("span", {
82
- key: 'bf2c1607d3fcbbf152691ec4e6134e737f6d1082',
83
- class: "f-ui-02"
84
- }, this.frameLabel), !this.iframeError ? h("eds-link", {
85
- label: this.urlLabel,
86
- url: this.url,
87
- intent: this.intent,
88
- class: "ml-auto",
89
- external: true,
90
- disabled: false,
91
- icon: "arrow-diagonal"
92
- }) : null), h("div", {
93
- key: 'd9f059766c509d7325ea734c63e29d7995cc8065',
94
- class: "border-softer"
95
- }, this.iframeError ? h("div", {
96
- class: "container ml-8 mr-8 mt-16"
97
- }, this.errorMessage) : h("iframe", {
98
- src: this.frameSrc,
99
- width: "100%",
100
- height: this.getFrameHeight(),
101
- title: this.frameLabel,
102
- frameBorder: "0",
103
- allowFullScreen: true
104
- })));
105
- }
106
- get el() {
107
- return getElement(this);
108
- }
109
- };
110
- EdsFrame.style = EdsFrameStyle0;
111
-
112
- export { EdsFrame as eds_frame };
@@ -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: 'd19f08d99908a8e47198e49b91a213aadb1dd619',
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: '399c8c70c1d875f35b7f4f578efe8072fb59d008',
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 bluesky } from './bluesky-cc5edd2d.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconBluesky = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c',
15
- class: this.class,
16
- innerHTML: bluesky
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconBluesky as eds_icon_bluesky };
@@ -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: '9cc4aa1805e43ca6275305e26d2fff79e2818862',
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: 'd6251250a9c47acceb68dee74c53fca873671878',
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: '6c98bd673a1562fda009e95e4e4562d1e7f0ccfd',
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: '418c8476ddb31b876a047a7e9de8841865ea5b81',
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: '3484b9074d724ddee4141ff561e568284737ef43',
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 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: '95690e0a265a88172a33edfa456de45a9943578f',
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: '2f2e67b6792ca2c4aa711526a3d69e7a9779e159',
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 { e as euSvg } from './eu-9ddde93a.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconEu = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: '9758d733a6bdc751f059588ca8c3bc916f430968',
15
- class: this.class,
16
- innerHTML: euSvg
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconEu as eds_icon_eu };
@@ -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: '8b5169456f56b7294d86af4e75a9aeec20a20174',
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 { f as facebook } from './facebook-9cb5c17f.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconFacebook = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: '62aec1f1d6b8e4844be83c94471b64a30c1212b9',
15
- class: this.class,
16
- innerHTML: facebook
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconFacebook as eds_icon_facebook };
@@ -1,21 +0,0 @@
1
- import { r as registerInstance, h } from './index.esm2.js';
2
- import { g as gitlabBlack } from './mono-53f70232.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconGitlab = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: '804e76ad1a00913b2e5ac695e43eeb33f1fd9727',
15
- class: this.class,
16
- innerHTML: gitlabBlack
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconGitlab as eds_icon_gitlab };
@@ -1,21 +0,0 @@
1
- import { r as registerInstance, h } from './index.esm2.js';
2
- import { l as linkedin } from './linkedin-e8650abb.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconLinkedin = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: '72eb0709ccbfc7830ab146f936a2587407feb0bb',
15
- class: this.class,
16
- innerHTML: linkedin
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconLinkedin as eds_icon_linkedin };
@@ -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: 'c7d6b2dae9717ba0e99a8ecb98e4f9b02c45be6d',
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 mastodon } from './mastodon-3703ec61.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconMastodon = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: '5388b5cef5d643984157e0bed9263e83934dc7e3',
15
- class: this.class,
16
- innerHTML: mastodon
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconMastodon as eds_icon_mastodon };
@@ -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: '3fcbaa6aba76b06be9f4e72bf7c61a0c3fbae9fd',
15
- class: this.class,
16
- innerHTML: menu
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconMenu as eds_icon_menu };
@@ -1,21 +0,0 @@
1
- import { r as registerInstance, h } from './index.esm2.js';
2
- import { m as minus } from './minus-b30a7c71.esm.js';
3
- import 'react';
4
- import 'react/jsx-runtime';
5
- import 'react-dom';
6
-
7
- const EdsIconMinus = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.class = '';
11
- }
12
- render() {
13
- return h("span", {
14
- key: 'e615c57f7195878310f596124ede34304fcce5e1',
15
- class: this.class,
16
- innerHTML: minus
17
- });
18
- }
19
- };
20
-
21
- export { EdsIconMinus as eds_icon_minus };