@ebrains/components 3.1.0 → 3.2.0

package/dist/components/eds-button2.js

@@ -33,12 +33,8 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
                     brandLight: 'bg-brand-light text-default hover:bg-accent hover:text-default aria-disabled:shadow-none',
                     brandInverse: 'bg-accent text-default hover:bg-inverse hover:text-default aria-disabled:shadow-none',
                     neutral: 'bg-darker after:border-softest bg-inverse hover:bg-dark hover:text-light text-inverse aria-disabled:shadow-none',
-                    cta: [
-                        'cta-link !px-0 !py-0 !min-h-0 !h-auto'
-                    ],
-                    'cta-brand': [
-                        'cta-link-brand !px-0 !py-0 !min-h-0 !h-auto'
-                    ]
+                    cta: ['cta-link !px-0 !py-0 !min-h-0 !h-auto'],
+                    'cta-brand': ['cta-link-brand !px-0 !py-0 !min-h-0 !h-auto']
                 },
                 loading: {
                     true: 'pointer-events-none',
@@ -71,7 +67,7 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
                 fullWidth: {
                     true: 'w-full flex',
                     false: 'inline-flex w-auto'
-                },
+                }
             },
             compoundVariants: [
                 {
@@ -223,10 +219,10 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
         const loaderBottomColor = this.intent === 'primary' || this.intent === 'secondaryInverse'
             ? '#FFFFFF' // White for dark backgrounds
             : '#07140D'; // Brand-black for light backgrounds (secondary, brand, etc.)
-        return (h(Host, { key: '263f3fd25c17d5f9d8ddcfcc57848d6c8e729994' }, h(ElementType, { key: '9c9f68e332ca6fe14387fc239e880069596b0072', tabindex: isInteractive ? '0' : '-1', "aria-label": this.label ? undefined : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? 'true' : undefined, "aria-busy": this.loading ? 'true' : undefined, disabled: this.elementType === 'button' ? this.disabled || this.loading : undefined, role: this.elementType === 'a' ? 'button' : undefined, class: `${classes || ''}`, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, this.label && (h("span", { key: '285a0b07089eb7ebab3bd439000ea89c454164d0', class: `${this.loading ? 'opacity-0' : ''} ${this.icon && (this.intent !== 'cta' && this.intent !== 'cta-brand') ? (this.iconPos === 'right' ? (this.size === 'large' ? 'pr-4' : 'pr-2') : (this.size === 'large' ? 'pl-4' : 'pl-2')) : ''}`, "aria-hidden": this.loading ? 'true' : undefined }, this.label)), this.loading && (h("span", { key: '36da873de3be79f2cfc3e4851dadd953e17109dc', class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, h("span", { key: '961913b2c22e6bd803c6639e617129843c877bfe', class: "loader", style: {
+        return (h(Host, { key: 'ad9bb3e0343e6c05c8f43ca9dc502ef28aa001d6' }, h(ElementType, { key: '90b51743bb12a5b4f0b309bb9d38932401ff0fa9', tabindex: isInteractive ? '0' : '-1', "aria-label": this.label ? undefined : this.ariaLabel, "aria-disabled": this.disabled || this.loading ? 'true' : undefined, "aria-busy": this.loading ? 'true' : undefined, disabled: this.elementType === 'button' ? this.disabled || this.loading : undefined, role: this.elementType === 'a' ? 'button' : undefined, class: `${classes || ''}`, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, this.label && (h("span", { key: '35c7fa9449b445ef16d1ac77cb3ed8036e857687', class: `${this.loading ? 'opacity-0' : ''} ${this.icon && this.intent !== 'cta' && this.intent !== 'cta-brand' ? (this.iconPos === 'right' ? (this.size === 'large' ? 'pr-4' : 'pr-2') : this.size === 'large' ? 'pl-4' : 'pl-2') : ''}`, "aria-hidden": this.loading ? 'true' : undefined }, this.label)), this.loading && (h("span", { key: '5a6a5c78568dae1b77433147e1ae04f9139467de', class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, h("span", { key: 'e392714658931a190cbfcae756c16831f69f8f0d', class: "loader", style: {
                 border: `3px solid ${loaderBorderColor}`,
                 borderBottomColor: loaderBottomColor
-            } }))), this.icon ? (h("eds-icon-wrapper", { name: this.icon, size: 20, "aria-hidden": "true" })) : null)));
+            } }))), this.icon ? (h("eds-icon-wrapper", { name: this.icon, size: 20, "aria-hidden": "true", class: this.loading ? 'opacity-0' : '' })) : null)));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/eds-card-app.js

@@ -27,14 +27,11 @@ const EdsCardApp$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardApp extends H
         return parseData(this.tags);
     }
     render() {
-        const cardClasses = [
-            'app-card',
-            `app-card-${this.variant}`
-        ].join(' ');
+        const cardClasses = ['app-card', `app-card-${this.variant}`].join(' ');
         // Determine link and category tag intents based on variant
         const linkIntent = this.variant === 'default' ? 'cta-brand' : 'cta';
         const categoryTagIntent = this.variant === 'default' ? 'brand' : 'dark';
-        return (h("div", { key: 'e90fec25a02a9635247da04ca23a932be9cd7ea5', class: cardClasses }, this.category && (h("eds-tag", { key: 'a001a815aa32a96beac3d4af08766479030fe8d4', label: this.category, intent: categoryTagIntent, size: "medium" })), h("h3", { key: '10d4532b4fe9b9a92ad24b09634028c583166bb3', class: "app-title" }, this.title), h("p", { key: 'de1559913d227ff6b023ecdbc5fea29f66cb01a0', class: "app-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && (h("div", { key: '386a2e72a92ea03c13a4410983b8b5320e83b810', class: "app-tags" }, this.parsedTags.map((tag, index) => (h("span", { key: index, class: "app-tag" }, tag.label))))), this.url && (h("eds-link", { key: '2c1a3d133a6f04b6a3359a3c8d2f47eb19c75202', label: this.linkText, url: this.url, intent: linkIntent, icon: "arrow-right", "icon-pos": "right" }))));
+        return (h("div", { key: '84aa9bd8ccac7cd163a0295e53610d3f149d2fc7', class: cardClasses }, this.category && h("eds-tag", { key: 'ff5f5fc550289df7dc13c9d77e9ee318692c54ef', label: this.category, intent: categoryTagIntent, size: "medium" }), h("h3", { key: '7f3ed9e3c270cf7c7d99f084cd3f7dac93929676', class: "app-title" }, this.title), h("p", { key: '969ed185ab45832e1e10a5446067f6926864696c', class: "app-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && (h("div", { key: '4a619204bcfe0b85e3e69b58157269f7bed9f44b', class: "app-tags" }, this.parsedTags.map((tag, index) => (h("span", { key: index, class: "app-tag" }, tag.label))))), this.url && (h("eds-link", { key: 'd2f32c5114f60cf2b25e96db84e090d90fe1a9ed', label: this.linkText, url: this.url, intent: linkIntent, icon: "arrow-right", "icon-pos": "right" }))));
     }
     get el() { return this; }
     static get style() { return EdsCardAppStyle0; }

package/dist/components/eds-card-cta.js

@@ -38,15 +38,12 @@ const EdsCardCta$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardCta extends H
         return parseData(this.links);
     }
     render() {
-        const containerClasses = [
-            'cta-container',
-            `cta-container-${this.variant}`
-        ].join(' ');
+        const containerClasses = ['cta-container', `cta-container-${this.variant}`].join(' ');
         // Determine button and link intents based on variant
         const primaryButtonIntent = this.variant === 'default' ? 'brandInverse' : 'brand';
         const secondaryButtonIntent = this.variant === 'default' ? 'secondaryInverse' : 'secondary';
         const linkIntent = this.variant === 'default' ? 'cta' : 'underline';
-        return (h("div", { key: 'ee2163e6096ad05dc55ac40c6626236723a23b72', class: containerClasses }, h("div", { key: 'f51481133015ef5eafce48bab525cf166c000e3a', class: "cta-content" }, h("h2", { key: '577441d8bc7cb4c906408faf995e106ef2779e8b', class: "cta-title", innerHTML: this.title }), h("p", { key: 'b8cbcf891b95f82c3dd57f1db9335f55c1d7162c', class: "cta-description" }, this.description), h("div", { key: 'f167262a521b9e15176a4fc65e3e45a8cf24feb1', class: "cta-actions" }, h("slot", { key: 'c114de9b72bf56a2bda67d21aab0a1a24efba2e4', name: "actions" }, h("eds-button", { key: '75c4508fad3377ae1788bca7cda5f8315c8301a3', label: this.primaryButtonText, intent: primaryButtonIntent, icon: "arrow-right", "icon-pos": "right", size: "large", triggerClick: this.handlePrimaryClick }), this.secondaryButtonText && (h("eds-button", { key: '2c6de6b1032c62619b7225d3f7cbc04617fca465', label: this.secondaryButtonText, intent: secondaryButtonIntent, size: "large", triggerClick: this.handleSecondaryClick })))), this.parsedLinks && this.parsedLinks.length > 0 && (h("div", { key: 'a78f81632c85cb729d738b0bb533d260bc7e3727', class: "cta-links" }, this.parsedLinks.map((link, index) => (h("eds-link", { key: index, label: link.label, url: link.url, intent: linkIntent }))))))));
+        return (h("div", { key: '6a3ccb2ee1f3ad3cc7c3fc0c54381284a9a5190b', class: containerClasses }, h("div", { key: '2a6ad1f084c3e7afea0a11a35c8b5e20d3a2c7ee', class: "cta-content" }, h("h2", { key: '157f32d98283cf59a16f73def69974238e4dc938', class: "cta-title", innerHTML: this.title }), h("p", { key: '660beebc8c10f93a7052c23e5eacb2481fb3bcd7', class: "cta-description" }, this.description), h("div", { key: 'e7610c3e2738aace2ac921304c6b2a6e5f5a5952', class: "cta-actions" }, h("slot", { key: '75113d5cc2d10aaaa2d6b7b4f0f16ea916a5a1ae', name: "actions" }, h("eds-button", { key: '140823c45ce817555ebe0969f1f07787b5d40819', label: this.primaryButtonText, intent: primaryButtonIntent, icon: "arrow-right", "icon-pos": "right", size: "large", triggerClick: this.handlePrimaryClick }), this.secondaryButtonText && (h("eds-button", { key: '8b2cd73793a85d6da3c138459f9ab864e9f2b9ab', label: this.secondaryButtonText, intent: secondaryButtonIntent, size: "large", triggerClick: this.handleSecondaryClick })))), this.parsedLinks && this.parsedLinks.length > 0 && (h("div", { key: '10f5ebc9ed558a29e166325ff143f79b5324f130', class: "cta-links" }, this.parsedLinks.map((link, index) => (h("eds-link", { key: index, label: link.label, url: link.url, intent: linkIntent }))))))));
     }
     get el() { return this; }
     static get style() { return EdsCardCtaStyle0; }

package/dist/components/eds-card-feature.js

@@ -18,11 +18,8 @@ const EdsCardFeature$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardFeature e
         this.variant = 'default';
     }
     render() {
-        const cardClasses = [
-            'feature-card',
-            `feature-card-${this.variant}`
-        ].join(' ');
-        return (h("div", { key: 'f76c056bbca7b38892cdecf56291fe3882c9e3bb', class: cardClasses }, this.icon && (h("div", { key: '9e22a5f6c5e30b55c4bac84f5f11f773b1b37ab9', class: "feature-icon" }, h("eds-icon-wrapper", { key: '64154c38f3655cb55f14c2963a62ead699d8a533', name: this.icon, size: 24 }))), h("h3", { key: '99ed95a90796dbb6baa3f73cb2830fcd0954328c', class: "feature-title" }, this.title), h("p", { key: 'f91109a10f62a58d8b650987fbbf1a5a4f68beaa', class: "feature-description" }, this.description), this.url && (h("eds-link", { key: 'b94b57e5385da9db54a3767d0413349000add755', label: this.linkText, url: this.url, intent: "cta", icon: "arrow-right", "icon-pos": "right" }))));
+        const cardClasses = ['feature-card', `feature-card-${this.variant}`].join(' ');
+        return (h("div", { key: '585107ac2cfc2ea55fc560d2da9e6bfc0595b5ad', class: cardClasses }, this.icon && (h("div", { key: '6dd26bd834d446872d0ab27e8a26e08488507686', class: "feature-icon" }, h("eds-icon-wrapper", { key: 'e5502241c155784370a0e5f214b0bfd88aa634a7', name: this.icon, size: 24 }))), h("h3", { key: '974e30754eb9d4aa37beddc7ed065228df704009', class: "feature-title" }, this.title), h("p", { key: '605f476de2001a1b85ec95b5c11eaa8a3cfcb9f3', class: "feature-description" }, this.description), this.url && (h("eds-link", { key: '5ee756a958973fc4f7daf6e0bdad4e42179becb3', label: this.linkText, url: this.url, intent: "cta", icon: "arrow-right", "icon-pos": "right" }))));
     }
     get el() { return this; }
     static get style() { return EdsCardFeatureStyle0; }

package/dist/components/eds-card-generic2.js

@@ -53,9 +53,7 @@ const EdsCardGeneric = /*@__PURE__*/ proxyCustomElement(class EdsCardGeneric ext
         else if (this.intent === 'dark') {
             bgClass = 'bg-dark';
         }
-        const interactionClasses = this.url
-            ? 'cursor-pointer effect-shadow hover:shadow-hover'
-            : 'cursor-default';
+        const interactionClasses = this.url ? 'cursor-pointer effect-shadow hover:shadow-hover' : 'cursor-default';
         return [
             'h-auto',
             bgClass,
@@ -86,7 +84,7 @@ const EdsCardGeneric = /*@__PURE__*/ proxyCustomElement(class EdsCardGeneric ext
         this.isHovered = false;
     }
     render() {
-        return (h("article", { key: '6efb0c2c0c3d196b9759307bb98f4bf1e12504d5', class: this.articleClasses(), onClick: this.url ? () => this.handleClick() : undefined, onMouseEnter: this.url ? () => this.handleMouseEnter() : undefined, onMouseLeave: this.url ? () => this.handleMouseLeave() : undefined }, this.icon && (h("div", { key: '9c29cae822923b524668da65f3e341f9626d7e95', class: "card-icon-wrapper" }, h("eds-icon-wrapper", { key: '104a3551d3d8b910528dd43e8a12494faf4764a0', name: this.icon, size: 32 }))), h("div", { key: 'cc9d326aa6e55d1ed26b73f46d5fbb8087d55bf0', class: "p-12 flex flex-col grow" }, this.parsedTags && this.parsedTags.length > 0 && (h("div", { key: 'f740e184ec400d6083d04e4fa99259aa061c5dbf', class: "flex mb-12 gap-x-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.intent, label: tag.label, size: tag.size }))))), h("eds-card-title", { key: 'e263ce9bd116857648439bf9f356fc110e048547', title: this.title, url: this.url, intent: this.intent, size: this.titleSize }), this.description && (h("div", { key: 'aa6687dc61c548dd52e2d2f3eb9598f85c2af0a5', class: "mt-8" }, this.description && (h("eds-card-desc", { key: '8b82f70b5dc513396d08affc4958d9c1040583d6', "truncate-lines": "3", description: this.description, intent: this.intent })))), h("slot", { key: 'ff4d0ba6184b01b80e44c78a7cccec124f2b1706', name: "card" }), this.url && (h("div", { key: '889b5fbaf026df0e826626020ff201d06f047cc8', class: `flex items-center justify-between mt-auto pt-16 ${this.getLearnMoreColor()}` }, h("span", { key: '3a5b5d603a7f3d852b5e92ba57f7214f7b9754ec', class: "f-ui-01" }, "Learn more"), h("eds-icon-wrapper", { key: 'de15571bd4892f72646c205b14105f328d5a596d', name: this.isHovered ? 'arrow-right' : 'arrow-up-right', size: 32 }))))));
+        return (h("article", { key: '3757ce9c894928dc158e920f10fb5ffdc46a1f8d', class: this.articleClasses(), onClick: this.url ? () => this.handleClick() : undefined, onMouseEnter: this.url ? () => this.handleMouseEnter() : undefined, onMouseLeave: this.url ? () => this.handleMouseLeave() : undefined }, this.icon && (h("div", { key: '70683a1435c967b26f1d8eae69b1aaccb29e0a75', class: "card-icon-wrapper" }, h("eds-icon-wrapper", { key: '74386a2045b07aa177cd18b6c10f99cca870d228', name: this.icon, size: 32 }))), h("div", { key: '38bfc9f2895eba37ced45b8cb8ec3e65bdae559e', class: "p-12 flex flex-col grow" }, this.parsedTags && this.parsedTags.length > 0 && (h("div", { key: '33b736039f478cbdffd3322b2d2bb60754318140', class: "flex mb-12 gap-x-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.intent, label: tag.label, size: tag.size }))))), h("eds-card-title", { key: '57b16d2c6d579b143bb91af377bf6e8dc161b210', title: this.title, url: this.url, intent: this.intent, size: this.titleSize }), this.description && (h("div", { key: '7fa96262badff009bbeaf21c200a0c49413ec37d', class: "mt-8" }, this.description && (h("eds-card-desc", { key: '2a4381f7f709774591c944308f033ef49d59cf8d', "truncate-lines": "3", description: this.description, intent: this.intent })))), h("slot", { key: 'bba602658c39a0332c9a1cf65b5c3b5f614d7bb5', name: "card" }), this.url && (h("div", { key: 'c14cc16acd3d000cb550a3d8fa01eaf52da70893', class: `flex items-center justify-between mt-auto pt-16 ${this.getLearnMoreColor()}` }, h("span", { key: '66b50d088e275373a4368962f70396342f0e0353', class: "f-ui-01" }, "Learn more"), h("eds-icon-wrapper", { key: 'f2de3d43d1965815d24455b2c2b0a96f5feb64a1', name: this.isHovered ? 'arrow-right' : 'arrow-up-right', size: 32 }))))));
     }
     get el() { return this; }
     static get style() { return EdsCardGenericStyle0; }

package/dist/components/eds-card-hero.js

@@ -26,8 +26,9 @@ const EdsCardHero$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardHero extends
     }
     handleClick() {
         var _a;
-        if (!this.url)
+        if (!this.url) {
             return;
+        }
         sendAnalytics({
             category: 'ui-component',
             parentContext: this.parentContext,
@@ -38,12 +39,10 @@ const EdsCardHero$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardHero extends
         window.location.href = this.url;
     }
     render() {
-        const cardClasses = [
-            'hero-card',
-            `hero-card-${this.variant}`,
-            this.url ? 'hero-card-clickable' : ''
-        ].filter(Boolean).join(' ');
-        return (h("div", { key: 'c92f2acc8065b4142b28ca213abbb646e61f44fc', class: cardClasses, onClick: () => this.handleClick() }, h("div", { key: '38b8ec832d05a4891646ac31f24d32f62c5ac2e1', class: "card-category" }, this.category), h("div", { key: 'd356e4651ed9d136c72c519ecb9b484570c9b3be', class: "card-title" }, this.title), this.description && (h("div", { key: '52afdf7988667f73d8725e6a5f5b7816d4b38b30', class: "card-description" }, this.description)), this.parsedTags && this.parsedTags.length > 0 && (h("div", { key: 'a50fb41278d3b98da7054e0bee52d2a98ab5d8f3', class: "card-tags" }, this.parsedTags.map((tag, index) => (h("span", { key: index, class: "card-tag" }, tag.label)))))));
+        const cardClasses = ['hero-card', `hero-card-${this.variant}`, this.url ? 'hero-card-clickable' : '']
+            .filter(Boolean)
+            .join(' ');
+        return (h("div", { key: 'c5b0745da99444ae9981161910e7248d50865d6c', class: cardClasses, onClick: () => this.handleClick() }, h("div", { key: 'adb890d7bd56faff4bdeaea9a1550209a8e9847f', class: "card-category" }, this.category), h("div", { key: 'c6d68b85a94c753e383f0dc92709cdbb859a9400', class: "card-title" }, this.title), this.description && h("div", { key: '47d880f01f9e0d3feaa46bc3310e1018b71eb5da', class: "card-description" }, this.description), this.parsedTags && this.parsedTags.length > 0 && (h("div", { key: '8f1060a78bebd9def4ac7a1e6ba79a12094363e0', class: "card-tags" }, this.parsedTags.map((tag, index) => (h("span", { key: index, class: "card-tag" }, tag.label)))))));
     }
     get el() { return this; }
     static get style() { return EdsCardHeroStyle0; }

package/dist/components/eds-card-stat.js

@@ -18,8 +18,9 @@ const EdsCardStat$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardStat extends
     }
     handleClick() {
         var _a;
-        if (!this.url)
+        if (!this.url) {
             return;
+        }
         sendAnalytics({
             category: 'ui-component',
             parentContext: this.parentContext,
@@ -30,12 +31,10 @@ const EdsCardStat$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardStat extends
         window.location.href = this.url;
     }
     render() {
-        const cardClasses = [
-            'stat-card',
-            `stat-card-${this.variant}`,
-            this.url ? 'stat-card-clickable' : ''
-        ].filter(Boolean).join(' ');
-        const content = (h("div", { key: 'f1dadeadd1d893b7a33aa92772baf7245954f6e7', class: cardClasses, onClick: () => this.handleClick() }, h("div", { key: '6adb8cc68740cd2dabf0bacf0af446e1499171a8', class: "stat-number" }, this.number), h("div", { key: 'adc7a8ffd44bceda51fcb98f68cfc8d7e454db5f', class: "stat-label" }, this.label), this.description && (h("div", { key: 'f70549244277e2c08c7bd94a1d297c00655faff5', class: "stat-description" }, this.description))));
+        const cardClasses = ['stat-card', `stat-card-${this.variant}`, this.url ? 'stat-card-clickable' : '']
+            .filter(Boolean)
+            .join(' ');
+        const content = (h("div", { key: '0c4dcd6130ae23813c7decf3dd6d3ce465a9b743', class: cardClasses, onClick: () => this.handleClick() }, h("div", { key: '8c787c4ed6e96c9c0403a119edc534b8698e4296', class: "stat-number" }, this.number), h("div", { key: '7d86e9731cf43d3ffa923bdf27403ba34ab4dc0a', class: "stat-label" }, this.label), this.description && h("div", { key: 'aaf9942a61087f46dc883d64184e6b33a4cb4d71', class: "stat-description" }, this.description)));
         return content;
     }
     get el() { return this; }

package/dist/components/eds-card-title2.js

@@ -37,7 +37,7 @@ const EdsCardTitle = /*@__PURE__*/ proxyCustomElement(class EdsCardTitle extends
             return (h("span", { class: titleClass }, h("a", { class: `break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none ${textColorClass} cursor-pointer`, href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.title)));
         }
         // No URL - render as plain text, no overlay, no pointer cursor
-        return (h("span", { class: `${titleClass} ${textColorClass} break-words` }, this.title));
+        return h("span", { class: `${titleClass} ${textColorClass} break-words` }, this.title);
     }
     static get style() { return EdsCardTitleStyle0; }
 }, [1, "eds-card-title", {

package/dist/components/eds-code-block2.js

@@ -2406,7 +2406,7 @@ Prism.languages.py = Prism.languages.python;
 
 }(Prism));
 
-const edsCodeBlockCss = ":host{display:block}.relative{position:relative}.bg-strongest{background-color:#07140D;border:1px solid rgba(255, 255, 255, 0.1)}.rounded-sm{border-radius:12px;overflow:hidden}.text-inverse{color:#E5E7EB}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.p-8{padding:0.75rem 1rem;background:rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.08)}.f-ui-03{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:#00FF9D;background:rgba(0, 255, 157, 0.1);padding:0.25rem 0.5rem;border-radius:4px;line-height:1.4}.w-20{width:1.25rem}.h-20{height:1.25rem}.mt-8{margin-top:0;cursor:pointer;color:#9CA3AF;transition:color 0.2s ease}.mt-8:hover{color:white}pre{margin:0;color:#D1D5DB;overflow-x:auto}pre[class*=\"language-\"]{white-space:pre-wrap;word-break:break-word}.bg-stronger{background:transparent}.pl-8{padding:1.25rem 1.5rem}.pb-8{padding-bottom:1.25rem}code{font-family:'IBM Plex Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.7}.token.keyword{color:#ff79c6}.token.string{color:#00FF9D}.token.function{color:#8be9fd}.token.comment{color:#6B7280;font-style:italic}.token.tag{color:#ff79c6}.token.attr-name{color:#8be9fd}.token.attr-value{color:#00FF9D}.token.punctuation{color:#d8d8d8}.token.operator{color:#8be9fd}.token.number{color:#ffb87e}.token.boolean{color:#d18fff}.token.property{color:#8be9fd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
+const edsCodeBlockCss = ":host{display:block}.codewrap{position:relative;background:#08170f;border:1px solid rgba(255, 255, 255, 0.07);border-radius:12px;overflow:hidden}.codetop{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid rgba(255, 255, 255, 0.07)}.langchip{font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;color:#00ff9d;background:rgba(0, 255, 157, 0.1);border:1px solid rgba(0, 255, 157, 0.25);border-radius:5px;padding:4px 8px;line-height:1}.copy{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;cursor:pointer;font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:rgba(235, 242, 238, 0.62);padding:5px 7px;border-radius:6px;transition:color 0.14s, background 0.14s}.copy:hover{color:#00ff9d;background:rgba(0, 255, 157, 0.08)}.copy eds-icon-wrapper{color:inherit;display:inline-flex}pre{margin:0;padding:16px 15px;overflow-x:auto;white-space:pre;font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:12.5px;line-height:1.75;color:#cfe3d8}code{font-family:inherit;font-size:inherit;line-height:inherit}.token.tag{color:#ff7b9c}.token.attr-name{color:#9fe8ff}.token.attr-value{color:#00ff9d}.token.string{color:#00ff9d}.token.punctuation{color:#6f8579}.token.attr-value .token.punctuation{color:#00ff9d}.token.comment{color:#6f8579;font-style:italic}.token.keyword{color:#ff7b9c}.token.function{color:#9fe8ff}.token.operator{color:#9fe8ff}.token.number{color:#ffb87e}.token.boolean{color:#d18fff}.token.property{color:#9fe8ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
 const EdsCodeBlockStyle0 = edsCodeBlockCss;
 
 const EdsCodeBlock = /*@__PURE__*/ proxyCustomElement(class EdsCodeBlock extends HTMLElement {
@@ -2479,7 +2479,7 @@ const EdsCodeBlock = /*@__PURE__*/ proxyCustomElement(class EdsCodeBlock extends
         return this.code; // Fallback if language is not provided or unsupported
     }
     render() {
-        return (h("div", { key: '4d73fa52c489b6995dd8a6d83c05e323bb1f5431', class: "relative bg-strongest rounded-sm" }, h("div", { key: 'c0df3237009310833b417f5ede5b7c204f2752bc', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, h("code", { innerHTML: this.getHighlightedCode() }))), h("span", { key: '016505a0749baaa52c6e4aa77f00b4da31e7ec45', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '21474f1b28af95251aca639c349aaac489d8519b', name: this.copied ? 'checkmark-filled' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '64450529ad3cf3dab7e74f8455307cdb3298bbc4', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: 'affcb4719ef29d7ed9ed676eab975c98ceca31fa', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '43fa1b80c2e02233076c4da15a5aa04f0b49bfc3', innerHTML: this.getHighlightedCode() })))));
+        return (h("div", { key: '70292c4efd3cfaa9e825fe5f50ca4c04807bfbf6', class: "codewrap" }, h("div", { key: '8af431690673102d18e43fe225267244ecf7ed1c', class: "codetop" }, h("span", { key: '484e4eb6636cd91314a17a3f048f8486f7dccb0a', class: "langchip" }, this.language ? this.language.toUpperCase() : 'CODE'), h("button", { key: '9a866e116ce719c59985b62850a351a4a87c30a8', type: "button", class: "copy", "aria-label": "Copy code", onClick: () => this.copyToClipboard() }, h("eds-icon-wrapper", { key: 'bfb0c5fe395e5a1f814e32fe21edff4829394225', name: this.copied ? 'checkmark-filled' : 'copy', size: 16 }), this.copied ? 'Copied' : 'Copy')), h("pre", { key: 'cda2b6d9eee175ea01ee99ce68912813efa12a48', class: this.language ? `language-${this.language}` : '', role: "region", "aria-label": this.language ? `Code block in ${this.language}` : 'Code block' }, h("code", { key: '2ebb1b9ac0f24a6c3c82e486745a476a4b4d5b7c', innerHTML: this.getHighlightedCode() }))));
     }
     get el() { return this; }
     static get style() { return EdsCodeBlockStyle0; }

package/dist/components/eds-cookies-preference.js

@@ -33,7 +33,7 @@ const EdsCookiesPreference$1 = /*@__PURE__*/ proxyCustomElement(class EdsCookies
         }
     }
     render() {
-        return (h("div", { key: '0a1f75fe95820dd8f994193f86b52b684f5fd240' }, h("eds-link", { key: 'd3b5740fa53b30a39296b23cd95da1ad2d8d730d', 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: '660d6b9c21de37c5681e7678e062b8039c310bc3' }, h("eds-link", { key: '3849b92ef42a578c1a59533b2281aa9df93bdfab', 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 style() { return EdsCookiesPreferenceStyle0; }
 }, [0, "eds-cookies-preference", {

package/dist/components/eds-footer2.js

@@ -24,25 +24,26 @@ const DEFAULT_COLUMNS = [
             { label: 'Documentation', href: 'https://design.ebrains.eu/get-started/', external: true },
             { label: 'Components', href: 'https://design.ebrains.eu/ui-components/', external: true },
             { label: 'Foundations', href: 'https://design.ebrains.eu/foundations/', external: true },
-            { label: 'Analytics', href: 'https://design.ebrains.eu/analytics/', external: true },
-        ],
+            { label: 'Analytics', href: 'https://design.ebrains.eu/analytics/', external: true }
+        ]
     },
     {
         heading: 'Community',
         links: [
             { label: 'GitLab', href: 'https://gitlab.ebrains.eu/ri/tech-hub/ebrains-ui-ecosystem/', external: true },
             { label: 'Storybook', href: 'https://storybook.design.ebrains.eu', external: true },
-            { label: 'Report Issues', href: 'https://gitlab.ebrains.eu/ri/tech-hub/ebrains-ui-ecosystem/-/issues', external: true },
-            { label: 'Contribute', href: 'https://design.ebrains.eu/get-started/contributing/', external: true },
-        ],
+            {
+                label: 'Report Issues',
+                href: 'https://gitlab.ebrains.eu/ri/tech-hub/ebrains-ui-ecosystem/-/issues',
+                external: true
+            },
+            { label: 'Contribute', href: 'https://design.ebrains.eu/get-started/contributing/', external: true }
+        ]
     },
     {
         heading: 'Legal',
-        links: [
-            { label: 'MIT License' },
-            { label: 'Cookie Preferences', action: 'cookies' },
-        ],
-    },
+        links: [{ label: 'MIT License' }, { label: 'Cookie Preferences', action: 'cookies' }]
+    }
 ];
 const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLElement {
     constructor() {
@@ -85,15 +86,18 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
      * keeps the footer working with sensible defaults.
      */
     parseColumns(value) {
-        if (value === undefined || value === null || value === '')
+        if (value === undefined || value === null || value === '') {
             return DEFAULT_COLUMNS;
-        if (Array.isArray(value))
+        }
+        if (Array.isArray(value)) {
             return value;
+        }
         if (typeof value === 'string') {
             try {
                 const parsed = JSON.parse(value);
-                if (Array.isArray(parsed))
+                if (Array.isArray(parsed)) {
                     return parsed;
+                }
                 console.warn('eds-footer: `columns` JSON parsed but is not an array; using defaults');
                 return DEFAULT_COLUMNS;
             }
@@ -109,8 +113,9 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
         this.backBtn = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#toTop');
     }
     handleScroll() {
-        if (!this.backBtn)
+        if (!this.backBtn) {
             return;
+        }
         const shouldShow = window.scrollY > 100 && document.body.scrollHeight > window.innerHeight;
         this.backBtn.style.opacity = shouldShow ? '1' : '0';
         this.backBtn.style.pointerEvents = shouldShow ? 'auto' : 'none';
@@ -128,8 +133,9 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
      */
     renderLink(link, index) {
         if (link.action === 'cookies') {
-            if (!this.enableCookiesSettings)
+            if (!this.enableCookiesSettings) {
                 return null;
+            }
             return (h("li", { key: `cookies-${index}` }, h("a", { href: "javascript:void(0)", class: "footer-link", onClick: this.emitCookies, role: "button" }, this.cookiesPreferences || link.label)));
         }
         if (link.href) {
@@ -146,9 +152,8 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
         // selector independently rather than relying on prop-based
         // inline styles, so theme tokens stay overridable from outside
         // via the host's CSS custom properties.
-        const rootClasses = ['eds-footer-root', isInverse ? 'theme-inverse' : 'theme-default']
-            .join(' ');
-        return (h("footer", { key: 'b09063376e3bd78845302473a96884bd473cea09', class: rootClasses }, this.social ? (h("div", { class: "footer-social" }, h("div", { class: "footer-container" }, h("eds-social-networks", { variant: this.variant })))) : null, h("div", { key: '3aeb8f496bb4c3c73da907ba9b9fbb72841be213', class: "footer-container" }, h("div", { key: 'e7e33ce7dee8079a9aff17d45963dfaff9576121', class: "footer-grid" }, h("div", { key: 'e6fc738e086774e114c5ceef1b82fea2e2840990', class: "footer-brand" }, h("div", { key: '96f7030269174c122ffe0117897a79b00020dd29', class: "footer-brand-row" }, h("a", { key: '5967c33efff435ceee2a45c21cae67749b91b9ba', target: "_blank", rel: "noopener noreferrer", class: "footer-flag-link", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("svg", { key: '3de7debe64d431152e47a4daefb7c9facf7bf951', class: "footer-flag-svg", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '50e3f0c5ae41e3e7cc5689ddf01a8944a6c5d2eb', d: "M0 0h640v480H0V0z", fill: "#039" }), h("path", { key: '2c0f61e6de734d7214accd10cefd3a39e31f36a1', d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z", fill: "#FC0" }))), h("p", { key: '9ff8e10db0e213754bfc73bcce1b3dd36bc62e30', class: "footer-funded" }, this.fundedBy)), h("p", { key: 'a24c4fbfe48c4c3c8d076f24da9c84b739a982d8', class: "footer-copyright" }, "\u00A9 ", rights)), this.resolvedColumns.map((col, ci) => (h("div", { class: "footer-column", key: `col-${ci}` }, h("h4", { class: "footer-column-heading" }, col.heading), h("ul", { class: "footer-column-list" }, (col.links || []).map((link, li) => this.renderLink(link, li)))))))), this.enableScrollTop ? (h("div", { id: "toTop", class: "footer-back-to-top" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: isInverse ? 'ghostInverse' : 'ghost', size: "large", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null));
+        const rootClasses = ['eds-footer-root', isInverse ? 'theme-inverse' : 'theme-default'].join(' ');
+        return (h("footer", { key: 'e7d7584fcd2dcfd2e4e469c5e9e2621f010036fe', class: rootClasses }, this.social ? (h("div", { class: "footer-social" }, h("div", { class: "footer-container" }, h("eds-social-networks", { variant: this.variant })))) : null, h("div", { key: '4233c2f5665ff8fd49f1949ef450b87149f1d9ba', class: "footer-container" }, h("div", { key: '6a90c75dc5a099727e58fb21c706e7d310c2e58f', class: "footer-grid" }, h("div", { key: '450704c6200bf603a296c383872eecdf4ef94fd9', class: "footer-brand" }, h("div", { key: '380ba7f532a8f94627e206e33480be697861dc57', class: "footer-brand-row" }, h("a", { key: '2cbc262b8630d7106b1ff4c9b9e97f7421df05bd', target: "_blank", rel: "noopener noreferrer", class: "footer-flag-link", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("svg", { key: 'a1374ae892acdd10d5294e3197e9b37e8adb7b38', class: "footer-flag-svg", width: "63", height: "50", viewBox: "0 0 640 480", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '11b83b7931271e829803de01822a6618e66c8b17', d: "M0 0h640v480H0V0z", fill: "#039" }), h("path", { key: '2e5b724042df62f59964709ec2e6954767690805', d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z", fill: "#FC0" }))), h("p", { key: '20e15f10baf1ddf47bc35e4d339a8efaf4b4bb49', class: "footer-funded" }, this.fundedBy)), h("p", { key: '126e04d4a993422b5554fb87dfb9b388e8d2a4af', class: "footer-copyright" }, "\u00A9 ", rights)), this.resolvedColumns.map((col, ci) => (h("div", { class: "footer-column", key: `col-${ci}` }, h("h4", { class: "footer-column-heading" }, col.heading), h("ul", { class: "footer-column-list" }, (col.links || []).map((link, li) => this.renderLink(link, li)))))))), this.enableScrollTop ? (h("div", { id: "toTop", class: "footer-back-to-top" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: isInverse ? 'ghostInverse' : 'ghost', size: "large", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null));
     }
     get el() { return this; }
     static get watchers() { return {