@ebrains/vue 0.2.0-alpha.0 → 0.4.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 (161) hide show
  1. package/{color-0ba8ed56-BVeDdJAE.js → color-bb472c37-CKu54kOY.js} +1 -1
  2. package/{color-0ba8ed56-D-UJpBQL.mjs → color-bb472c37-DDERsxdk.mjs} +6 -6
  3. package/color-primary-palette_6.entry-BB6740d4.js +1 -0
  4. package/{color-primary-palette_6.entry-CfqMCd3g.mjs → color-primary-palette_6.entry-CSDWEKLH.mjs} +17 -17
  5. package/correct-use-of-colors.entry-LuyuqIQ9.js +1 -0
  6. package/correct-use-of-colors.entry-hvZ1z3tc.mjs +59 -0
  7. package/{eds-alert_28.entry-DbTB72ow.mjs → eds-accordion_33.entry-DFgdjlJE.mjs} +709 -270
  8. package/{eds-alert_28.entry-Ctl9tHqr.js → eds-accordion_33.entry-DlnbmQ6R.js} +14 -11
  9. package/{eds-card-project.entry-XK15egnP.js → eds-card-project.entry-BQ-dH8vM.js} +1 -1
  10. package/{eds-card-project.entry-CKYhNPPH.mjs → eds-card-project.entry-C3eyu1U0.mjs} +2 -2
  11. package/{eds-card-section.entry-B7jR75ty.js → eds-card-section.entry-DU-1TB0I.js} +1 -1
  12. package/{eds-card-section.entry-x8CPk5NZ.mjs → eds-card-section.entry-Dxk-Ob_Y.mjs} +14 -8
  13. package/eds-card-tags.entry-CIu6lD0P.mjs +13 -0
  14. package/eds-card-tags.entry-YPPBWdFq.js +1 -0
  15. package/{eds-card-tool.entry-DFuXjfhh.mjs → eds-card-tool.entry-1_RNWh8n.mjs} +2 -2
  16. package/{eds-card-tool.entry-DZqHML8u.js → eds-card-tool.entry-DgBqQucY.js} +1 -1
  17. package/{eds-card-wrapper.entry-C_r0u0Fd.js → eds-card-wrapper.entry-BfCDGeFs.js} +1 -1
  18. package/{eds-card-wrapper.entry-DNnlCvMe.mjs → eds-card-wrapper.entry-C4pNRjIj.mjs} +2 -2
  19. package/{eds-code-block.entry-DwfHDe4j.mjs → eds-code-block.entry-B2xATQ7r.mjs} +87 -46
  20. package/{eds-code-block.entry-ClmjgThG.js → eds-code-block.entry-DQEDpAjn.js} +3 -3
  21. package/eds-components-section.entry-D08woahG.js +132 -0
  22. package/{eds-components-section.entry-BSRNSdwF.mjs → eds-components-section.entry-DR-984-3.mjs} +93 -42
  23. package/{eds-docs-palettes.entry-BlQEI2Bl.mjs → eds-docs-palettes.entry-B0yU2ZpL.mjs} +2 -2
  24. package/{eds-docs-palettes.entry-Gi9kzOYC.js → eds-docs-palettes.entry-qKOj3XU9.js} +1 -1
  25. package/{eds-docs-tokens.entry-Bxzd9uSz.mjs → eds-docs-tokens.entry-BVHiM7cK.mjs} +2 -2
  26. package/{eds-docs-tokens.entry-G6O1zRxS.js → eds-docs-tokens.entry-BtRXzjrp.js} +1 -1
  27. package/{eds-icon-arrow-diagonal.entry-C06V6TIW.js → eds-icon-arrow-diagonal.entry-DjDB--sU.js} +1 -1
  28. package/{eds-icon-arrow-diagonal.entry-Ky6NoFbS.mjs → eds-icon-arrow-diagonal.entry-E5xC3m8H.mjs} +1 -1
  29. package/{eds-icon-arrow-right.entry-BPHnm7pX.mjs → eds-icon-arrow-right.entry-DaXIkUew.mjs} +1 -1
  30. package/{eds-icon-arrow-right.entry-Dv17zi29.js → eds-icon-arrow-right.entry-odZ8U-W2.js} +1 -1
  31. package/{eds-icon-bluesky.entry-7_AzEVLl.mjs → eds-icon-bluesky.entry-B3yW2mUC.mjs} +1 -1
  32. package/{eds-icon-bluesky.entry-DQshm0EA.js → eds-icon-bluesky.entry-Dppj9cuC.js} +1 -1
  33. package/{eds-icon-chevron-down.entry-BlnVbI1I.js → eds-icon-chevron-down.entry-CidjiGQS.js} +1 -1
  34. package/{eds-icon-chevron-down.entry-DkcBkTRK.mjs → eds-icon-chevron-down.entry-xWODzTE-.mjs} +1 -1
  35. package/{eds-icon-chevron-left.entry-BwhZiPKE.mjs → eds-icon-chevron-left.entry-CJyHE01I.mjs} +1 -1
  36. package/{eds-icon-chevron-left.entry-BTxaVVnF.js → eds-icon-chevron-left.entry-DjJj-hmG.js} +1 -1
  37. package/{eds-icon-chevron-right.entry-c4irNhqS.js → eds-icon-chevron-right.entry-D8RyOADq.js} +1 -1
  38. package/{eds-icon-chevron-right.entry-BPKLFXW0.mjs → eds-icon-chevron-right.entry-iy6d6tux.mjs} +1 -1
  39. package/{eds-icon-chevron-up.entry-oja5yYhS.mjs → eds-icon-chevron-up.entry-TKCdY_T3.mjs} +1 -1
  40. package/{eds-icon-chevron-up.entry-CFiZyc6u.js → eds-icon-chevron-up.entry-ezV-v92v.js} +1 -1
  41. package/{eds-icon-close.entry-5BdzrFmk.mjs → eds-icon-close.entry-Brv3Uxu1.mjs} +1 -1
  42. package/{eds-icon-close.entry-DQD_dDo5.js → eds-icon-close.entry-CE-Nory7.js} +1 -1
  43. package/{eds-icon-copy.entry-CQ237xrq.js → eds-icon-copy.entry-Bpe3I5b6.js} +1 -1
  44. package/{eds-icon-copy.entry-jpUaAQ7k.mjs → eds-icon-copy.entry-DQioS3t7.mjs} +1 -1
  45. package/{eds-icon-eu.entry-CjCnJWwP.js → eds-icon-eu.entry-BzmYOiKL.js} +1 -1
  46. package/{eds-icon-eu.entry-gJ234Xni.mjs → eds-icon-eu.entry-KylDo55P.mjs} +1 -1
  47. package/{eds-icon-facebook.entry-BHUSe9LK.js → eds-icon-facebook.entry-DWZ02rD5.js} +1 -1
  48. package/{eds-icon-facebook.entry-Ch94iA-s.mjs → eds-icon-facebook.entry-DpS2m4v2.mjs} +1 -1
  49. package/{eds-icon-gitlab.entry-j6RBYOBc.js → eds-icon-gitlab.entry-D8PM12SK.js} +1 -1
  50. package/{eds-icon-gitlab.entry-B06LmNCU.mjs → eds-icon-gitlab.entry-JX-5azIw.mjs} +1 -1
  51. package/{eds-icon-linkedin.entry-CMW1rKpG.mjs → eds-icon-linkedin.entry-BylIVu8G.mjs} +1 -1
  52. package/{eds-icon-linkedin.entry-DouHzclR.js → eds-icon-linkedin.entry-CstoPbTS.js} +1 -1
  53. package/{eds-icon-loader.entry-BlGbpEzt.js → eds-icon-loader.entry-CaGFh0gM.js} +1 -1
  54. package/{eds-icon-loader.entry-Cx_ffiBq.mjs → eds-icon-loader.entry-DZyUa8Na.mjs} +1 -1
  55. package/{eds-icon-mastodon.entry-C4ITVPfN.mjs → eds-icon-mastodon.entry-BIckHn_q.mjs} +1 -1
  56. package/{eds-icon-mastodon.entry-Cpl3lSng.js → eds-icon-mastodon.entry-DxNG__-Y.js} +1 -1
  57. package/{eds-icon-menu.entry-DvQARmJU.mjs → eds-icon-menu.entry-C9N6s8Oa.mjs} +1 -1
  58. package/{eds-icon-menu.entry-BcPeEfV2.js → eds-icon-menu.entry-DwN-ZAWi.js} +1 -1
  59. package/{eds-icon-more.entry-m61loZHO.js → eds-icon-more.entry-68jT9AEw.js} +1 -1
  60. package/{eds-icon-more.entry-BoAVOpyT.mjs → eds-icon-more.entry-MUkUL_e2.mjs} +1 -1
  61. package/{eds-icon-search.entry-D-nQvhug.mjs → eds-icon-search.entry-CcwwFnns.mjs} +1 -1
  62. package/{eds-icon-search.entry-BJMtVlnR.js → eds-icon-search.entry-CrfMqbyi.js} +1 -1
  63. package/{eds-icon-success.entry-D8S7QlRm.mjs → eds-icon-success.entry-BUzsze9h.mjs} +1 -1
  64. package/{eds-icon-success.entry-DvIchNgX.js → eds-icon-success.entry-CACuZjP6.js} +1 -1
  65. package/{eds-icon-twitter.entry-DD48tnaV.mjs → eds-icon-twitter.entry-B1Iw69NW.mjs} +1 -1
  66. package/{eds-icon-twitter.entry-CD1nT3iI.js → eds-icon-twitter.entry-BbStwaGv.js} +1 -1
  67. package/{eds-icon-user.entry-DSPBBAZa.mjs → eds-icon-user.entry-CNo6pger.mjs} +1 -1
  68. package/{eds-icon-user.entry-DDRH46_Z.js → eds-icon-user.entry-vYVsxfK7.js} +1 -1
  69. package/{eds-icon-youtube.entry-BRyOsCV-.mjs → eds-icon-youtube.entry-CBU7Dvkh.mjs} +1 -1
  70. package/{eds-icon-youtube.entry-CfpQHgDF.js → eds-icon-youtube.entry-CmCAFp7D.js} +1 -1
  71. package/{eds-login.entry-CY0ZugpF.js → eds-login.entry-Bfztcsrc.js} +1 -1
  72. package/{eds-login.entry-bC6f6bvF.mjs → eds-login.entry-XqWPWCDL.mjs} +7 -7
  73. package/eds-logo-variations.entry-CUD-M_Fd.js +1 -0
  74. package/eds-logo-variations.entry-Cy_fbJLx.mjs +22 -0
  75. package/{eds-matomo-notice.entry-DanLI8VZ.js → eds-matomo-notice.entry-CytVSgYS.js} +1 -1
  76. package/{eds-matomo-notice.entry-DGHq-ICP.mjs → eds-matomo-notice.entry-kSuLDx9K.mjs} +2 -2
  77. package/{eds-navigator.entry-CUAf3hTM.js → eds-navigator.entry-BJTqtqld.js} +1 -1
  78. package/{eds-navigator.entry-D-fIKqub.mjs → eds-navigator.entry-DdzcXSRW.mjs} +1 -1
  79. package/eds-pagination_2.entry-B5PLo2Uu.mjs +249 -0
  80. package/eds-pagination_2.entry-DUsG8tcv.js +1 -0
  81. package/eds-progress-bar.entry-BBFsASiy.js +1 -0
  82. package/eds-progress-bar.entry-DdqH0plT.mjs +21 -0
  83. package/{eds-rating.entry-B2lhi19L.mjs → eds-rating.entry-CErokyKU.mjs} +6 -8
  84. package/{eds-rating.entry-BdE-bKae.js → eds-rating.entry-p9oWKCkQ.js} +1 -1
  85. package/{eds-section-core_2.entry-CqFyAWoq.mjs → eds-section-core_2.entry-D3HYngR_.mjs} +1 -1
  86. package/{eds-section-core_2.entry-BRNJshCh.js → eds-section-core_2.entry-D_nLUa29.js} +1 -1
  87. package/{eds-svg-repository.entry-qaL9fhLI.mjs → eds-svg-repository.entry-C-kayEdW.mjs} +71 -65
  88. package/{eds-svg-repository.entry-BdZya_DA.js → eds-svg-repository.entry-in72TP_1.js} +12 -12
  89. package/{eds-tab.entry-BqqMdTQv.mjs → eds-tab.entry-BKYSiEkl.mjs} +1 -1
  90. package/{eds-tab.entry-C6q7naM_.js → eds-tab.entry-BUzZWKac.js} +1 -1
  91. package/{eds-tabs-content.entry-D9b289Td.mjs → eds-tabs-content.entry-3cyCQAth.mjs} +4 -4
  92. package/{eds-tabs-content.entry-H__1SNbo.js → eds-tabs-content.entry-Cg7U8c5D.js} +1 -1
  93. package/{eds-tabs.entry-KsWwc6xS.mjs → eds-tabs.entry-B8q09in2.mjs} +24 -7
  94. package/eds-tabs.entry-DS6qBEo7.js +1 -0
  95. package/eds-timeline.entry-DEcov8mq.js +1 -0
  96. package/eds-timeline.entry-DhHSQScv.mjs +51 -0
  97. package/{eds-tooltip.entry-ByxJjA_6.mjs → eds-tooltip.entry-BTunlfGS.mjs} +14 -6
  98. package/eds-tooltip.entry-sjwuhdKF.js +1 -0
  99. package/eds-trl.entry-BHrlC_5O.js +1 -0
  100. package/eds-trl.entry-Bt28XH55.mjs +34 -0
  101. package/generated/components.d.ts +1 -0
  102. package/incorrect-use-of-colors.entry-DkY89xG1.mjs +42 -0
  103. package/incorrect-use-of-colors.entry-e4VhTVHS.js +1 -0
  104. package/index-D2H_BflF.js +21 -0
  105. package/{index-DQrtrXyM.mjs → index-I5Asbjce.mjs} +338 -363
  106. package/index.js +1 -1
  107. package/index.mjs +15 -14
  108. package/{logo-space.entry-DpgwdyOK.js → logo-space.entry-DsM5jXgX.js} +1 -1
  109. package/{logo-space.entry-OauRHmO8.mjs → logo-space.entry-GnVq-srD.mjs} +4 -4
  110. package/logo-variations-horizontal_2.entry-BeQ_r9Li.js +7 -0
  111. package/logo-variations-horizontal_2.entry-CC7tj8Hr.mjs +29 -0
  112. package/logo-wrong-usage.entry-Ct1Ae63m.mjs +14 -0
  113. package/logo-wrong-usage.entry-DkqcMaqp.js +1 -0
  114. package/package.json +1 -4
  115. package/{token-list_3.entry-Ca9muGhp.mjs → token-list_3.entry-CReCwFzO.mjs} +4 -4
  116. package/{token-list_3.entry-CVZDegic.js → token-list_3.entry-DaIOT7_R.js} +1 -1
  117. package/{token-ratios.entry-D3JWYlHy.mjs → token-ratios.entry-Dh8kvz8R.mjs} +2 -2
  118. package/{token-ratios.entry-DGMJ2vJj.js → token-ratios.entry-aBiRsmfr.js} +1 -1
  119. package/token-spacing.entry-C5HX4qPq.mjs +12 -0
  120. package/token-spacing.entry-DDiMRsNO.js +1 -0
  121. package/{token-typography.entry-DwUOTznz.mjs → token-typography.entry-CIETKadf.mjs} +2 -2
  122. package/{token-typography.entry-C8CdhyIM.js → token-typography.entry-DG-4k5gY.js} +1 -1
  123. package/color-primary-palette_6.entry-CoXWiKJ3.js +0 -1
  124. package/correct-use-of-colors.entry-CfXsWbhB.js +0 -1
  125. package/correct-use-of-colors.entry-CotQESQa.mjs +0 -59
  126. package/eds-accordion.entry-BsT7Ved4.mjs +0 -58
  127. package/eds-accordion.entry-BvDNoDvv.js +0 -4
  128. package/eds-block-break.entry-B8gP4ig9.mjs +0 -13
  129. package/eds-block-break.entry-L9LG-PtO.js +0 -1
  130. package/eds-breadcrumb.entry-C6mAAYNs.js +0 -1
  131. package/eds-breadcrumb.entry-Dio_2hx4.mjs +0 -114
  132. package/eds-card-tags.entry-Bvn8dDXI.mjs +0 -13
  133. package/eds-card-tags.entry-CndclGXB.js +0 -1
  134. package/eds-components-section.entry-8sEheaoX.js +0 -130
  135. package/eds-footer.entry-9xXgg22T.mjs +0 -29
  136. package/eds-footer.entry-DqnRHQ32.js +0 -1
  137. package/eds-frame.entry-Bz-23eT7.js +0 -1
  138. package/eds-frame.entry-YVbNIAAz.mjs +0 -74
  139. package/eds-fullscreen-menu.entry-4kxB1p-j.mjs +0 -74
  140. package/eds-fullscreen-menu.entry-DwOubHgX.js +0 -1
  141. package/eds-modal.entry-Bikh63fB.mjs +0 -65
  142. package/eds-modal.entry-TMxTmjgT.js +0 -1
  143. package/eds-pagination.entry-C8g4pxcm.js +0 -1
  144. package/eds-pagination.entry-D6iJH84k.mjs +0 -128
  145. package/eds-social-networks.entry-6VfWBLuR.js +0 -1
  146. package/eds-social-networks.entry-BgiRVGXx.mjs +0 -50
  147. package/eds-table.entry-BojRZdP2.mjs +0 -112
  148. package/eds-table.entry-ShWS4LWJ.js +0 -1
  149. package/eds-tabs.entry-DGHlnSwh.js +0 -1
  150. package/eds-tooltip.entry-BI1EvTiw.js +0 -1
  151. package/incorrect-use-of-colors.entry-C7xABbpE.js +0 -1
  152. package/incorrect-use-of-colors.entry-DNOV6p4p.mjs +0 -42
  153. package/index-BGGkUjck.js +0 -21
  154. package/logo-variations-horizontal.entry-BG8fM5Bs.js +0 -4
  155. package/logo-variations-horizontal.entry-BicKkgRN.mjs +0 -16
  156. package/logo-variations-vertical.entry-CXVFf9-0.mjs +0 -16
  157. package/logo-variations-vertical.entry-DJ-IpAyZ.js +0 -4
  158. package/logo-wrong-usage.entry-7MfyIkPp.js +0 -1
  159. package/logo-wrong-usage.entry-CH7JMqbI.mjs +0 -14
  160. package/token-spacing.entry-CdrdqAOb.js +0 -1
  161. package/token-spacing.entry-CjITQ8pH.mjs +0 -12
