@ebrains/components 2.3.1 → 2.4.0

package/dist/collection/components/eds-block-break/eds-block-break.js

@@ -7,7 +7,7 @@ export class EdsBlockBreak {
         this.inverse = false;
     }
     render() {
-        return h("hr", { key: '0e2ec4b9c8b70ff9b65e6c4f2af42f198b1eb7d0', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
+        return h("hr", { key: 'dd9b98d66f195135ff2fb1374a56d4c670e43d3e', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
     }
     static get is() { return "eds-block-break"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-breadcrump/eds-breadcrump.js

@@ -123,7 +123,7 @@ export class EdsBreadcrumb {
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: '27ddf744a07f1b697e549cdc6d2a66f65ebe6386', "aria-label": "Breadcrumb" }, h("ol", { key: '43ac089290c0a6f9b3c5cd629def8540966637b8', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (h("nav", { key: '4894fb9e6b37ef84880a62f4dcd3289dcb9cab38', "aria-label": "Breadcrumb" }, h("ol", { key: 'd69405fcee024465d645d9cdbb17189998a94b95', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
             const isLast = index === itemsToRender.length - 1;
             return (h("li", { class: "flex items-center" }, !item.isHidden ? ((() => {
                 const { fullLabel } = this.getLabels(item, isLast);

package/dist/collection/components/eds-button/eds-button.js

@@ -127,7 +127,6 @@ export class EdsButton {
         this.size = 'small';
         this.iconPos = 'right';
         this.iconSmall = false;
-        this.extraClass = undefined;
         this.triggerClick = undefined;
     }
     handleParentContext(event) {
@@ -178,7 +177,7 @@ export class EdsButton {
         });
         const ElementType = this.elementType;
         const isInteractive = !this.disabled && !this.loading;
-        return (h(Host, { key: 'fe91be3eb9c2a3ece800097392462b3bd76f1264' }, h(ElementType, { key: 'aa1d4e0544beff8759d232d0e897ffdbcd584ea5', 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 || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event), onKeyDown: (event) => this.handleKeyDown(event) }, this.label && (h("span", { key: '2b55edc1b986950ba03a759cffd7346c8611ac0a', class: this.loading ? 'opacity-0' : '', "aria-hidden": this.loading ? 'true' : undefined }, this.label)), this.loading && (h("span", { key: '5b035b8ef848cde63af9a2cc4a3ed72c68e1e03d', class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, h("span", { key: '2746ef996f0835c76c4ef2cbd39103ad4d07c21f', class: "loader", style: {
+        return (h(Host, { key: '25a7b4ffda3df65e91c77a18becd45bc40973f3c' }, h(ElementType, { key: '0f00d82a37f3189b862015eb2d915f2364b6d75d', 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: '6e45dfefb4805eef0574f7462becca6cde85dbc0', class: this.loading ? 'opacity-0' : '', "aria-hidden": this.loading ? 'true' : undefined }, this.label)), this.loading && (h("span", { key: '9909c70db39a039b883854caff816d25f132b866', class: "absolute inset-0 flex items-center justify-center", "aria-hidden": "true" }, h("span", { key: '367cd65a13f81cbcb12d93855dc091a4309566bb', class: "loader", style: {
                 border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
                 borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
             } }))), this.icon ? (h("eds-icon-wrapper", { class: `
@@ -397,23 +396,6 @@ export class EdsButton {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "extraClass": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "extra-class",
-                "reflect": false
-            },
             "triggerClick": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/eds-cards/eds-card-composer/eds-card-desc/eds-card-desc.js

@@ -20,7 +20,7 @@ export class EdsCardDesc {
         return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
     }
     render() {
-        return (h("p", { key: '1e2ae9b46a477adb8a249a0a06c963d3e44ff297', class: "text-light f-ui-03-light" }, h("span", { key: '072222b2b2249a772c1e26f566d7ac863dd6a1dd', class: this.getTruncateClass() }, this.description)));
+        return (h("p", { key: '3711e4f24ad19f1dedef3083b9b9c8868f3b4e3f', class: "text-light f-ui-03-light" }, h("span", { key: '46b53c5111bc05ffaaa6f8fcd4b1b6ddfae2d413', class: this.getTruncateClass() }, this.description)));
     }
     static get is() { return "eds-card-desc"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-cards/eds-card-composer/eds-card-tags/eds-card-tags.js

@@ -8,7 +8,7 @@ export class EdsCardTags {
         this.tags = [];
     }
     render() {
-        return (h("div", { key: 'dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
+        return (h("div", { key: 'a0184d0900e08d0ae48dd4d2164c9d7ca0ef8db1', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
     }
     static get is() { return "eds-card-tags"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-cards/eds-card-composer/eds-card-title/eds-card-title.js

@@ -43,7 +43,7 @@ export class EdsCardTitle {
     render() {
         //const Tag = this.getTag();
         const Heading = this.headingLevel;
-        return (h(Heading, { key: '1fd3f080c09f94d7b7175d51b9d8e38bb0b76286', class: this.getTitleClass() }, h("a", { key: 'dd06cbecbc9eaef8052f34eae28ae17c5f92c918', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
+        return (h(Heading, { key: '5d356d301cfee459ac142895a042e9b1ccd59367', class: this.getTitleClass() }, h("a", { key: '348fffdd2abccf3b08ecab9481718b4a2aa50807', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
     }
     static get is() { return "eds-card-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-cards/eds-card-generic/eds-card-generic.js

@@ -85,7 +85,7 @@ export class EdsCardGeneric {
         });
     }
     render() {
-        return (h("article", { key: '76e77261a0c6e0c506fe7600d31a492808293d27', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: 'ca26508b05a31310df7fc0c3fa5769f7947e80fc', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), h("div", { key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b', class: "mt-8 mb-8" }, this.description && (h("eds-card-desc", { key: '7f8b687ac2c2f334549b5d9d438aab5c62a6fcc0', "truncate-lines": "3", description: this.description }))), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8 block mx-auto" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '63cc046648dbf7d56909b2478d6c15b14e8d9ae4', class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label, size: tag.size })))), ' '));
+        return (h("article", { key: '76e77261a0c6e0c506fe7600d31a492808293d27', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: 'ca26508b05a31310df7fc0c3fa5769f7947e80fc', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), h("div", { key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b', class: "mt-8 mb-8" }, this.description && h("eds-card-desc", { key: '2d775f772092b7873dd1eabc7c3e8606dded0c47', "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8 block mx-auto" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'e51237f8196212715d1d97ae1e6bfc2625573cb3', class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label, size: tag.size })))), ' '));
     }
     static get is() { return "eds-card-generic"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-cards/eds-card-project/eds-card-project.js

@@ -55,7 +55,7 @@ export class EdsCardProject {
             this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'
         ].join(' ');
         const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
-        return (h("article", { key: '65af57bfbe558b895f74dd4d088c243a25c7265d', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: 'cf0e9f71cd617a44facf7e35cdf78774e41b3eb1', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: '82870bbaf7203ac92f25ca241186ba7a32b784d5', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: '0f0356d2e4a7af3a5d50c66382ff5d3f70298e8c', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '3586446f9ad1bb190c93cd54d7e53d6e835b8e37', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: '750c707f04d12ddd1d38aa0377b47f8804070535', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", { key: '01fbeebd88ee60feede3b21db177b3691ffc2808', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: 'c61baca9d015c9bfb7ec6ce3ec4ea2e41d8ac513', class: imageClasses }, h("div", { key: '04d4828b6648470543ddde09d935aaa7c6133d7e', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: 'cde6eb483641c02abb6c229470f07aa5b08fbf9b', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
+        return (h("article", { key: '5f72c2dc52a8ef7edb004c6cf9a2035097c5aa28', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: '145809ee5e4800d852bb6d9b84a023160098f3c4', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: '3d77551f7518cf63f16daffc7d59a2dd23b66148', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: '715a73ee7a013d13ef5e9f3f180eedf043998d76', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '418fc9fe39b480f4d1c9e99f2ef4361a6ad3827f', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: '58764ae4d610e2d1205cf09b7274a14a8bfb5694', class: "mt-auto flex items-center gap-x-12 pt-12" }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", { key: 'c552bbc88aca3e3b114aef1fbd3e3bdf3e334624', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: '3e85ad957b7d782cc228a508ce8e76ccb7490a9c', class: imageClasses }, h("div", { key: '77e161fd2deb2c6ec3e30ad0ef34f934ba9197d1', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: 'e9f0f4982bddba64ee979490024af471f4e9d8f8', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
     }
     static get is() { return "eds-card-project"; }
     static get properties() {

package/dist/collection/components/eds-cards/eds-card-tool/eds-card-tool.js

@@ -64,7 +64,7 @@ export class EdsCardTool {
         });
     }
     render() {
-        return (h("article", { key: '00f417ee065537f8b30bc73e5ad9ca0d69b3aed3', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '9d8156f655c9344c872631b75cfcaf52fdf23347', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: 'da7aa3d0d9f7995a824fd7720342e6dd4d94224f', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '3e3001ec404a0bbca84deafc89de6aab8bf2fe45', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
+        return (h("article", { key: 'bde34da77105309a05bf36cc1cf24888e62dc826', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '521f11ef8f9f13cdc35b27e45e20d0bec81cc3f8', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, "external-link": this.external, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '615ccb630818a49e278f1308aa95caec3a02e3fe', class: "mt-8", "truncate-lines": "3", description: this.description })), this.image ? (h("eds-img", { src: this.image, alt: "Sample Image", width: 200, height: 150 })) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '40cfa7d940136d4bce5de0c2b37fca91187110f8', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
     }
     static get is() { return "eds-card-tool"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-charts/eds-gauge/eds-gauge.js

@@ -43,7 +43,7 @@ export class EdsGauge {
         const textStyle = {
             fontSize: `${fontSize}px`
         };
-        return (h("div", { key: '8834b0fc3cb78c0e7926392d04229d67d8deab90', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'f9ad68bd6bf19bceb46df1cfe16cdbbc2375099c', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '64a2ba3ba2f104fa018f81949cdabc0fc53eea42', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'ae66f977802793f4e10210e75ddfa53839a9ff6e', class: "f-body-01 text-default", style: textStyle }, clamped))));
+        return (h("div", { key: '33388b250acd0aeaf3bf4888fd5ac72ba0337a42', role: "progressbar", "aria-valuemin": this.valueMin, "aria-valuemax": this.valueMax, "aria-valuenow": clamped, "aria-label": `Gauge value: ${clamped} of ${this.valueMax}`, class: "relative inline-block rounded-full overflow-hidden", style: containerStyle }, h("div", { key: 'b920dd12644a5457b512b65e2c093ef53f339969', class: "absolute bg-inverse rounded-full", style: maskStyle }), h("div", { key: '0149f680aad2c2b2cf4e308b1510d2fb3482a06f', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '31fee43895b99a2c19358acce9eee0965eef574a', class: "f-body-01 text-default", style: textStyle }, clamped))));
     }
     static get is() { return "eds-gauge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-code-block/eds-code-block.js

@@ -80,7 +80,7 @@ export class EdsCodeBlock {
         return this.code; // Fallback if language is not provided or unsupported
     }
     render() {
-        return (h("div", { key: '2c5addd195dc8d930db643e95ecc52410dd94052', class: "relative bg-stronger rounded-sm" }, h("div", { key: 'aea2d891f9e5d57d4b8390cff4597cb8edd163a1', 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: '41e2d463bde145f901eae42dda68091a9a42e3ef', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '7285b81dd936c770b09b4a36bed8c8ba2a87da99', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: 'a12d74735064478480544cc4b5cf14d7b028b1a8', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '2fcde4f271059ac98cb3b1b6bffbf4564ccf795b', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '68a8b83f492e7b0eb2916a063e28a4293e6a988f', innerHTML: this.getHighlightedCode() })))));
+        return (h("div", { key: 'bc74b6be37bcb24700d17b48b5398077e485abd7', class: "relative bg-stronger rounded-sm" }, h("div", { key: 'db0395bfd55eb3394ab2149c5c436f2a54e8afb0', 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: '628ad41f15f3a38abe4b7c382074c8f5a8679a8c', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '1c95d57a5d8113d6ab7ebf7da713e058c7cc10f1', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: 'a64b2450b631835b6fc2c15047b09ceea5a9fc95', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '51945cbee1504625b54362505b60f1bd1784bdda', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '55961aa8278177451e13c929ec7f7065afcac93b', innerHTML: this.getHighlightedCode() })))));
     }
     static get is() { return "eds-code-block"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-dropdown/eds-dropdown.js

@@ -166,14 +166,14 @@ export class EdsDropdown {
      * @returns {JSX.Element} The rendered dropdown component.
      */
     render() {
-        return (h("div", { key: 'e31acbda3428f47fe32cfe550cf00c53374da215', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: 'ce3e11ecee4f603c3ba0e003fccf3fe81289f4c8', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), h("nav", { key: '59f8533409171401ed73eac8d307e4eafbde9209', ref: (el) => (this.panelEl = el), role: "menu", class: {
+        return (h("div", { key: 'ffc4915b2104e3d2dd347900acd897f56910a674', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: 'ba48bdd7b75fd230bdc2dd564bd477f0349f5426', label: this.label, "aria-label": this.ariaLabel, icon: this.icon, intent: this.intent, onClick: this.handleClick, "aria-expanded": this.isOpen.toString(), "aria-haspopup": "menu" }), h("nav", { key: 'a29b57598a2ed8fcc9593c928df9443fd4449481', ref: (el) => (this.panelEl = el), role: "menu", class: {
                 'shadow-small bg-inverse border-softest z-10 z-on-top absolute top-full mt-4 flex flex-col gap-y-4 border-2 p-8': true,
                 'left-4': this.dropdownPos === 'left' && this.dropdownOffset,
                 'left-0': this.dropdownPos === 'left' && !this.dropdownOffset,
                 'right-4': this.dropdownPos === 'right' && this.dropdownOffset,
                 'right-0': this.dropdownPos === 'right' && !this.dropdownOffset,
                 'rounded-lg': this.rounded
-            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: '675839893bf667a7a05a63e552935bb1a5874b73' }))));
+            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: 'ddf003345ef5181b968b4bfd8962805d09d15e89' }))));
     }
     static get is() { return "eds-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-feedback/eds-feedback.js

@@ -52,7 +52,7 @@ export class EdsFeedback {
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (h("div", { key: 'ddf3974682322578e0fe0b0405ac4ebf2e0f25c1', class: "grid inline" }, h(HeadingTag, { key: '64ef135208df2903c342a8feaafa49d27eb22250', class: headingClass }, this.label), h("p", { key: '95d46d464035e393d80ae259f4232bebf47453ce', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: 'd390733041689a17937f31dbf07050571997ced2', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '61cedb8ba0a5269ac0112dc9a6d91b92e1f0b200', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: '5405127cfc114d4906617955d7b1069a04ed7b8e', class: "grid inline" }, h(HeadingTag, { key: 'c0a2593d843577323b6a27d0f8fdca3b84063bd5', class: headingClass }, this.label), h("p", { key: '5b7ef9fbd8c5b4a9d3c7c39e3092244d08dde126', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '2de1ad00dd21d987bc4a91438500a58a0bcd63a7', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '3de038a0ae8ee334edde65194356f021e14e7cb3', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     static get is() { return "eds-feedback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-footer/eds-footer.js

@@ -60,9 +60,9 @@ export class EdsFooter {
     render() {
         const year = new Date().getFullYear();
         const rights = this.rightsReserved || `${year} EBRAINS. All rights reserved.`;
-        return (h("footer", { key: 'b1c8481183fb67cb8b0a97c4ecb56cbd68b8d5f2' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'bfe4a641c968c7c8db656eb15ae4b20994f289f9', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '5a65394e8899cf62ac1bed4ac363bee86f9f17ad', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '00163d1e6c4f1021997b910935859a8bb97c18ba', class: "flex items-center gap-x-12" }, h("a", { key: '12cc17423f3988f3f98b9ba9d5ce4a18a486021b', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", 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("eds-img", { key: '2448154fd301959d09ae0d4a2bc575ebddef0646', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '640d25df8ad2a7d5271c22b979a6198f6f7aa2aa' }, h("div", { key: '6a4256e03d37e93b41bbc5f22db44fcf56f35548', class: "f-ui-04 text-light" }, h("p", { key: 'd2227c0d2f297a995006aa810d889e679f1ef1e2' }, this.fundedBy), h("div", { key: 'd3a56fc0695308fe5547109fb735e64bc4297b5e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '5f0a5db7ea735b373fc6106b6fc8f4bc25ba6f27', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (h("footer", { key: 'bf9d98eea0bd151bf87818b770e85fe0cfa1044f' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'c0058cd32e2904e4e08ec46b99a0cbbabb5df588', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '4f2993ccded30ca66da34eca632b62abf02e06d5', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: '81efd584b5de410522d338bb6ab4b53096a36868', class: "flex items-center gap-x-12" }, h("a", { key: '5a641163b3cb1549ee886e9029b65a012b31cd85', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", 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("eds-img", { key: '6428f6d0b70f802a7eaa81fcce7641f754c0071a', width: 63, height: 50, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'c3612f7c694abd66831a6c04f2d9f98bc9f8a2dd' }, h("div", { key: '7d16c929479ee8db9d981d6178f17fd832184e29', class: "f-ui-02 text-light" }, h("p", { key: '86c6e3eec115a886a37618963e973004f130950e' }, this.fundedBy), h("div", { key: '13e4e3925ea8f76865684cba29c91653bba0c45d', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '21c77485fffbe352edb8501dab07fd6628de62ba', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", rights), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", size: "small", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: 'e853a0ee1b2d3e4627ccc4b80aba566a9c7a2350', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
+            } })) : null))), h("div", { key: '1c8417017493de5e446bfdeec248948d920c1a95', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("div", { id: "toTop", class: "transition-all transition duration-75 opacity-0" }, h("eds-button", { id: "backToTop", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, tabindex: "-1" }))) : null)))));
     }
     static get is() { return "eds-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-form/eds-form.js

@@ -78,17 +78,41 @@ export class EdsForm {
         }
         const actual = this.values[field.condition.field];
         const expected = field.condition.value;
-        // Handle loose match between booleans and strings
-        return String(actual) === String(expected);
+        // Handle undefined/null/empty
+        if (actual == null) {
+            return expected == null || expected === '';
+        }
+        // Handle arrays (multi-select, checkboxes)
+        if (Array.isArray(actual)) {
+            return actual.some((val) => this.normalizeValue(val) === this.normalizeValue(expected));
+        }
+        // Handle comma-separated strings (from checkboxes stored as "val1,val2")
+        if (typeof actual === 'string' && actual.includes(',')) {
+            const values = actual.split(',').map((v) => v.trim());
+            return values.some((val) => this.normalizeValue(val) === this.normalizeValue(expected));
+        }
+        // Standard comparison with normalization
+        return this.normalizeValue(actual) === this.normalizeValue(expected);
+    }
+    normalizeValue(value) {
+        if (value == null) {
+            return '';
+        }
+        if (typeof value === 'boolean') {
+            return value ? 'true' : 'false';
+        }
+        if (typeof value === 'number') {
+            return String(value);
+        }
+        if (typeof value === 'string') {
+            return value.trim().toLowerCase();
+        }
+        return String(value).trim().toLowerCase();
     }
     validateForm() {
-        const { errors, hasError } = validateFormFields(this.parsedFields, this.formEl, this.values, (field, values) => {
-            if (!field.condition) {
-                return true;
-            }
-            const parentValue = values[field.condition.field];
-            return parentValue === field.condition.value;
-        });
+        const { errors, hasError } = validateFormFields(this.parsedFields, this.formEl, this.values, (field, _values) => 
+        // Use a temporary object with the condition to reuse isFieldVisible logic
+        this.isFieldVisible(field));
         this.errors = errors;
         this.hasError = hasError;
     }
@@ -102,8 +126,22 @@ export class EdsForm {
                 if (!field.condition) {
                     return true;
                 }
-                const parentValue = values[field.condition.field];
-                return parentValue === field.condition.value;
+                const actual = values[field.condition.field];
+                const expected = field.condition.value;
+                // Handle undefined/null/empty
+                if (actual == null) {
+                    return expected == null || expected === '';
+                }
+                // Handle arrays
+                if (Array.isArray(actual)) {
+                    return actual.some((val) => this.normalizeValue(val) === this.normalizeValue(expected));
+                }
+                // Handle comma-separated strings
+                if (typeof actual === 'string' && actual.includes(',')) {
+                    const values = actual.split(',').map((v) => v.trim());
+                    return values.some((val) => this.normalizeValue(val) === this.normalizeValue(expected));
+                }
+                return this.normalizeValue(actual) === this.normalizeValue(expected);
             }
         });
         this.values = updatedValues;
@@ -170,8 +208,9 @@ export class EdsForm {
             const hosts = Array.from(this.formEl.querySelectorAll('eds-input-field'));
             hosts.forEach((host) => {
                 const root = host.shadowRoot;
-                if (!root)
+                if (!root) {
                     return;
+                }
                 const fileInputs = Array.from(root.querySelectorAll('input[type="file"][name]'));
                 console.log(fileInputs);
                 fileInputs.forEach((fi) => {
@@ -310,8 +349,9 @@ export class EdsForm {
     handleSubmit(e) {
         var _a, _b;
         e === null || e === void 0 ? void 0 : e.preventDefault();
-        if (this.isSubmitting)
+        if (this.isSubmitting) {
             return;
+        }
         this.isSubmitting = true;
         this.validateForm();
         if (this.hasError) {
@@ -393,7 +433,7 @@ export class EdsForm {
         else if (field.type === 'nps') {
             return (h("div", { class: "form-group nps-field", key: field.name }, h("div", { class: "flex justify-between" }, field && (h("eds-input-label", { name: `nps-${field.name}`, label: field.question, disabled: field.disabled, required: field.required }))), h("eds-nps", { id: `nps-${field.name}`, "right-label": field.rightLabel, "left-label": field.leftLabel, onNps: (e) => this.handleNPS(e, field) }), h("div", { class: "mt-6" }, h("eds-input-footer", { id: `${field.name}-footer`, name: field.name, "error-message": (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br/>'), error: !!this.errors[field.name] }))));
         }
-        return (h("eds-input-field", { key: field.name, name: field.name, label: field.label, placeholder: field.placeholder, type: field.type, value: this.values[field.name], required: field.required, hint: field.hint, message: field.message, error: !!this.errors[field.name], errorMessage: (_c = this.errors[field.name]) === null || _c === void 0 ? void 0 : _c.join('<br/>'), options: field.options, onInput: (e) => this.handleInput(e, field), onChangeNative: (e) => this.handleChange(e, field) }));
+        return (h("eds-input-field", { key: field.name, name: field.name, label: field.label, placeholder: field.placeholder, type: field.type, value: this.values[field.name], required: field.required, hint: field.hint, message: field.message, link: field.link, error: !!this.errors[field.name], errorMessage: (_c = this.errors[field.name]) === null || _c === void 0 ? void 0 : _c.join('<br/>'), options: field.options, onInput: (e) => this.handleInput(e, field), onChangeNative: (e) => this.handleChange(e, field) }));
     }
     async getData() {
         return this.makeFormData();
@@ -406,9 +446,9 @@ export class EdsForm {
         const styleClasses = this.formStyle === 'shadow'
             ? 'bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32'
             : '';
-        return (h("form", { key: '0b7014a7e6c641f2abc6217d919583dafce50067', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '3beaa87c72ac60e37bf5c7093b8a3f5b54c9eb4b', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: '5d07685b0e31419d442765c230f9cd2373ce2773', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: '13fe635ea00fa3c950951f1df37549fa75341666', class: "f-body-02 text-light" }, this.description), h("slot", { key: '5e62b8844536ef127ce2565e4167766bf6d5ba4d' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
+        return (h("form", { key: 'a4b6cf51242567739fc3ff2da482c41edb4e4e57', class: styleClasses, ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '5f7e1d618f8a10a1cd6aa8d512c04064a484cd93', class: "flex flex-col gap-y-24" }, this.title && (h("span", { key: '283d752d3e9f4ede0f50493ba9e5010376ebfb1f', role: "heading", class: "f-heading-04" }, this.title)), this.description && h("span", { key: 'bd5866482b87bdc86a59594b884a9b81c676afdb', class: "f-body-02 text-light" }, this.description), h("slot", { key: 'b2de746ccf8743fdef545a70ab111dfff0d7912f' })), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), this.parsedGroups
             .filter((g) => Array.isArray(buckets[g.id]) && buckets[g.id].length > 0)
-            .map((g) => (h("div", { class: "mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: '831b919b0784a671596678392fe5aa0433af35a5', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: 'bdddee0aa0899c9cea3ce737f30f1e25ce8d95c5', class: "mt-32" }, h("eds-button", { key: 'f9a61383079b998dc98558d85b93e30aa32a3eeb', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            .map((g) => (h("div", { class: "mt-32", key: g.id }, h("span", { class: "f-body-02" }, h("b", null, g.title)), h("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, buckets[g.id].map((f) => this.renderField(f)))))), h("div", { key: '917c5bd2e6048a91487f0a66bd0426e529295f9e', class: "flex flex-col mt-32 gap-y-24" }, buckets['__ungrouped'].map((f) => this.renderField(f))), this.formBtn && (h("div", { key: '96abbd19ea2869c21146f0b37da7ff6b89fbf66c', class: "mt-32" }, h("eds-button", { key: '066348df32cf27fc6e56c94b9d5c455bc51b4adf', intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     static get is() { return "eds-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-frame/eds-frame.js

@@ -84,7 +84,7 @@ export class EdsFrame {
         }
     }
     render() {
-        return (h("div", { key: '919f5de224a556016a2ccf7bdfc20a4885afa3f5', class: this.articleClasses() }, h("div", { key: '13f6c97cd99ddc7a15bed69efed236f44266d9ab', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'a1b912042dbf197dd7044016582412980c9a177b', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '186fa28cc18e183318f94ccfd2d557ee800f43b7', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (h("div", { key: '5bcdb5bdd66a7530a82662ff9b6ef06d3a1eb1d3', class: this.articleClasses() }, h("div", { key: '4c9e224f1a6421398cfef1fd89d113513727b6dd', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '7704b4f1d1a3e8a728f0ad751891ecbfd118411a', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'd4372713fc8984d14808171857d6efd40790dec2', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     static get is() { return "eds-frame"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,8 +33,9 @@ export class EdsFullscreenMenu {
         this.isMenuOpen = !!event.detail;
     }
     onKeydown(e) {
-        if (e.key === 'Escape' && this.isMenuOpen)
+        if (e.key === 'Escape' && this.isMenuOpen) {
             this.closeMenu();
+        }
     }
     /** Opens the menu */
     openMenu() {
@@ -45,8 +46,12 @@ export class EdsFullscreenMenu {
         this.isMenuOpen = false;
         this.menuClose.emit();
     }
-    async open() { this.isMenuOpen = true; }
-    async close() { this.closeMenu(); }
+    async open() {
+        this.isMenuOpen = true;
+    }
+    async close() {
+        this.closeMenu();
+    }
     // Lifecycle method to add the resize event listener when component loads
     componentDidLoad() {
         window.addEventListener('resize', this.handleResize.bind(this));

package/dist/collection/components/eds-header/eds-header.css

@@ -133,6 +133,11 @@
   column-gap: 0.125rem;
 }
 
+.gap-x-16 {
+  -moz-column-gap: 1rem;
+  column-gap: 1rem;
+}
+
 .after\:effect-opacity::after {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

package/dist/collection/components/eds-header/eds-header.js

@@ -52,7 +52,7 @@ export class EdsHeader {
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (h("header", { key: '33f041754210d5fce8b190e63a6f19ac62262cfd', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '596d4b9cbb08fa95aa9b715599290ac91aff3f77', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'd13e83eca926b82f7406d5efb3f16555c25c167c', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'e120bef9e976e75d523bd6d1e65e8aecd7c6a694', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: 'ea3db252b028340a007a18b4cb1fb995fefd51b0', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '47dfb8dcd8e77bd908236aef0cc0c3c5542de11e', name: "actions" }), this.menuEnabled && (h("div", { key: 'a6f4a3fb9834696d39a6831098c12f1a5a519a6b', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '2c6586152953caa33911d19fa69d3518cb73fc41', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: 'cf272ed6242b2effa3027081d72b58025c49d055', role: "banner", class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '16f81e55c3aa28beabfead914488ce1fd70b408d', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '0961fb91dff26c457833b67ef963d60a9902a916', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: 'a034d1bfc21da2245b3c91a2f91f092476d67f97', role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: '06ebd9012b829a30f7cdc27f417116a21d2bfc2f', class: "flex gap-x-16" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "strong", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '68c34af928ee215329d354ca1a5ef7850d1112cf', name: "actions" }), this.menuEnabled && (h("div", { key: 'cb4cd94fbf5ebbd770631066f2f69f8ac50a3f5f', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '8f2aa4d59705e9410a0fa8b10c9f348fcfe73db3', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     static get is() { return "eds-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-down/eds-icon-chevron-down.js

@@ -8,7 +8,7 @@ export class EdsIconChevronDown {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ea6e2250c63af2a7f3ed1d50e6514a28e5629e6d', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319', class: this.class, innerHTML: chevronDown });
     }
     static get is() { return "eds-icon-chevron-down"; }
     static get properties() {

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-left/eds-icon-chevron-left.js

@@ -8,7 +8,7 @@ export class EdsIconChevronLeft {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8847183f6f31439d94f87a24ee01697babe53ecf', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da', class: this.class, innerHTML: chevronLeft });
     }
     static get is() { return "eds-icon-chevron-left"; }
     static get properties() {

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-right/eds-icon-chevron-right.js

@@ -8,7 +8,7 @@ export class EdsIconChevronRight {
         this.class = '';
     }
     render() {
-        return h("span", { key: '398a406ad137aeb4d51286b82eccee3c0bff2f2b', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: '60ca9c3f312d711df76743901b5373ee573b99d7', class: this.class, innerHTML: chevronRight });
     }
     static get is() { return "eds-icon-chevron-right"; }
     static get properties() {

package/dist/collection/components/eds-icons/chevron/eds-icon-chevron-up/eds-icon-chevron-up.js

@@ -8,7 +8,7 @@ export class EdsIconChevronUp {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f0647dcbf0e597fc3dd2f31d0e1de2ce7237d25a', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: '61506941edc3f2da20a848d8f435241027ee131a', class: this.class, innerHTML: chevronUp });
     }
     static get is() { return "eds-icon-chevron-up"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-arrow-diagonal/eds-icon-arrow-diagonal.js

@@ -8,7 +8,7 @@ export class EdsIconArrowDiagonal {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4dd5fc5be465494e8546404231cfdb63609e64f1', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca', class: this.class, innerHTML: arrowDiagonal });
     }
     static get is() { return "eds-icon-arrow-diagonal"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-arrow-right/eds-icon-arrow-right.js

@@ -8,7 +8,7 @@ export class EdsIconArrowRight {
         this.class = '';
     }
     render() {
-        return h("span", { key: '64d0cb03ab1a33096ad9e3b7219a2e758707a1d5', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: '652d9843e8855eeb7bd9c364fe8600116eb54897', class: this.class, innerHTML: arrowRight });
     }
     static get is() { return "eds-icon-arrow-right"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-bin/eds-icon-bin.js

@@ -8,7 +8,7 @@ export class EdsIconBin {
         this.class = '';
     }
     render() {
-        return h("span", { key: '9a7b52f2a2006bd83418d6b4bb2834bffa79305c', class: this.class, innerHTML: bin });
+        return h("span", { key: '7ba82b3f303e9d0dc30afef19154637af1d20811', class: this.class, innerHTML: bin });
     }
     static get is() { return "eds-icon-bin"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-bookmark/eds-icon-bookmark.js

@@ -8,7 +8,7 @@ export class EdsIconBookmark {
         this.class = '';
     }
     render() {
-        return h("span", { key: '48b2e81ac7f597b50d13a7a0a753894ac18022cd', class: this.class, innerHTML: bookmark });
+        return h("span", { key: '66bd28a12ce759d916099635f81aff9b8a66c774', class: this.class, innerHTML: bookmark });
     }
     static get is() { return "eds-icon-bookmark"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-clone/eds-icon-clone.js

@@ -8,7 +8,7 @@ export class EdsIconClone {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'faa232cc2d703f00cbda76fb9c152773a032ded2', class: this.class, innerHTML: clone });
+        return h("span", { key: '25b5552f8f0952bde3058c85d2ef61bb69102c24', class: this.class, innerHTML: clone });
     }
     static get is() { return "eds-icon-clone"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-close/eds-icon-close.js

@@ -8,7 +8,7 @@ export class EdsIconClose {
         this.class = '';
     }
     render() {
-        return h("span", { key: '001c4d41b324d9b2636087e1fde76e2fdeef9f33', class: this.class, innerHTML: close });
+        return h("span", { key: '50792b8ec547fba6fd0416e80cdaf706079f42b2', class: this.class, innerHTML: close });
     }
     static get is() { return "eds-icon-close"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-copy/eds-icon-copy.js

@@ -8,7 +8,7 @@ export class EdsIconCopy {
         this.class = '';
     }
     render() {
-        return h("span", { key: '6a7eb765b426e0e142a0d7f742ddc33c9de98601', class: this.class, innerHTML: copy });
+        return h("span", { key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3', class: this.class, innerHTML: copy });
     }
     static get is() { return "eds-icon-copy"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-download/eds-icon-download.js

@@ -8,7 +8,7 @@ export class EdsIconDownload {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b2b380a299ee2b9941613ddddc3d67b2db4ce57e', class: this.class, innerHTML: download });
+        return h("span", { key: '17b9c232930d8efec279f777ced4a7e95cc559bd', class: this.class, innerHTML: download });
     }
     static get is() { return "eds-icon-download"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-draft/eds-icon-draft.js

@@ -8,7 +8,7 @@ export class EdsIconDraft {
         this.class = '';
     }
     render() {
-        return h("span", { key: '0defed3e15ba10e6e62cf35d0540901ec1dd2485', class: this.class, innerHTML: draft });
+        return h("span", { key: '9a0acb29472fee4627c23cd528a601d80fb065d9', class: this.class, innerHTML: draft });
     }
     static get is() { return "eds-icon-draft"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-edit/eds-icon-edit.js

@@ -8,7 +8,7 @@ export class EdsIconEdit {
         this.class = '';
     }
     render() {
-        return h("span", { key: '86ec46944e96100f5e262f505dd64839b99f0d8d', class: this.class, innerHTML: edit });
+        return h("span", { key: '603d3cb68e01aadbcb05d232773490b93593a4e7', class: this.class, innerHTML: edit });
     }
     static get is() { return "eds-icon-edit"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-eu/eds-icon-eu.js

@@ -8,7 +8,7 @@ export class EdsIconEu {
         this.class = '';
     }
     render() {
-        return h("span", { key: '216be6a7fcc4f8ffb2936507cbff95bc1141c764', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6', class: this.class, innerHTML: euSvg });
     }
     static get is() { return "eds-icon-eu"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-external/eds-icon-external.js

@@ -8,7 +8,7 @@ export class EdsIconExternal {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a061070cf41f0a64e660fe6ea01fcaecf7c45afd', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'dc82ae5d96587a46362008670e4096d8f3ed8941', class: this.class, innerHTML: arrowDiagonal });
     }
     static get is() { return "eds-icon-external"; }
     static get properties() {

package/dist/collection/components/eds-icons/eds-icon-gitlab/eds-icon-gitlab.js

@@ -8,7 +8,7 @@ export class EdsIconGitlab {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ac1b505068670dc7cb5953b515f768586a79d6a3', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e', class: this.class, innerHTML: gitlabBlack });
     }
     static get is() { return "eds-icon-gitlab"; }
     static get properties() {