@ebrains/components 2.4.1 → 3.1.0

package/dist/cjs/eds-app-root.cjs.entry.js

@@ -30,7 +30,7 @@ const EdsAppRoot = class {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (index.h("div", { key: 'd05cf471a9e7dfd9a5e87311def9774510e1b30a' }, index.h("eds-splash-screen", { key: 'ae568d4bda15c9e99365f37421b4caad9576c6a0', inverse: true, initPromise: this.combinedInitPromise }), index.h("eds-login", { key: '624b82b77f87e636bed424ec66dc564120f370c2', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), index.h("main", { key: 'fb8a582f971c715e34be9c3e0ed8b3437dea883d' }, this.isAuthenticated ? index.h("h1", null, "Welcome, authenticated user!") : index.h("h1", null, "Please log in."))));
+        return (index.h("div", { key: 'c9192fb7e315fa8fe41c9ee512f4573951865208' }, index.h("eds-splash-screen", { key: 'e3d413597cc370692c593abd4017d97e1c172219', inverse: true, initPromise: this.combinedInitPromise }), index.h("eds-login", { key: '2821e64738053db4809663aa918f98c4df358201', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), index.h("main", { key: '4680b74ec0f74b8060b020f726f6696b41b43a9e' }, this.isAuthenticated ? index.h("h1", null, "Welcome, authenticated user!") : index.h("h1", null, "Please log in."))));
     }
 };
 

package/dist/cjs/eds-cookies-preference.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsCookiesPreference = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.buttonText = 'Cookies Preferences';
-        this.intent = undefined;
+        this.intent = 'secondary';
         this.showMatomoNotice = false;
         this.noticeKey = 0;
     }
