@ebrains/components 1.0.0 → 1.1.0

package/dist/collection/eds-docs-ui/components-section/functional/react.js

@@ -1,2 +1,2 @@
 import { h } from "@stencil/core";
-export const DocsReact = () => (h("div", null, h("h2", null, "React Wrappers"), h("p", null, "To use the EBRAINS web components in a React Application, simple install the package below and check out the examples"), h("eds-code-block", { code: "npm install @ebrains/react", language: "javascript", "copy-label": "Copy Code" }), h("eds-section-core", { "section-title": "Example React App", "heading-level": "h3" }, h("p", null, "This code displays a Stencil-based splash screen that stays visible until an initialization promise resolves (or errors), then hides itself and reveals the main React app content."), h("eds-code-block", { code: "\nimport React, { useMemo, useState } from 'react';\nimport {\n  EdsHeader\n  EdsSplashScreen,\n  EdsMatomoNotice,\n  EdsSteps\n} from '@ebrains/react';\nimport './app.css';\n\n// simulate 2s\nfunction fakeInit(): Promise<void> {\n  return new Promise(resolve => setTimeout(resolve, 2000));\n}\n\nexport function App() {\n  // 1) create init promise\n  const initPromise = useMemo(() => fakeInit(), []);\n\n  // 2) is splash still visible\n  const [splashVisible, setSplashVisible] = useState(true);\n  const [initError, setInitError] = useState<string | null>(null);\n\n  // 3) show the UI after the splash has hidden\n  const showApp = !splashVisible && !initError;\n\n  return (\n    <div>\n      {splashVisible && (\n        <EdsSplashScreen\n          inverse={false}\n          initPromise={initPromise}\n          onSplash={(e: CustomEvent) => {\n            if (e.detail.type === 'hidden') {\n              setSplashVisible(false);\n            } else if (e.detail.type === 'error') {\n              setInitError(e.detail.message);\n              setSplashVisible(false);\n            }\n          }}\n        />\n      )}\n\n      {initError && (\n        <div className='error'>\n          Failed to initialize: {initError}\n        </div>\n      )}\n\n      {/* Show App only when ready */}\n      {showApp && (\n        <>\n          <EdsHeader></EdsHeader>\n          <EdsSteps\n            steps={[\n              {\n                title: 'Introduction',\n                content: 'Begin by familiarizing yourself with the overall process.'\n              },\n              {\n                title: 'Process Overview',\n                content: 'Review the detailed steps and understand the workflow.'\n              }\n            ]}\n            type='linear'\n          />\n\n          <EdsMatomoNotice />\n\n          <div id='root'></div>\n        </>\n      )}\n    </div>\n  );\n}\nexport default App;\n", language: "javascript", "copy-label": "Copy Code" }))));
+export const DocsReact = () => (h("div", null, h("h2", null, "React Wrappers"), h("p", null, "To use the EBRAINS web components in a React Application, simple install the package below and check out the examples"), h("eds-code-block", { code: "npm install @ebrains/react", language: "javascript", "copy-label": "Copy Code" }), h("eds-section-core", { "section-title": "Example React App", "heading-level": "h3" }, h("p", null, "This code displays a Stencil-based splash screen that stays visible until an initialization promise resolves (or errors), then hides itself and reveals the main React app content."), h("eds-code-block", { code: "\nimport React, { useMemo, useState } from 'react';\nimport {\n  EdsHeader,\n  EdsSplashScreen,\n  EdsMatomoNotice,\n  EdsSteps\n} from '@ebrains/react';\nimport './app.css';\n\n// simulate 2s\nfunction fakeInit(): Promise<void> {\n  return new Promise(resolve => setTimeout(resolve, 2000));\n}\n\nexport function App() {\n  // 1) create init promise\n  const initPromise = useMemo(() => fakeInit(), []);\n\n  // 2) is splash still visible\n  const [splashVisible, setSplashVisible] = useState(true);\n  const [initError, setInitError] = useState<string | null>(null);\n\n  // 3) show the UI after the splash has hidden\n  const showApp = !splashVisible && !initError;\n\n  return (\n    <div>\n      {splashVisible && (\n        <EdsSplashScreen\n          inverse={false}\n          initPromise={initPromise}\n          onSplash={(e: CustomEvent) => {\n            if (e.detail.type === 'hidden') {\n              setSplashVisible(false);\n            } else if (e.detail.type === 'error') {\n              setInitError(e.detail.message);\n              setSplashVisible(false);\n            }\n          }}\n        />\n      )}\n\n      {initError && (\n        <div className='error'>\n          Failed to initialize: {initError}\n        </div>\n      )}\n\n      {/* Show App only when ready */}\n      {showApp && (\n        <>\n          <EdsHeader></EdsHeader>\n          <EdsSteps\n            steps={[\n              {\n                title: 'Introduction',\n                content: 'Begin by familiarizing yourself with the overall process.'\n              },\n              {\n                title: 'Process Overview',\n                content: 'Review the detailed steps and understand the workflow.'\n              }\n            ]}\n            type='linear'\n          />\n\n          <EdsMatomoNotice />\n\n          <div id='root'></div>\n        </>\n      )}\n    </div>\n  );\n}\nexport default App;\n", language: "javascript", "copy-label": "Copy Code" }))));

package/dist/collection/shared-ui/eds-footer/eds-footer.js