@@ -1,65 +0,0 @@
1
- import { r, h as e, g as i } from "./index-DQrtrXyM.mjs";
2
- const n = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}", o = n, s = class {
3
- constructor(t) {
4
- r(this, t), this.isOpen = !1, this.title = "", this.truncate = !0, this.truncateLines = "1";
5
- }
6
- getTruncateClass() {
7
- return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : "";
8
- }
9
- /**
10
- * Opens the modal.
11
- */
12
- async open() {
13
- this.isOpen = !0;
14
- }
15
- /**
16
- * Closes the modal.
17
- */
18
- async close() {
19
- this.isOpen = !1;
20
- }
21
- /**
22
- * Toggles the modal open or closed.
23
- */
24
- async toggle() {
25
- this.isOpen = !this.isOpen;
26
- }
27
- /**
28
- * Lifecycle method that runs when the component has fully loaded.
29
- * It emits a custom event for each `eds-button` element contained within the breadcrumb.
30
- */
31
- componentDidLoad() {
32
- this.el.shadowRoot.querySelectorAll("eds-button").forEach((a) => {
33
- this.emitContext(a);
34
- });
35
- }
36
- /**
37
- * Emits a custom event called `parentContext` for a given button element.
38
- * This event provides context information about the eds-modal component.
39
- *
40
- * @param btnElement - The link element to which the event will be dispatched.
41
- */
42
- emitContext(t) {
43
- const a = new CustomEvent("parentContext", {
44
- detail: {
45
- componentName: this.el.tagName.toLowerCase(),
46
- identifier: null
47
- }
48
- });
49
- t.dispatchEvent(a);
50
- }
51
- render() {
52
- return e("div", { key: "00816ecb900bd9b68b31fdf6e48bef0223f9e10a", class: `${this.isOpen ? "block" : "hidden"} fixed inset-0 z-50 flex` }, this.isOpen && e("div", {
53
- key: "570fa8625f9ad4b1ea82633f11e2b289ab01b853",
54
- class: "fixed inset-0 bg-dark bg-opacity-90",
55
- onClick: () => this.close()
56
- }), e("div", { key: "ff658c763e3fbc98123f13483076399966b10515", class: "max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center " }, e("div", { key: "d8b72acd90cc59ab1f82384aee4e311319f75aa9", class: "flex justify-between items-center border-b-2 border-softer pb-8" }, e("span", { key: "ee61fc505c5a3eb93541d3762d37f28a5a788bae", class: `f-heading-04 text-lighter ${this.getTruncateClass()}` }, this.title), e("eds-button", { key: "3832772417d05a162eb5f2c4d0733f0ee845ed1c", intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8" })), e("div", { key: "f71b38be8284a37d0d198df0a9858c64202b3d91", class: "pt-8" }, e("slot", { key: "1f80948334e5b4e9fc00a3bf01c6fc402d8220c3" }))));
57
- }
58
- get el() {
59
- return i(this);
60
- }
61
- };
62
- s.style = o;
63
- export {
64
- s as eds_modal
65
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),i=".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.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)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}",n=i,r=class{constructor(t){e.registerInstance(this,t),this.isOpen=!1,this.title="",this.truncate=!0,this.truncateLines="1"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}async open(){this.isOpen=!0}async close(){this.isOpen=!1}async toggle(){this.isOpen=!this.isOpen}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-button").forEach(a=>{this.emitContext(a)})}emitContext(t){const a=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(a)}render(){return e.h("div",{key:"00816ecb900bd9b68b31fdf6e48bef0223f9e10a",class:`${this.isOpen?"block":"hidden"} fixed inset-0 z-50 flex`},this.isOpen&&e.h("div",{key:"570fa8625f9ad4b1ea82633f11e2b289ab01b853",class:"fixed inset-0 bg-dark bg-opacity-90",onClick:()=>this.close()}),e.h("div",{key:"ff658c763e3fbc98123f13483076399966b10515",class:"max-w-full absolute px-20 py-20 bg-inverse rounded-lg shadow-lg z-10 left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center "},e.h("div",{key:"d8b72acd90cc59ab1f82384aee4e311319f75aa9",class:"flex justify-between items-center border-b-2 border-softer pb-8"},e.h("span",{key:"ee61fc505c5a3eb93541d3762d37f28a5a788bae",class:`f-heading-04 text-lighter ${this.getTruncateClass()}`},this.title),e.h("eds-button",{key:"3832772417d05a162eb5f2c4d0733f0ee845ed1c",intent:"tertiary",icon:"close","aria-label":"Close modal",onClick:()=>this.close(),"extra-class":"ml-8"})),e.h("div",{key:"f71b38be8284a37d0d198df0a9858c64202b3d91",class:"pt-8"},e.h("slot",{key:"1f80948334e5b4e9fc00a3bf01c6fc402d8220c3"}))))}get el(){return e.getElement(this)}};r.style=n;exports.eds_modal=r;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BGGkUjck.js"),l="ul,menu{list-style:none;margin:0;padding:0}.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)}.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)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}",h=l,r=class{constructor(t){i.registerInstance(this,t),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){this.mode==="default"&&this.generateLinks()}componentDidLoad(){const t=this.hostEl.shadowRoot.querySelectorAll("eds-link");t.length>0&&(this.emitContext(t[0]),t.length>1&&this.emitContext(t[t.length-1]))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){this.mode==="default"&&this.generateLinks()}isFirstPage(){return this.currentPage===1}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map(t=>typeof t=="number"?this.generateLink(t):t):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map((t,e)=>this.generateLink(e+1)))}getPaginationGenerator(t,e){const a=[];if(e<=5)for(let s=1;s<=e;s++)a.push(s);else{a.push(1),t-1>2&&a.push("...");for(let s=Math.max(2,t-1);s<=Math.min(e-1,t+1);s++)a.push(s);t+1<e-1&&a.push("..."),a.push(e)}return a}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if(this.mode!=="navigator"&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map(a=>typeof a=="object"?Object.assign(Object.assign({},a),{current:parseInt(a.label)===e}):a);const n=new CustomEvent("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(n),this.currentPage=e}}render(){return i.h("div",{key:"2385b59b0a8b2bbdc40bfc5032b846c0ec20065e"},this.total>0&&this.mode==="default"&&i.h("p",{key:"6aea281a4df247874f354469bbabae039424ad9e",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"eeb5f0ea902505c3853a30d51026cef9d9785e48",class:"sr-only"},"Results:"),this.pageResults()),this.mode==="navigator"||this.lastPage&&this.lastPage>1?i.h("nav",{"aria-label":"Pagination"},i.h("ul",{class:"flex items-center justify-center gap-x-8"},i.h("li",{class:"mr-auto"},i.h("eds-link",{label:this.prevLabel,url:this.mode==="navigator"?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:this.mode==="navigator"?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{this.mode==="default"&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),this.mode==="default"&&this.links.map((t,e)=>i.h("li",{key:e,class:"f-ui-02 flex h-36 items-center justify-center"},typeof t=="string"?i.h("span",{class:"flex items-center justify-center"},t):i.h("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:n=>this.handlePageClick(n,parseInt(t.label))}))),i.h("li",{class:"ml-auto"},i.h("eds-link",{label:this.nextLabel,url:this.mode==="navigator"?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:this.mode==="navigator"?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{this.mode==="default"&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i.getElement(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};r.style=h;exports.eds_pagination=r;
@@ -1,128 +0,0 @@
1
- import { r, h as a, g as l } from "./index-DQrtrXyM.mjs";
2
- const h = "ul,menu{list-style:none;margin:0;padding:0}.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)}.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)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", o = h, g = class {
3
- constructor(t) {
4
- r(this, t), this.currentPage = void 0, this.lastPage = void 0, this.perPage = 10, this.total = 0, this.url = "", this.mode = "default", this.prevLabel = "Prev", this.nextLabel = "Next", this.prevUrl = "", this.nextUrl = "", this.links = [];
5
- }
6
- /** Lifecycle hook to generate pagination links on component load */
7
- componentWillLoad() {
8
- this.mode === "default" && this.generateLinks();
9
- }
10
- componentDidLoad() {
11
- const t = this.hostEl.shadowRoot.querySelectorAll("eds-link");
12
- t.length > 0 && (this.emitContext(t[0]), t.length > 1 && this.emitContext(t[t.length - 1]));
13
- }
14
- /**
15
- * Emits a custom event called `parentContext` for a given link element.
16
- * This event provides context information about the breadcrumb component.
17
- *
18
- * @param linkElement - The link element to which the event will be dispatched.
19
- */
20
- emitContext(t) {
21
- const e = new CustomEvent("parentContext", {
22
- detail: {
23
- componentName: this.hostEl.tagName.toLowerCase(),
24
- identifier: null
25
- }
26
- });
27
- t.dispatchEvent(e);
28
- }
29
- onPageOrLastPageChange() {
30
- this.mode === "default" && this.generateLinks();
31
- }
32
- /**
33
- * Checks if the current page is the first page
34
- * @returns {boolean} - true if current page is the first page
35
- */
36
- isFirstPage() {
37
- return this.currentPage === 1;
38
- }
39
- /**
40
- * Checks if the current page is the last page
41
- * @returns {boolean} - true if current page is the last page
42
- */
43
- isLastPage() {
44
- return this.currentPage === this.lastPage;
45
- }
46
- /**
47
- * Generates a pagination link object
48
- * @param {number} page - Page number for the link
49
- * @returns {Link} - Link object with page details
50
- */
51
- generateLink(t) {
52
- const e = this.url.includes("?");
53
- return {
54
- ariaLabel: `Page ${t}`,
55
- url: `${this.url}${e ? "&" : "?"}page=${t}`,
56
- label: t.toString(),
57
- current: this.currentPage === t,
58
- disabled: !1
59
- };
60
- }
61
- /** Generates pagination links based on the last page and current page */
62
- generateLinks() {
63
- this.lastPage && this.lastPage > 5 ? this.links = this.getPaginationGenerator(this.currentPage || 1, this.lastPage).map((t) => typeof t == "number" ? this.generateLink(t) : t) : this.lastPage && (this.links = Array.from({ length: this.lastPage }).map((t, e) => this.generateLink(e + 1)));
64
- }
65
- /**
66
- * Creates a pagination range based on delta, current, and total pages
67
- * @param {number} current - Current page number
68
- * @param {number} total - Total number of pages
69
- * @param {number} delta - Range of pages to display around the current page
70
- * @returns {(number | string)[]} - Range of page numbers or ellipses
71
- */
72
- getPaginationGenerator(t, e) {
73
- const i = [];
74
- if (e <= 5)
75
- for (let s = 1; s <= e; s++)
76
- i.push(s);
77
- else {
78
- i.push(1), t - 1 > 2 && i.push("...");
79
- for (let s = Math.max(2, t - 1); s <= Math.min(e - 1, t + 1); s++)
80
- i.push(s);
81
- t + 1 < e - 1 && i.push("..."), i.push(e);
82
- }
83
- return i;
84
- }
85
- /**
86
- * Formats the current page results information for display
87
- * @returns {string} - Formatted page result information
88
- */
89
- pageResults() {
90
- return this.total > 0 ? this.total > this.perPage ? `${this.perPage * ((this.currentPage || 1) - 1) + 1} - ${this.perPage * (this.currentPage || 1) >= this.total ? this.total : this.perPage * (this.currentPage || 1)} of ${this.total}` : `${this.total}` : "";
91
- }
92
- /**
93
- * Handles a page click event, updating the current page and dispatching an event
94
- * @param {MouseEvent} event - Click event
95
- * @param {number} newPage - New page number
96
- */
97
- handlePageClick(t, e) {
98
- if (this.mode !== "navigator" && (t.preventDefault(), e !== this.currentPage)) {
99
- this.links = this.links.map((i) => typeof i == "object" ? Object.assign(Object.assign({}, i), { current: parseInt(i.label) === e }) : i);
100
- const n = new CustomEvent("pageChange", {
101
- detail: e,
102
- bubbles: !0,
103
- composed: !0
104
- });
105
- this.hostEl.dispatchEvent(n), this.currentPage = e;
106
- }
107
- }
108
- render() {
109
- return a("div", { key: "2385b59b0a8b2bbdc40bfc5032b846c0ec20065e" }, this.total > 0 && this.mode === "default" && a("p", { key: "6aea281a4df247874f354469bbabae039424ad9e", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, a("span", { key: "eeb5f0ea902505c3853a30d51026cef9d9785e48", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? a("nav", { "aria-label": "Pagination" }, a("ul", { class: "flex items-center justify-center gap-x-8" }, a("li", { class: "mr-auto" }, a("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12", onClick: (t) => {
110
- this.mode === "default" && (this.isFirstPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) - 1));
111
- } })), this.mode === "default" && this.links.map((t, e) => a("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof t == "string" ? a("span", { class: "flex items-center justify-center" }, t) : a("eds-link", { url: t.url, "aria-label": t.ariaLabel, label: t.label, current: t.current, size: "small", class: "!p-8", intent: t.current ? "secondary" : "ghost", onClick: (n) => this.handlePageClick(n, parseInt(t.label)) }))), a("li", { class: "ml-auto" }, a("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (t) => {
112
- this.mode === "default" && (this.isLastPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) + 1));
113
- } })))) : null);
114
- }
115
- get hostEl() {
116
- return l(this);
117
- }
118
- static get watchers() {
119
- return {
120
- currentPage: ["onPageOrLastPageChange"],
121
- lastPage: ["onPageOrLastPageChange"]
122
- };
123
- }
124
- };
125
- g.style = o;
126
- export {
127
- g as eds_pagination
128
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),n="blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.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)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}",l=n,i=class{constructor(t){e.registerInstance(this,t),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.title="Follow EBRAINS to keep up-to-date"}render(){return e.h("div",{key:"6169559327b728fd0f3a51a2b8a6439f80fba8fc"},e.h("p",{key:"df2e008500097af1b85660fe8b3fac122f5018a4",class:"f-ui-02"},this.title),e.h("ul",{key:"df01a2802412c4db4e5442fdfc0b6ef3f15c4109",class:"mt-12 flex gap-4"},this.socialNetworks.map((t,o)=>e.h("li",{key:o},e.h("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":t.label,url:t.url,icon:t.icon,intent:"strong"})))))}};i.style=l;exports.eds_social_networks=i;
@@ -1,50 +0,0 @@
1
- import { r as o, h as t } from "./index-DQrtrXyM.mjs";
2
- const n = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.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)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}", l = n, r = class {
3
- constructor(e) {
4
- o(this, e), this.socialNetworks = [
5
- {
6
- label: "Twitter",
7
- url: "https://twitter.com/ebrains_eu",
8
- icon: "twitter"
9
- },
10
- {
11
- label: "Linkedin",
12
- url: "https://www.linkedin.com/company/ebrains-eu/about/",
13
- icon: "linkedin"
14
- },
15
- {
16
- label: "Facebook",
17
- url: "https://www.facebook.com/people/Ebrains_eu/100046659909324/",
18
- icon: "facebook"
19
- },
20
- {
21
- label: "Youtube",
22
- url: "https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",
23
- icon: "youtube"
24
- },
25
- {
26
- label: "Mastodon",
27
- url: "https://mastodon.social/@ebrains",
28
- icon: "mastodon"
29
- },
30
- {
31
- label: "Bluesky",
32
- url: "https://bsky.app/profile/ebrains.bsky.social",
33
- icon: "bluesky"
34
- }
35
- ], this.title = "Follow EBRAINS to keep up-to-date";
36
- }
37
- /**
38
- * Renders the component's HTML structure with links to EBRAINS social profiles.
39
- * Each social network link uses the `eds-link` component with specific classes and styles.
40
- *
41
- * @returns {JSX.Element} The rendered JSX for the component.
42
- */
43
- render() {
44
- return t("div", { key: "6169559327b728fd0f3a51a2b8a6439f80fba8fc" }, t("p", { key: "df2e008500097af1b85660fe8b3fac122f5018a4", class: "f-ui-02" }, this.title), t("ul", { key: "df01a2802412c4db4e5442fdfc0b6ef3f15c4109", class: "mt-12 flex gap-4" }, this.socialNetworks.map((e, i) => t("li", { key: i }, t("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": e.label, url: e.url, icon: e.icon, intent: "strong" })))));
45
- }
46
- };
47
- r.style = l;
48
- export {
49
- r as eds_social_networks
50
- };
@@ -1,112 +0,0 @@
1
- import { r as d, h as a, g as l } from "./index-DQrtrXyM.mjs";
2
- const h = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.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)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}", c = h, g = class {
3
- constructor(t) {
4
- d(this, t), this.minWidth = 400, this.data = null, this.endpoint = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.tableData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "";
5
- }
6
- handleDataChange() {
7
- this.parseData();
8
- }
9
- handleConfigChange() {
10
- this.parseConfig();
11
- }
12
- componentWillLoad() {
13
- this.parseConfig(), this.data ? this.parseData() : this.endpoint && this.fetchData();
14
- }
15
- componentDidLoad() {
16
- this.setupPaginationListener();
17
- }
18
- componentDidUpdate() {
19
- this.setupPaginationListener();
20
- }
21
- parseData() {
22
- try {
23
- this.tableData = typeof this.data == "string" ? JSON.parse(this.data) : this.data || [], this.totalRows = this.tableData.length, this.updateColumns(), this.currentPage = 1;
24
- } catch (t) {
25
- console.error("Failed to parse data:", t), this.tableData = [];
26
- }
27
- }
28
- parseConfig() {
29
- try {
30
- this.parsedConfig = typeof this.config == "string" ? JSON.parse(this.config) : this.config;
31
- } catch (t) {
32
- console.error("Failed to parse config:", t), this.parsedConfig = {};
33
- }
34
- }
35
- async fetchData() {
36
- try {
37
- const e = await (await fetch(this.endpoint)).json();
38
- this.data = e;
39
- } catch (t) {
40
- console.error("Failed to fetch data:", t);
41
- }
42
- }
43
- setupPaginationListener() {
44
- if (!this.shouldEnablePagination())
45
- return;
46
- const t = this.hostEl.shadowRoot.querySelector("eds-pagination");
47
- t && !t.hasAttribute("listener-attached") && (t.addEventListener("pageChange", (e) => this.handlePageChange(e.detail)), t.setAttribute("listener-attached", "true"));
48
- }
49
- getFilteredRows() {
50
- return this.tableData.filter((t) => Object.values(t).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
51
- }
52
- getPaginatedRows() {
53
- const t = this.getFilteredRows();
54
- this.totalRows = t.length;
55
- const e = (this.currentPage - 1) * this.rowsPerPage;
56
- return t.slice(e, e + this.rowsPerPage);
57
- }
58
- handlePageChange(t) {
59
- this.currentPage = t;
60
- }
61
- handleSearch(t) {
62
- this.searchQuery = t.target.value, this.currentPage = 1;
63
- }
64
- renderCell(t, e) {
65
- var n;
66
- const i = (n = this.parsedConfig[e]) === null || n === void 0 ? void 0 : n.format;
67
- return i === "uppercase" ? t == null ? void 0 : t.toString().toUpperCase() : i === "svg" ? a("div", { innerHTML: t }) : i === "bold" ? a("strong", null, t) : i === "code" ? a("code", null, t) : t;
68
- }
69
- shouldEnablePagination() {
70
- return this.paginationEnabled && this.totalRows > this.rowsPerPage;
71
- }
72
- updateColumns() {
73
- this.columns = this.tableData.length > 0 ? Object.keys(this.tableData[0]) : [];
74
- }
75
- getVisibleColumnsCount() {
76
- return this.columns.filter((t) => {
77
- var e;
78
- return !(!((e = this.parsedConfig[t]) === null || e === void 0) && e.hidden);
79
- }).length;
80
- }
81
- render() {
82
- const t = this.getPaginatedRows(), e = Math.ceil(this.totalRows / this.rowsPerPage), n = this.getVisibleColumnsCount(), i = n > 0 ? Math.max(this.minWidth / n, 100) : 100;
83
- return a("div", { key: "c5e50673eb1ed5cf00e0294885bf9cd6d13f9366", class: "container", style: { minWidth: `${this.minWidth}px` } }, a("div", { key: "0e0814a8cb5ae1e11538a26cba630e59d39dde74" }, this.searchEnabled && a("eds-input-field", {
84
- key: 1,
85
- name: "search",
86
- "aria-label": "Search",
87
- type: "text",
88
- placeholder: "Search...",
89
- // @ts-ignore
90
- onInput: (s) => this.handleSearch(s)
91
- })), a("div", { key: "65e0c9057c313f220655ecd7692a83c932f441b3", class: "mt-20" }, a("table", { key: "9e77153c2e0983f7598a21ef55ebcf3107655e09", class: "block overflow-x-auto mt-6 p-0" }, a("thead", { key: "38e5ac67ffae80d896c29357615d19b5dfcc52d3" }, a("tr", { key: "526c5b30da0a2aa97bb90f5b473b3e9ea41dde6b", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((s) => {
92
- var r;
93
- return !(!((r = this.parsedConfig[s]) === null || r === void 0) && r.hidden) && a("th", { class: "m-0 px-20 py-8 border border-softer f-ui-02", style: { minWidth: `${i}px` } }, s);
94
- }))), a("tbody", { key: "5a10525ed86eac82291746be4c6cce5f65942d2d" }, t.map((s) => a("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((r) => {
95
- var o;
96
- return !(!((o = this.parsedConfig[r]) === null || o === void 0) && o.hidden) && a("td", { class: "text-center border border-softer m-0 px-20 py-8 f-ui-2", style: { minWidth: `${i}px` } }, this.renderCell(s[r], r));
97
- })))))), a("div", { key: "af1183fd3e635c7d7ac982231adfdd9d892f6979", class: "mt-20" }, this.shouldEnablePagination() && a("eds-pagination", { key: "a5de7f25054c2d67f0788bfd2bc37d07f46de02c", currentPage: this.currentPage, lastPage: e, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
98
- }
99
- get hostEl() {
100
- return l(this);
101
- }
102
- static get watchers() {
103
- return {
104
- data: ["handleDataChange"],
105
- config: ["handleConfigChange"]
106
- };
107
- }
108
- };
109
- g.style = c;
110
- export {
111
- g as eds_table
112
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BGGkUjck.js"),h="table{text-indent:0;border-color:inherit;border-collapse:collapse;}.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}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.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)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}",l=h,d=class{constructor(e){t.registerInstance(this,e),this.minWidth=400,this.data=null,this.endpoint=null,this.config={},this.rowsPerPage=10,this.paginationEnabled=!0,this.searchEnabled=!1,this.tableData=[],this.columns=[],this.currentPage=1,this.parsedConfig={},this.totalRows=0,this.searchQuery=""}handleDataChange(){this.parseData()}handleConfigChange(){this.parseConfig()}componentWillLoad(){this.parseConfig(),this.data?this.parseData():this.endpoint&&this.fetchData()}componentDidLoad(){this.setupPaginationListener()}componentDidUpdate(){this.setupPaginationListener()}parseData(){try{this.tableData=typeof this.data=="string"?JSON.parse(this.data):this.data||[],this.totalRows=this.tableData.length,this.updateColumns(),this.currentPage=1}catch(e){console.error("Failed to parse data:",e),this.tableData=[]}}parseConfig(){try{this.parsedConfig=typeof this.config=="string"?JSON.parse(this.config):this.config}catch(e){console.error("Failed to parse config:",e),this.parsedConfig={}}}async fetchData(){try{const a=await(await fetch(this.endpoint)).json();this.data=a}catch(e){console.error("Failed to fetch data:",e)}}setupPaginationListener(){if(!this.shouldEnablePagination())return;const e=this.hostEl.shadowRoot.querySelector("eds-pagination");e&&!e.hasAttribute("listener-attached")&&(e.addEventListener("pageChange",a=>this.handlePageChange(a.detail)),e.setAttribute("listener-attached","true"))}getFilteredRows(){return this.tableData.filter(e=>Object.values(e).some(a=>a.toString().toLowerCase().includes(this.searchQuery.toLowerCase())))}getPaginatedRows(){const e=this.getFilteredRows();this.totalRows=e.length;const a=(this.currentPage-1)*this.rowsPerPage;return e.slice(a,a+this.rowsPerPage)}handlePageChange(e){this.currentPage=e}handleSearch(e){this.searchQuery=e.target.value,this.currentPage=1}renderCell(e,a){var n;const i=(n=this.parsedConfig[a])===null||n===void 0?void 0:n.format;return i==="uppercase"?e==null?void 0:e.toString().toUpperCase():i==="svg"?t.h("div",{innerHTML:e}):i==="bold"?t.h("strong",null,e):i==="code"?t.h("code",null,e):e}shouldEnablePagination(){return this.paginationEnabled&&this.totalRows>this.rowsPerPage}updateColumns(){this.columns=this.tableData.length>0?Object.keys(this.tableData[0]):[]}getVisibleColumnsCount(){return this.columns.filter(e=>{var a;return!(!((a=this.parsedConfig[e])===null||a===void 0)&&a.hidden)}).length}render(){const e=this.getPaginatedRows(),a=Math.ceil(this.totalRows/this.rowsPerPage),n=this.getVisibleColumnsCount(),i=n>0?Math.max(this.minWidth/n,100):100;return t.h("div",{key:"c5e50673eb1ed5cf00e0294885bf9cd6d13f9366",class:"container",style:{minWidth:`${this.minWidth}px`}},t.h("div",{key:"0e0814a8cb5ae1e11538a26cba630e59d39dde74"},this.searchEnabled&&t.h("eds-input-field",{key:1,name:"search","aria-label":"Search",type:"text",placeholder:"Search...",onInput:s=>this.handleSearch(s)})),t.h("div",{key:"65e0c9057c313f220655ecd7692a83c932f441b3",class:"mt-20"},t.h("table",{key:"9e77153c2e0983f7598a21ef55ebcf3107655e09",class:"block overflow-x-auto mt-6 p-0"},t.h("thead",{key:"38e5ac67ffae80d896c29357615d19b5dfcc52d3"},t.h("tr",{key:"526c5b30da0a2aa97bb90f5b473b3e9ea41dde6b",class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(s=>{var r;return!(!((r=this.parsedConfig[s])===null||r===void 0)&&r.hidden)&&t.h("th",{class:"m-0 px-20 py-8 border border-softer f-ui-02",style:{minWidth:`${i}px`}},s)}))),t.h("tbody",{key:"5a10525ed86eac82291746be4c6cce5f65942d2d"},e.map(s=>t.h("tr",{class:"m-0 p-0 border border-softer even:bg-inverse-softer"},this.columns.map(r=>{var o;return!(!((o=this.parsedConfig[r])===null||o===void 0)&&o.hidden)&&t.h("td",{class:"text-center border border-softer m-0 px-20 py-8 f-ui-2",style:{minWidth:`${i}px`}},this.renderCell(s[r],r))})))))),t.h("div",{key:"af1183fd3e635c7d7ac982231adfdd9d892f6979",class:"mt-20"},this.shouldEnablePagination()&&t.h("eds-pagination",{key:"a5de7f25054c2d67f0788bfd2bc37d07f46de02c",currentPage:this.currentPage,lastPage:a,perPage:this.rowsPerPage,total:this.totalRows,mode:"default"})))}get hostEl(){return t.getElement(this)}static get watchers(){return{data:["handleDataChange"],config:["handleConfigChange"]}}};d.style=l;exports.eds_table=d;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-BGGkUjck.js"),o=require("./color-0ba8ed56-BVeDdJAE.js"),n=require("./index-39c58238-SQ-JC-LH.js"),l="",b=l,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(){try{this.parsedTabs=JSON.parse(this.tabs)}catch{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:"25078703609dbdaa2025013d0e266b169c880c50",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:"8aa1b4ab1f15692c912db3ee39486a59d634c6a5",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:"33728823ca0f039e1037a691da90b295cbe3f3ac",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=b;exports.eds_tabs=r;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BGGkUjck.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;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],o=[{background:"#FFA543"},{background:"#FF4D68"}],s=[{background:"#3FA9F5"},...d,...o],l=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"024316623703e89a7d5d226a75c25c145be9b2c6",class:"container"},e.h("p",{key:"c2ddb12f2d87bf1c5bb7f49bcf2b76d42ccfd310",class:"f-body-01"},"Each of the four colour tones cannot be mixed in the same composition."),e.h("div",{key:"c5f1acb20614d5732836240dd65b23a8dd074447",class:"flex"},e.h("div",{key:"cb2fb1c0355b744e53977c573383989be12fe1ad",class:"w-full"},e.h("ul",{key:"9ceb752231d8a7764221d45653c4ef73fad4573d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(c=>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:c.background}}))))),e.h("div",{key:"494eaadc1547f91e11d93655b91424f98de6a635",class:"w-full"},e.h("ul",{key:"51de6e25df144ab9014ca95ad645a437b6469441",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map(c=>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:c.background}})))))))}};exports.incorrect_use_of_colors=l;
@@ -1,42 +0,0 @@
1
- import { r as a, h as c } from "./index-DQrtrXyM.mjs";
2
- const d = [
3
- {
4
- background: "#9CE142"
5
- },
6
- {
7
- background: "#00C959"
8
- },
9
- {
10
- background: "#00A595"
11
- }
12
- ], s = [
13
- {
14
- background: "#C461FF"
15
- },
16
- {
17
- background: "#5D3DF9"
18
- }
19
- ], o = [
20
- {
21
- background: "#FFA543"
22
- },
23
- {
24
- background: "#FF4D68"
25
- }
26
- ], l = [
27
- {
28
- background: "#3FA9F5"
29
- },
30
- ...s,
31
- ...o
32
- ], n = class {
33
- constructor(e) {
34
- a(this, e);
35
- }
36
- render() {
37
- return c("div", { key: "024316623703e89a7d5d226a75c25c145be9b2c6", class: "container" }, c("p", { key: "c2ddb12f2d87bf1c5bb7f49bcf2b76d42ccfd310", class: "f-body-01" }, "Each of the four colour tones cannot be mixed in the same composition."), c("div", { key: "c5f1acb20614d5732836240dd65b23a8dd074447", class: "flex" }, c("div", { key: "cb2fb1c0355b744e53977c573383989be12fe1ad", class: "w-full" }, c("ul", { key: "9ceb752231d8a7764221d45653c4ef73fad4573d", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((e) => c("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, c("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: e.background } }))))), c("div", { key: "494eaadc1547f91e11d93655b91424f98de6a635", class: "w-full" }, c("ul", { key: "51de6e25df144ab9014ca95ad645a437b6469441", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((e) => c("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, c("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: e.background } })))))));
38
- }
39
- };
40
- export {
41
- n as incorrect_use_of_colors
42
- };