@ebrains/components 3.0.0 → 3.2.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: '10a75e7e117b2f3ab3d0ba8f2a26c122b2e0eed4' }, index.h("eds-splash-screen", { key: 'ab527af22c9a9fe861bbed4759946428e3e7fdf0', inverse: true, initPromise: this.combinedInitPromise }), index.h("eds-login", { key: '78e7face11e06df76b9dd29e99b7d968cc2cf32e', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), index.h("main", { key: '30f463e667ccc25062bbf2764fdabc8937b6097c' }, this.isAuthenticated ? index.h("h1", null, "Welcome, authenticated user!") : index.h("h1", null, "Please log in."))));
+        return (index.h("div", { key: 'c856dc661c22b74baee69d195ef92ab1e24bceae' }, index.h("eds-splash-screen", { key: '62689cd4fdee56d667071bad596037342812b7a6', inverse: true, initPromise: this.combinedInitPromise }), index.h("eds-login", { key: 'af2257c63a00025dbddbc2bd4bc7c08391ead2aa', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), index.h("main", { key: '8a2768437fb21855da535b8ea706f7cb3a17a36a' }, 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

@@ -31,7 +31,7 @@ const EdsCookiesPreference = class {
         }
     }
     render() {
-        return (index.h("div", { key: '3926e6e4972c901880f57859280330ad315dc263' }, index.h("eds-link", { key: '8c513565cb94589c1d441aa4b0badf79ab464169', 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: '660d6b9c21de37c5681e7678e062b8039c310bc3' }, index.h("eds-link", { key: '3849b92ef42a578c1a59533b2281aa9df93bdfab', 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: '7d01b8aef2854cfdb739553e7f43ed9516199e1e', class: "grid inline" }, index.h(HeadingTag, { key: 'a0c4a4f93598b955e90416d50260aaa3f644615a', class: headingClass }, this.label), index.h("p", { key: 'acb2db8fc209faf2d39622e2e858fa1e7403e1b4', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: 'b0db57c9e3539a5edfecf67cc3a12dd87d74fad9', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: '8d6bf62a18fdb12dddba932be9a5115396fdfd6f', 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

@@ -76,7 +76,7 @@ const EdsFrame = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0fa74cf426f9d934a035b5e3f6c9e5722c40beab', class: this.articleClasses() }, index.h("div", { key: '65ab4084241ce1b5337e9bfaaffb5c2aaceec28e', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: 'f1cda1a4d61b47550d9d8cd08986f2253710c4ea', 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: 'e02ffe4f38f1375a0694f2acec72406824745437', 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: '397b0f9433b9339079774f0aa49b1451f9c0d45e', class: this.articleClasses() }, index.h("div", { key: 'a70c2ec210a1de124a82c39d6f2592ddb9ff4572', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '88d0732d0cf4b3fab14ed0e1b0797b78dd230585', 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: '85c0d453e85d23520e5a6a5bae2159285771677e', 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

@@ -51,7 +51,7 @@ const EdsGauge = class {
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (index.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 }, index.h("div", { key: '1a982401ba1853e937dfbb9aeb4736d4665abab1', class: "absolute bg-inverse rounded-full", style: maskStyle }), index.h("div", { key: '0db002b1a3a3f49fe3fd0f3aa4d3fd0e2ee6a45d', class: "absolute inset-0 flex items-center justify-center" }, index.h("span", { key: 'a011eaaab9e6f3d15d706bf9309ae7bafa689387', 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

@@ -4,7 +4,7 @@ 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}.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 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 {
@@ -32,8 +32,8 @@ const EdsGitlabContributors = class {
     getProjectIds() {
         return this.projectId
             .split(',')
-            .map(id => id.trim())
-            .filter(id => id.length > 0);
+            .map((id) => id.trim())
+            .filter((id) => id.length > 0);
     }
     /**
      * Fetches commits by path and aggregates by author for a single project
@@ -80,7 +80,7 @@ const EdsGitlabContributors = class {
             }
         }
         // Convert to GitLabContributor format
-        return Array.from(authorMap.values()).map(author => ({
+        return Array.from(authorMap.values()).map((author) => ({
             name: author.name,
             email: author.email,
             commits: author.commits,
@@ -100,18 +100,16 @@ const EdsGitlabContributors = class {
             // 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}`);
+        // 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
             }
-            return await contributorsResponse.json();
+        });
+        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)
@@ -126,29 +124,24 @@ const EdsGitlabContributors = class {
             this.loading = true;
             this.error = '';
             const projectIds = this.getProjectIds();
-            let allContributorsData = [];
+            const 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 => {
+            const filteredContributors = allContributorsData.filter((c) => {
                 // Exclude if commits are below minimum
-                if (c.commits < this.minCommits)
+                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));
+                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);
@@ -225,18 +218,28 @@ const EdsGitlabContributors = class {
     }
     render() {
         if (this.loading) {
-            return (index.h("div", { class: "flex flex-col items-center justify-center p-12 gap-4" }, index.h("eds-spinner", { size: "md" }), index.h("p", { class: "text-base text-gray-600 m-0" }, "Loading contributors...")));
+            // 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" }));
+            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" }));
+            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'}`;
+        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'))))));

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

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

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

@@ -11,7 +11,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return index.h("span", { key: 'c4a043469698de97b7433749599ee04746df7f8e', class: this.class, innerHTML: eu.euSvg });
+        return index.h("span", { key: 'a449a7323e89e495479822dd750e2ec7935491f1', 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: '8498500cd0da2784b889a7b2b2ca9ff4e8414ab6', class: this.class, innerHTML: facebook.facebook });
+        return index.h("span", { key: '44a7797929e643d63c492dfb0959d61b0513ce47', 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: '41c0a44af7394753c8c656f5a1de86b1446f05e3', class: this.class, innerHTML: mono.gitlabBlack });
+        return index.h("span", { key: '1dec6051705f876a5263741023164c02f49097e4', 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: '02a55590ddf6ee6b873370913e9e7cbfe5390c79', class: this.class, innerHTML: linkedin.linkedin });
+        return index.h("span", { key: '39eaed2d3eec8d05b46d26a2d5a00be18d305b58', 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: '633a54b9f7bdeec8d704d7994de959a8e12ebe4f', class: this.class, innerHTML: mastodon.mastodon });
+        return index.h("span", { key: 'e51e5c0a49b1e85511113f649abd58cd110218e8', 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: '6f20d0106096d427556e05b663e3fa133852470e', class: this.class, innerHTML: twitter.twitter });
+        return index.h("span", { key: 'b5169c7ad799a7aa85362caf30d3868aead43fec', 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: 'e07946107d2e0e5a0705bc52d27a436e0f4d5956', class: this.class, innerHTML: youtube.youtube });
+        return index.h("span", { key: '9c794891fbf5800cbd877731c1a9d1cd8782647b', 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: '900ca7578601ff528b717e5bc3e1fe6b43562fb6', class: "relative flex items-center" }, index.h("eds-icon-wrapper", { key: '722eecc1031f51f83100f9d35719a7ea837f680d', name: "search", class: "absolute top-1/2 left-[14px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), index.h("input", { key: '0445caabbf5e3077b708a2b8bdbe0fcee3133398', 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;

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

@@ -54,7 +54,15 @@ const EdsModal = class {
                     'md:top-20'
                 ].join(' ');
             case 'bottom':
-                return ['bottom-16', 'left-0', 'w-full', 'md:left-1/2', 'md:w-auto', 'md:-translate-x-1/2', 'md:bottom-20'].join(' ');
+                return [
+                    'bottom-16',
+                    'left-0',
+                    'w-full',
+                    'md:left-1/2',
+                    'md:w-auto',
+                    'md:-translate-x-1/2',
+                    'md:bottom-20'
+                ].join(' ');
             /*case 'left':
               …
             case 'right':
@@ -77,11 +85,13 @@ const EdsModal = class {
     }
     trapFocus(event) {
         var _a;
-        if (event.key !== 'Tab')
+        if (event.key !== 'Tab') {
             return;
+        }
         const focusableElements = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-        if (!focusableElements || focusableElements.length === 0)
+        if (!focusableElements || focusableElements.length === 0) {
             return;
+        }
         const firstElement = focusableElements[0];
         const lastElement = focusableElements[focusableElements.length - 1];
         if (event.shiftKey) {
@@ -90,11 +100,9 @@ const EdsModal = class {
                 event.preventDefault();
             }
         }
-        else {
-            if (document.activeElement === lastElement) {
-                firstElement.focus();
-                event.preventDefault();
-            }
+        else if (document.activeElement === lastElement) {
+            firstElement.focus();
+            event.preventDefault();
         }
     }
     lockBodyScroll() {
@@ -177,8 +185,9 @@ const EdsModal = class {
      * Closes the modal when the Escape key is pressed and handles focus trapping on Tab.
      */
     handleKeyDown(event) {
-        if (!this.isOpen)
+        if (!this.isOpen) {
             return;
+        }
         if (event.key === 'Escape') {
             this.close();
         }

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

@@ -87,7 +87,7 @@ EdsPie.PALETTES = {
         '#d8d8d8', // grey-400
         '#9dffb4', // green-300
         '#e6e6e6', // grey-300
-        '#d3ffdc', // green-200
+        '#d3ffdc' // green-200
     ],
     mono: [
         '#666666', // grey-700
@@ -98,7 +98,7 @@ EdsPie.PALETTES = {
         '#6e6e6e', // grey-600
         '#d8d8d8', // grey-400
         '#f2f2f2', // grey-200
-        '#242424', // grey-900
+        '#242424' // grey-900
     ]
 };
 EdsPie.style = EdsPieStyle0;

package/dist/cjs/eds-section-core_2.cjs.entry.js

@@ -16,7 +16,7 @@ const EdsSectionCore = class {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (index.h(TagType, { key: '65cb765fe9b997b5e573f5befd4ca1ea6611f1c5' }, index.h("eds-section-heading", { key: 'a48c9fef0a45fbed08749e8b4f17d762d38bbb5b', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '7e26bc40132c32670db60f5765b412d00d64c129' })));
+        return (index.h(TagType, { key: 'cee3905fc5e268c768fbc58b413ee074591888b7' }, index.h("eds-section-heading", { key: '9ba05e76c5e348b1209283b7f95a475408758c3b', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '8e5d27261133cd900d13940ce928946b1c378277' })));
     }
 };
 EdsSectionCore.style = EdsSectionCoreStyle0;
@@ -46,12 +46,12 @@ const EdsSectionHeading = class {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (index.h(TagType, { key: '032f8629ef5ea1c45f40a135a54c32337f7181e9', class: {
+        return (index.h(TagType, { key: '8791e5d816bfdc80087f3f7e5dbab60d0ac4a523', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, index.h(HeadingTag, { key: '37f821426fe05dba66445745da3d23c9ff75345e', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, index.h(HeadingTag, { key: 'e2e7ca5effc12e6c9c8c3418c4097920ec80e53e', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };
 

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

@@ -47,7 +47,7 @@ const EdsTimeline = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9670bbe26e6f092d88c73268838d9349dca0c323', class: "max-w-sidebar mx-auto px-4 py-8" }, index.h("div", { key: '202722dc0cb384ce68b2239915f44bf90d87a77e', class: "relative" }, index.h("div", { key: '59760e5a62518dc6c3cc7fcfa711e060837f4c49', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), index.h("div", { key: '2f1f6c5f5e7f2a770fc762b1b886dd199f0cf953', class: "space-y-16" }, this.parsedEvents.map((event, index$1) => (index.h("div", { class: "relative flex" }, index.h("div", { class: `w-1/2 ${index$1 % 2 === 0 ? 'pr-4' : ''}` }, index$1 % 2 === 0 && (index.h("eds-card-generic", { title: event.title, url: "#", description: event.description, intent: "secondary", tags: JSON.stringify(event.completed
+        return (index.h("div", { key: '3816dfeeec536ae803b069e5f5e5112f476dffed', class: "max-w-sidebar mx-auto px-4 py-8" }, index.h("div", { key: '360b8c6752eab781870de60aa1f89889eff644d3', class: "relative" }, index.h("div", { key: 'eda9ed9904dfe7c8c0fff2295666666cfbd3763a', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), index.h("div", { key: '5f7b736ed512cf4752c66c8a0c9010822d8b4f44', class: "space-y-16" }, this.parsedEvents.map((event, index$1) => (index.h("div", { class: "relative flex" }, index.h("div", { class: `w-1/2 ${index$1 % 2 === 0 ? 'pr-4' : ''}` }, index$1 % 2 === 0 && (index.h("eds-card-generic", { title: event.title, url: "#", description: event.description, intent: "secondary", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]
                 : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), index.h("div", { class: "flex items-center justify-center relative" }, event.completed ? (index.h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (index.h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), index.h("div", { class: `w-1/2 ${index$1 % 2 !== 0 ? 'pl-4' : ''}` }, index$1 % 2 !== 0 && (index.h("eds-card-generic", { title: event.title, url: "#", description: event.description, intent: "secondary", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]

package/dist/cjs/eds-toast-manager.cjs.entry.js

@@ -66,7 +66,7 @@ const EdsToastManager = class {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (index.h("div", { key: 'd707822f33892171428aa926822dff5ffefac219', class: "toast-container" }, this.toasts.map((t) => (index.h("div", { key: t.id }, index.h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (index.h("div", { key: 'bd01d186b0fa0dc2d44c169dfd2634cdcf80e906', class: "toast-container" }, this.toasts.map((t) => (index.h("div", { key: t.id }, index.h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     get hostElement() { return index.getElement(this); }
 };