@ebrains/vue 0.0.1-alpha.1 → 0.3.0-alpha.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 (194) hide show
  1. package/arrow-diagonal-black-8f0494c3-CYl9yYTl.mjs +4 -0
  2. package/arrow-diagonal-black-8f0494c3-DqsB6ni-.js +1 -0
  3. package/arrow-right-9322ba8a-DBcxNU_p.js +3 -0
  4. package/arrow-right-9322ba8a-DHq-_PPe.mjs +6 -0
  5. package/bluesky-cc5edd2d-DaFQc-pr.js +12 -0
  6. package/bluesky-cc5edd2d-DfuDDO5h.mjs +15 -0
  7. package/chevron-down-6144c823-DWGlv9eV.mjs +13 -0
  8. package/chevron-down-6144c823-D_8976Ke.js +10 -0
  9. package/chevron-left-ca6c66e1-DANhLw_T.mjs +12 -0
  10. package/chevron-left-ca6c66e1-uCH5SUhm.js +9 -0
  11. package/chevron-right-b88ed2d4-C7dkTMvP.js +3 -0
  12. package/chevron-right-b88ed2d4-CgEZBvy7.mjs +6 -0
  13. package/chevron-up-c66bd477-ByW7R48t.js +10 -0
  14. package/chevron-up-c66bd477-CETJkshq.mjs +13 -0
  15. package/close-87fc0d63-Cbd-ScJr.js +3 -0
  16. package/close-87fc0d63-DtDU2HIU.mjs +6 -0
  17. package/color-0ba8ed56-BVeDdJAE.js +1 -0
  18. package/color-0ba8ed56-D-UJpBQL.mjs +207 -0
  19. package/color-primary-palette_6.entry-WwN9tuB9.mjs +300 -0
  20. package/color-primary-palette_6.entry-_ANGnnBl.js +1 -0
  21. package/copy-03b72cb6-B_WCNQrG.mjs +6 -0
  22. package/copy-03b72cb6-CZAFAegx.js +3 -0
  23. package/correct-use-of-colors.entry-B312hpv9.js +1 -0
  24. package/correct-use-of-colors.entry-BjxRVkfm.mjs +59 -0
  25. package/eds-accordion.entry-RvtdAQT0.mjs +58 -0
  26. package/eds-accordion.entry-h9ApF51u.js +4 -0
  27. package/eds-alert.entry-C6VZ3ss6.js +608 -0
  28. package/eds-alert.entry-D5o-ZjCb.mjs +688 -0
  29. package/eds-avatar_17.entry-08AUpBqo.mjs +15630 -0
  30. package/eds-avatar_17.entry-BQZz43q9.js +14540 -0
  31. package/eds-card-desc_3.entry-D7hiMZ09.mjs +87 -0
  32. package/eds-card-desc_3.entry-Dxs_izUN.js +1 -0
  33. package/eds-card-generic.entry-0IAAHjtS.mjs +63 -0
  34. package/eds-card-generic.entry-DZYZP5oa.js +1 -0
  35. package/eds-card-project.entry-Ckgpwy2Y.mjs +43 -0
  36. package/eds-card-project.entry-D7P4K88F.js +1 -0
  37. package/eds-card-section.entry-B90kv8Pj.js +1 -0
  38. package/eds-card-section.entry-DnktDeDm.mjs +39 -0
  39. package/eds-card-tags.entry-CnHitp9l.js +1 -0
  40. package/eds-card-tags.entry-XboLA5-P.mjs +13 -0
  41. package/eds-card-tool.entry-CbreK2xg.js +1 -0
  42. package/eds-card-tool.entry-CmRu6pmc.mjs +56 -0
  43. package/eds-card-wrapper.entry-Buesg37A.mjs +24 -0
  44. package/eds-card-wrapper.entry-rBHdbwzh.js +1 -0
  45. package/eds-code-block.entry-DKnuVY85.mjs +1582 -0
  46. package/eds-code-block.entry-M3x0FsRB.js +9 -0
  47. package/eds-components-section.entry-BAWU9rKy.mjs +295 -0
  48. package/eds-components-section.entry-BEBky2Me.js +132 -0
  49. package/eds-docs-palettes.entry-D3DdXkoo.js +1 -0
  50. package/eds-docs-palettes.entry-etHagd2P.mjs +22 -0
  51. package/eds-docs-tokens.entry--gW4Z293.js +1 -0
  52. package/eds-docs-tokens.entry-CIGNTs97.mjs +30 -0
  53. package/eds-form.entry-D8FLPsaS.js +7153 -0
  54. package/eds-form.entry-zewjTpaa.mjs +7319 -0
  55. package/eds-frame.entry-BlOnLCrI.js +1 -0
  56. package/eds-frame.entry-SCGm_pju.mjs +74 -0
  57. package/eds-icon-arrow-diagonal.entry-CEffhVkn.mjs +13 -0
  58. package/eds-icon-arrow-diagonal.entry-abxXXnCe.js +1 -0
  59. package/eds-icon-arrow-right.entry-4zl098Gq.js +1 -0
  60. package/eds-icon-arrow-right.entry-DrA5pZ5q.mjs +13 -0
  61. package/eds-icon-bluesky.entry-BDD9os2p.js +1 -0
  62. package/eds-icon-bluesky.entry-CRey5aEK.mjs +13 -0
  63. package/eds-icon-chevron-down.entry-DA_Mq25N.js +1 -0
  64. package/eds-icon-chevron-down.entry-DCd5FfEN.mjs +13 -0
  65. package/eds-icon-chevron-left.entry-CiGlPKup.js +1 -0
  66. package/eds-icon-chevron-left.entry-Lmfmw6QC.mjs +13 -0
  67. package/eds-icon-chevron-right.entry-B2HI3b59.mjs +13 -0
  68. package/eds-icon-chevron-right.entry-DMwxsQGs.js +1 -0
  69. package/eds-icon-chevron-up.entry-CwavCcA0.mjs +13 -0
  70. package/eds-icon-chevron-up.entry-D9pmuoVK.js +1 -0
  71. package/eds-icon-close.entry-JIzBTjIa.js +1 -0
  72. package/eds-icon-close.entry-pxvkbolY.mjs +13 -0
  73. package/eds-icon-copy.entry-Begn9c9I.mjs +13 -0
  74. package/eds-icon-copy.entry-Ccrvu27o.js +1 -0
  75. package/eds-icon-eu.entry-C0ZIqXHV.js +1 -0
  76. package/eds-icon-eu.entry-CLI94rkv.mjs +13 -0
  77. package/eds-icon-facebook.entry-BIZwxPBr.js +1 -0
  78. package/eds-icon-facebook.entry-o2SylrAp.mjs +13 -0
  79. package/eds-icon-gitlab.entry-BJi35Zov.js +1 -0
  80. package/eds-icon-gitlab.entry-BWfZkXKF.mjs +13 -0
  81. package/eds-icon-linkedin.entry-B4ev6evD.js +1 -0
  82. package/eds-icon-linkedin.entry-Z4gD9HGr.mjs +13 -0
  83. package/eds-icon-loader.entry-BFeh0vtX.js +1 -0
  84. package/eds-icon-loader.entry-DgIgWpYk.mjs +13 -0
  85. package/eds-icon-mastodon.entry-BLCaUfQY.js +1 -0
  86. package/eds-icon-mastodon.entry-C_2paQis.mjs +13 -0
  87. package/eds-icon-menu.entry-CNtaXAOo.mjs +13 -0
  88. package/eds-icon-menu.entry-CzF-GJXn.js +1 -0
  89. package/eds-icon-more.entry-4gqxzs_k.mjs +13 -0
  90. package/eds-icon-more.entry-C-v0Cjp9.js +1 -0
  91. package/eds-icon-search.entry-D070uKfZ.mjs +13 -0
  92. package/eds-icon-search.entry-iLCAU3Et.js +1 -0
  93. package/eds-icon-success.entry-Ci0RTnP5.mjs +13 -0
  94. package/eds-icon-success.entry-DSukl_w-.js +1 -0
  95. package/eds-icon-twitter.entry-D6I83zuS.mjs +13 -0
  96. package/eds-icon-twitter.entry-I9FRjdSE.js +1 -0
  97. package/eds-icon-user.entry-BI7Uw3Pp.mjs +13 -0
  98. package/eds-icon-user.entry-DcLB78T6.js +1 -0
  99. package/eds-icon-youtube.entry-CR4ml_RW.mjs +13 -0
  100. package/eds-icon-youtube.entry-DAke-XDg.js +1 -0
  101. package/eds-input_7.entry-BV0VagCj.js +7167 -0
  102. package/eds-input_7.entry-CRNkC-uR.mjs +7368 -0
  103. package/eds-login.entry-DOeyfoyM.js +1 -0
  104. package/eds-login.entry-DmJw6ABI.mjs +46 -0
  105. package/eds-logo-variations.entry-U65PDVhE.js +1 -0
  106. package/eds-logo-variations.entry-o4lyGmhR.mjs +22 -0
  107. package/eds-matomo-notice.entry-tzuOtKT9.js +1 -0
  108. package/eds-matomo-notice.entry-y5SvHzsZ.mjs +91 -0
  109. package/eds-modal.entry-B7Ph4m3y.js +1 -0
  110. package/eds-modal.entry-BW8crUoC.mjs +65 -0
  111. package/eds-navigator.entry-CvKDpQVM.mjs +33 -0
  112. package/eds-navigator.entry-DixbL3UY.js +1 -0
  113. package/eds-pagination_2.entry-CRrIKRa-.mjs +241 -0
  114. package/eds-pagination_2.entry-DoZ-NFBH.js +1 -0
  115. package/eds-progress-bar.entry-Bmjv2r3W.js +1 -0
  116. package/eds-progress-bar.entry-sdqDGSI3.mjs +21 -0
  117. package/eds-rating.entry-J5lQt6oj.mjs +40 -0
  118. package/eds-rating.entry-dK5fopCq.js +1 -0
  119. package/eds-section-core_2.entry-DBjBQ_AT.js +1 -0
  120. package/eds-section-core_2.entry-cwkrHET8.mjs +39 -0
  121. package/eds-svg-repository.entry-BEJBJ538.js +192 -0
  122. package/eds-svg-repository.entry-UvAba6M3.mjs +293 -0
  123. package/eds-tab.entry-CR1nFyrH.mjs +31 -0
  124. package/eds-tab.entry-uQka8MTr.js +1 -0
  125. package/eds-tabs-content.entry-BKT7-iAV.mjs +106 -0
  126. package/eds-tabs-content.entry-CTM0EjTl.js +1 -0
  127. package/eds-tabs.entry-BKx8xHJ8.mjs +112 -0
  128. package/eds-tabs.entry-BWxSN8SV.js +1 -0
  129. package/eds-timeline.entry-B7jxBFA4.mjs +51 -0
  130. package/eds-timeline.entry-D9KWrb_r.js +1 -0
  131. package/eds-tooltip.entry-CfhqHRxF.js +1 -0
  132. package/eds-tooltip.entry-DJqN6_P4.mjs +69 -0
  133. package/eds-trl.entry-COK7rgVS.mjs +36 -0
  134. package/eds-trl.entry-CoySvAJL.js +1 -0
  135. package/eu-9ddde93a-BFtIQw9B.js +28 -0
  136. package/eu-9ddde93a-ft4szvR5.mjs +31 -0
  137. package/facebook-9cb5c17f-BcUhbrj6.mjs +15 -0
  138. package/facebook-9cb5c17f-Y_gvQ682.js +12 -0
  139. package/generated/components.d.ts +2 -1
  140. package/incorrect-use-of-colors.entry-D7xAYXu2.js +1 -0
  141. package/incorrect-use-of-colors.entry-DsNEjuWo.mjs +42 -0
  142. package/index-39c58238-BwYCDOHZ.mjs +44 -0
  143. package/index-39c58238-SQ-JC-LH.js +1 -0
  144. package/index-Dg2DO7q4.mjs +3558 -0
  145. package/index-Dvww9rdy.js +21 -0
  146. package/index.js +1 -21
  147. package/index.mjs +40 -2363
  148. package/keycloak-13893af6-BLzE1H6E.mjs +878 -0
  149. package/keycloak-13893af6-NiM3zoVg.js +9 -0
  150. package/linkedin-e8650abb-BkDrkjzY.js +26 -0
  151. package/linkedin-e8650abb-DYMdsale.mjs +29 -0
  152. package/loader-c9628637-ChpnbJkv.mjs +31 -0
  153. package/loader-c9628637-Vj8Wt1e8.js +28 -0
  154. package/logo-color-7f1fd803-CFgbXdt8.mjs +116 -0
  155. package/logo-color-7f1fd803-DRD3vZVn.js +113 -0
  156. package/logo-color-margins-ff8ce71b-B9nMsY9Q.mjs +119 -0
  157. package/logo-color-margins-ff8ce71b-Dk06zr1Z.js +116 -0
  158. package/logo-space.entry-Cf-keXHv.mjs +14 -0
  159. package/logo-space.entry-DC5fUroI.js +1 -0
  160. package/logo-variations-horizontal_2.entry-BWau6qh4.js +7 -0
  161. package/logo-variations-horizontal_2.entry-xvJ8Iiu5.mjs +29 -0
  162. package/logo-white-no-bg-f382f86f-DXYn3NwV.js +1011 -0
  163. package/logo-white-no-bg-f382f86f-YhfmNmGG.mjs +1022 -0
  164. package/logo-wrong-usage.entry-RcSb8NIe.mjs +14 -0
  165. package/logo-wrong-usage.entry-sU8NISwX.js +1 -0
  166. package/mastodon-3703ec61-C7iI4Hk0.mjs +15 -0
  167. package/mastodon-3703ec61-C9v6Olc-.js +12 -0
  168. package/menu-340ea948-BpnYX3gY.mjs +12 -0
  169. package/menu-340ea948-ZdelWVw3.js +9 -0
  170. package/mono-53f70232-DGi2XDlR.mjs +12 -0
  171. package/mono-53f70232-DgAsWvoQ.js +9 -0
  172. package/more-4449d549-D4HA1cRq.js +11 -0
  173. package/more-4449d549-rI9hOpEp.mjs +14 -0
  174. package/package.json +2 -2
  175. package/search-fbcd79c2-BMxCaeEk.js +10 -0
  176. package/search-fbcd79c2-rfV0PlHP.mjs +13 -0
  177. package/success-443809da-BD23vltm.mjs +19 -0
  178. package/success-443809da-BUEhLsAD.js +16 -0
  179. package/toastManager-d9eee791-CEYNwx25.mjs +30 -0
  180. package/toastManager-d9eee791-DvR_vUPI.js +1 -0
  181. package/token-list_3.entry-BkOkChEb.js +1 -0
  182. package/token-list_3.entry-CheMK1r_.mjs +247 -0
  183. package/token-ratios.entry-Dfz4q4qy.js +1 -0
  184. package/token-ratios.entry-rSMXHIix.mjs +25 -0
  185. package/token-spacing.entry-ByzbVlGi.js +1 -0
  186. package/token-spacing.entry-DvopunO1.mjs +12 -0
  187. package/token-typography.entry-AjIHL4M4.js +2 -0
  188. package/token-typography.entry-CExckWkx.mjs +213 -0
  189. package/twitter-ac21b505-CGWVGWM9.mjs +15 -0
  190. package/twitter-ac21b505-DDdHS4hB.js +12 -0
  191. package/user-71ebdc15-BBKQbcQD.js +14 -0
  192. package/user-71ebdc15-CoHlCtJg.mjs +17 -0
  193. package/youtube-efbfbdc4-BLTH1Jl9.js +12 -0
  194. package/youtube-efbfbdc4-BfySbfjR.mjs +15 -0