@@ -31,7 +31,7 @@ const EdsCookiesPreference = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'daf8dae47d699797488bddeb6be5951647d26a86' }, index.h("eds-link", { key: 'a07c16a0c89acc9230a3ebebbd4bb4d1993f34ab', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && index.h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (index.h("div", { key: '0a1f75fe95820dd8f994193f86b52b684f5fd240' }, index.h("eds-link", { key: 'd3b5740fa53b30a39296b23cd95da1ad2d8d730d', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && index.h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
 };
 EdsCookiesPreference.style = EdsCookiesPreferenceStyle0;

package/dist/cjs/eds-feedback.cjs.entry.js

@@ -62,7 +62,7 @@ const EdsFeedback = class {
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (index.h("div", { key: '5405127cfc114d4906617955d7b1069a04ed7b8e', class: "grid inline" }, index.h(HeadingTag, { key: 'c0a2593d843577323b6a27d0f8fdca3b84063bd5', class: headingClass }, this.label), index.h("p", { key: '5b7ef9fbd8c5b4a9d3c7c39e3092244d08dde126', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: '2de1ad00dd21d987bc4a91438500a58a0bcd63a7', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: '3de038a0ae8ee334edde65194356f021e14e7cb3', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (index.h("div", { key: '5eddbd664389530e209698e5e435c853c8f50b9f', class: "grid inline" }, index.h(HeadingTag, { key: '22d1d4a44a116f78bbfa66946d8b7a9f95779524', class: headingClass }, this.label), index.h("p", { key: 'd3e5abefa5d0e1e32281b5088251fb9c304b8d2a', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: '65f1e772ac885d20f46e147aedeb55ab2ec871fe', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: 'f660ceb9889d560ec1687c6f17bdbbe6a89f90ee', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-frame.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-50bc1aa4.js');
 
-const edsFrameCss = ".bg-inverse{background-color:var(--white)}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:2px}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.px-12{padding-left:0.75rem;padding-right:0.75rem}.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)}.ml-auto{margin-left:auto}.border-t-2{border-top-width:2px}.border{border:1px solid rgba(0, 0, 0, .1)}.border-2{border:1px solid rgba(0, 0, 0, .1)}.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}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}";
+const edsFrameCss = ".bg-inverse{background-color:#FFFFFF;border:1px solid #ECECEC;color:#07140D}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:#ECECEC}.border-softer{border-color:#ECECEC}.border-softest{border-color:#f2f2f2}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:#00FF9D}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:0}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.75rem;padding-bottom:0.75rem}.px-12{padding-left:1rem;padding-right:1rem}.py-8.px-12{border-bottom:1px solid #ECECEC}.f-ui-02{font-family:'IBM Plex Sans', sans-serif;font-size:0.8125rem;font-weight:600;color:#07140D;line-height:1.4}.ml-auto{margin-left:auto}.border-t-2{border-top-width:1px;border-color:#ECECEC}.border{border:1px solid #ECECEC}.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;color:#7A7B7A}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}iframe{border-radius:0 0 12px 12px}";
 const EdsFrameStyle0 = edsFrameCss;
 
 const EdsFrame = class {
@@ -15,7 +15,7 @@ const EdsFrame = class {
         this.urlLabel = 'Open';
         this.errorMessage = 'Could not load the requested content. Please check the URL or try again later.';
         this.url = undefined;
-        this.intent = 'strong';
+        this.intent = 'cta';
         this.size = 'auto';
         this.iframeError = false;
     }
@@ -76,7 +76,7 @@ const EdsFrame = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'dce969c76fcfbb77f315ab0203ef77136f8a449b', class: this.articleClasses() }, index.h("div", { key: '80ab4a9035e3008708a4f4bfe53d9679a9e687d1', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: 'f065ee637af801e5fbc8039211384002dd594d84', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (index.h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: 'eae4f61cec9aab217116dbed39c54b39fc5b2040', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (index.h("div", { key: 'ddbc978054f645eb990cde6bdd26647bd01eeb1a', class: this.articleClasses() }, index.h("div", { key: '0a16fbd950742b8a75428b3705deaa03ef785a5b', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '0c2a84cae101ec1e5352ed7be7b874b6ec45f37d', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (index.h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-up-right" })) : null), index.h("div", { key: 'c001f1b33c5136820155b0299e83b6dc49fbbd43', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-gauge.cjs.entry.js

@@ -8,10 +8,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 = class {
     constructor(hostRef) {
@@ -41,7 +40,7 @@ const EdsGauge = class {
         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`,
@@ -52,7 +51,7 @@ const EdsGauge = class {
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (index.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 }, index.h("div", { key: 'b920dd12644a5457b512b65e2c093ef53f339969', class: "absolute bg-inverse rounded-full", style: maskStyle }), index.h("div", { key: '0149f680aad2c2b2cf4e308b1510d2fb3482a06f', class: "absolute inset-0 flex items-center justify-center" }, index.h("span", { key: '31fee43895b99a2c19358acce9eee0965eef574a', class: "f-body-01 text-default", style: textStyle }, clamped))));
+        return (index.h("div", { key: '5629f8adbc6f144aad49062883cb85ecf24fc16c', 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 }, index.h("div", { key: 'd668b54b0a5f4bf260a2f1153781c59741bd8694', class: "absolute bg-inverse rounded-full", style: maskStyle }), index.h("div", { key: 'f08feba97d30ed893a72a7e07e412aa82ea8cd3d', class: "absolute inset-0 flex items-center justify-center" }, index.h("span", { key: '2a8dccde44677d4a4b742cd992144d6cf399ee9b', class: "f-body-01 text-default", style: textStyle }, clamped))));
     }
 };
 EdsGauge.style = EdsGaugeStyle0;

package/dist/cjs/eds-gitlab-contributors.cjs.entry.js

@@ -0,0 +1,255 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-50bc1aa4.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}.loading{position:relative;min-height:8rem;padding:1rem 1.25rem;color:var(--grey-dark, #7A7B7A);font-size:0.9375rem;border:1px solid rgba(0, 0, 0, 0.08);border-radius:0.25rem;background-color:rgba(0, 0, 0, 0.02)}.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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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) {
+            // Spinner placeholder mirrors eds-kg-learning-resources exactly —
+            // same `.loading` wrapper (position: relative + min-height so the
+            // absolutely-positioned spinner anchors inside the box instead of
+            // escaping to the page), same eds-spinner props (sm/primary/
+            // transparent + message-as-prop), and the same role+aria-live for
+            // screen-reader announcement. Keep these two components in sync if
+            // the loading affordance ever changes.
+            return (index.h("div", { class: "loading", role: "status", "aria-live": "polite" }, index.h("eds-spinner", { size: "sm", variant: "primary", background: "transparent", message: "Loading contributors..." })));
+        }
+        if (this.error) {
+            return (index.h("eds-alert", { message: "Error loading contributors", intent: "error" }));
+        }
+        if (this.contributors.length === 0) {
+            return (index.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 (index.h("div", { class: "w-full" }, index.h("div", { class: gridClass }, this.contributors.map((contributor) => {
+            const { firstName, lastName } = this.parseName(contributor.name);
+            return (index.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 }, index.h("div", { class: "flex-shrink-0" }, index.h("eds-avatar", { firstName: firstName, lastName: lastName, color: "black" })), index.h("div", { class: "min-w-0 flex flex-col gap-2" }, index.h("span", { class: "f-ui-01 text-default pb-2 m-0 whitespace-nowrap overflow-hidden text-ellipsis" }, "@", contributor.username), index.h("div", { class: "flex flex-col gap-2 mt-auto" }, index.h("div", { class: "flex items-center gap-2 font-semibold" }, index.h("span", { class: "text-light" }, this.formatNumber(contributor.commits)), index.h("span", { class: "text-lighter" }, contributor.commits === 1 ? 'commit' : 'commits'))))));
+        }))));
+    }
+};
+EdsGitlabContributors.style = EdsGitlabContributorsStyle0;
+
+exports.eds_gitlab_contributors = EdsGitlabContributors;

package/dist/cjs/eds-icon-bluesky.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '9adf87027690ce28aed73d736ce2d3be6a5245b5', class: this.class, innerHTML: bluesky.bluesky });
+        return index.h("span", { key: 'f2c2ad35173c7bfeae50e5b4de8f59e362d9656f', class: this.class, innerHTML: bluesky.bluesky });
     }
 };
 

package/dist/cjs/eds-icon-eu.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-50bc1aa4.js');
-const eu = require('./eu-b9665157.js');
+const eu = require('./eu-271d44ae.js');
 
 const EdsIconEu = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '18981f68145f644aed9c96c62c19e0357ebbb1ad', class: this.class, innerHTML: eu.euSvg });
+        return index.h("span", { key: '56f0efdfb37b2dd4474dc2e69ef649915a9f4bbc', class: this.class, innerHTML: eu.euSvg });
     }
 };
 

package/dist/cjs/eds-icon-facebook.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e', class: this.class, innerHTML: facebook.facebook });
+        return index.h("span", { key: '798a3ad6a040dfce879fe62c0a32c83cbd529ad0', class: this.class, innerHTML: facebook.facebook });
     }
 };
 

package/dist/cjs/eds-icon-gitlab.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'e3c7d4a509e36afd5e18e5aea94d07347304702e', class: this.class, innerHTML: mono.gitlabBlack });
+        return index.h("span", { key: 'd1c7c0c1e3cae3b45377e305792192df46ef064a', class: this.class, innerHTML: mono.gitlabBlack });
     }
 };
 

package/dist/cjs/eds-icon-linkedin.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'bb6879dfc98416128ada13c11e4e480f8774945e', class: this.class, innerHTML: linkedin.linkedin });
+        return index.h("span", { key: 'd8c97d9140baa6609917021bbc67fc7cca47ee32', class: this.class, innerHTML: linkedin.linkedin });
     }
 };
 

package/dist/cjs/eds-icon-mastodon.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'f02291022132866eced365b0f8d190fbb71542e3', class: this.class, innerHTML: mastodon.mastodon });
+        return index.h("span", { key: '8498500cd0da2784b889a7b2b2ca9ff4e8414ab6', class: this.class, innerHTML: mastodon.mastodon });
     }
 };
 

package/dist/cjs/eds-icon-twitter.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'ec7f7b6453668094c684e4f0a289c6f815d6ec06', class: this.class, innerHTML: twitter.twitter });
+        return index.h("span", { key: '1d2f811831f0c876e8b1133c0df03b6f15acaccb', class: this.class, innerHTML: twitter.twitter });
     }
 };
 

package/dist/cjs/eds-icon-youtube.cjs.entry.js

@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: '3a868a9858e68a534e7eab57a7887dfc636d8b95', class: this.class, innerHTML: youtube.youtube });
+        return index.h("span", { key: '7ebb80fd84ed9ed7c227b1f1ddf213d0502160f9', class: this.class, innerHTML: youtube.youtube });
     }
 };
 

package/dist/cjs/eds-input-search.cjs.entry.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-50bc1aa4.js');
+const analytics = require('./analytics-28713bf7.js');
+
+const EdsInputSearch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.search = index.createEvent(this, "search", 7);
+        /**
+         * Keydown event listener to detect Command+K (Mac) or Ctrl+K (Windows/Linux)
+         * and focus the input element when triggered.
+         *
+         * @param e - The keyboard event.
+         */
+        this.keydownListener = (e) => {
+            // Check for Command+K (Mac) or Ctrl+K (Windows/Linux)
+            if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {
+                e.preventDefault();
+                // Focus the input if it's available and not disabled
+                if (this.inputElement && !this.disabled) {
+                    this.inputElement.focus();
+                }
+            }
+        };
+        /*onInput = (e: any) => {
+          // eslint-disable-next-line
+          console.log('on input:', e);
+        };*/
+        this.onChange = (e) => {
+            // eslint-disable-next-line
+            this.search.emit({
+                event: 'change',
+                value: e.target.value
+            });
+            analytics.sendAnalytics({
+                category: 'ui-component',
+                parentContext: null,
+                tag: this.el.tagName.toLowerCase(),
+                name: e.target.value || '',
+                action: 'search'
+            });
+        };
+        this.name = undefined;
+        this.inputId = 'search-main';
+        this.placeholder = 'Search...';
+        this.value = undefined;
+        this.disabled = false;
+        this.required = false;
+        this.decorate = undefined;
+        this.label = 'Search';
+    }
+    componentDidLoad() {
+        // Assign the native input element after the component loads
+        this.inputElement = this.el.querySelector('input');
+        document.addEventListener('keydown', this.keydownListener);
+    }
+    disconnectedCallback() {
+        // Clean up the event listener when the component is removed
+        document.removeEventListener('keydown', this.keydownListener);
+    }
+    async getInputElement() {
+        // Return the native input element
+        return this.inputElement;
+    }
+    render() {
+        return (index.h("div", { key: '52676b3559e14b5153f7d8f0fa6cd12e49354d87', class: "relative flex items-center" }, index.h("eds-icon-wrapper", { key: '754e8753607c01dab63d156d306f3325547049aa', name: "search", class: "absolute top-1/2 left-[14px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), index.h("input", { key: 'b49d523195711316c0817de67776d379a6c7248b', id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.value || '', required: this.required, disabled: this.disabled, type: "search", "aria-label": this.placeholder, class: `input pl-36 ${this.decorate}`,
+            //onInput={this.onInput}
+            onChange: this.onChange })));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.eds_input_search = EdsInputSearch;