@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.
- package/{color-0ba8ed56-BVeDdJAE.js → color-bb472c37-CKu54kOY.js} +1 -1
- package/{color-0ba8ed56-D-UJpBQL.mjs → color-bb472c37-DDERsxdk.mjs} +6 -6
- package/color-primary-palette_6.entry-BB6740d4.js +1 -0
- package/{color-primary-palette_6.entry-CfqMCd3g.mjs → color-primary-palette_6.entry-CSDWEKLH.mjs} +17 -17
- package/correct-use-of-colors.entry-LuyuqIQ9.js +1 -0
- package/correct-use-of-colors.entry-hvZ1z3tc.mjs +59 -0
- package/{eds-alert_28.entry-DbTB72ow.mjs → eds-accordion_33.entry-DFgdjlJE.mjs} +709 -270
- package/{eds-alert_28.entry-Ctl9tHqr.js → eds-accordion_33.entry-DlnbmQ6R.js} +14 -11
- package/{eds-card-project.entry-XK15egnP.js → eds-card-project.entry-BQ-dH8vM.js} +1 -1
- package/{eds-card-project.entry-CKYhNPPH.mjs → eds-card-project.entry-C3eyu1U0.mjs} +2 -2
- package/{eds-card-section.entry-B7jR75ty.js → eds-card-section.entry-DU-1TB0I.js} +1 -1
- package/{eds-card-section.entry-x8CPk5NZ.mjs → eds-card-section.entry-Dxk-Ob_Y.mjs} +14 -8
- package/eds-card-tags.entry-CIu6lD0P.mjs +13 -0
- package/eds-card-tags.entry-YPPBWdFq.js +1 -0
- package/{eds-card-tool.entry-DFuXjfhh.mjs → eds-card-tool.entry-1_RNWh8n.mjs} +2 -2
- package/{eds-card-tool.entry-DZqHML8u.js → eds-card-tool.entry-DgBqQucY.js} +1 -1
- package/{eds-card-wrapper.entry-C_r0u0Fd.js → eds-card-wrapper.entry-BfCDGeFs.js} +1 -1
- package/{eds-card-wrapper.entry-DNnlCvMe.mjs → eds-card-wrapper.entry-C4pNRjIj.mjs} +2 -2
- package/{eds-code-block.entry-DwfHDe4j.mjs → eds-code-block.entry-B2xATQ7r.mjs} +87 -46
- package/{eds-code-block.entry-ClmjgThG.js → eds-code-block.entry-DQEDpAjn.js} +3 -3
- package/eds-components-section.entry-D08woahG.js +132 -0
- package/{eds-components-section.entry-BSRNSdwF.mjs → eds-components-section.entry-DR-984-3.mjs} +93 -42
- package/{eds-docs-palettes.entry-BlQEI2Bl.mjs → eds-docs-palettes.entry-B0yU2ZpL.mjs} +2 -2
- package/{eds-docs-palettes.entry-Gi9kzOYC.js → eds-docs-palettes.entry-qKOj3XU9.js} +1 -1
- package/{eds-docs-tokens.entry-Bxzd9uSz.mjs → eds-docs-tokens.entry-BVHiM7cK.mjs} +2 -2
- package/{eds-docs-tokens.entry-G6O1zRxS.js → eds-docs-tokens.entry-BtRXzjrp.js} +1 -1
- package/{eds-icon-arrow-diagonal.entry-C06V6TIW.js → eds-icon-arrow-diagonal.entry-DjDB--sU.js} +1 -1
- package/{eds-icon-arrow-diagonal.entry-Ky6NoFbS.mjs → eds-icon-arrow-diagonal.entry-E5xC3m8H.mjs} +1 -1
- package/{eds-icon-arrow-right.entry-BPHnm7pX.mjs → eds-icon-arrow-right.entry-DaXIkUew.mjs} +1 -1
- package/{eds-icon-arrow-right.entry-Dv17zi29.js → eds-icon-arrow-right.entry-odZ8U-W2.js} +1 -1
- package/{eds-icon-bluesky.entry-7_AzEVLl.mjs → eds-icon-bluesky.entry-B3yW2mUC.mjs} +1 -1
- package/{eds-icon-bluesky.entry-DQshm0EA.js → eds-icon-bluesky.entry-Dppj9cuC.js} +1 -1
- package/{eds-icon-chevron-down.entry-BlnVbI1I.js → eds-icon-chevron-down.entry-CidjiGQS.js} +1 -1
- package/{eds-icon-chevron-down.entry-DkcBkTRK.mjs → eds-icon-chevron-down.entry-xWODzTE-.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-BwhZiPKE.mjs → eds-icon-chevron-left.entry-CJyHE01I.mjs} +1 -1
- package/{eds-icon-chevron-left.entry-BTxaVVnF.js → eds-icon-chevron-left.entry-DjJj-hmG.js} +1 -1
- package/{eds-icon-chevron-right.entry-c4irNhqS.js → eds-icon-chevron-right.entry-D8RyOADq.js} +1 -1
- package/{eds-icon-chevron-right.entry-BPKLFXW0.mjs → eds-icon-chevron-right.entry-iy6d6tux.mjs} +1 -1
- package/{eds-icon-chevron-up.entry-oja5yYhS.mjs → eds-icon-chevron-up.entry-TKCdY_T3.mjs} +1 -1
- package/{eds-icon-chevron-up.entry-CFiZyc6u.js → eds-icon-chevron-up.entry-ezV-v92v.js} +1 -1
- package/{eds-icon-close.entry-5BdzrFmk.mjs → eds-icon-close.entry-Brv3Uxu1.mjs} +1 -1
- package/{eds-icon-close.entry-DQD_dDo5.js → eds-icon-close.entry-CE-Nory7.js} +1 -1
- package/{eds-icon-copy.entry-CQ237xrq.js → eds-icon-copy.entry-Bpe3I5b6.js} +1 -1
- package/{eds-icon-copy.entry-jpUaAQ7k.mjs → eds-icon-copy.entry-DQioS3t7.mjs} +1 -1
- package/{eds-icon-eu.entry-CjCnJWwP.js → eds-icon-eu.entry-BzmYOiKL.js} +1 -1
- package/{eds-icon-eu.entry-gJ234Xni.mjs → eds-icon-eu.entry-KylDo55P.mjs} +1 -1
- package/{eds-icon-facebook.entry-BHUSe9LK.js → eds-icon-facebook.entry-DWZ02rD5.js} +1 -1
- package/{eds-icon-facebook.entry-Ch94iA-s.mjs → eds-icon-facebook.entry-DpS2m4v2.mjs} +1 -1
- package/{eds-icon-gitlab.entry-j6RBYOBc.js → eds-icon-gitlab.entry-D8PM12SK.js} +1 -1
- package/{eds-icon-gitlab.entry-B06LmNCU.mjs → eds-icon-gitlab.entry-JX-5azIw.mjs} +1 -1
- package/{eds-icon-linkedin.entry-CMW1rKpG.mjs → eds-icon-linkedin.entry-BylIVu8G.mjs} +1 -1
- package/{eds-icon-linkedin.entry-DouHzclR.js → eds-icon-linkedin.entry-CstoPbTS.js} +1 -1
- package/{eds-icon-loader.entry-BlGbpEzt.js → eds-icon-loader.entry-CaGFh0gM.js} +1 -1
- package/{eds-icon-loader.entry-Cx_ffiBq.mjs → eds-icon-loader.entry-DZyUa8Na.mjs} +1 -1
- package/{eds-icon-mastodon.entry-C4ITVPfN.mjs → eds-icon-mastodon.entry-BIckHn_q.mjs} +1 -1
- package/{eds-icon-mastodon.entry-Cpl3lSng.js → eds-icon-mastodon.entry-DxNG__-Y.js} +1 -1
- package/{eds-icon-menu.entry-DvQARmJU.mjs → eds-icon-menu.entry-C9N6s8Oa.mjs} +1 -1
- package/{eds-icon-menu.entry-BcPeEfV2.js → eds-icon-menu.entry-DwN-ZAWi.js} +1 -1
- package/{eds-icon-more.entry-m61loZHO.js → eds-icon-more.entry-68jT9AEw.js} +1 -1
- package/{eds-icon-more.entry-BoAVOpyT.mjs → eds-icon-more.entry-MUkUL_e2.mjs} +1 -1
- package/{eds-icon-search.entry-D-nQvhug.mjs → eds-icon-search.entry-CcwwFnns.mjs} +1 -1
- package/{eds-icon-search.entry-BJMtVlnR.js → eds-icon-search.entry-CrfMqbyi.js} +1 -1
- package/{eds-icon-success.entry-D8S7QlRm.mjs → eds-icon-success.entry-BUzsze9h.mjs} +1 -1
- package/{eds-icon-success.entry-DvIchNgX.js → eds-icon-success.entry-CACuZjP6.js} +1 -1
- package/{eds-icon-twitter.entry-DD48tnaV.mjs → eds-icon-twitter.entry-B1Iw69NW.mjs} +1 -1
- package/{eds-icon-twitter.entry-CD1nT3iI.js → eds-icon-twitter.entry-BbStwaGv.js} +1 -1
- package/{eds-icon-user.entry-DSPBBAZa.mjs → eds-icon-user.entry-CNo6pger.mjs} +1 -1
- package/{eds-icon-user.entry-DDRH46_Z.js → eds-icon-user.entry-vYVsxfK7.js} +1 -1
- package/{eds-icon-youtube.entry-BRyOsCV-.mjs → eds-icon-youtube.entry-CBU7Dvkh.mjs} +1 -1
- package/{eds-icon-youtube.entry-CfpQHgDF.js → eds-icon-youtube.entry-CmCAFp7D.js} +1 -1
- package/{eds-login.entry-CY0ZugpF.js → eds-login.entry-Bfztcsrc.js} +1 -1
- package/{eds-login.entry-bC6f6bvF.mjs → eds-login.entry-XqWPWCDL.mjs} +7 -7
- package/eds-logo-variations.entry-CUD-M_Fd.js +1 -0
- package/eds-logo-variations.entry-Cy_fbJLx.mjs +22 -0
- package/{eds-matomo-notice.entry-DanLI8VZ.js → eds-matomo-notice.entry-CytVSgYS.js} +1 -1
- package/{eds-matomo-notice.entry-DGHq-ICP.mjs → eds-matomo-notice.entry-kSuLDx9K.mjs} +2 -2
- package/{eds-navigator.entry-CUAf3hTM.js → eds-navigator.entry-BJTqtqld.js} +1 -1
- package/{eds-navigator.entry-D-fIKqub.mjs → eds-navigator.entry-DdzcXSRW.mjs} +1 -1
- package/eds-pagination_2.entry-B5PLo2Uu.mjs +249 -0
- package/eds-pagination_2.entry-DUsG8tcv.js +1 -0
- package/eds-progress-bar.entry-BBFsASiy.js +1 -0
- package/eds-progress-bar.entry-DdqH0plT.mjs +21 -0
- package/{eds-rating.entry-B2lhi19L.mjs → eds-rating.entry-CErokyKU.mjs} +6 -8
- package/{eds-rating.entry-BdE-bKae.js → eds-rating.entry-p9oWKCkQ.js} +1 -1
- package/{eds-section-core_2.entry-CqFyAWoq.mjs → eds-section-core_2.entry-D3HYngR_.mjs} +1 -1
- package/{eds-section-core_2.entry-BRNJshCh.js → eds-section-core_2.entry-D_nLUa29.js} +1 -1
- package/{eds-svg-repository.entry-qaL9fhLI.mjs → eds-svg-repository.entry-C-kayEdW.mjs} +71 -65
- package/{eds-svg-repository.entry-BdZya_DA.js → eds-svg-repository.entry-in72TP_1.js} +12 -12
- package/{eds-tab.entry-BqqMdTQv.mjs → eds-tab.entry-BKYSiEkl.mjs} +1 -1
- package/{eds-tab.entry-C6q7naM_.js → eds-tab.entry-BUzZWKac.js} +1 -1
- package/{eds-tabs-content.entry-D9b289Td.mjs → eds-tabs-content.entry-3cyCQAth.mjs} +4 -4
- package/{eds-tabs-content.entry-H__1SNbo.js → eds-tabs-content.entry-Cg7U8c5D.js} +1 -1
- package/{eds-tabs.entry-KsWwc6xS.mjs → eds-tabs.entry-B8q09in2.mjs} +24 -7
- package/eds-tabs.entry-DS6qBEo7.js +1 -0
- package/eds-timeline.entry-DEcov8mq.js +1 -0
- package/eds-timeline.entry-DhHSQScv.mjs +51 -0
- package/{eds-tooltip.entry-ByxJjA_6.mjs → eds-tooltip.entry-BTunlfGS.mjs} +14 -6
- package/eds-tooltip.entry-sjwuhdKF.js +1 -0
- package/eds-trl.entry-BHrlC_5O.js +1 -0
- package/eds-trl.entry-Bt28XH55.mjs +34 -0
- package/generated/components.d.ts +1 -0
- package/incorrect-use-of-colors.entry-DkY89xG1.mjs +42 -0
- package/incorrect-use-of-colors.entry-e4VhTVHS.js +1 -0
- package/index-D2H_BflF.js +21 -0
- package/{index-DQrtrXyM.mjs → index-I5Asbjce.mjs} +338 -363
- package/index.js +1 -1
- package/index.mjs +15 -14
- package/{logo-space.entry-DpgwdyOK.js → logo-space.entry-DsM5jXgX.js} +1 -1
- package/{logo-space.entry-OauRHmO8.mjs → logo-space.entry-GnVq-srD.mjs} +4 -4
- package/logo-variations-horizontal_2.entry-BeQ_r9Li.js +7 -0
- package/logo-variations-horizontal_2.entry-CC7tj8Hr.mjs +29 -0
- package/logo-wrong-usage.entry-Ct1Ae63m.mjs +14 -0
- package/logo-wrong-usage.entry-DkqcMaqp.js +1 -0
- package/package.json +1 -4
- package/{token-list_3.entry-Ca9muGhp.mjs → token-list_3.entry-CReCwFzO.mjs} +4 -4
- package/{token-list_3.entry-CVZDegic.js → token-list_3.entry-DaIOT7_R.js} +1 -1
- package/{token-ratios.entry-D3JWYlHy.mjs → token-ratios.entry-Dh8kvz8R.mjs} +2 -2
- package/{token-ratios.entry-DGMJ2vJj.js → token-ratios.entry-aBiRsmfr.js} +1 -1
- package/token-spacing.entry-C5HX4qPq.mjs +12 -0
- package/token-spacing.entry-DDiMRsNO.js +1 -0
- package/{token-typography.entry-DwUOTznz.mjs → token-typography.entry-CIETKadf.mjs} +2 -2
- package/{token-typography.entry-C8CdhyIM.js → token-typography.entry-DG-4k5gY.js} +1 -1
- package/color-primary-palette_6.entry-CoXWiKJ3.js +0 -1
- package/correct-use-of-colors.entry-CfXsWbhB.js +0 -1
- package/correct-use-of-colors.entry-CotQESQa.mjs +0 -59
- package/eds-accordion.entry-BsT7Ved4.mjs +0 -58
- package/eds-accordion.entry-BvDNoDvv.js +0 -4
- package/eds-block-break.entry-B8gP4ig9.mjs +0 -13
- package/eds-block-break.entry-L9LG-PtO.js +0 -1
- package/eds-breadcrumb.entry-C6mAAYNs.js +0 -1
- package/eds-breadcrumb.entry-Dio_2hx4.mjs +0 -114
- package/eds-card-tags.entry-Bvn8dDXI.mjs +0 -13
- package/eds-card-tags.entry-CndclGXB.js +0 -1
- package/eds-components-section.entry-8sEheaoX.js +0 -130
- package/eds-footer.entry-9xXgg22T.mjs +0 -29
- package/eds-footer.entry-DqnRHQ32.js +0 -1
- package/eds-frame.entry-Bz-23eT7.js +0 -1
- package/eds-frame.entry-YVbNIAAz.mjs +0 -74
- package/eds-fullscreen-menu.entry-4kxB1p-j.mjs +0 -74
- package/eds-fullscreen-menu.entry-DwOubHgX.js +0 -1
- package/eds-modal.entry-Bikh63fB.mjs +0 -65
- package/eds-modal.entry-TMxTmjgT.js +0 -1
- package/eds-pagination.entry-C8g4pxcm.js +0 -1
- package/eds-pagination.entry-D6iJH84k.mjs +0 -128
- package/eds-social-networks.entry-6VfWBLuR.js +0 -1
- package/eds-social-networks.entry-BgiRVGXx.mjs +0 -50
- package/eds-table.entry-BojRZdP2.mjs +0 -112
- package/eds-table.entry-ShWS4LWJ.js +0 -1
- package/eds-tabs.entry-DGHlnSwh.js +0 -1
- package/eds-tooltip.entry-BI1EvTiw.js +0 -1
- package/incorrect-use-of-colors.entry-C7xABbpE.js +0 -1
- package/incorrect-use-of-colors.entry-DNOV6p4p.mjs +0 -42
- package/index-BGGkUjck.js +0 -21
- package/logo-variations-horizontal.entry-BG8fM5Bs.js +0 -4
- package/logo-variations-horizontal.entry-BicKkgRN.mjs +0 -16
- package/logo-variations-vertical.entry-CXVFf9-0.mjs +0 -16
- package/logo-variations-vertical.entry-DJ-IpAyZ.js +0 -4
- package/logo-wrong-usage.entry-7MfyIkPp.js +0 -1
- package/logo-wrong-usage.entry-CH7JMqbI.mjs +0 -14
- package/token-spacing.entry-CdrdqAOb.js +0 -1
- 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
|
-
};
|