@ebrains/components 2.4.0 → 3.0.0

package/dist/components/eds-fullscreen-menu.js

@@ -1,15 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { p as parseData } from './sharedUtils.js';
-import { d as defineCustomElement$9 } from './eds-block-break2.js';
-import { d as defineCustomElement$8 } from './eds-button2.js';
-import { d as defineCustomElement$7 } from './eds-footer2.js';
-import { d as defineCustomElement$6 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$5 } from './eds-img2.js';
+import { d as defineCustomElement$8 } from './eds-block-break2.js';
+import { d as defineCustomElement$7 } from './eds-button2.js';
+import { d as defineCustomElement$6 } from './eds-footer2.js';
+import { d as defineCustomElement$5 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$4 } from './eds-link2.js';
 import { d as defineCustomElement$3 } from './eds-logo2.js';
 import { d as defineCustomElement$2 } from './eds-social-networks2.js';
 
-const edsFullscreenMenuCss = ".bg-default{background-color:var(--grey-200)}.bg-darker{background-color:var(--grey-400)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.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)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}";
+const edsFullscreenMenuCss = ".bg-default{background-color:var(--grey-light)}.bg-darker{background-color:var(--grey-dark)}.bg-inverse{background-color:var(--white)}.bg-strongest{background-color:var(--brand-black)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0rem}.z-\\[999999\\]{z-index:999999}.overflow-y-scroll{overflow-y:scroll}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.w-full{width:100%}.top-0{top:0rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mr-auto{margin-right:auto}.w-\\[250px\\]{width:250px}.h-\\[85px\\]{height:85px}.px-16{padding-left:1rem;padding-right:1rem}.py-16{padding-top:1rem;padding-bottom:1rem}.mt-28{margin-top:1.75rem}.gap-y-8{row-gap:0.5rem}.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)}.rounded-xs{border-radius:4px}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.hover\\:text-lighter:hover{color:var(--grey-600)}.w-fit{width:-moz-fit-content;width:fit-content}.p-\\[24px\\]{padding:24px}";
 const EdsFullscreenMenuStyle0 = edsFullscreenMenuCss;
 
 const EdsFullscreenMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsFullscreenMenu extends HTMLElement {
@@ -89,7 +88,7 @@ const EdsFullscreenMenu$1 = /*@__PURE__*/ proxyCustomElement(class EdsFullscreen
         return parseData(this.menuLinks);
     }
     render() {
-        return this.isMenuOpen ? (h("div", { role: "dialog", "aria-modal": "true", "aria-label": "Main menu", class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, h("div", { class: "flex min-h-full flex-col" }, h("div", { class: `w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, h("div", { class: "mx-auto flex items-center justify-between" }, h("div", { class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), h("div", { class: "px-16" }, h("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), h("div", { class: "py-16 px-16" }, h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), h("eds-block-break", null), h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), h("nav", { class: "mt-28 flex flex-col gap-y-8" }, h("slot", null))), h("div", { class: "mt-auto" }, h("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
+        return this.isMenuOpen ? (h("div", { role: "dialog", "aria-modal": "true", "aria-label": "Main menu", class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, h("div", { class: "flex min-h-full flex-col" }, h("div", { class: `w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, h("div", { class: "mx-auto flex items-center justify-between" }, h("div", { class: "mr-auto w-[250px]" }, h("div", { class: "p-[24px]" }, h("eds-logo", { variant: "positive", href: this.homeUrl }))), h("div", { class: "px-16" }, h("eds-button", { "aria-label": "Close menu", intent: "ghost", icon: "close", size: "large", onClick: () => this.closeMenu() })))), h("div", { class: "py-16 px-16" }, h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "secondary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), h("eds-block-break", null), h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "secondary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" })))), h("nav", { class: "mt-28 flex flex-col gap-y-8" }, h("slot", null))), h("div", { class: "mt-auto" }, h("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
     }
     static get style() { return EdsFullscreenMenuStyle0; }
 }, [1, "eds-fullscreen-menu", {
@@ -105,7 +104,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-fullscreen-menu", "eds-block-break", "eds-button", "eds-footer", "eds-icon-wrapper", "eds-img", "eds-link", "eds-logo", "eds-social-networks"];
+    const components = ["eds-fullscreen-menu", "eds-block-break", "eds-button", "eds-footer", "eds-icon-wrapper", "eds-link", "eds-logo", "eds-social-networks"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-fullscreen-menu":
             if (!customElements.get(tagName)) {
@@ -113,26 +112,21 @@ function defineCustomElement$1() {
             }
             break;
         case "eds-block-break":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "eds-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "eds-footer":
+        case "eds-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "eds-icon-wrapper":
+        case "eds-footer":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "eds-img":
+        case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/components/eds-gauge.js

@@ -4,10 +4,9 @@ const edsGaugeCss = ".relative{position:relative}.absolute{position:absolute}.in
 const EdsGaugeStyle0 = edsGaugeCss;
 
 const BACKGROUND_VARIANTS = {
-    default: '#f2f2f2',
-    dark: '#d8d8d8',
-    strong: '#666666',
-    black: '#000000'
+    default: 'var(--grey-light)',
+    dark: 'var(--grey-dark)',
+    black: 'var(--brand-black)'
 };
 const EdsGauge$1 = /*@__PURE__*/ proxyCustomElement(class EdsGauge extends HTMLElement {
     constructor() {
@@ -39,7 +38,7 @@ const EdsGauge$1 = /*@__PURE__*/ proxyCustomElement(class EdsGauge extends HTMLE
         const containerStyle = {
             width: `${diameter}px`,
             height: `${diameter}px`,
-            background: `conic-gradient(#00e766 0deg ${angle}deg, ${emptyColor} ${angle}deg 360deg)`
+            background: `conic-gradient(var(--brand-green) 0deg ${angle}deg, ${emptyColor} ${angle}deg 360deg)`
         };
         const maskStyle = {
             width: `${innerDiameter}px`,
@@ -50,7 +49,7 @@ const EdsGauge$1 = /*@__PURE__*/ proxyCustomElement(class EdsGauge extends HTMLE
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (h("div", { key: '33388b250acd0aeaf3bf4888fd5ac72ba0337a42', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'b920dd12644a5457b512b65e2c093ef53f339969', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '0149f680aad2c2b2cf4e308b1510d2fb3482a06f', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '31fee43895b99a2c19358acce9eee0965eef574a', class: "f-body-01 text-default", style: textStyle }, clamped))));
+        return (h("div", { key: 'f5801b63984f42bad206445de4e865c0e161b88e', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: '1a982401ba1853e937dfbb9aeb4736d4665abab1', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '0db002b1a3a3f49fe3fd0f3aa4d3fd0e2ee6a45d', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'a011eaaab9e6f3d15d706bf9309ae7bafa689387', class: "f-body-01 text-default", style: textStyle }, clamped))));
     }
     static get style() { return EdsGaugeStyle0; }
 }, [1, "eds-gauge", {

package/dist/components/eds-gitlab-contributors.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface EdsGitlabContributors extends Components.EdsGitlabContributors, HTMLElement {}
+export const EdsGitlabContributors: {
+    prototype: EdsGitlabContributors;
+    new (): EdsGitlabContributors;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/eds-gitlab-contributors.js

@@ -0,0 +1,317 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$8 } from './eds-alert2.js';
+import { d as defineCustomElement$7 } from './eds-avatar2.js';
+import { d as defineCustomElement$6 } from './eds-button2.js';
+import { d as defineCustomElement$5 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$4 } from './eds-img2.js';
+import { d as defineCustomElement$3 } from './eds-link2.js';
+import { d as defineCustomElement$2 } from './eds-spinner2.js';
+
+const edsGitlabContributorsCss = ".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}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.p-5{padding:1.25rem;}.p-12{padding:3rem;}.pb-2{padding-bottom:0.25rem;}.pb-4{padding-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.m-0{margin:0}.mt-auto{margin-top:auto}.w-full{width:100%}.min-w-0{min-width:0}.text-xs{font-size:0.75rem;line-height:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.no-underline{text-decoration:none}.text-gray-600{color:var(--eds-color-gray-600, #4b5563)}.text-gray-900{color:var(--eds-color-gray-900, #111827)}.border-gray-200{border-color:var(--eds-color-gray-200, #e5e7eb)}.bg-white{background-color:var(--eds-color-white, #ffffff)}.text-primary-600{color:var(--eds-color-primary-600, #2563eb)}.hover\\:text-primary-600:hover{color:var(--eds-color-primary-600, #2563eb)}.border-primary-300{border-color:var(--eds-color-primary-300, #93c5fd)}.hover\\:border-primary-300:hover{border-color:var(--eds-color-primary-300, #93c5fd)}.text-success-600{color:var(--eds-color-success-600, #16a34a)}.text-error-600{color:var(--eds-color-error-600, #dc2626)}.border{border-width:1px}.border-b{border-bottom-width:1px}.rounded-lg{border-radius:var(--eds-radius-lg, 0.5rem);}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.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}.duration-200{transition-duration:200ms}.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.hover\\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.-translate-y-0\\.5{transform:translateY(-0.125rem);}.hover\\:-translate-y-0\\.5:hover{transform:translateY(-0.125rem)}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 768px){.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}.contributor-card{will-change:transform, box-shadow, border-color}.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)}.text-default{color:var(--black)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}";
+const EdsGitlabContributorsStyle0 = edsGitlabContributorsCss;
+
+const EdsGitlabContributors$1 = /*@__PURE__*/ proxyCustomElement(class EdsGitlabContributors extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.accessToken = undefined;
+        this.projectId = '3360';
+        this.apiUrl = 'https://gitlab.ebrains.eu/api/v4';
+        this.path = undefined;
+        this.limit = 50;
+        this.minCommits = 1;
+        this.showStats = true;
+        this.columns = '4';
+        this.sortBy = 'commits';
+        this.contributors = [];
+        this.loading = true;
+        this.error = '';
+    }
+    async componentWillLoad() {
+        await this.fetchContributors();
+    }
+    /**
+     * Parses projectId prop to handle single or multiple project IDs
+     */
+    getProjectIds() {
+        return this.projectId
+            .split(',')
+            .map(id => id.trim())
+            .filter(id => id.length > 0);
+    }
+    /**
+     * Fetches commits by path and aggregates by author for a single project
+     */
+    async fetchCommitsByPathForProject(projectId) {
+        const commits = [];
+        let page = 1;
+        const perPage = 100; // GitLab max per page
+        // Fetch all commits with pagination
+        while (true) {
+            const url = `${this.apiUrl}/projects/${encodeURIComponent(projectId)}/repository/commits?path=${encodeURIComponent(this.path)}&per_page=${perPage}&page=${page}`;
+            const response = await fetch(url, {
+                headers: {
+                    'PRIVATE-TOKEN': this.accessToken
+                }
+            });
+            if (!response.ok) {
+                throw new Error(`GitLab API error: ${response.status} ${response.statusText}`);
+            }
+            const pageCommits = await response.json();
+            if (pageCommits.length === 0) {
+                break; // No more pages
+            }
+            commits.push(...pageCommits);
+            // Stop if we have enough commits or no more pages
+            if (pageCommits.length < perPage) {
+                break;
+            }
+            page++;
+        }
+        // Aggregate commits by author email
+        const authorMap = new Map();
+        for (const commit of commits) {
+            const email = commit.author_email.toLowerCase();
+            if (authorMap.has(email)) {
+                authorMap.get(email).commits++;
+            }
+            else {
+                authorMap.set(email, {
+                    name: commit.author_name,
+                    email: commit.author_email,
+                    commits: 1
+                });
+            }
+        }
+        // Convert to GitLabContributor format
+        return Array.from(authorMap.values()).map(author => ({
+            name: author.name,
+            email: author.email,
+            commits: author.commits,
+            additions: 0, // Not available from commits API
+            deletions: 0 // Not available from commits API
+        }));
+    }
+    /**
+     * Fetches contributors from a single project
+     * For project 1505 (monorepo), applies path filter if provided
+     * For other projects, fetches all contributors
+     */
+    async fetchContributorsForProject(projectId) {
+        // Only apply path filter for project 1505 (the monorepo)
+        const shouldUsePath = this.path && projectId === '1505';
+        if (shouldUsePath) {
+            // Fetch commits by path and aggregate by author (for monorepo)
+            return await this.fetchCommitsByPathForProject(projectId);
+        }
+        else {
+            // Use contributors API for entire repository
+            const contributorsResponse = await fetch(`${this.apiUrl}/projects/${encodeURIComponent(projectId)}/repository/contributors?per_page=100`, {
+                headers: {
+                    'PRIVATE-TOKEN': this.accessToken
+                }
+            });
+            if (!contributorsResponse.ok) {
+                throw new Error(`GitLab API error: ${contributorsResponse.status} ${contributorsResponse.statusText}`);
+            }
+            return await contributorsResponse.json();
+        }
+    }
+    /**
+     * Fetches contributors from GitLab API (supports multiple projects)
+     */
+    async fetchContributors() {
+        if (!this.accessToken) {
+            this.error = 'Access token is required for internal projects';
+            this.loading = false;
+            return;
+        }
+        try {
+            this.loading = true;
+            this.error = '';
+            const projectIds = this.getProjectIds();
+            let allContributorsData = [];
+            // Fetch contributors from all projects
+            for (const projectId of projectIds) {
+                const contributorsData = await this.fetchContributorsForProject(projectId);
+                allContributorsData.push(...contributorsData);
+            }
+            // Filter by minimum commits and exclude bot contributors
+            const filteredContributors = allContributorsData.filter(c => {
+                // Exclude if commits are below minimum
+                if (c.commits < this.minCommits)
+                    return false;
+                // Exclude GitLab CI and other bots
+                const email = c.email.toLowerCase();
+                const name = c.name.toLowerCase();
+                // Common bot identifiers
+                const botPatterns = [
+                    'gitlab-ci',
+                    'gitlab ci',
+                    'noreply@gitlab',
+                    'bot@',
+                    'automation@'
+                ];
+                return !botPatterns.some(pattern => email.includes(pattern) || name.includes(pattern));
+            });
+            // Aggregate duplicate contributors by username
+            const aggregatedContributors = this.aggregateContributors(filteredContributors);
+            // Sort contributors
+            if (this.sortBy === 'commits') {
+                aggregatedContributors.sort((a, b) => b.commits - a.commits);
+            }
+            else {
+                aggregatedContributors.sort((a, b) => a.username.localeCompare(b.username));
+            }
+            // Apply limit after sorting
+            this.contributors = aggregatedContributors.slice(0, this.limit);
+            this.loading = false;
+        }
+        catch (err) {
+            this.error = err instanceof Error ? err.message : 'Failed to fetch contributors';
+            this.loading = false;
+            console.error('Error fetching GitLab contributors:', err);
+        }
+    }
+    /**
+     * Extracts username from email address (part before @)
+     */
+    extractUsernameFromEmail(email) {
+        if (!email || !email.includes('@')) {
+            return email || 'unknown';
+        }
+        return email.split('@')[0];
+    }
+    /**
+     * Aggregates duplicate contributors by username (extracted from email)
+     * Combines commits, additions, and deletions for the same person
+     */
+    aggregateContributors(contributors) {
+        const aggregated = new Map();
+        for (const contributor of contributors) {
+            // Extract username from email
+            const username = this.extractUsernameFromEmail(contributor.email);
+            const key = username.toLowerCase();
+            if (aggregated.has(key)) {
+                // Aggregate with existing contributor
+                const existing = aggregated.get(key);
+                existing.commits += contributor.commits;
+                existing.additions += contributor.additions;
+                existing.deletions += contributor.deletions;
+            }
+            else {
+                // Add new contributor with extracted username
+                aggregated.set(key, Object.assign(Object.assign({}, contributor), { username }));
+            }
+        }
+        return Array.from(aggregated.values());
+    }
+    /**
+     * Gets first and last name from full name
+     */
+    parseName(fullName) {
+        const parts = fullName.trim().split(' ');
+        if (parts.length === 1) {
+            return { firstName: parts[0], lastName: '' };
+        }
+        const firstName = parts[0];
+        const lastName = parts.slice(1).join(' ');
+        return { firstName, lastName };
+    }
+    /**
+     * Format large numbers with K suffix
+     */
+    formatNumber(num) {
+        if (num >= 1000) {
+            return `${(num / 1000).toFixed(1)}K`;
+        }
+        return num.toString();
+    }
+    render() {
+        if (this.loading) {
+            return (h("div", { class: "flex flex-col items-center justify-center p-12 gap-4" }, h("eds-spinner", { size: "md" }), h("p", { class: "text-base text-gray-600 m-0" }, "Loading contributors...")));
+        }
+        if (this.error) {
+            return (h("eds-alert", { message: "Error loading contributors", intent: "error" }));
+        }
+        if (this.contributors.length === 0) {
+            return (h("eds-alert", { message: "No contributors found for this project.", intent: "error" }));
+        }
+        const gridClass = `grid gap-6 w-full ${this.columns === '2' ? 'grid-cols-1 sm:grid-cols-2' :
+            this.columns === '3' ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3' :
+                this.columns === '4' ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4' :
+                    'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5'}`;
+        return (h("div", { class: "w-full" }, h("div", { class: gridClass }, this.contributors.map((contributor) => {
+            const { firstName, lastName } = this.parseName(contributor.name);
+            return (h("div", { class: "contributor-card flex flex-row gap-4 p-5 bg-white border border-gray-200 rounded-lg transition-all duration-200", key: contributor.email }, h("div", { class: "flex-shrink-0" }, h("eds-avatar", { firstName: firstName, lastName: lastName, color: "black" })), h("div", { class: "min-w-0 flex flex-col gap-2" }, h("span", { class: "f-ui-01 text-default pb-2 m-0 whitespace-nowrap overflow-hidden text-ellipsis" }, "@", contributor.username), h("div", { class: "flex flex-col gap-2 mt-auto" }, h("div", { class: "flex items-center gap-2 font-semibold" }, h("span", { class: "text-light" }, this.formatNumber(contributor.commits)), h("span", { class: "text-lighter" }, contributor.commits === 1 ? 'commit' : 'commits'))))));
+        }))));
+    }
+    static get style() { return EdsGitlabContributorsStyle0; }
+}, [1, "eds-gitlab-contributors", {
+        "accessToken": [1, "access-token"],
+        "projectId": [1, "project-id"],
+        "apiUrl": [1, "api-url"],
+        "path": [1],
+        "limit": [2],
+        "minCommits": [2, "min-commits"],
+        "showStats": [4, "show-stats"],
+        "columns": [1],
+        "sortBy": [1, "sort-by"],
+        "contributors": [32],
+        "loading": [32],
+        "error": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-gitlab-contributors", "eds-alert", "eds-avatar", "eds-button", "eds-icon-wrapper", "eds-img", "eds-link", "eds-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-gitlab-contributors":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsGitlabContributors$1);
+            }
+            break;
+        case "eds-alert":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "eds-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "eds-img":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const EdsGitlabContributors = EdsGitlabContributors$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsGitlabContributors, defineCustomElement };