@@ -43,9 +43,9 @@ export class EdsFooter {
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a' }, 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: '9ee8ada698546344b18e557ee1de76042cd727ed', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'e795e5bba0273b4147c66ed667142997bc0cbaff', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415', class: "flex items-center gap-x-12" }, h("a", { key: '273bbee5c7353fa4ab0ac30f30a190bae250546c', 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-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, h("eds-img", { key: '4568610de97ad886e26195bde656609e2584b792', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '65dc6a5b0da9d69b0b43ed738c9612293ef64e96' }, h("div", { key: 'a89180b8f308502dfd864d5aab0702f262718cc8', class: "f-ui-04 text-light" }, h("p", { key: '54a69763c38a7986008f9b553fb6b75e5a36d255' }, this.fundedBy), h("div", { key: '9378c48e766a2df4d14805c8777d5d98a2d016ce', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: 'ef939799150dd7ea91f72de94b1e564039c1e900', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (h("footer", { key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a' }, 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: '9ee8ada698546344b18e557ee1de76042cd727ed', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'e795e5bba0273b4147c66ed667142997bc0cbaff', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415', class: "flex items-center gap-x-12" }, h("a", { key: '578d6a8463e65d07278f8328c108ee266cfba2b8', 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: '5b9e987c2ecf62fb4f44c1faacad7c569a149805', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'df75949c0718b8fb7dd449a6e7df39d332da366f' }, h("div", { key: 'f83d31b16d0601cd456d5cb72e9fa2adb29a2b66', class: "f-ui-04 text-light" }, h("p", { key: 'dcdf09d78ca64c5391d56fe5ed69bab987cbf67b' }, this.fundedBy), h("div", { key: 'af279fb5dfdf0a8f1f85e6ce7446dc3a0eeac397', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '026b41fa6162ffb6825ccf98364b4caf64b6457a', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: '3b5388855844f5857e4d6a2b8d19d204b681ca40', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
+            } })) : null))), h("div", { key: '27cb561815d6918567ab8cfa1148019aca8aeda0', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
     }
     static get is() { return "eds-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-form/eds-form.js

@@ -31,6 +31,9 @@ export class EdsForm {
         this.errors = {};
         this.parsedFields = [];
     }
+    async setData(newData) {
+        this.populateFormWithInitData(newData);
+    }
     componentWillLoad() {
         this.parseFields(this.fields);
         // Emit context for each eds-link element after the component is fully loaded
@@ -203,6 +206,14 @@ export class EdsForm {
         // Update the errors state and the hasError flag.
         this.errors = newErrors;
         this.hasError = Object.keys(newErrors).length > 0;
+        // Emit the updated form state.
+        this.form.emit({
+            event: 'input',
+            field: field.name,
+            value: target.type === 'checkbox' ? this.values[field.name] : target.value,
+            message: `${field.name} updated`
+            //data: this.makeFormData()
+        });
     }
     handleSubmit() {
         var _a, _b;
@@ -263,13 +274,13 @@ export class EdsForm {
     render() {
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
-        return (h("form", { key: '76fbc3f587eaac0bd53553663f072e5066914ae5', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '64d99d4ac7e1cb8e4bfe436bb236648201dcbc29' }, h("slot", { key: '9c257d29146b620367773726e65eaf680d3d010b' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
+        return (h("form", { key: '1418bbac3ea7c994bf363602e6ddd18ed3c6c661', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: 'ae6f05d50a1c32312e585d55f0b5d64b0dd1fc9c' }, h("slot", { key: '09c9ddd0d3b77ae9cbcb54389b799af7a6fc6c9e' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
             var _a, _b;
             if (!this.isFieldVisible(field)) {
                 return null;
             }
             return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, placeholder: field.placeholder, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, disabled: field.disabled, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.formBtn && (h("div", { key: 'ba7908ab85c6368aeff6824fd402b78b514d2292', class: "mt-20" }, h("eds-button", { key: '84efe452f55b2898e5747a01b0dc6033ba14da7a', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+        })), this.formBtn && (h("div", { key: 'af6ce29d25ae2e7c71537618456308891ff8abf4', class: "mt-20" }, h("eds-button", { key: '1442f4f6b924533f9aa46bd22e1d0adf69561370', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     static get is() { return "eds-form"; }
     static get encapsulation() { return "shadow"; }
@@ -440,6 +451,27 @@ export class EdsForm {
     }
     static get methods() {
         return {
+            "setData": {
+                "complexType": {
+                    "signature": "(newData: { [key: string]: any; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "newData",
+                            "type": "{ [key: string]: any; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "getData": {
                 "complexType": {
                     "signature": "() => Promise<FormData>",

package/dist/collection/shared-ui/eds-steps/eds-steps.js

@@ -74,10 +74,10 @@ export class EdsSteps {
     render() {
         const steps = this.parsedSteps;
         if (this.type === 'linear') {
-            return (h("div", null, h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), this.activeStep === index && (h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter my-16" }, step.content), h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' })))))))));
+            return (h("div", null, h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), this.activeStep === index && (h("div", { class: "content" }, h("slot", { name: `step-${index}` }, h("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content })), h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' })))))))));
         }
         // Static mode: show all steps with their content, no navigation buttons.
-        return (h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", null, step.title), h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter my-16" }, step.content)))))));
+        return (h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", null, step.title), h("div", { class: "content" }, h("slot", { name: `step-${index}` }, h("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content }))))))));
     }
     static get is() { return "eds-steps"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-steps-v2/eds-steps-v2.css

@@ -165,6 +165,11 @@ pre {
   margin-top: 1rem;
 }
 
+.my-16 {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 .mb-12 {
   margin-bottom: 0.75rem;
 }
@@ -258,4 +263,16 @@ pre {
 
 .overflow-hidden {
   overflow: hidden;
+}
+
+.space-y-8 {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-16 {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }

package/dist/collection/shared-ui/eds-steps-v2/eds-steps-v2.js

@@ -17,6 +17,7 @@ export class EdsStepsV2 {
         this.steps = [];
         this.type = 'static';
         this.imageSrc = undefined;
+        this.imageWidth = undefined;
         this.bg = true;
         this.message = undefined;
         this.activeStep = 0;
@@ -72,9 +73,9 @@ export class EdsStepsV2 {
     }
     render() {
         const steps = this.parsedSteps;
-        return (h("div", { key: 'e86620aed9aafbf0c8e0cde0230b2147df952379', class: this.articleClasses() }, this.imageSrc ? (h("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, h("eds-img", { src: this.imageSrc, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" }))) : (this.message && (h("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, h("div", { class: "p-24" }, h("span", { class: "text-inverse f-heading-04 " }, this.message))))), h("div", { key: '773e51621fbfbc7b828d196d1e64a9752d02e5a4', class: "p-8" }, this.type === 'linear' ? (h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step space-y-8", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), this.activeStep === index && (h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter mt-16", innerHTML: step.content }), h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' })))))))) : (
+        return (h("div", { key: 'bbcec2dd9a5096eb0cecf0d413892e5708822f52', class: this.articleClasses() }, this.imageSrc ? (h("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, h("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" }))) : (this.message && (h("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, h("div", { class: "p-24" }, h("span", { class: "text-inverse f-heading-04 " }, this.message))))), h("div", { key: 'db0618aad7d5986fcb0889f1c439be73f83a00df', class: "p-8" }, this.type === 'linear' ? (h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: index === 0 ? 'step' : 'step space-y-16', key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), this.activeStep === index && (h("div", { class: "content" }, h("slot", { name: `step-${index}` }, h("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content })), h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' })))))))) : (
         // Static mode: show all steps with their content.
-        h("div", { class: "steps space-y-8" }, steps.map((step, index) => (h("div", { class: "step", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter mt-16", innerHTML: step.content }))))))))));
+        h("div", { class: "steps space-y-8" }, steps.map((step, index) => (h("div", { class: "step", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), h("div", { class: "content" }, h("slot", { name: `step-${index}` }, h("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content })))))))))));
     }
     static get is() { return "eds-steps-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -149,6 +150,23 @@ export class EdsStepsV2 {
                 "attribute": "image-src",
                 "reflect": false
             },
+            "imageWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional image width for the eds-img component."
+                },
+                "attribute": "image-width",
+                "reflect": false
+            },
             "bg": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/shared-ui/eds-user/eds-user.js

@@ -33,7 +33,7 @@ export class EdsUser {
     }
     render() {
         const user = this.parsedUser;
-        return (h("div", { key: '9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b', class: "block" }, h("div", { key: 'ccc34b3c7b0ab8d515eebfa1962264365d20c788', class: "flex items-center" }, h("eds-dropdown", { key: '5283fb61297cd5f631d04da9ca19371a3778068c', label: `Welcome, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: 'd39e041e54fb59a409520e8b88f6f569d55cc6fc', class: "min-w-[280px] p-8" }, h("div", { key: '50e571e30a6902b8443b9766dfb1018c76a2f68e', class: "flex gap-x-16" }, h("eds-avatar", { key: '88a675a256466366aba1028831626253d11d2474', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), h("div", { key: '99626794a7fa243bc599e9e77b0bc1b717d14c96', class: "max-w-full" }, user.name && h("p", { key: '1f1e33e19fd2b266f442b596953100f6b5e6dfcd', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: 'a36ebac6fdae9fa059887f7cc5d1009179f8eef9', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: '976cd925af318831a22f1d43242e0295614bb2a1', class: "f-ui-03-light text-light mt-4" }, user.email))), h("eds-block-break", { key: '7d189caaab8a9b593017312d6e3d6943c36de22b' }), h("div", { key: 'efcfc9a2c1f774abfab09b09682d7839bd1d5d2c', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: 'f54425f35d804753b94bb61e1d8e211a1583ac3b' })))))));
+        return (h("div", { key: '9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b', class: "block" }, h("div", { key: 'ccc34b3c7b0ab8d515eebfa1962264365d20c788', class: "flex items-center" }, h("eds-dropdown", { key: 'dc4920fd442baa9f13d9f2b9a21065b5184eba83', label: `Hi, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: '0522db7fc229186c645665a4c9eeedc46fb5823b', class: "min-w-[280px] p-8" }, h("div", { key: 'af7b9daec713d24f8a1415415d19cdf48905c0cb', class: "flex gap-x-16" }, h("eds-avatar", { key: 'c3ea7307d9beb597fe93d3942b7724f8526298ad', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), h("div", { key: '7af823b5f38a3d7acf16c633471dcfe74bca5e3c', class: "max-w-full" }, user.name && h("p", { key: '5973dfbac0efceeddb0dc211d9c502a1ad3b0dde', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: '5989927760ed2a2d1365661bbdc112a3a3d23bbf', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: 'ee36be95298c0c7a748537012d48a85884955904', class: "f-ui-03-light text-light mt-4" }, user.email))), h("eds-block-break", { key: 'fb3ef5cad6e81f51983e54914412131c3bd4cbc2' }), h("div", { key: 'e3784f3f4931378bf55d766d4a1cf5e24a75d462', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: 'c0052bb56286d9a3fdc686c8407e105499a38084' })))))));
     }
     static get is() { return "eds-user"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/components-section.js

@@ -80,7 +80,7 @@ const DocsReact = () => (h("div", null,
     h("eds-code-block", { code: "npm install @ebrains/react", language: "javascript", "copy-label": "Copy Code" }),
     h("eds-section-core", { "section-title": "Example React App", "heading-level": "h3" },
         h("p", null, "This code displays a Stencil-based splash screen that stays visible until an initialization promise resolves (or errors), then hides itself and reveals the main React app content."),
-        h("eds-code-block", { code: "\nimport React, { useMemo, useState } from 'react';\nimport {\n  EdsHeader\n  EdsSplashScreen,\n  EdsMatomoNotice,\n  EdsSteps\n} from '@ebrains/react';\nimport './app.css';\n\n// simulate 2s\nfunction fakeInit(): Promise<void> {\n  return new Promise(resolve => setTimeout(resolve, 2000));\n}\n\nexport function App() {\n  // 1) create init promise\n  const initPromise = useMemo(() => fakeInit(), []);\n\n  // 2) is splash still visible\n  const [splashVisible, setSplashVisible] = useState(true);\n  const [initError, setInitError] = useState<string | null>(null);\n\n  // 3) show the UI after the splash has hidden\n  const showApp = !splashVisible && !initError;\n\n  return (\n    <div>\n      {splashVisible && (\n        <EdsSplashScreen\n          inverse={false}\n          initPromise={initPromise}\n          onSplash={(e: CustomEvent) => {\n            if (e.detail.type === 'hidden') {\n              setSplashVisible(false);\n            } else if (e.detail.type === 'error') {\n              setInitError(e.detail.message);\n              setSplashVisible(false);\n            }\n          }}\n        />\n      )}\n\n      {initError && (\n        <div className='error'>\n          Failed to initialize: {initError}\n        </div>\n      )}\n\n      {/* Show App only when ready */}\n      {showApp && (\n        <>\n          <EdsHeader></EdsHeader>\n          <EdsSteps\n            steps={[\n              {\n                title: 'Introduction',\n                content: 'Begin by familiarizing yourself with the overall process.'\n              },\n              {\n                title: 'Process Overview',\n                content: 'Review the detailed steps and understand the workflow.'\n              }\n            ]}\n            type='linear'\n          />\n\n          <EdsMatomoNotice />\n\n          <div id='root'></div>\n        </>\n      )}\n    </div>\n  );\n}\nexport default App;\n", language: "javascript", "copy-label": "Copy Code" }))));
+        h("eds-code-block", { code: "\nimport React, { useMemo, useState } from 'react';\nimport {\n  EdsHeader,\n  EdsSplashScreen,\n  EdsMatomoNotice,\n  EdsSteps\n} from '@ebrains/react';\nimport './app.css';\n\n// simulate 2s\nfunction fakeInit(): Promise<void> {\n  return new Promise(resolve => setTimeout(resolve, 2000));\n}\n\nexport function App() {\n  // 1) create init promise\n  const initPromise = useMemo(() => fakeInit(), []);\n\n  // 2) is splash still visible\n  const [splashVisible, setSplashVisible] = useState(true);\n  const [initError, setInitError] = useState<string | null>(null);\n\n  // 3) show the UI after the splash has hidden\n  const showApp = !splashVisible && !initError;\n\n  return (\n    <div>\n      {splashVisible && (\n        <EdsSplashScreen\n          inverse={false}\n          initPromise={initPromise}\n          onSplash={(e: CustomEvent) => {\n            if (e.detail.type === 'hidden') {\n              setSplashVisible(false);\n            } else if (e.detail.type === 'error') {\n              setInitError(e.detail.message);\n              setSplashVisible(false);\n            }\n          }}\n        />\n      )}\n\n      {initError && (\n        <div className='error'>\n          Failed to initialize: {initError}\n        </div>\n      )}\n\n      {/* Show App only when ready */}\n      {showApp && (\n        <>\n          <EdsHeader></EdsHeader>\n          <EdsSteps\n            steps={[\n              {\n                title: 'Introduction',\n                content: 'Begin by familiarizing yourself with the overall process.'\n              },\n              {\n                title: 'Process Overview',\n                content: 'Review the detailed steps and understand the workflow.'\n              }\n            ]}\n            type='linear'\n          />\n\n          <EdsMatomoNotice />\n\n          <div id='root'></div>\n        </>\n      )}\n    </div>\n  );\n}\nexport default App;\n", language: "javascript", "copy-label": "Copy Code" }))));
 
 const DocsVue = () => (h("div", null,
     h("h2", null, "Vue Wrappers"),

package/dist/components/components.css

@@ -6914,6 +6914,9 @@ input[type="range"]::-webkit-slider-thumb {
 .uppercase {
   text-transform: uppercase;
 }
+.capitalize {
+  text-transform: capitalize;
+}
 .text-\[\#0034CB\] {
   --tw-text-opacity: 1;
   color: rgb(0 52 203 / var(--tw-text-opacity));

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-28ae3f3a.js";export{s as setNonce}from"./p-28ae3f3a.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-fe1cba17",[[1,"eds-form",{"name":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"initData":[16],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"getData":[64]},null,{"fields":["parseFields"]}],[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleheadermenu","handleToggleMenu"]]],[1,"eds-user",{"user":[1025]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[1,"eds-steps-v2",{"steps":[1],"type":[1],"imageSrc":[1,"image-src"],"bg":[4],"message":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]],[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}],[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-tooltip",{"content":[1]},[[1,"mouseenter","handleHover"]]],[0,"token-spacing"],[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-steps",{"steps":[1],"type":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]],[1,"eds-social-networks",{"heading":[1,"title"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-223ba66e",[[0,"eds-trl",{"applications":[1]}]]],["p-cde3d7a4",[[1,"logo-space"]]],["p-24dab785",[[1,"svg-repository"]]],["p-019555e2",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-e9f608a8",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-adbd0d7b",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-2c571550",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-1661f33c",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-8ad05566",[[1,"eds-card-tool",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"external":[4],"hierarchy":[4]}]]],["p-f2c23162",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-682f7376",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-abb2ad00",[[0,"eds-card-project",{"image":[8],"editorialTitle":[1,"editorial-title"],"headingLevel":[1,"heading-level"],"categoryTitle":[1,"category-title"],"color":[1],"bgOnHover":[4,"bg-on-hover"],"vertical":[4],"titleProject":[1,"title-project"],"url":[1],"parsedImage":[32]}]]],["p-6907a47c",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-fc4edb18",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-0ed92872",[[0,"incorrect-use-of-colors"]]],["p-b4abff90",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-10db551c",[[0,"correct-use-of-colors"]]],["p-7f31622d",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-36d6134f",[[0,"token-ratios"]]],["p-46a6ab04",[[0,"token-typography"]]],["p-124b8747",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-46619042",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-0d6434e1",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-dae8f66a",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-cdd491f5",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-5462923d",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-8bdf5841",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-8ff39cef",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-e82edd4a",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-26d6679b",[[0,"eds-icon-close",{"class":[1]}]]],["p-85634ad2",[[0,"eds-icon-copy",{"class":[1]}]]],["p-848506b8",[[0,"eds-icon-eu",{"class":[1]}]]],["p-0e94a89f",[[0,"eds-icon-external",{"class":[1]}]]],["p-6e929acb",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-d268c96b",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-6ba42d02",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-6199b8c0",[[0,"eds-icon-loader",{"class":[1]}]]],["p-c0b22803",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-822ac246",[[0,"eds-icon-menu",{"class":[1]}]]],["p-f26fd186",[[0,"eds-icon-minus",{"class":[1]}]]],["p-b7efd666",[[0,"eds-icon-more",{"class":[1]}]]],["p-14a223fe",[[0,"eds-icon-paper",{"class":[1]}]]],["p-d437bae2",[[0,"eds-icon-plus",{"class":[1]}]]],["p-3c642a30",[[0,"eds-icon-portal",{"class":[1]}]]],["p-ba784274",[[0,"eds-icon-private",{"class":[1]}]]],["p-511b23ec",[[0,"eds-icon-public",{"class":[1]}]]],["p-d456e649",[[0,"eds-icon-search",{"class":[1]}]]],["p-6ede7101",[[0,"eds-icon-star",{"class":[1]}]]],["p-04b4e9d0",[[0,"eds-icon-success",{"class":[1]}]]],["p-100909ce",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-e1791844",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-0863352c",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-624e653e",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-2b1b2026",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-affe2b55",[[0,"eds-icon-updown",{"class":[1]}]]],["p-70bac015",[[0,"eds-icon-user",{"class":[1]}]]],["p-b31591db",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-7af6b832",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-a4f552b2",[[1,"logo-wrong-usage"]]],["p-8b016d76",[[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}]]],["p-bb9af709",[[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]]]],["p-0eeddc13",[[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}]]],["p-50ea5b07",[[1,"eds-spinner",{"size":[1],"thickness":[1],"borderColor":[1,"border-color"],"bottomColor":[1,"bottom-color"],"background":[1],"fullscreen":[4]}]]],["p-cfccddc3",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-326d9e55",[[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}]]],["p-bfc62d3e",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-b50fc0d7",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-a81cba86",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}]]],["p-ea97a94e",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-eac593ee",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-84fd3e40",[[1,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-2810d568",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]],["p-18ceadd2",[[1,"eds-table",{"data":[1,"table-data"],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}]]]]'),e))));
+import{p as e,b as a}from"./p-28ae3f3a.js";export{s as setNonce}from"./p-28ae3f3a.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-e6a0b8c2",[[1,"eds-form",{"name":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"initData":[16],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"]}],[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleheadermenu","handleToggleMenu"]]],[1,"eds-user",{"user":[1025]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[1,"eds-steps-v2",{"steps":[1],"type":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"bg":[4],"message":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-steps",{"steps":[1],"type":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-social-networks",{"heading":[1,"title"]}],[1,"eds-table",{"data":[1,"table-data"],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-223ba66e",[[0,"eds-trl",{"applications":[1]}]]],["p-cde3d7a4",[[1,"logo-space"]]],["p-24dab785",[[1,"svg-repository"]]],["p-019555e2",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-df772a35",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-adbd0d7b",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-2c571550",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-1661f33c",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-1f5c19b9",[[1,"eds-card-tool",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"external":[4],"hierarchy":[4]}]]],["p-f2c23162",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-682f7376",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-f189be4f",[[0,"eds-card-project",{"image":[8],"editorialTitle":[1,"editorial-title"],"headingLevel":[1,"heading-level"],"categoryTitle":[1,"category-title"],"color":[1],"bgOnHover":[4,"bg-on-hover"],"vertical":[4],"titleProject":[1,"title-project"],"url":[1],"parsedImage":[32]}]]],["p-6907a47c",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-fc4edb18",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-0ed92872",[[0,"incorrect-use-of-colors"]]],["p-b4abff90",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-10db551c",[[0,"correct-use-of-colors"]]],["p-b630e51a",[[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}]]],["p-7f31622d",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-36d6134f",[[0,"token-ratios"]]],["p-46a6ab04",[[0,"token-typography"]]],["p-11efb1d1",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-b073d78f",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-19d586e6",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-d4f239d7",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-f221eca2",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-6f9ab63c",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-c91b4eec",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-023bc47c",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-f2416727",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-50f43dfd",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-9a4b5746",[[0,"eds-icon-close",{"class":[1]}]]],["p-750e3ec8",[[0,"eds-icon-copy",{"class":[1]}]]],["p-e8f0d7fc",[[0,"eds-icon-eu",{"class":[1]}]]],["p-177103fd",[[0,"eds-icon-external",{"class":[1]}]]],["p-42295abe",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-424e91b3",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-563d56c0",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-95518776",[[0,"eds-icon-loader",{"class":[1]}]]],["p-9d64d1fd",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-ab4447f6",[[0,"eds-icon-menu",{"class":[1]}]]],["p-fd85675b",[[0,"eds-icon-minus",{"class":[1]}]]],["p-99d9bb29",[[0,"eds-icon-more",{"class":[1]}]]],["p-1de8401b",[[0,"eds-icon-paper",{"class":[1]}]]],["p-4dcdd4d9",[[0,"eds-icon-plus",{"class":[1]}]]],["p-e5113509",[[0,"eds-icon-portal",{"class":[1]}]]],["p-7502b8b4",[[0,"eds-icon-private",{"class":[1]}]]],["p-43cff423",[[0,"eds-icon-public",{"class":[1]}]]],["p-321a950b",[[0,"eds-icon-search",{"class":[1]}]]],["p-38c9aee7",[[0,"eds-icon-star",{"class":[1]}]]],["p-ffccfeb6",[[0,"eds-icon-success",{"class":[1]}]]],["p-9c823b5e",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-45f21238",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-4fad9296",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-5827fd52",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-4bdf1589",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-158c95bc",[[0,"eds-icon-updown",{"class":[1]}]]],["p-d3bb444a",[[0,"eds-icon-user",{"class":[1]}]]],["p-5c5dfc4a",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-8c0b0121",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-590fb0e7",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-6dc6f729",[[1,"eds-tooltip",{"content":[1]},[[1,"mouseenter","handleHover"]]]]],["p-a4f552b2",[[1,"logo-wrong-usage"]]],["p-d25364db",[[0,"token-spacing"]]],["p-b5e64725",[[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}]]],["p-bb9af709",[[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]]]],["p-d05a09df",[[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}]]],["p-f7716080",[[1,"eds-spinner",{"size":[1],"thickness":[1],"borderColor":[1,"border-color"],"bottomColor":[1,"bottom-color"],"background":[1],"fullscreen":[4]}]]],["p-cfccddc3",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-326d9e55",[[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}]]],["p-17d39d66",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-14679a86",[[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]]]],["p-b50fc0d7",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-deb9bbed",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}]]],["p-eac593ee",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-d0b1e963",[[1,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-fe167c78",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-2810d568",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]],["p-66f4cdd9",[[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}]]]]'),e))));

package/dist/components/eds-accordion2.js

@@ -74,10 +74,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
      */
     render() {
-        return (h("div", { key: 'd2fcce2468130200dd1516902a203c4ca8ae543f', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (h("div", { key: 'addeb5f79d497efcd3eab9f849890adf48a5e275', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''}
-          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: 'f59a85e886736b483f6a311a00426340a36dcb71', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54', class: "ml-auto" }, h("eds-button", { key: '4d4c16a958df05f1e773fe74fa49647fc94766c7', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '5d84ffe8032834575d165f7a5e097539de73350f', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '1813aea1369b8883cd45088799f9715cf8fc0556', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: 'a9a95adbb819530f426045c55ca1a02f3a778f0a', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '2518e3243e0bd199061ac255922d661e0558bdc8', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3' })))))));
+          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: 'c522c074c205e471f9e95991a03f703bec8d3219', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '5ee474856bf9a3cdc732c27c6fccb68c24e0dc3b', class: "ml-auto" }, h("eds-button", { key: 'a274b1d82f30607f61103433aa6ceb745464f530', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '69a638f2dc3c5ebff95fc4049c47abd4884b13ad', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '820f39174c6e6d42e7c4407a2a4175fb077f86ac', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '3d9ea33856d350434d26c07ddc9d230e28d8c344', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '1d0761d7894d5ba4d7c7f5051031857555ce0b0c', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'ed31f44736a8ce85a7df4216b2f90c2ca7d9b873' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/eds-alert2.js

@@ -89,12 +89,12 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         linkElement.dispatchEvent(event);
     }
     render() {
-        return (h("div", { key: '90eae6088fb792c671eca1d74d9a6e7d212c2c1c', class: alertStyles({
+        return (h("div", { key: '5252aca583e87d8c3249c501e55368e340ef0d64', class: alertStyles({
                 intent: this.intent,
                 brd: this.brd,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: '201a9e6352350dbe9d4f1ab137a669f212519ea5', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
+            }), role: "alert" }, h("p", { key: 'bb23c94e802ec5e287a2b8619277e83de173b498', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
             (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
     }
     get el() { return this; }

package/dist/components/eds-avatar2.js

@@ -60,7 +60,7 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (h("div", { key: '7c207192778b86ce5a24816637cf6e6239310eca', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (h("div", { key: 'b7eff7ae1a1dea3509041e39316b49b673dbdf17', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get style() { return EdsAvatarStyle0; }
 }, [1, "eds-avatar", {

package/dist/components/eds-block-break2.js

@@ -11,7 +11,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
         this.inverse = false;
     }
     render() {
-        return h("hr", { key: 'fe48c93d6cb5648749bc050599fdfcb1712d1291', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
+        return h("hr", { key: 'b604a776cae7edeee189e00af6993b42b57203f0', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
     }
     static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {

package/dist/components/eds-breadcrumb.js

@@ -120,7 +120,7 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: '2651e18e4c157f49e1da2ef93d4f68b9497118e4', "aria-label": "Breadcrumb" }, h("ol", { key: 'd1f5bb18bb35df9455a4c7a566850d59eb657242', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (h("nav", { key: 'db769320b42e627fffd71676c1e0551646f1de70', "aria-label": "Breadcrumb" }, h("ol", { key: '6cef8ed43cabcee73cb4ad4fb26f809d0690c0ec', 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/components/eds-button2.js

@@ -163,7 +163,7 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
             iconSmall: this.iconSmall
         });
         const ElementType = this.elementType;
-        return (h(ElementType, { key: 'b51281f8946bbf5a22b8fec9ec2d66ea4697bb23', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: 'c1df49fe70a7930d4c87f8130ef1102e503cd0fc', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: 'e56515527843d11be53d66aa7598fc2fdf94d054', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'a50932ac2d5db24d50a3b10a30d07043e0354c62', class: "loader", style: {
+        return (h(ElementType, { key: 'ecdd901c70578c07ef094aadbcd287588d4ba705', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: 'af8d0ca1c5c3e54f9db3066931a69d3a5a812666', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '29b72c15e80f46e023f829568f58d8a8dca82b78', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'bad8bd059b1312ca3f5ab173b1203eb395e9bbd8', 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: `

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

@@ -16,7 +16,7 @@ const EdsCardDesc = /*@__PURE__*/ proxyCustomElement(class EdsCardDesc extends H
         return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
     }
     render() {
-        return (h("p", { key: 'f2eec4a947de74a1e36bb13fdd2bfeb7a9f711b3', class: "text-light f-ui-03-light" }, h("span", { key: '444ffa34c3e8cac12af2f396144fd182d49c6baa', class: this.getTruncateClass() }, this.description)));
+        return (h("p", { key: '2421ea469339e3d56fc5c0ebbec213eeb1a2a9cf', class: "text-light f-ui-03-light" }, h("span", { key: 'd024adda16a85bf2913803c06eb05af3b4af6bb9', class: this.getTruncateClass() }, this.description)));
     }
     static get style() { return EdsCardDescStyle0; }
 }, [1, "eds-card-desc", {

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

@@ -188,7 +188,7 @@ const EdsCardProject$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardProject e
             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: '7a69b9f5fc30ce389267a064e82aa2cf78b676d1', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: '8495c7b6655418741b1d208f06f003d4ec2eaf79', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: '803b274d099072e055c484e818732a48ff27ebab', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: '18b1d058c9d92e3df264c5f60cec0adc8f14f19e', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '1854001686cae69c50a97ed50534ae4329d3017a', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: 'a5e741ce22ace338988a1a0d6f0d5c2740eb685b', 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: 'c1136aef565b3a35bee7d7c254434b6c06f3cf65', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: '531cb24eafadd52397a138735436e0501b45cf76', class: imageClasses }, h("div", { key: 'c692a10bfa0032d4e43fe35090e38dde3e0401f3', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: '490983736b4cd9de3b2cfbafe11be15802746afe', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
+        return (h("article", { key: '8b4707ad7689824c50db3112b5844e28beb31533', class: cardClasses, onClick: (event) => this.handleClick(event) }, h("div", { key: '5cb7673378ab23826202b34034247145b7289bda', class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}` }, h("div", { key: '8111b523840c8b363bbb422c1f314ce07057ea92', class: "lg:max-w-[720px]" }, h("eds-card-title", { key: 'a326e1384873edb9bfc86c33e3abeb95064cc8db', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.titleProject, url: this.url }), this.editorialTitle && (h("span", { key: '5e2de62642363533a950f3e923e3f4dfc64c56c1', class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}` }, this.editorialTitle))), this.categoryTitle && (h("div", { key: '424fed86ec4e714dc5f3644d85e5670d8be56d7f', 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: 'b6961cc23835a9b3d1abae47e1c4224a29255164', label: this.categoryTitle })))), this.parsedImage && (h("div", { key: '69564e0c65f6422a6ccc3957a8080e7e494461bb', class: imageClasses }, h("div", { key: 'e47a21a5356459936b6f528a3aba50240851fcf2', class: "aspect-1x1 w-full" }, h("eds-img", Object.assign({ key: 'f64af6387cdef28619aa8a0465d4a50ec3a95007', sizes: this.vertical ? this.parsedImage.sizes || '' : '192px' }, this.parsedImage)))))));
     }
     get el() { return this; }
 }, [0, "eds-card-project", {

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

@@ -13,7 +13,7 @@ const EdsCardTags$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardTags extends
         this.tags = [];
     }
     render() {
-        return (h("div", { key: '7547e8ffafc22884fb26e7b5cd1da49e588fc590', 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: '5da9fcbc472476a7b438451e563586643a818bc0', 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 style() { return EdsCardTagsStyle0; }
 }, [1, "eds-card-tags", {

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

@@ -47,7 +47,7 @@ const EdsCardTitle = /*@__PURE__*/ proxyCustomElement(class EdsCardTitle extends
     render() {
         //const Tag = this.getTag();
         const Heading = this.headingLevel;
-        return (h(Heading, { key: '9914950b1581456a3a875ed7383975710c05fa7f', class: this.getTitleClass() }, h("a", { key: '9b3298d8bacd8fbaecd8c714329ef5e6ac7192c7', 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: '494d8b7ea90ccb93cf0395374951e90c89a59d3a', class: this.getTitleClass() }, h("a", { key: 'ab739472fd796767cd6e7ab4f4c09bcf24ec200a', 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 style() { return EdsCardTitleStyle0; }
 }, [1, "eds-card-title", {

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

@@ -73,7 +73,7 @@ const EdsCardTool$1 = /*@__PURE__*/ proxyCustomElement(class EdsCardTool extends
         });
     }
     render() {
-        return (h("article", { key: 'b3f0c0f3588304fb36f1c395b69b723edbfa8c95', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '12f9d1363b3d171912eb00117d99056065fbcb33', "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: '780c4b035e0fff1911ee4b8b04a0729cd182d877', 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: 'a6878ba6bb2086a334282b10750234f4251c6334', 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: '465a4593a4d28c5bfcef7325be7674b6301bc275', class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`, onClick: () => this.handleClick() }, h("eds-card-title", { key: '5d6c13f582bd89f03d95aa9027b83d8d4c4184ca', "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: '4872956b7d97e222abd8e429c73a7e97fe1f7a06', 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: '10c20ab24e836c06ba2da070cbcf21cf11537e17', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label }))))));
     }
     get el() { return this; }
     static get style() { return EdsCardToolStyle0; }

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

@@ -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: '6c1a418d4cf1d02ea9216f9196cbbdbfdf7f7315', class: "relative bg-stronger rounded-sm" }, h("div", { key: '118cfa439e27f3b6c8ed7f3308535a744c1fac29', 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: '5c557849fb320c69ec830f7028f9e0ee7099d5f1', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: 'c11a154a82a8b3eaff418f235a7820209579554b', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '9537d56544ca139ea847d34091c093c7f852f12c', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '8cc48bb7da216db0e181587a33c25dc88b91bbbc', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '7fd391c14a4344fd7e98ad5d32283a498085064d', innerHTML: this.getHighlightedCode() })))));
+        return (h("div", { key: '7550f1c5e29a9be39614404d51dfec9a7aa194a9', class: "relative bg-stronger rounded-sm" }, h("div", { key: '8e654051ec6105e051af723e056b4151afc4305c', 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: '1f558301727adb451524850b352844d7658f33a8', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: '7def1f38f949c32d6138d88a0a7edf9655852491', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '9eabcd54f3bcdc1c4627a7ca7e22fd38e9755ca6', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: 'd15dce4b1692bf1956e1b3cb3586dde4d9561f1b', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: 'ad7eb7b40aaab69b6bc929c632ce4736fe3c39a5', innerHTML: this.getHighlightedCode() })))));
     }
     get el() { return this; }
     static get style() { return EdsCodeBlockStyle0; }

package/dist/components/eds-dropdown2.js

@@ -110,14 +110,14 @@ const EdsDropdown = /*@__PURE__*/ proxyCustomElement(class EdsDropdown extends H
      * @returns {JSX.Element} The rendered dropdown component.
      */
     render() {
-        return (h("div", { key: 'c7044a1dabb4f65fe143ac3202dd0d1af4e706c2', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: 'fa5812e59ea886a0adcba75576f07e94e7b0f713', 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: 'c0daa734601dbfcd290d5db8cc25fcd4b82dfdad', role: "menu", class: {
+        return (h("div", { key: 'eb48745937126e580737c1da6787c3f16c06ba9e', class: "z-focus relative", ref: (el) => (this.dropdownContent = el) }, h("eds-button", { key: '3af6863201b1c25ad66e9f8c52d9e13505d742a3', 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: 'c225074b3fbee543966523f8cd1c146485bc04bd', 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: '6ca4e774160924fa248db790f33b81e374653569' }))));
+            }, style: { display: this.isOpen ? 'block' : 'none' }, "aria-label": "Dropdown", "aria-hidden": !this.isOpen }, h("slot", { key: '6a7ba94045d366d20c6618845692d977f20437e3' }))));
     }
     get host() { return this; }
     static get style() { return EdsDropdownStyle0; }

package/dist/components/eds-footer2.js

@@ -42,9 +42,9 @@ const EdsFooter = /*@__PURE__*/ proxyCustomElement(class EdsFooter extends HTMLE
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a' }, 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: '9ee8ada698546344b18e557ee1de76042cd727ed', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'e795e5bba0273b4147c66ed667142997bc0cbaff', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415', class: "flex items-center gap-x-12" }, h("a", { key: '273bbee5c7353fa4ab0ac30f30a190bae250546c', 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-2020_en", "aria-label": "Learn about Horizon 2020 funding" }, h("eds-img", { key: '4568610de97ad886e26195bde656609e2584b792', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: '65dc6a5b0da9d69b0b43ed738c9612293ef64e96' }, h("div", { key: 'a89180b8f308502dfd864d5aab0702f262718cc8', class: "f-ui-04 text-light" }, h("p", { key: '54a69763c38a7986008f9b553fb6b75e5a36d255' }, this.fundedBy), h("div", { key: '9378c48e766a2df4d14805c8777d5d98a2d016ce', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: 'ef939799150dd7ea91f72de94b1e564039c1e900', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (h("footer", { key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a' }, 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: '9ee8ada698546344b18e557ee1de76042cd727ed', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'e795e5bba0273b4147c66ed667142997bc0cbaff', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415', class: "flex items-center gap-x-12" }, h("a", { key: '578d6a8463e65d07278f8328c108ee266cfba2b8', 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: '5b9e987c2ecf62fb4f44c1faacad7c569a149805', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'df75949c0718b8fb7dd449a6e7df39d332da366f' }, h("div", { key: 'f83d31b16d0601cd456d5cb72e9fa2adb29a2b66', class: "f-ui-04 text-light" }, h("p", { key: 'dcdf09d78ca64c5391d56fe5ed69bab987cbf67b' }, this.fundedBy), h("div", { key: 'af279fb5dfdf0a8f1f85e6ce7446dc3a0eeac397', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '026b41fa6162ffb6825ccf98364b4caf64b6457a', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: '3b5388855844f5857e4d6a2b8d19d204b681ca40', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
+            } })) : null))), h("div", { key: '27cb561815d6918567ab8cfa1148019aca8aeda0', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
     }
     static get style() { return EdsFooterStyle0; }
 }, [1, "eds-footer", {