@ebrains/components 2.4.0 → 3.0.0

package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js

@@ -1,11 +1,11 @@
 import { h } from "@stencil/core";
-import { hLogoColor } from "../../../../../../../../packages/svgs/src/index";
+import { logoPositive } from "../../../../../../../../packages/svgs/src/index";
 /**
  * @internal
  */
 export class LogoWrongUsage {
     render() {
-        return (h("div", { key: '37850687dda1175073866d4898102d185ced3e2d', class: "container" }, h("ul", { key: '2734a992d3ee5249c024dbb982fc452334645dff', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '26514741d093eb98a9898df179a5308864116b2a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '8162f53c61380494f776122dd5e7183dbaa5a941', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: 'c8a6b7af377d7bd214f3fa85d0032af5d9c64b58', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'c17db6db70ecaf33bf39942d18d11041d233c6e0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c0e542cfa0cec0729dd56f4b7dd5e3e514a4c375', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '10ee19b46078ea7fcaad394adff676f7a90d39e1', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '7e02bb8a4d1ba255a7a2323bbf7056788822301d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7901b9c28eaed72f2816cc4fa16461a64b2b876c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '011b641e58c216d125bf0fe0495be11c65710a13', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '4dd09cd947f29519c2c7b3f78dd98bd40a80b54f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c19319983842106734c63c103fb04b5e5fc32e39', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '2de8694d6e8b790086a5d9e2ce8c2454ad02e1fb', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '9e70df0ce29692c5f70ac4849fa0765fbf979ad8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'd0f778976c8dc89ec22174b56600aa69f15a45a2', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: 'e8d9c2bafc5eebfd2f289fee9cfb916abe77b04a', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'd590b661312fd6b56199ee0790a10acda0b8aadb', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'cfeb7d7a4af9fc595c0d4e083ad670a170ca2885', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '15f6ff0ba150d42f18a19973d167510ae4c95c6b', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '56c45146f541a7fb8814810a31e8b0393c976281', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1ded3e72b457a639184f4f3f0801eb62af87f536', class: "mx-auto" }, h("div", { key: '67661f2f1273b925779001cb94b345771a74d726', class: "bg-accent p-16" }, h("div", { key: '33d473c812643bf3fbc87170c80638566de1b0b5', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '7a5edbc5ae089dd87eef05baa755caf8e4a5bde3', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (h("div", { key: '1998b8e5086ba4cd17fdc27727349b9d638664b1', class: "container" }, h("ul", { key: '84771834b81ff0714a75e1e61b9a1162e3bc639d', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4deb145d27c43db40acbd03ef90e1a66fad22f09', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '801e579cd87168a51d00c78f6808a1413d689564', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: '591ecf90d303b7302f0431a3099f64f67ec96c1b', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'bedfff759e45149bd7df138736b2cc9f172ee41c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '643ea5b43c95f107f8fc8b0c8ea8234d4e09ba9d', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: 'b9fd83f7586a7fa02d86651ba26acbda08e63394', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '986534ff326d2ef3dd80136d151c46c98ccc8921', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '146c299a032bf9907e2bbc8fe72eaeb738cf0458', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: '6ddc987cca3e13ce381572d3aa51a94c7cdbc2be', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '23a471ac8dbda371bf4ba704563305c7c03680b3', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c6732fff82bc642cd0885e721a8686041809ffb7', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: '463d5c2c43d8c5ec1d4abce3419bc3c66bfa02b6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'c67c213f34b69089e3cbc0df3e9188b44cc9d9cf', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '58170477b47eec084e009c953a7216c5ed94a3b9', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: '18e2732bb758ae840dcd15e1ef678496afa2cc3b', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '6c829569009467ee5092a6a426d87e1c3399ca29', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1d66177dd3a30386ee64bafea9026bf16cf80225', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: '4c8e35fa52ef575ab6535dc219710ea356a2e1a3', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '7dc465eaeb42991d4d3066ac0a35a0a5fee929f5', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '0f9de8fcd64ed34040f24bbfd38c640593a7a74b', class: "mx-auto" }, h("div", { key: '9f77a72a22b0dcbbdd112816f4a02b991df5d3b1', class: "bg-accent p-16" }, h("div", { key: '1356eccbf5510a3831e9cbd09b582c38fc68a479', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: 'ce32a58d2bccf82202da47d8cc0ac01642e8436a', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
     static get is() { return "logo-wrong-usage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/svg-repository/svg-repository.js

@@ -25,7 +25,7 @@ export class SvgRepository {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: '996c9a1b05d34ec171b8c58098fb3fd8e28aa81f', class: "full-width" }, h("eds-table", { key: 'bc8d69bba7a6e6580ee808935fe7845194f6d38b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: 'b531a1f93b32fbf4aba94d7a4aa68f7f4202a8e6', class: "full-width" }, h("eds-table", { key: 'a66b06f5d08c39db1d63af2194455273b3ae172b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     static get is() { return "svg-repository"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
 export class EdsCookiesPreference {
     constructor() {
         this.buttonText = 'Cookies Preferences';
-        this.intent = undefined;
+        this.intent = 'secondary';
         this.showMatomoNotice = false;
         this.noticeKey = 0;
     }
@@ -25,7 +25,7 @@ export class EdsCookiesPreference {
         }
     }
     render() {
-        return (h("div", { key: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab' }, h("eds-link", { key: '4bb5d796d14dc242024df4681dea493d4511a8b6', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: '3926e6e4972c901880f57859280330ad315dc263' }, h("eds-link", { key: '8c513565cb94589c1d441aa4b0badf79ab464169', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
     static get is() { return "eds-cookies-preference"; }
     static get originalStyleUrls() {
@@ -62,8 +62,8 @@ export class EdsCookiesPreference {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'ghost'\n    | 'strong'\n    | 'weak'\n    | 'inverse'\n    | 'underline'\n    | 'blueish'",
-                    "resolved": "\"blueish\" | \"ghost\" | \"inverse\" | \"primary\" | \"secondary\" | \"strong\" | \"tertiary\" | \"underline\" | \"weak\"",
+                    "original": "'primary' | 'secondary' | 'ghost' | 'strong' | 'weak' | 'inverse' | 'underline'",
+                    "resolved": "\"ghost\" | \"inverse\" | \"primary\" | \"secondary\" | \"strong\" | \"underline\" | \"weak\"",
                     "references": {}
                 },
                 "required": false,
@@ -73,7 +73,8 @@ export class EdsCookiesPreference {
                     "text": "The visual intent or style of the button."
                 },
                 "attribute": "intent",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "'secondary'"
             }
         };
     }

package/dist/collection/shared-ui/eds-gitlab-contributors/eds-gitlab-contributors.css

@@ -0,0 +1,143 @@
+.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;
+}
+
+/*
+ * Tailwind Utility Classes Reference
+ * This component uses Tailwind utilities with shadow: false
+ * Below are the CSS values for reference
+ */
+
+/* Layout & Display */
+.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; }
+
+/* Flexbox Sizing */
+.flex-1 { flex: 1 1 0%; }
+.flex-shrink-0 { flex-shrink: 0; }
+
+/* Spacing */
+.gap-2 { gap: 0.5rem; /* 8px */ }
+.gap-4 { gap: 1rem; /* 16px */ }
+.gap-6 { gap: 1.5rem; /* 24px */ }
+.p-5 { padding: 1.25rem; /* 20px */ }
+.p-12 { padding: 3rem; /* 48px */ }
+.pb-2 { padding-bottom: 0.25rem; /* 16px */ }
+.pb-4 { padding-bottom: 1rem; /* 16px */ }
+.mb-6 { margin-bottom: 1.5rem; /* 24px */ }
+.m-0 { margin: 0; }
+.mt-auto { margin-top: auto; }
+
+/* Width & Min-Width */
+.w-full { width: 100%; }
+.min-w-0 { min-width: 0; }
+
+/* Typography */
+.text-xs { font-size: 0.75rem; /* 12px */ line-height: 1rem; }
+.text-sm { font-size: 0.875rem; /* 14px */ line-height: 1.25rem; }
+.text-base { font-size: 1rem; /* 16px */ line-height: 1.5rem; }
+.text-2xl { font-size: 1.5rem; /* 24px */ line-height: 2rem; }
+.font-semibold { font-weight: 600; }
+
+/* Text Behavior */
+.whitespace-nowrap { white-space: nowrap; }
+.overflow-hidden { overflow: hidden; }
+.text-ellipsis { text-overflow: ellipsis; }
+.no-underline { text-decoration: none; }
+
+/* Colors - Gray Scale */
+.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); }
+
+/* Colors - Brand */
+.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); }
+
+/* Colors - Semantic */
+.text-success-600 { color: var(--eds-color-success-600, #16a34a); }
+.text-error-600 { color: var(--eds-color-error-600, #dc2626); }
+
+/* Border */
+.border { border-width: 1px; }
+.border-b { border-bottom-width: 1px; }
+.rounded-lg { border-radius: var(--eds-radius-lg, 0.5rem); /* 8px */ }
+
+/* Transitions */
+.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; }
+
+/* Effects */
+.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); /* -2px */ }
+.hover\:-translate-y-0\.5:hover { transform: translateY(-0.125rem); }
+
+/* Grid Layout */
+.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
+
+/* Responsive Breakpoints */
+@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)); }
+}
+
+/* Custom Styles (non-Tailwind) */
+.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);
+}

package/dist/collection/shared-ui/eds-gitlab-contributors/eds-gitlab-contributors.js

@@ -0,0 +1,440 @@
+import { h } from "@stencil/core";
+/**
+ * `EdsGitlabContributors` fetches and displays GitLab project contributors with avatars and contribution stats.
+ *
+ * This component queries the GitLab API to retrieve repository contributors.
+ * It's designed for internal EBRAINS projects requiring authentication.
+ *
+ * Key features:
+ * - Fetches contributors from GitLab API with access token authentication
+ * - Supports multiple projects - provide comma-separated project IDs to aggregate contributions
+ * - Optional path filtering to show contributors for specific directories
+ * - Extracts username from email address (part before @)
+ * - Displays contributor avatars with initials using eds-avatar component
+ * - Shows username and commit statistics (commits, additions, deletions)
+ * - Aggregates duplicate contributors by extracted username across all projects
+ * - Responsive grid layout
+ * - Loading and error states
+ * - Configurable display limits and sorting
+ */
+/**
+ * @internal
+ */
+export class EdsGitlabContributors {
+    constructor() {
+        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 is() { return "eds-gitlab-contributors"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["eds-gitlab-contributors.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["eds-gitlab-contributors.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "accessToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GitLab personal access token for API authentication (required for internal projects)"
+                },
+                "attribute": "access-token",
+                "reflect": false
+            },
+            "projectId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GitLab project ID(s) - single ID or comma-separated IDs for multiple projects\nExample: \"3360\" or \"3360,1770\" or \"ri%2Ftech-hub%2Febrains-ui-ecosystem\""
+                },
+                "attribute": "project-id",
+                "reflect": false,
+                "defaultValue": "'3360'"
+            },
+            "apiUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GitLab API base URL"
+                },
+                "attribute": "api-url",
+                "reflect": false,
+                "defaultValue": "'https://gitlab.ebrains.eu/api/v4'"
+            },
+            "path": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional path to filter commits (e.g., \"apps/live/handbook\")\nOnly applied to project 1505 (monorepo). Other projects fetch all contributors."
+                },
+                "attribute": "path",
+                "reflect": false
+            },
+            "limit": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Maximum number of contributors to display"
+                },
+                "attribute": "limit",
+                "reflect": false,
+                "defaultValue": "50"
+            },
+            "minCommits": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Minimum commits to be included in the list"
+                },
+                "attribute": "min-commits",
+                "reflect": false,
+                "defaultValue": "1"
+            },
+            "showStats": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show contribution statistics (commits, additions, deletions)"
+                },
+                "attribute": "show-stats",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "columns": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'2' | '3' | '4' | '5'",
+                    "resolved": "\"2\" | \"3\" | \"4\" | \"5\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Grid columns for responsive layout\nOptions: '2', '3', '4', '5'"
+                },
+                "attribute": "columns",
+                "reflect": false,
+                "defaultValue": "'4'"
+            },
+            "sortBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'commits' | 'name'",
+                    "resolved": "\"commits\" | \"name\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sort contributors by commits (desc) or username (asc)"
+                },
+                "attribute": "sort-by",
+                "reflect": false,
+                "defaultValue": "'commits'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "contributors": {},
+            "loading": {},
+            "error": {}
+        };
+    }
+}