@@ -0,0 +1,106 @@
1
+ import { r, c as n, h as s, g as o } from "./index-Dg2DO7q4.mjs";
2
+ import { s as l } from "./color-0ba8ed56-D-UJpBQL.mjs";
3
+ import { c as b } from "./index-39c58238-BwYCDOHZ.mjs";
4
+ const h = class {
5
+ constructor(e) {
6
+ r(this, e), this.tabContentChange = n(this, "tabContentChange", 7), this.tabCva = b([
7
+ "relative px-16 py-12",
8
+ "f-ui-03 whitespace-nowrap",
9
+ "effect-color",
10
+ "focus-visible:text-default hover:text-default",
11
+ "border-2",
12
+ "after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0",
13
+ "outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
14
+ ], {
15
+ variants: {
16
+ position: {
17
+ left: "rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",
18
+ right: "rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",
19
+ center: "",
20
+ first: "rounded-t-lg"
21
+ },
22
+ active: {
23
+ false: "text-lighter bg-dark hover:bg-darker border-softest",
24
+ true: [
25
+ "bg-default text-default z-99",
26
+ "rounded-t-lg",
27
+ "before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default",
28
+ "border-[#d2d2d2]"
29
+ ]
30
+ }
31
+ }
32
+ }), this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
33
+ }
34
+ componentWillLoad() {
35
+ this.parseTabs(), this.setActiveIndex();
36
+ }
37
+ parseTabs() {
38
+ try {
39
+ this.parsedTabs = JSON.parse(this.tabs);
40
+ } catch {
41
+ this.parsedTabs = [];
42
+ }
43
+ }
44
+ componentDidLoad() {
45
+ this.initializeTabContentVisibility(), this.el.addEventListener("tabContentChange", (e) => {
46
+ this.updateTabContentVisibility(e.detail.index);
47
+ }), this.scrollToActiveTab();
48
+ }
49
+ initializeTabContentVisibility() {
50
+ this.el.querySelectorAll(".tab-content").forEach((t, a) => {
51
+ t.setAttribute("style", `display: ${a === this.activeIndex ? "block" : "none"}`);
52
+ });
53
+ }
54
+ updateTabContentVisibility(e) {
55
+ this.el.querySelectorAll(".tab-content").forEach((a, i) => {
56
+ a.setAttribute("style", `display: ${i === e ? "block" : "none"}`);
57
+ });
58
+ }
59
+ setActiveIndex() {
60
+ this.activeIndex = this.parsedTabs.findIndex((e) => e.active);
61
+ }
62
+ scrollToActiveTab() {
63
+ var e;
64
+ const t = (e = this.tabContainer) === null || e === void 0 ? void 0 : e.querySelector("[data-tab-active]");
65
+ t && setTimeout(() => {
66
+ t.scrollIntoView({
67
+ inline: "center",
68
+ block: "nearest"
69
+ });
70
+ }, 316);
71
+ }
72
+ getTabOptions(e, t) {
73
+ const a = e ? "center" : this.activeIndex === -1 && t === 0 ? "first" : t < this.activeIndex ? "left" : "right";
74
+ return Object.assign({ class: this.tabCva({
75
+ active: e,
76
+ position: a
77
+ }), style: {
78
+ zIndex: `${e ? this.parsedTabs.length + 99 : a === "left" ? t : this.parsedTabs.length + 1 - t}`
79
+ } }, e ? { "data-tab-active": "true" } : {});
80
+ }
81
+ handleTabClick(e, t) {
82
+ this.activeIndex = e, this.parsedTabs = this.parsedTabs.map((a, i) => Object.assign(Object.assign({}, a), { active: i === e })), this.tabContentChange.emit({ index: e, name: t }), l({
83
+ category: "ui-component",
84
+ tag: this.el.tagName.toLowerCase(),
85
+ name: (t == null ? void 0 : t.toLowerCase()) || "",
86
+ action: "click"
87
+ });
88
+ }
89
+ render() {
90
+ return s("div", { key: "7bc954d9251bd15b5e3a49d5c74b83805f802b07", class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, s("div", { key: "1bfda380604f1eae1cc5be147a5e3e6b537e0396", class: "scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, s("nav", { key: "b2ed26b52fd629ec99b01c7dc8e612eae4f3886d", ref: (e) => this.tabContainer = e, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((e, t) => {
91
+ const a = this.getTabOptions(e.active, t);
92
+ return s("eds-tab", Object.assign({}, a, { label: e.label, url: e.url, active: t === this.activeIndex, ariaLabel: e.ariaLabel, onClick: () => this.handleTabClick(t, e.label) }));
93
+ })), s("slot", { key: "5072b877786a23358d540d6d242d5fbdb3c63d7f" })));
94
+ }
95
+ get el() {
96
+ return o(this);
97
+ }
98
+ static get watchers() {
99
+ return {
100
+ tabs: ["parseTabs"]
101
+ };
102
+ }
103
+ };
104
+ export {
105
+ h as eds_tabs_content
106
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-Dvww9rdy.js"),r=require("./color-0ba8ed56-BVeDdJAE.js"),n=require("./index-39c58238-SQ-JC-LH.js"),o=class{constructor(e){i.registerInstance(this,e),this.tabContentChange=i.createEvent(this,"tabContentChange",7),this.tabCva=n.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex()}parseTabs(){try{this.parsedTabs=JSON.parse(this.tabs)}catch{this.parsedTabs=[]}}componentDidLoad(){this.initializeTabContentVisibility(),this.el.addEventListener("tabContentChange",e=>{this.updateTabContentVisibility(e.detail.index)}),this.scrollToActiveTab()}initializeTabContentVisibility(){this.el.querySelectorAll(".tab-content").forEach((t,a)=>{t.setAttribute("style",`display: ${a===this.activeIndex?"block":"none"}`)})}updateTabContentVisibility(e){this.el.querySelectorAll(".tab-content").forEach((a,s)=>{a.setAttribute("style",`display: ${s===e?"block":"none"}`)})}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(e=>e.active)}scrollToActiveTab(){var e;const t=(e=this.tabContainer)===null||e===void 0?void 0:e.querySelector("[data-tab-active]");t&&setTimeout(()=>{t.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(e,t){const a=e?"center":this.activeIndex===-1&&t===0?"first":t<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:e,position:a}),style:{zIndex:`${e?this.parsedTabs.length+99:a==="left"?t:this.parsedTabs.length+1-t}`}},e?{"data-tab-active":"true"}:{})}handleTabClick(e,t){this.activeIndex=e,this.parsedTabs=this.parsedTabs.map((a,s)=>Object.assign(Object.assign({},a),{active:s===e})),this.tabContentChange.emit({index:e,name:t}),r.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(t==null?void 0:t.toLowerCase())||"",action:"click"})}render(){return i.h("div",{key:"7bc954d9251bd15b5e3a49d5c74b83805f802b07",class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},i.h("div",{key:"1bfda380604f1eae1cc5be147a5e3e6b537e0396",class:"scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},i.h("nav",{key:"b2ed26b52fd629ec99b01c7dc8e612eae4f3886d",ref:e=>this.tabContainer=e,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((e,t)=>{const a=this.getTabOptions(e.active,t);return i.h("eds-tab",Object.assign({},a,{label:e.label,url:e.url,active:t===this.activeIndex,ariaLabel:e.ariaLabel,onClick:()=>this.handleTabClick(t,e.label)}))})),i.h("slot",{key:"5072b877786a23358d540d6d242d5fbdb3c63d7f"})))}get el(){return i.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};exports.eds_tabs_content=o;
@@ -0,0 +1,112 @@
1
+ import { r as i, c as o, h as s, g as n } from "./index-Dg2DO7q4.mjs";
2
+ import { s as b } from "./color-0ba8ed56-D-UJpBQL.mjs";
3
+ import { c as l } from "./index-39c58238-BwYCDOHZ.mjs";
4
+ const c = "", d = c, f = class {
5
+ constructor(e) {
6
+ i(this, e), this.tabChange = o(this, "tabChange", 7), this.tabCva = l([
7
+ "relative px-16 py-12",
8
+ "f-ui-03 whitespace-nowrap",
9
+ "effect-color",
10
+ "focus-visible:text-default hover:text-default",
11
+ "border-2",
12
+ "after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0",
13
+ "outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
14
+ ], {
15
+ variants: {
16
+ position: {
17
+ left: "rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",
18
+ right: "rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",
19
+ center: "",
20
+ first: "rounded-t-lg"
21
+ },
22
+ active: {
23
+ false: "text-lighter bg-dark hover:bg-darker border-softest",
24
+ true: [
25
+ "bg-default text-default z-99",
26
+ "rounded-t-lg",
27
+ "before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default",
28
+ "border-[#d2d2d2]"
29
+ ]
30
+ }
31
+ }
32
+ }), this.id = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
33
+ }
34
+ componentWillLoad() {
35
+ this.parseTabs(), this.setActiveIndex(), this.tabChange.emit({ tabId: this.id, index: 0 });
36
+ }
37
+ /**
38
+ * Parses the `links` prop into an array of link objects.
39
+ * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
40
+ *
41
+ * @returns {any[]} Array of parsed link objects
42
+ */
43
+ /**
44
+ * Parses the `links` prop into an array of link objects.
45
+ * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
46
+ *
47
+ * @returns {any[]} Array of parsed link objects
48
+ */
49
+ parseTabs() {
50
+ if (Array.isArray(this.tabs))
51
+ this.parsedTabs = this.tabs;
52
+ else if (typeof this.tabs == "string")
53
+ try {
54
+ this.parsedTabs = JSON.parse(this.tabs);
55
+ } catch {
56
+ this.parsedTabs = [];
57
+ }
58
+ else
59
+ this.parsedTabs = [];
60
+ }
61
+ componentDidLoad() {
62
+ this.scrollToActiveTab();
63
+ }
64
+ setActiveIndex() {
65
+ this.activeIndex = this.parsedTabs.findIndex((e) => e.active);
66
+ }
67
+ scrollToActiveTab() {
68
+ var e;
69
+ const t = (e = this.tabContainer) === null || e === void 0 ? void 0 : e.querySelector("[data-tab-active]");
70
+ t && setTimeout(() => {
71
+ t.scrollIntoView({
72
+ inline: "center",
73
+ block: "nearest"
74
+ });
75
+ }, 316);
76
+ }
77
+ getTabOptions(e, t) {
78
+ const a = e ? "center" : this.activeIndex === -1 && t === 0 ? "first" : t < this.activeIndex ? "left" : "right";
79
+ return Object.assign({ class: this.tabCva({
80
+ active: e,
81
+ position: a
82
+ }), style: {
83
+ zIndex: `${e ? this.parsedTabs.length + 99 : a === "left" ? t : this.parsedTabs.length + 1 - t}`
84
+ } }, e ? { "data-tab-active": "true" } : {});
85
+ }
86
+ handleTabClick(e, t) {
87
+ this.activeIndex = e, this.parsedTabs = this.parsedTabs.map((a, r) => Object.assign(Object.assign({}, a), { active: r === e })), this.tabChange.emit({ tabId: this.id, index: e, name: t }), b({
88
+ category: "ui-component",
89
+ tag: this.el.tagName.toLowerCase(),
90
+ name: (t == null ? void 0 : t.toLowerCase()) || "",
91
+ action: "click"
92
+ });
93
+ }
94
+ render() {
95
+ return s("div", { key: "540bb667084b36ae2151ec39ef6b54a9ac6a4c4a", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, s("div", { key: "f0266d39c943b82725ded757cce0b35fb85fa874", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, s("nav", { key: "fcedf94e6f6c14635291d9c8e6d672efc8055433", ref: (e) => this.tabContainer = e, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((e, t) => {
96
+ const a = this.getTabOptions(e.active, t);
97
+ return s("eds-tab", Object.assign({}, a, { label: e.label || e.ariaLabel, url: e.url, active: t === this.activeIndex, onClick: () => this.handleTabClick(t, e.label) }));
98
+ }))));
99
+ }
100
+ get el() {
101
+ return n(this);
102
+ }
103
+ static get watchers() {
104
+ return {
105
+ tabs: ["parseTabs"]
106
+ };
107
+ }
108
+ };
109
+ f.style = d;
110
+ export {
111
+ f as eds_tabs
112
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-Dvww9rdy.js"),o=require("./color-0ba8ed56-BVeDdJAE.js"),n=require("./index-39c58238-SQ-JC-LH.js"),b="",l=b,r=class{constructor(e){a.registerInstance(this,e),this.tabChange=a.createEvent(this,"tabChange",7),this.tabCva=n.cva(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tabChange.emit({tabId:this.id,index:0})}parseTabs(){if(Array.isArray(this.tabs))this.parsedTabs=this.tabs;else if(typeof this.tabs=="string")try{this.parsedTabs=JSON.parse(this.tabs)}catch{this.parsedTabs=[]}else this.parsedTabs=[]}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex(e=>e.active)}scrollToActiveTab(){var e;const t=(e=this.tabContainer)===null||e===void 0?void 0:e.querySelector("[data-tab-active]");t&&setTimeout(()=>{t.scrollIntoView({inline:"center",block:"nearest"})},316)}getTabOptions(e,t){const s=e?"center":this.activeIndex===-1&&t===0?"first":t<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:e,position:s}),style:{zIndex:`${e?this.parsedTabs.length+99:s==="left"?t:this.parsedTabs.length+1-t}`}},e?{"data-tab-active":"true"}:{})}handleTabClick(e,t){this.activeIndex=e,this.parsedTabs=this.parsedTabs.map((s,i)=>Object.assign(Object.assign({},s),{active:i===e})),this.tabChange.emit({tabId:this.id,index:e,name:t}),o.sendAnalytics({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(t==null?void 0:t.toLowerCase())||"",action:"click"})}render(){return a.h("div",{key:"540bb667084b36ae2151ec39ef6b54a9ac6a4c4a",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},a.h("div",{key:"f0266d39c943b82725ded757cce0b35fb85fa874",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},a.h("nav",{key:"fcedf94e6f6c14635291d9c8e6d672efc8055433",ref:e=>this.tabContainer=e,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map((e,t)=>{const s=this.getTabOptions(e.active,t);return a.h("eds-tab",Object.assign({},s,{label:e.label||e.ariaLabel,url:e.url,active:t===this.activeIndex,onClick:()=>this.handleTabClick(t,e.label)}))}))))}get el(){return a.getElement(this)}static get watchers(){return{tabs:["parseTabs"]}}};r.style=l;exports.eds_tabs=r;
@@ -0,0 +1,51 @@
1
+ import { r as i, h as s, g as l } from "./index-Dg2DO7q4.mjs";
2
+ const c = class {
3
+ constructor(e) {
4
+ i(this, e), this.events = void 0, this.selectedEvent = null, this.parsedEvents = [];
5
+ }
6
+ parseEvents(e) {
7
+ let t;
8
+ if (typeof e == "string")
9
+ try {
10
+ t = JSON.parse(e);
11
+ } catch (a) {
12
+ console.error("Error parsing events JSON", a), t = [];
13
+ }
14
+ else Array.isArray(e) ? t = e : t = [];
15
+ this.parsedEvents = Array.isArray(t) ? t.map((a) => Object.assign(Object.assign({}, a), { completed: a.completed === "true" || a.completed === !0 })) : [];
16
+ }
17
+ componentWillLoad() {
18
+ this.parseEvents(this.events);
19
+ }
20
+ componentDidLoad() {
21
+ this.el.querySelectorAll("eds-card-generic").forEach((t) => {
22
+ this.emitContext(t);
23
+ });
24
+ }
25
+ emitContext(e) {
26
+ const t = new CustomEvent("parentContext", {
27
+ detail: {
28
+ componentName: this.el.tagName.toLowerCase(),
29
+ identifier: null
30
+ }
31
+ });
32
+ e.dispatchEvent(t);
33
+ }
34
+ handleEventClick(e) {
35
+ this.selectedEvent = e, this.modalRef && typeof this.modalRef.open == "function" && this.modalRef.open();
36
+ }
37
+ render() {
38
+ return s("div", { key: "29e360adb412c67e7516f04671c276a12197d830", class: "max-w-sidebar mx-auto px-4 py-8" }, s("div", { key: "c556578a505bfb2da435616cb1f39cb91859ec7e", class: "relative" }, s("div", { key: "8e1d307b2b3b470c643ba992d8307457581e9d4f", class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), s("div", { key: "7b40b6a8944aad01d01524e13056fbafeaa8a8a8", class: "space-y-16" }, this.parsedEvents.map((e, t) => s("div", { class: "relative flex" }, s("div", { class: `w-1/2 ${t % 2 === 0 ? "pr-4" : ""}` }, t % 2 === 0 && s("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })), s("div", { class: "flex items-center justify-center relative" }, e.completed ? s("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" }) : s("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" })), s("div", { class: `w-1/2 ${t % 2 !== 0 ? "pl-4" : ""}` }, t % 2 !== 0 && s("eds-card-generic", { cardTitle: e.title, url: "#", description: e.description, "heading-level": "h2", tiny: !0, bg: !e.completed, "with-hover": "false", tags: JSON.stringify(e.completed ? [{ label: "completed", style: "accent" }] : [{ label: "pending", style: "default" }]), onClick: () => this.handleEventClick(e) })))))));
39
+ }
40
+ get el() {
41
+ return l(this);
42
+ }
43
+ static get watchers() {
44
+ return {
45
+ events: ["parseEvents"]
46
+ };
47
+ }
48
+ };
49
+ export {
50
+ c as eds_timeline
51
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-Dvww9rdy.js"),l=class{constructor(e){s.registerInstance(this,e),this.events=void 0,this.selectedEvent=null,this.parsedEvents=[]}parseEvents(e){let t;if(typeof e=="string")try{t=JSON.parse(e)}catch(i){console.error("Error parsing events JSON",i),t=[]}else Array.isArray(e)?t=e:t=[];this.parsedEvents=Array.isArray(t)?t.map(i=>Object.assign(Object.assign({},i),{completed:i.completed==="true"||i.completed===!0})):[]}componentWillLoad(){this.parseEvents(this.events)}componentDidLoad(){this.el.querySelectorAll("eds-card-generic").forEach(t=>{this.emitContext(t)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}handleEventClick(e){this.selectedEvent=e,this.modalRef&&typeof this.modalRef.open=="function"&&this.modalRef.open()}render(){return s.h("div",{key:"29e360adb412c67e7516f04671c276a12197d830",class:"max-w-sidebar mx-auto px-4 py-8"},s.h("div",{key:"c556578a505bfb2da435616cb1f39cb91859ec7e",class:"relative"},s.h("div",{key:"8e1d307b2b3b470c643ba992d8307457581e9d4f",class:"absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"}),s.h("div",{key:"7b40b6a8944aad01d01524e13056fbafeaa8a8a8",class:"space-y-16"},this.parsedEvents.map((e,t)=>s.h("div",{class:"relative flex"},s.h("div",{class:`w-1/2 ${t%2===0?"pr-4":""}`},t%2===0&&s.h("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})),s.h("div",{class:"flex items-center justify-center relative"},e.completed?s.h("div",{class:"w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center"}):s.h("div",{class:"w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center"})),s.h("div",{class:`w-1/2 ${t%2!==0?"pl-4":""}`},t%2!==0&&s.h("eds-card-generic",{cardTitle:e.title,url:"#",description:e.description,"heading-level":"h2",tiny:!0,bg:!e.completed,"with-hover":"false",tags:JSON.stringify(e.completed?[{label:"completed",style:"accent"}]:[{label:"pending",style:"default"}]),onClick:()=>this.handleEventClick(e)})))))))}get el(){return s.getElement(this)}static get watchers(){return{events:["parseEvents"]}}};exports.eds_timeline=l;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-Dvww9rdy.js"),f=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}",h=f,c=class{constructor(t){i.registerInstance(this,t),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){t.key==="Escape"&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,o;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!s)return;const n=((s==null?void 0:s.assignedNodes({flatten:!0}))||[]).find(e=>e instanceof HTMLElement);if(n){const e=n.getBoundingClientRect(),a=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector('[role="tooltip"]');if(a){const d=a.offsetWidth,p=a.offsetHeight;let r=0,l=0;switch(this.position){case"above":r=window.scrollY-p-8,l=e.left+e.width/2-d/2;break;case"below":r=p-window.scrollY+18,l=e.left+e.width/2-d/2;break}this.tooltipStyle={top:`${r}px`,left:`${l}px`,transform:"translateX(0)"}}}}render(){return i.h("div",{key:"5edce5e2ca66ef992ad22604a5017e5ab02f846b",class:"relative"},i.h("slot",{key:"74c9ef5978e023a45eb9c25c18f95f1875c19b13"}),this.isVisible&&this.isPositioned&&this.content&&i.h("div",{key:"4cc3ea40bd81308eb7685b5c1065e8bd30f99191",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return i.getElement(this)}};c.style=h;exports.eds_tooltip=c;
@@ -0,0 +1,69 @@
1
+ import { r as f, h as l, g as c } from "./index-Dg2DO7q4.mjs";
2
+ const h = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}", w = h, v = class {
3
+ constructor(t) {
4
+ f(this, t), this.content = void 0, this.position = "above", this.isVisible = !1, this.isPositioned = !1, this.tooltipStyle = { top: "0px", left: "0px", transform: "" };
5
+ }
6
+ /**
7
+ * Show the tooltip and update its position.
8
+ */
9
+ async showTooltip() {
10
+ await this.updateTooltipPosition(), this.isPositioned = !0, this.isVisible = !0;
11
+ }
12
+ /**
13
+ * Hide the tooltip.
14
+ */
15
+ hideTooltip() {
16
+ this.isVisible = !1, this.isPositioned = !1;
17
+ }
18
+ /**
19
+ * Hide the tooltip when the `Escape` key is pressed.
20
+ */
21
+ handleKeyPress(t) {
22
+ t.key === "Escape" && (this.isVisible = !1, this.isPositioned = !1);
23
+ }
24
+ /**
25
+ * Update the tooltip's position dynamically based on the slotted element's dimensions and position.
26
+ */
27
+ updateTooltipPosition() {
28
+ var t, s;
29
+ const i = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector("slot");
30
+ if (!i)
31
+ return;
32
+ const n = ((i == null ? void 0 : i.assignedNodes({ flatten: !0 })) || []).find((e) => e instanceof HTMLElement);
33
+ if (n) {
34
+ const e = n.getBoundingClientRect(), o = (s = this.el.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector('[role="tooltip"]');
35
+ if (o) {
36
+ const d = o.offsetWidth, p = o.offsetHeight;
37
+ let a = 0, r = 0;
38
+ switch (this.position) {
39
+ case "above":
40
+ a = window.scrollY - p - 8, r = e.left + e.width / 2 - d / 2;
41
+ break;
42
+ case "below":
43
+ a = p - window.scrollY + 18, r = e.left + e.width / 2 - d / 2;
44
+ break;
45
+ }
46
+ this.tooltipStyle = {
47
+ top: `${a}px`,
48
+ left: `${r}px`,
49
+ transform: "translateX(0)"
50
+ // No additional horizontal adjustment needed
51
+ };
52
+ }
53
+ }
54
+ }
55
+ render() {
56
+ return l("div", { key: "5edce5e2ca66ef992ad22604a5017e5ab02f846b", class: "relative" }, l("slot", { key: "74c9ef5978e023a45eb9c25c18f95f1875c19b13" }), this.isVisible && this.isPositioned && this.content && l("div", { key: "4cc3ea40bd81308eb7685b5c1065e8bd30f99191", class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6", role: "tooltip", style: {
57
+ top: this.tooltipStyle.top,
58
+ left: this.tooltipStyle.left,
59
+ transform: this.tooltipStyle.transform
60
+ } }, this.content));
61
+ }
62
+ get el() {
63
+ return c(this);
64
+ }
65
+ };
66
+ v.style = w;
67
+ export {
68
+ v as eds_tooltip
69
+ };
@@ -0,0 +1,36 @@
1
+ import { r as i, h as e } from "./index-Dg2DO7q4.mjs";
2
+ const n = class {
3
+ constructor(t) {
4
+ i(this, t), this.applications = void 0;
5
+ }
6
+ getParsedApplications() {
7
+ let t = [];
8
+ if (typeof this.applications == "string")
9
+ try {
10
+ t = JSON.parse(this.applications || "[]");
11
+ } catch {
12
+ t = [];
13
+ }
14
+ else Array.isArray(this.applications) && (t = this.applications);
15
+ return t;
16
+ }
17
+ calculateProgress(t) {
18
+ return Math.ceil(t / 9 * 100);
19
+ }
20
+ render() {
21
+ const t = this.getParsedApplications();
22
+ console.log("apps:", t);
23
+ const a = t.map((r) => ({
24
+ Application: r.name,
25
+ "Current TRL Stage": `TRL ${r.currentTrl}`,
26
+ Progress: e("div", { class: "w-[200px]" }, e("eds-progress-bar", { value: this.calculateProgress(r.currentTrl) }))
27
+ })), s = {
28
+ Application: { format: "code" },
29
+ "Current TRL Stage": { format: "text" }
30
+ };
31
+ return e("div", { key: "71e903734b5cd1ef74bf93e8fcdc57afacb51f07", class: "container mx-auto px-4 py-8" }, e("eds-table", { key: "cb8e4324c9c8481dcc2daf74f06c6928257e6f8b", data: JSON.stringify(a), config: JSON.stringify(s), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" }));
32
+ }
33
+ };
34
+ export {
35
+ n as eds_trl
36
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-Dvww9rdy.js"),i=class{constructor(e){t.registerInstance(this,e),this.applications=void 0}getParsedApplications(){let e=[];if(typeof this.applications=="string")try{e=JSON.parse(this.applications||"[]")}catch{e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const e=this.getParsedApplications();console.log("apps:",e);const r=e.map(a=>({Application:a.name,"Current TRL Stage":`TRL ${a.currentTrl}`,Progress:t.h("div",{class:"w-[200px]"},t.h("eds-progress-bar",{value:this.calculateProgress(a.currentTrl)}))})),s={Application:{format:"code"},"Current TRL Stage":{format:"text"}};return t.h("div",{key:"71e903734b5cd1ef74bf93e8fcdc57afacb51f07",class:"container mx-auto px-4 py-8"},t.h("eds-table",{key:"cb8e4324c9c8481dcc2daf74f06c6928257e6f8b",data:JSON.stringify(r),config:JSON.stringify(s),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};exports.eds_trl=i;
@@ -0,0 +1,28 @@
1
+ "use strict";const e=`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
2
+ <defs>
3
+ <g id="d">
4
+ <g id="b">
5
+ <path id="a" d="m0-1-.3 1 .5.1z"/>
6
+ <use xlink:href="#a" transform="scale(-1 1)"/>
7
+ </g>
8
+ <g id="c">
9
+ <use xlink:href="#b" transform="rotate(72)"/>
10
+ <use xlink:href="#b" transform="rotate(144)"/>
11
+ </g>
12
+ <use xlink:href="#c" transform="scale(-1 1)"/>
13
+ </g>
14
+ </defs>
15
+ <path fill="#039" d="M0 0h640v480H0z"/>
16
+ <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
17
+ <use xlink:href="#d" width="100%" height="100%" y="-6"/>
18
+ <use xlink:href="#d" width="100%" height="100%" y="6"/>
19
+ <g id="e">
20
+ <use xlink:href="#d" width="100%" height="100%" x="-6"/>
21
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
22
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
23
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
24
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
25
+ </g>
26
+ <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
27
+ </g>
28
+ </svg>`;exports.euSvg=e;
@@ -0,0 +1,31 @@
1
+ const e = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
2
+ <defs>
3
+ <g id="d">
4
+ <g id="b">
5
+ <path id="a" d="m0-1-.3 1 .5.1z"/>
6
+ <use xlink:href="#a" transform="scale(-1 1)"/>
7
+ </g>
8
+ <g id="c">
9
+ <use xlink:href="#b" transform="rotate(72)"/>
10
+ <use xlink:href="#b" transform="rotate(144)"/>
11
+ </g>
12
+ <use xlink:href="#c" transform="scale(-1 1)"/>
13
+ </g>
14
+ </defs>
15
+ <path fill="#039" d="M0 0h640v480H0z"/>
16
+ <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
17
+ <use xlink:href="#d" width="100%" height="100%" y="-6"/>
18
+ <use xlink:href="#d" width="100%" height="100%" y="6"/>
19
+ <g id="e">
20
+ <use xlink:href="#d" width="100%" height="100%" x="-6"/>
21
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
22
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
23
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
24
+ <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
25
+ </g>
26
+ <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
27
+ </g>
28
+ </svg>`;
29
+ export {
30
+ e
31
+ };
@@ -0,0 +1,15 @@
1
+ const o = ` <svg
2
+ width="20"
3
+ height="20"
4
+ viewBox="0 0 20 20"
5
+ fill="none"
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ >
8
+ <path
9
+ d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>`;
13
+ export {
14
+ o as f
15
+ };
@@ -0,0 +1,12 @@
1
+ "use strict";const o=` <svg
2
+ width="20"
3
+ height="20"
4
+ viewBox="0 0 20 20"
5
+ fill="none"
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ >
8
+ <path
9
+ d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
10
+ fill="currentColor"
11
+ />
12
+ </svg>`;exports.facebook=o;
@@ -1,5 +1,4 @@
1
1
  import { JSX } from '../../../../dist/packages/components';
2
-
3
2
  export declare const EdsAccordion: import('vue').DefineSetupFnComponent<JSX.EdsAccordion & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAccordion & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
4
3
  export declare const EdsAlert: import('vue').DefineSetupFnComponent<JSX.EdsAlert & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAlert & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
5
4
  export declare const EdsAvatar: import('vue').DefineSetupFnComponent<JSX.EdsAvatar & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAvatar & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
@@ -19,6 +18,7 @@ export declare const EdsHeader: import('vue').DefineSetupFnComponent<JSX.EdsHead
19
18
  export declare const EdsIconWrapper: import('vue').DefineSetupFnComponent<JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsIconWrapper & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
20
19
  export declare const EdsImg: import('vue').DefineSetupFnComponent<JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsImg & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
21
20
  export declare const EdsInputField: import('vue').DefineSetupFnComponent<JSX.EdsInputField & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsInputField & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
21
+ export declare const EdsInputSelect: import('vue').DefineSetupFnComponent<JSX.EdsInputSelect & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsInputSelect & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
22
22
  export declare const EdsLink: import('vue').DefineSetupFnComponent<JSX.EdsLink & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLink & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
23
23
  export declare const EdsLogin: import('vue').DefineSetupFnComponent<JSX.EdsLogin & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLogin & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
24
24
  export declare const EdsLogo: import('vue').DefineSetupFnComponent<JSX.EdsLogo & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsLogo & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
@@ -33,6 +33,7 @@ export declare const EdsSocialNetworks: import('vue').DefineSetupFnComponent<JSX
33
33
  export declare const EdsTable: import('vue').DefineSetupFnComponent<JSX.EdsTable & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTable & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
34
34
  export declare const EdsTabs: import('vue').DefineSetupFnComponent<JSX.EdsTabs & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTabs & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
35
35
  export declare const EdsTag: import('vue').DefineSetupFnComponent<JSX.EdsTag & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTag & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
36
+ export declare const EdsTimeline: import('vue').DefineSetupFnComponent<JSX.EdsTimeline & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTimeline & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
36
37
  export declare const EdsToast: import('vue').DefineSetupFnComponent<JSX.EdsToast & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsToast & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
37
38
  export declare const EdsToastManager: import('vue').DefineSetupFnComponent<JSX.EdsToastManager & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsToastManager & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
38
39
  export declare const EdsTooltip: import('vue').DefineSetupFnComponent<JSX.EdsTooltip & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsTooltip & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dvww9rdy.js"),c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],o=[{background:"#C461FF"},{background:"#5D3DF9"}],s=[{background:"#FFA543"},{background:"#FF4D68"}],r=[{background:"#3FA9F5"},...o,...s],l=class{constructor(a){e.registerInstance(this,a)}render(){return e.h("div",{key:"2e660e9a788e46e68d6695ae8aa475bbb1ca395e",class:"container"},e.h("eds-alert",{key:"1dc4552a33d88055a3a0c33eeb18c53a8379039a",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"}),e.h("div",{key:"fd6bf7f0205422b1bd3ceb3f8374d5a9a73aaca0",class:"flex"},e.h("div",{key:"dae745447f5e9792136f059b1dcfc868e473dfd5",class:"w-full"},e.h("ul",{key:"daeec7514f4027ec3f688f05fb4f1e027b846a81",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map(a=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:a.background}}))))),e.h("div",{key:"1ca202afa9384e78e3ed9c0674e06c51184d3a5a",class:"w-full"},e.h("ul",{key:"7bdef2e7d64f3c5553193d127bac69ee89a93686",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},r.map(a=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:a.background}})))))))}};exports.incorrect_use_of_colors=l;
@@ -0,0 +1,42 @@
1
+ import { r as c, h as e } from "./index-Dg2DO7q4.mjs";
2
+ const s = [
3
+ {
4
+ background: "#9CE142"
5
+ },
6
+ {
7
+ background: "#00C959"
8
+ },
9
+ {
10
+ background: "#00A595"
11
+ }
12
+ ], o = [
13
+ {
14
+ background: "#C461FF"
15
+ },
16
+ {
17
+ background: "#5D3DF9"
18
+ }
19
+ ], r = [
20
+ {
21
+ background: "#FFA543"
22
+ },
23
+ {
24
+ background: "#FF4D68"
25
+ }
26
+ ], l = [
27
+ {
28
+ background: "#3FA9F5"
29
+ },
30
+ ...o,
31
+ ...r
32
+ ], n = class {
33
+ constructor(a) {
34
+ c(this, a);
35
+ }
36
+ render() {
37
+ return e("div", { key: "2e660e9a788e46e68d6695ae8aa475bbb1ca395e", class: "container" }, e("eds-alert", { key: "1dc4552a33d88055a3a0c33eeb18c53a8379039a", message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" }), e("div", { key: "fd6bf7f0205422b1bd3ceb3f8374d5a9a73aaca0", class: "flex" }, e("div", { key: "dae745447f5e9792136f059b1dcfc868e473dfd5", class: "w-full" }, e("ul", { key: "daeec7514f4027ec3f688f05fb4f1e027b846a81", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, s.map((a) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: a.background } }))))), e("div", { key: "1ca202afa9384e78e3ed9c0674e06c51184d3a5a", class: "w-full" }, e("ul", { key: "7bdef2e7d64f3c5553193d127bac69ee89a93686", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((a) => e("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, e("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: a.background } })))))));
38
+ }
39
+ };
40
+ export {
41
+ n as incorrect_use_of_colors
42
+ };