@ebrains/components 1.1.0 → 1.3.0

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

@@ -408,9 +408,9 @@ const EdsFooter = class {
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (index.h("footer", { key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a' }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, index.h("div", { class: "container pb-20" }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })))))) : null, index.h("div", { key: '9ee8ada698546344b18e557ee1de76042cd727ed', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, index.h("div", { key: 'e795e5bba0273b4147c66ed667142997bc0cbaff', class: "container flex items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415', class: "flex items-center gap-x-12" }, index.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" }, index.h("eds-img", { key: '5b9e987c2ecf62fb4f44c1faacad7c569a149805', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), index.h("div", { key: 'df75949c0718b8fb7dd449a6e7df39d332da366f' }, index.h("div", { key: 'f83d31b16d0601cd456d5cb72e9fa2adb29a2b66', class: "f-ui-04 text-light" }, index.h("p", { key: 'dcdf09d78ca64c5391d56fe5ed69bab987cbf67b' }, this.fundedBy), index.h("div", { key: 'af279fb5dfdf0a8f1f85e6ce7446dc3a0eeac397', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, index.h("span", { key: '026b41fa6162ffb6825ccf98364b4caf64b6457a', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (index.h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (index.h("footer", { key: '97eecea73acf5ee3d125a446939010055c24e3f3' }, this.social ? (index.h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, index.h("div", { class: "container pb-20" }, index.h("div", { class: "grid-layout" }, index.h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, index.h("eds-social-networks", { class: "mt-28" })))))) : null, index.h("div", { key: 'b7592d90406aa7b5e4d71e2947335a85dbbf70ae', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, index.h("div", { key: '054190192082a4fdd2435ef62e5e7765386149f5', class: "container flex items-center gap-20 lg:flex-nowrap" }, index.h("div", { key: 'baa874cda99a882f33643609ffd2b99f09db3646', class: "flex items-center gap-x-12" }, index.h("a", { key: 'f47a0e02c7db660ab2c5b9894fd6ef1f820239cf', 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" }, index.h("eds-img", { key: '470f3ccae44a83383ad7f5bfcab880365b203a50', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), index.h("div", { key: 'a02153ae5b772b105272eac575911826747ea246' }, index.h("div", { key: 'a274e52402142dce7df575b29ce8802d1d662368', class: "f-ui-04 text-light" }, index.h("p", { key: 'ae2c393b8585aecd25d08ad20fe8bd712f9c12b5' }, this.fundedBy), index.h("div", { key: '9ef102155624ef47071d4285ea00c65d66d8606e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, index.h("span", { key: '86f5992c7570fcd88c80f7877f08cd4b357ca291', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (index.h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), index.h("div", { key: '27cb561815d6918567ab8cfa1148019aca8aeda0', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.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))), index.h("div", { key: '3ffce63f46352acd80eff48fb121b5ee165c1ad5', class: "ml-auto pl-12" }, this.enableScrollTop ? (index.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)))));
     }
 };
 EdsFooter.style = EdsFooterStyle0;
@@ -823,13 +823,13 @@ const EdsForm = class {
     render() {
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
-        return (index.h("form", { key: '1418bbac3ea7c994bf363602e6ddd18ed3c6c661', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, index.h("div", { key: 'ae6f05d50a1c32312e585d55f0b5d64b0dd1fc9c' }, index.h("slot", { key: '09c9ddd0d3b77ae9cbcb54389b799af7a6fc6c9e' }), hiddenFields.map((field, index$1) => (index.h("eds-input", { key: index$1, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index$1) => {
+        return (index.h("form", { key: '1a53a4f0d2b8420a14db6fe35548a86cfeb8b698', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, index.h("div", { key: '8fdd2fa6b73f24c025b43d6f0b34cdbb22e0ec82' }, index.h("slot", { key: '385f8c71b86b7ab9a74c1b7a0204331d0022467f' }), hiddenFields.map((field, index$1) => (index.h("eds-input", { key: index$1, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index$1) => {
             var _a, _b;
             if (!this.isFieldVisible(field)) {
                 return null;
             }
-            return (index.h("eds-input-field", { key: index$1, 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$1 > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.formBtn && (index.h("div", { key: 'af6ce29d25ae2e7c71537618456308891ff8abf4', class: "mt-20" }, index.h("eds-button", { key: '1442f4f6b924533f9aa46bd22e1d0adf69561370', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            return (index.h("eds-input-field", { key: index$1, 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), onChangeNative: (e) => this.handleChange(e, field), class: index$1 > 0 ? 'mt-20' : '', options: field.options }));
+        })), this.formBtn && (index.h("div", { key: '0a120557c574112a8686087cfe2dbf3aae3feaa5', class: "mt-20" }, index.h("eds-button", { key: '277a39f0d82e01f549966aa0c91347e090a82bc7', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -953,7 +953,7 @@ const EdsHeader = class {
         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 (index.h("header", { key: '3c6ae4789993e140ee8a00e7f32c8ff3a2793b87', class: `flex items-center justify-between relative z-10 ${classes}` }, index.h("div", { key: 'a406f073ae110622ad8930c61438b46d16553362', class: "mr-auto w-[200px] h-[85px]" }, index.h("eds-logo", { key: '19c91de446b76f76e97f160c0af538db2637ffdc', type: logoType, href: this.homeUrl })), this.parsedLinks && (index.h("nav", { key: '921c87b668b25abc8117014880c9669a96c04122', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, index.h("ul", { key: 'b0de4a0eaafb7409eeedc77104b39fed8a55441b', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (index.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" })))))), index.h("slot", { key: '2b3d292703b8b7083a7ae1dcfbefbd091d5a744b' }), this.menuEnabled && (index.h("div", { key: '10d16f0f0ecdc450acf900dd8d7d7b439deb8dcd', class: "md:hidden flex overflow-hidden px-16" }, index.h("eds-button", { key: '2e62e0a57bf008d0e566988011beab9a09f7774d', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (index.h("header", { key: '635e25577674250c4ce8cdc91e29fa0c93b7e821', class: `flex items-center justify-between relative z-10 ${classes}` }, index.h("div", { key: '41275c9aedeff533f00348dfa85b49fdb1a3f25e', class: "mr-auto w-[200px] h-[85px]" }, index.h("eds-logo", { key: 'fa8949ebbeab567b3770c6795a890f9187b66cf2', type: logoType, href: this.homeUrl })), this.parsedLinks && (index.h("nav", { key: '64428c01fee019a77b15b2ad43fbdb18cf5cc1e9', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, index.h("ul", { key: '8b6e7e82f077409987e0271f1d1c57d3473a0921', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (index.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" })))))), index.h("slot", { key: '7ba569eafe18d902e78978840520d708b665a91b' }), this.menuEnabled && (index.h("div", { key: '54c21f2e71a44049c56e4b31ba241996a1e658c3', class: "md:hidden flex overflow-hidden px-16" }, index.h("eds-button", { key: 'e0bcc14abcad7151cacf19a4c50f238e39538754', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1113,39 +1113,29 @@ const EdsInputFieldStyle0 = edsInputFieldCss;
 const EdsInputField = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.edsinput = index.createEvent(this, "edsinput", 7);
+        this.edschange = index.createEvent(this, "edschange", 7);
         this.handleNativeInput = (ev) => {
             var _a;
-            // 1) Call any passed-in handler
             (_a = this.onInput) === null || _a === void 0 ? void 0 : _a.call(this, ev);
             if (this.shouldEmitValue()) {
-                // 2) Re-emit on host so Vue/others can catch it
                 const newValue = ev.target.value;
-                this.hostEl.dispatchEvent(new CustomEvent('oninput', {
-                    detail: { value: newValue },
-                    bubbles: false,
-                    composed: true
-                }));
+                this.edsinput.emit({ value: newValue });
             }
         };
         this.handleNativeChange = (ev) => {
             var _a;
-            (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, ev);
+            (_a = this.onChangeNative) === null || _a === void 0 ? void 0 : _a.call(this, ev);
             if (this.shouldEmitValue()) {
                 const target = ev.target;
-                this.hostEl.dispatchEvent(new CustomEvent('onchange', {
-                    detail: { value: target.value },
-                    bubbles: false,
-                    composed: true
-                }));
+                const value = target.value;
+                this.edschange.emit({ value });
             }
         };
         this.name = undefined;
         this.inputId = undefined;
         this.placeholder = undefined;
         this.disabled = false;
-        this.onChange = undefined;
-        this.onInput = undefined;
-        this.type = 'text';
         this.required = false;
         this.label = undefined;
         this.hint = undefined;
@@ -1158,22 +1148,22 @@ const EdsInputField = class {
         this.value = undefined;
         this.maxLength = undefined;
         this.options = undefined;
+        this.type = 'text';
+        this.onChangeNative = undefined;
+        this.onInput = undefined;
         this.exposeValueEvents = true;
     }
     shouldEmitValue() {
-        // Never emit for password fields, and respect the exposeValueEvents prop
         return this.exposeValueEvents && this.type !== 'password';
     }
     get parsedOptions() {
-        if (Array.isArray(this.options)) {
+        if (Array.isArray(this.options))
             return this.options;
-        }
-        else if (typeof this.options === 'string') {
+        if (typeof this.options === 'string') {
             try {
                 return JSON.parse(this.options);
             }
             catch (_a) {
-                // eslint-disable-next-line
                 console.warn('Invalid options format');
                 return [];
             }
@@ -1195,7 +1185,8 @@ const EdsInputField = class {
             icon: this.icon,
             checked: this.checked
         };
-        return (index.h("div", { key: 'e46f1b26212ee915c2fde3fa0c58a152005d2b50', class: "space-y-8" }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (index.h("fieldset", { class: "space-y-4 mt-8" }, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.parsedOptions.map((option) => (index.h("div", { class: "flex items-center gap-x-2", key: option.value }, index.h("eds-input", Object.assign({}, inputOpts, { value: option.value, checked: (typeof this.value === 'string' ? this.value.split(',') : []).includes(String(option.value)) })), index.h("eds-input-label", { name: `${this.name}-${option.value}`, label: option.label })))))) : (index.h("div", { class: "flex items-center gap-x-8" }, index.h("eds-input", Object.assign({}, inputOpts, { value: this.value, checked: this.value === 'on' })), this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (index.h("div", null, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.type === 'select' ? (index.h("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (index.h("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChange, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (index.h("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
+        return (index.h("div", { key: '6f048dc1418d0738fc097d3c48148ccfdf70fbdc' }, this.type === 'checkbox' || this.type === 'radio' ? (this.parsedOptions.length > 0 ? (index.h("fieldset", { class: "space-y-4 mt-8" }, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.parsedOptions.map((option) => (index.h("div", { class: "flex items-center gap-x-2", key: option.value }, index.h("eds-input", Object.assign({}, inputOpts, { value: option.value, checked: typeof this.value === 'string' &&
+                this.value.split(',').includes(String(option.value)) })), index.h("eds-input-label", { name: `${this.name}-${option.value}`, label: option.label })))))) : (index.h("div", { class: "flex items-center gap-x-8" }, index.h("eds-input", Object.assign({}, inputOpts, { value: this.value, checked: this.value === 'on' })), this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }))))) : (index.h("div", null, index.h("div", { class: "flex justify-between" }, this.label && (index.h("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })), this.hint && (index.h("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint))), this.type === 'select' ? (index.h("eds-input-select", Object.assign({}, inputOpts, { options: this.parsedOptions }))) : this.type === 'file' ? (index.h("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required })) : this.type === 'search' ? (index.h("eds-input-search", { name: "search-box" })) : this.type === 'range' ? ((() => {
             var _a, _b, _c;
             const rangeProps = {
                 name: inputOpts.name,
@@ -1208,12 +1199,15 @@ const EdsInputField = class {
             const opt = this.parsedOptions;
             const numberValue = typeof this.value === 'string' ? parseFloat(this.value) : this.value || 0;
             return (index.h("eds-input-range", Object.assign({}, rangeProps, { min: (_a = opt[0]) === null || _a === void 0 ? void 0 : _a.value, max: (_b = opt[1]) === null || _b === void 0 ? void 0 : _b.value, step: (_c = opt[2]) === null || _c === void 0 ? void 0 : _c.value, value: numberValue })));
-        })()) : (index.h("eds-input", Object.assign({}, inputOpts))))), index.h("eds-input-footer", { key: 'ecf3ee5c0400749f1d89b53edfdee6fe62ca2a32', id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+        })()) : (index.h("eds-input", Object.assign({}, inputOpts))))), index.h("div", { key: '27fb201362b478009fdc68a285395bfc24e84d45', class: "mt-4" }, index.h("eds-input-footer", { key: 'cd3d5742879b13ab62f9ba989971290b527be3ca', id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link }))));
     }
     get hostEl() { return index.getElement(this); }
 };
 EdsInputField.style = EdsInputFieldStyle0;
 
+const edsInputFooterCss = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.items-center{align-items:center}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.ml-4{margin-left:0.25rem}.f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.text-lighter{color:var(--grey-600)}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:text-lighter:hover{color:var(--grey-600)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}";
+const EdsInputFooterStyle0 = edsInputFooterCss;
+
 const EdsInputFooter = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1224,9 +1218,13 @@ const EdsInputFooter = class {
         this.link = undefined;
     }
     render() {
-        return (index.h("div", { key: 'd5424778da81d6558246efe97917d3e3ccfa9aaa', class: "space-y-4 mt-4" }, this.error && this.errorMessage && (index.h("div", { key: 'e915fc1f4719f48eca5a831ac72913d2f91f633b', id: `error_${this.name}`, class: "text-error flex items-center" }, index.h("eds-icon-wrapper", { key: '9cc87cfd4955766947a2581604fe1e072f8d82a9', icon: "warning" }), index.h("p", { key: '564a2397fb7e8185e43e1c2be216c76060e7498e', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && index.h("p", { key: '24e0702df7e5c2fe4ef0cc6755159fefe76b70a7', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (index.h("a", { key: '9e3720a3ded9d755afd7755104df0942246f1fbe', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
+        return (index.h("div", { key: 'a9f24f8726c7d5bcc3adfcb1d93a6076b0e672d8' }, this.error && this.errorMessage && (index.h("div", { key: '5ed4b0881215887ed5532b4f6619cfe22f896773', id: `error_${this.name}`, class: "text-error flex items-center" }, index.h("eds-icon-wrapper", { key: '978b51b85d34c05f5f86ffa228404514e7572145', icon: "warning" }), index.h("p", { key: '10c97eea1f6a835ad6c85618578fd4fa58a7d5f5', class: "f-ui-04 ml-4", innerHTML: this.errorMessage }))), this.message && index.h("p", { key: '61db4e71da9136a1c2ede4bd30edb6c8f61e05d2', id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && (index.h("a", { key: 'f44a7c6c17be59a6e6361a1a10c842f9c99f4b47', href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label))));
     }
 };
+EdsInputFooter.style = EdsInputFooterStyle0;
+
+const edsInputLabelCss = ".input-label{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-04---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
+const EdsInputLabelStyle0 = edsInputLabelCss;
 
 const EdsInputLabel = class {
     constructor(hostRef) {
@@ -1237,9 +1235,10 @@ const EdsInputLabel = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("label", { key: 'd700690a67a8348836aec27d2ff4f4d4ee18b9c8', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (index.h("span", { key: '9b52c053652db132a9bdb2d9fc64c569a529c2d9' }, index.h("span", { key: 'cd17268b6048ebaa70dc7f905fc7f7bf3ed3fa34', "aria-hidden": "true" }, "*"), index.h("span", { key: '352d7b5ef080336a5c7b53e0b710d5b0d7aa0efe', class: "sr-only" }, "required")))));
+        return (index.h("label", { key: '4007d3a533b1d4f199cd143fe0c1d3851a4906b1', htmlFor: this.name, class: `input-label ${this.disabled ? 'text-lighter' : ''}` }, this.label, this.required && (index.h("span", { key: '319f85ff60d45e24ba8e21ace46b44534f9e1cbf' }, index.h("span", { key: '329b9936137fafa7aae9a442296eb44baaf1ab85', "aria-hidden": "true" }, "*"), index.h("span", { key: 'acac48485fa35c9245bb8795cab0a2b40eb1cee2', class: "sr-only" }, "required")))));
     }
 };
+EdsInputLabel.style = EdsInputLabelStyle0;
 
 const EdsInputRange = class {
     constructor(hostRef) {
@@ -1598,7 +1597,7 @@ const EdsLink = class {
         const labelClasses = this.hideLabelOnSmallScreen
             ? 'hidden lg:flex' // Tailwind example: hidden on small screens, visible on larger
             : '';
-        return (index.h(ComponentType, { key: '8c7ab8b80b9765e83e4e57d59ba1b45fe36f15b7', class: `${classes || ''} ${this.extraClass || ''}`, href: !this.disabled ? this.url : undefined, target: this.external && !this.disabled ? '_blank' : undefined, rel: this.external && !this.disabled ? 'noopener noreferrer' : undefined, "aria-label": computedAriaLabel, "aria-disabled": this.disabled ? 'true' : null, "aria-current": this.current ? 'page' : undefined, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event) }, index.h("span", { key: '94284b425a331f6a56a3e63db89fed5fa1a207c1', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), index.h("span", { key: '7496886c7c975d6795633c36b9cc8d31673d5a4b', class: labelClasses }, this.label), this.renderRightIcon())));
+        return (index.h(ComponentType, { key: 'bdb8851264265b71dab033b807389ccd26519696', class: `${classes || ''} ${this.extraClass || ''}`, href: !this.disabled ? this.url : undefined, target: this.external && !this.disabled ? '_blank' : undefined, rel: this.external && !this.disabled ? 'noopener noreferrer' : undefined, "aria-label": computedAriaLabel, "aria-disabled": this.disabled ? 'true' : null, "aria-current": this.current ? 'page' : undefined, download: this.download ? '' : undefined, onClick: (event) => this.handleClick(event) }, index.h("span", { key: 'fdf681ed48873939fb147c51fce59c7ff8ae772e', class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), index.h("span", { key: 'aa2ac0a8c0d12197a4c2c3263b1550f83a1df72f', class: labelClasses }, this.label), this.renderRightIcon())));
     }
     get el() { return index.getElement(this); }
 };
@@ -1666,7 +1665,7 @@ const EdsLogo = class {
     }
     render() {
         const logoContent = this.getLogo();
-        return (index.h("a", { key: 'ab11d53e1f417221dcca2de441c7b3efa96f99a5', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, index.h("div", { key: '0d4a6b970788534d34d55b28fe83407ce7c4e00e', innerHTML: logoContent })));
+        return (index.h("a", { key: 'ff5c1ee09b325dca504a73b2d9eb4910fb67835d', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, index.h("div", { key: '10ef011b7e3725231cf12771be38b209661709ed', innerHTML: logoContent })));
     }
     get el() { return index.getElement(this); }
 };
@@ -1787,9 +1786,9 @@ const EdsModal = class {
     render() {
         // Generate a unique id for the title so we can reference it for aria-labelledby.
         const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (index.h("div", { key: 'affa340307adc5bdd637696b56a59e3f73cbf7e9', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: 'e4359b32052a155f879070deea34fbca2fb67e3b', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (index.h("div", { key: '064613bfc4ada7e980d47b7ccb37b21e313731ca', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (index.h("div", { key: '6430a5e2734f948e40ccdc7bfcbd6e934070ff25', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), index.h("div", { key: 'ba95f463e8c807e2ac2e900b3167191908ca2f5d', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: '1fc4649d6ba728745e4f1ed73e8fb8bdac6eda59', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, index.h("span", { key: '731e7cb6c7aaa36bcda8d1c32bd1b8da9d85f253', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '89657ac29b27ce173569353f3101e998cb756eec', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: '2e39edaa1f5cc5389873e203c3e4294de8b56678', class: "pt-8 px-20 py-20" }, index.h("slot", { key: '0fb09f52100042fc5f20f5f443a8f5cff381d944' })))));
+            onClick: () => this.close() })), index.h("div", { key: '468ce4425ce69c7612d9dbca6b812d7b0c2f869a', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, index.h("div", { key: 'e694805e5c39df16801fd2f13eaf2f113fbe2c5e', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, index.h("span", { key: 'f4c1204f3971618138bd8385b15face3acd1ea71', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), index.h("eds-button", { key: '813ba1a0c5d357187fc73964bb66230a15593ddc', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), index.h("div", { key: '9ae10bc0e79c4553c2a5bdd2dbacd7a97d99f50c', class: "pt-8 px-20 py-20" }, index.h("slot", { key: 'f460df4582e298289ab7abcd5417b7ef8d8ac827' })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -1963,7 +1962,7 @@ const EdsPagination = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6377e0187e461bcbeac835dd7cb83e93ef199865' }, this.total > 0 && this.mode === 'default' && (index.h("p", { key: 'ec2a6b6a40c76352743d012c51cda5d7fe1137df', class: "f-ui-03 text-lightest mb-28 w-full text-center" }, index.h("span", { key: '3a23e3d156f87167b0dacb4085870958ce19e793', class: "sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (index.h("nav", { "aria-label": "Pagination" }, index.h("ul", { class: "flex items-center justify-center gap-x-8" }, index.h("li", { class: "mr-auto" }, index.h("eds-link", { label: this.prevLabel, url: this.mode === 'navigator'
+        return (index.h("div", { key: 'a92aad013df27ce619c50ee8ed273c4799d9b55b' }, this.total > 0 && this.mode === 'default' && (index.h("p", { key: '33b6a436765a10356cf201c19b837f668a74a035', class: "f-ui-03 text-lightest mb-28 w-full text-center" }, index.h("span", { key: '0c45ab429986ba7537abbdaafddd4b960b92f41a', class: "sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (index.h("nav", { "aria-label": "Pagination" }, index.h("ul", { class: "flex items-center justify-center gap-x-8" }, index.h("li", { class: "mr-auto" }, index.h("eds-link", { label: this.prevLabel, url: this.mode === 'navigator'
                 ? this.prevUrl || '#' // Use prevUrl if provided, otherwise disable with '#'
                 : this.isFirstPage()
                     ? '#'
@@ -2058,7 +2057,7 @@ const EdsSocialNetworks = class {
      * @returns {JSX.Element} The rendered JSX for the component.
      */
     render() {
-        return (index.h("div", { key: '49661af4c05520403c4801e447c730b971e0096f' }, index.h("p", { key: '22fc89817969a9e7059335b43f8e7b6cc2d095f7', class: "f-ui-02" }, this.heading), index.h("ul", { key: '90c04408db4f9d58a5ee4834f8fcfde88aede8ee', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index$1) => (index.h("li", { key: index$1 }, index.h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (index.h("div", { key: '6d52d64b09170108d1b61157d0ab126cefa794be' }, index.h("p", { key: '97e929fdaff0bcd4360140428007da0294567ea9', class: "f-ui-02" }, this.heading), index.h("ul", { key: '3264e9e0ac366c4a502b69f6aa8545935b8536e7', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index$1) => (index.h("li", { key: index$1 }, index.h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
 };
 EdsSocialNetworks.style = EdsSocialNetworksStyle0;
@@ -2589,11 +2588,11 @@ const EdsTabs = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b6752f90f4c1a9501816c574baf92a0c8b95e802', id: `${this.identifier}` }, index.h("div", { key: '266813bd461bae3d5df1b76563b949b8dd900482', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, index.h("nav", { key: 'b16c4f78ee24dace9a188097a8c5995476d7da41', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index$1) => {
+        return (index.h("div", { key: 'dd41d2d7ccbe03e08d3c20a2e9a370e69dfd1459', id: `${this.identifier}` }, index.h("div", { key: '14c95711c8e7df2b7f6f0557ce233bc1a68ad31b', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, index.h("nav", { key: '3ed1c5cc5d0aa1e7cb4bebe337885c7e5687aa68', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index$1) => {
             const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index$1);
             return (index.h(TabComponent, Object.assign({}, tabProps, { "aria-label": tab.label, "aria-current": index$1 === this.activeIndex, onClick: () => this.handleTabClick(index$1, tab.label) }), tab.label || tab.ariaLabel));
-        }))), index.h("div", { key: '09c25532583d443eac47da606955955e1e66f2e8', class: "tab-panels" }, this.parsedTabs.map((_, index$1) => (index.h("div", { hidden: index$1 !== this.activeIndex }, index.h("slot", { name: `panel-${index$1}` })))))));
+        }))), index.h("div", { key: '63399c53b2e5d642676d7f884bdecec0f8c515de', class: "tab-panels" }, this.parsedTabs.map((_, index$1) => (index.h("div", { hidden: index$1 !== this.activeIndex }, index.h("slot", { name: `panel-${index$1}` })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2638,7 +2637,7 @@ const EdsTag = class {
     }
     render() {
         const classes = tagStyles({ intent: this.intent, size: this.size });
-        return index.h("span", { key: '78ef2d9ed4fc79f078df2fe418c339fc8934eef2', class: classes }, this.label);
+        return index.h("span", { key: 'a0d8788511615d0099fd764501449476126d343f', class: classes }, this.label);
     }
 };
 EdsTag.style = EdsTagStyle0;
@@ -2675,7 +2674,7 @@ const EdsUser = class {
     }
     render() {
         const user = this.parsedUser;
-        return (index.h("div", { key: '9e2a8da09c2c15080e3b1ccf5b8e0e93b679d34b', class: "block" }, index.h("div", { key: 'ccc34b3c7b0ab8d515eebfa1962264365d20c788', class: "flex items-center" }, index.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" }, index.h("div", { key: '0522db7fc229186c645665a4c9eeedc46fb5823b', class: "min-w-[280px] p-8" }, index.h("div", { key: 'af7b9daec713d24f8a1415415d19cdf48905c0cb', class: "flex gap-x-16" }, index.h("eds-avatar", { key: 'c3ea7307d9beb597fe93d3942b7724f8526298ad', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), index.h("div", { key: '7af823b5f38a3d7acf16c633471dcfe74bca5e3c', class: "max-w-full" }, user.name && index.h("p", { key: '5973dfbac0efceeddb0dc211d9c502a1ad3b0dde', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && index.h("p", { key: '5989927760ed2a2d1365661bbdc112a3a3d23bbf', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && index.h("p", { key: 'ee36be95298c0c7a748537012d48a85884955904', class: "f-ui-03-light text-light mt-4" }, user.email))), index.h("eds-block-break", { key: 'fb3ef5cad6e81f51983e54914412131c3bd4cbc2' }), index.h("div", { key: 'e3784f3f4931378bf55d766d4a1cf5e24a75d462', class: "text-default flex w-full flex-col gap-y-8" }, index.h("slot", { key: 'c0052bb56286d9a3fdc686c8407e105499a38084' })))))));
+        return (index.h("div", { key: 'b30b0a30a94c6bd9046b234cd793da80c1b16de8', class: "block" }, index.h("div", { key: '9ecea595c3d900aeda7c75a6aa5ae84999d775e1', class: "flex items-center" }, index.h("eds-dropdown", { key: '6a4c4751aaeaa6426ee4c89305b5c419ee912ced', label: `Hi, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, index.h("div", { key: '8e695af42fd229ca71e5d8f6fe367ed5ecc4184b', class: "min-w-[280px] p-8" }, index.h("div", { key: 'd28e78ace074d7513a002297558219afae079646', class: "flex gap-x-16" }, index.h("eds-avatar", { key: 'e9895e380ece01d116c14dbf0424061b1a039261', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), index.h("div", { key: '1597248135606e3300546b3278114cd8cc36d4b5', class: "max-w-full" }, user.name && index.h("p", { key: 'fa04e93e50f3cf6d1e3d49dafc02d0dd5233a9f4', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && index.h("p", { key: '1203bf8078cb1c2a4d31effbe96e7aefd9222eb2', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && index.h("p", { key: '6fcd932e87eb6e086daf61d2d8d16e6f8f27f12a', class: "f-ui-03-light text-light mt-4" }, user.email))), index.h("eds-block-break", { key: '5811252802eecc3f5c001705c8e8fb94fb33e1bb' }), index.h("div", { key: 'd28913e74e9924f51e9b1e92a0f42691c733c438', class: "text-default flex w-full flex-col gap-y-8" }, index.h("slot", { key: 'bb003f9bff1042b2778a7a924dc87c7baf1a9fb7' })))))));
     }
     get hostEl() { return index.getElement(this); }
 };

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

@@ -31,7 +31,7 @@ const EdsCookiesPreference = class {
         }
     }
     render() {
-        return (index.h("div", { key: '37a817a2c1cccb58a7445c399f20ce5fb97653b8' }, index.h("eds-link", { key: '9bf85d4fe82d7a525bae6f765da7dea9a3913494', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && index.h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (index.h("div", { key: '4563e11542b6cab4f509ec25646a0e1f8380af6c' }, index.h("eds-link", { key: '24185ecd7818920490c1ca5c742e0f1a884f27da', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && index.h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
 };
 EdsCookiesPreference.style = EdsCookiesPreferenceStyle0;

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

@@ -62,7 +62,7 @@ const EdsFeedback = class {
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (index.h("div", { key: 'f1bec91df97ff2a54a8ec8284e88f572b3bf0081', class: "grid inline" }, index.h(HeadingTag, { key: '8051043d5ec79a1f972fd732ef8a716487ed51d2', class: headingClass }, this.label), index.h("p", { key: '55f319e89376372f13c2bb96b9a94ceed6a6565b', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: 'c9c725d4a1ae65eb6b773178f6435d239c434034', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: 'e3ea621a035ecd6da07803478d202b2326997416', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (index.h("div", { key: 'b51bb78eea70babd1b1ca98ed5e657184d8e459f', class: "grid inline" }, index.h(HeadingTag, { key: 'eb84cce3a03aec99d0980ecd3c4aa4338f8d14e2', class: headingClass }, this.label), index.h("p", { key: '5923739b4a7e73dc1c83710fe1535d51d6289b02', class: "f-body-01 text-light" }, this.description), index.h("eds-rating", { key: '08d4b80838bc758cfdcf6f909f4bb41ae00d4c40', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (index.h("span", { key: '849014d7a3c2ebf78b1de434d7ad92549c0ae2de', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -76,7 +76,7 @@ const EdsFrame = class {
         }
     }
     render() {
-        return (index.h("div", { key: '61c401d6e021418e3d705cc9a4418b4f54f6bcf1', class: this.articleClasses() }, index.h("div", { key: '3fe7284c2ce4057d6c953c02e03489c0ef75f43d', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: 'a0efaa70d4ab2484c76d38e309c0bf9800edf569', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (index.h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: 'e99188447abb78659865758afe3226a7ade7f8f2', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (index.h("div", { key: 'acfa57c701b5c683b3ff48ac2ff6a7c782977cd4', class: this.articleClasses() }, index.h("div", { key: 'd62b6f7f67e41a6c8f0948c9d94e991d83dbe273', class: "effect-height flex items-center justify-between py-8 px-12" }, index.h("span", { key: '40618b0353599888578e08a5422da754f97455d0', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (index.h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), index.h("div", { key: '96656482b2732aa766d1bcb45f28189991adb493', class: "border-softer" }, this.iframeError ? (index.h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (index.h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/eds-progress-bar.cjs.entry.js

@@ -48,7 +48,7 @@ const EdsProgressBar = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (index.h("div", { key: '3360c1a9e61c83fee5312d007f6d2965a8983eba', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, index.h("div", { key: '7210dc5931f08626b286c30ae790a3a864533632', class: fillClasses, style: { width: `${progressValue}%` } }), index.h("div", { key: '7586cd593b4e851f4605ad33b96781841ee0b1aa', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, index.h("span", { key: '21fa3de543e5e717ed4fd76c689aa47c3fa6a853', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (index.h("div", { key: '4d1905ce42ee1b539519c8bdbcc9cf8d8aad9f03', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, index.h("div", { key: '7feec42063d2111f68e9957e1b5ca5550df284d0', class: fillClasses, style: { width: `${progressValue}%` } }), index.h("div", { key: '13ab32e048f0b9e68e8bef96775b5204b653ed95', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, index.h("span", { key: 'e46641bd65faf5ae4fb3a3c0542d312c9e9f1565', class: "text-default f-body-02" }, progressValue, "%"))));
     }
 };
 EdsProgressBar.style = EdsProgressBarStyle0;

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

@@ -49,7 +49,7 @@ const EdsRating = class {
         this.rating.emit(rating);
     }
     render() {
-        return (index.h("div", { key: '6686575f0b8b9017bf19b105208f6adbfd46dabd', role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (_, index$1) => {
+        return (index.h("div", { key: 'ece1af90e2dea3f69dfef822d7f4f55f76866cbd', role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (_, index$1) => {
             const starRating = index$1 + 1;
             const isSelected = starRating <= this.selectedRating;
             // Use the mapping text if available; otherwise, fall back to a generic label.

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

@@ -16,7 +16,7 @@ const EdsSectionCore = class {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (index.h(TagType, { key: '43f8d599041ae0c9761988fdec4872ec4a8ca037' }, index.h("eds-section-heading", { key: 'd120ddd851a0485e2edb43e2a6f508a661f35c07', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '9818b82a3eebcb741f5bccc9781e4212f2c5fa3d' })));
+        return (index.h(TagType, { key: '0593fd387e636b25fd817a985db481b654ef169b' }, index.h("eds-section-heading", { key: '98805f9d6bdeb1a10f351d6d8277e7fb877b0e63', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '6432856b8bf5f311a42406f4c6126982b2e05cf1' })));
     }
 };
 EdsSectionCore.style = EdsSectionCoreStyle0;
@@ -46,12 +46,12 @@ const EdsSectionHeading = class {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (index.h(TagType, { key: '740ed8b3208e07091a1f4c79888e172dec33773a', class: {
+        return (index.h(TagType, { key: '4fa6ecdd941eb943faa7311e94d9b67b63273414', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, index.h(HeadingTag, { key: '4d4ceef35b7cb06bfbff2fdae47e66dd7ac10c49', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, index.h(HeadingTag, { key: '945d7d615601806d670ab666971bc6b07e1f442c', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };
 

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

@@ -46,7 +46,7 @@ const EdsSpinner = class {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (index.h(index.Host, { key: 'f687ccbbb05840b7699202f3758ec4a8d0de1bc4' }, index.h("div", { key: '4bb5c697f1ccd90d2d65d519fcfb3ec809b106ac', class: "spinner-overlay", style: overlayStyle }, index.h("span", { key: 'a07722d9ee9c94d03d9766a4b297a498998c00be', class: "spinner", style: spinnerStyle }))));
+        return (index.h(index.Host, { key: '7f8e9654757478a1b5298d133739d955dbf9a15f' }, index.h("div", { key: '245e9e61a19c1cdff34ab8b9f70b7e69f1a229f7', class: "spinner-overlay", style: overlayStyle }, index.h("span", { key: 'e8befeaef6af66d45e3c3b20042a3f626754cfc5', class: "spinner", style: spinnerStyle }))));
     }
 };
 EdsSpinner.style = EdsSpinnerStyle0;

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

@@ -33,11 +33,11 @@ const EdsSwitch = class {
     render() {
         // Compute an accessible name based on state.
         const accessibleLabel = this.labelOn || this.labelOff ? (this.checked ? this.labelOn : this.labelOff) : 'Toggle switch';
-        return (index.h("div", { key: '385c1463b11e83ff5b982218e0f28c54299210fd', class: "switch-container" }, this.labelOff && index.h("span", { key: 'f7e825a34487a1cec466b5172d77c2802029607c', class: "switch-label switch-label--off mr-8" }, this.labelOff), index.h("button", { key: 'fd1e8ffab675ee79edc6b99de4dfff42545d91af', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": accessibleLabel, class: {
+        return (index.h("div", { key: 'f2c3cd27a317b64ac05b5b2841f87827ff9f18fc', class: "switch-container" }, this.labelOff && index.h("span", { key: '08e47e239c5a6de0440b731589fd5f365919df24', class: "switch-label switch-label--off mr-8" }, this.labelOff), index.h("button", { key: 'd731fa56f93b67daaeaac22c1080a7171360525c', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": accessibleLabel, class: {
                 switch: true,
                 'switch--checked': this.checked,
                 'switch--disabled': this.disabled
-            }, onClick: this.toggleSwitch, disabled: this.disabled }, index.h("span", { key: '0d185957ffe2577ffc8798c298820c84c838a2a4', class: "switch-handle" })), this.labelOn && index.h("span", { key: 'f12b752ff94a363bb9593bd00cf43e7110e4399e', class: "switch-label switch-label--on ml-8" }, this.labelOn)));
+            }, onClick: this.toggleSwitch, disabled: this.disabled }, index.h("span", { key: '8bbe2bd4c2050dbda4723615b4eb0fa2936d35d8', class: "switch-handle" })), this.labelOn && index.h("span", { key: '73991400f5a8e0e6c6d1c09196639add3e98c71f', class: "switch-label switch-label--on ml-8" }, this.labelOn)));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const EdsTimeline = class {
         }
     }
     render() {
-        return (index.h("div", { key: '63ce0ce7e3a632906f664011243abf9f816bc53a', class: "max-w-sidebar mx-auto px-4 py-8" }, index.h("div", { key: '794d16f6b68d87bb1fb4665cc5ef84b381fb55ea', class: "relative" }, index.h("div", { key: '2b82b5594a9ed5c056898725f40e56858282412a', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), index.h("div", { key: '6d33b71396649e7b90d050c0858912fa49c309a7', class: "space-y-16" }, this.parsedEvents.map((event, index$1) => (index.h("div", { class: "relative flex" }, index.h("div", { class: `w-1/2 ${index$1 % 2 === 0 ? 'pr-4' : ''}` }, index$1 % 2 === 0 && (index.h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
+        return (index.h("div", { key: 'cac0d2731a21edeef728166f1e3e4cedd2a9d336', class: "max-w-sidebar mx-auto px-4 py-8" }, index.h("div", { key: 'ecfe58e3e5f54fbfcdfe898b0349af4838e59d4e', class: "relative" }, index.h("div", { key: 'b6e0fe316d79d80db8cd7d855c10b9f1db045f20', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), index.h("div", { key: '95b8ff805c7b6f2f2a4635cf67d0ec7dfa127871', class: "space-y-16" }, this.parsedEvents.map((event, index$1) => (index.h("div", { class: "relative flex" }, index.h("div", { class: `w-1/2 ${index$1 % 2 === 0 ? 'pr-4' : ''}` }, index$1 % 2 === 0 && (index.h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]
                 : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), index.h("div", { class: "flex items-center justify-center relative" }, event.completed ? (index.h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (index.h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), index.h("div", { class: `w-1/2 ${index$1 % 2 !== 0 ? 'pl-4' : ''}` }, index$1 % 2 !== 0 && (index.h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]

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

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

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

@@ -23,7 +23,7 @@ const EdsTooltip = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'cf17cd61cd5888d6ea12bf6be0fb8c841072b4d6', class: "relative inline-block group" }, index.h("slot", { key: '7a41d90940fff4e8b887ec4a3240371466f219a5' }), index.h("div", { key: 'ccf06592f4c977030b0cf54cce48d13889c059f3', class: "absolute bottom-full left-1/2 \n            transform -translate-x-1/2 mb-2\n            rounded-xs bg-strongest text-inverse \n            f-ui-03-light pointer-events-none \n            z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out\n            group-hover:opacity-100", role: "tooltip" }, this.content)));
+        return (index.h("div", { key: '3a0e3ecde6e5d0cf1aa002c9bb45874fbf10b9a2', class: "relative inline-block group" }, index.h("slot", { key: 'd4902b6a12e0cf1967e16e7b2cf600067887f597' }), index.h("div", { key: '59d026861c598be73f66ebd548f6da820b8ff357', class: "absolute bottom-full left-1/2 \n            transform -translate-x-1/2 mb-2\n            rounded-xs bg-strongest text-inverse \n            f-ui-03-light pointer-events-none \n            z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out\n            group-hover:opacity-100", role: "tooltip" }, this.content)));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -44,7 +44,7 @@ const EdsTrl = class {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (index.h("div", { key: '8a798c644632d3168af51aa8a0775b7455ab5b52', class: "container mx-auto px-4 py-8" }, index.h("eds-table", { key: '82a692c0f7e46fe7438a594a7b5c567855c0e308', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
+        return (index.h("div", { key: '3d7ccf2e5c1faa1705d5ba132e1c530504ede3bc', class: "container mx-auto px-4 py-8" }, index.h("eds-table", { key: '38880639acbef207ee660d5c9c59f00afd58cd38', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
     }
 };
 

package/dist/cjs/incorrect-use-of-colors.cjs.entry.js

@@ -43,7 +43,7 @@ const IncorrectUseOfColors = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '3503dcc0e2d3f5b08eec400e74484e5725d7b4af', class: "container" }, index.h("div", { key: '657857e8826e60c498450326306234c59b4e770b', class: "mb-8" }, index.h("eds-alert", { key: '88512240affc65314593f8573b3a13f58fb2806d', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), index.h("div", { key: '8614d445187d2614e5833b8c89c66b178762574e', class: "flex" }, index.h("div", { key: '1b36d52dbcbb65e1edb4513899ec898d691193c0', class: "w-full" }, index.h("ul", { key: '13fb2eaca0ad3fb93487f6c0c976142a18870b4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'adec93113e4c02168906e1da65f48c20e9b2c7dc', class: "w-full" }, index.h("ul", { key: 'd0b43589866f53c92084b270afb3571ed2723fc8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (index.h("div", { key: 'ed003f432493176392848de9448512f655ebfa9f', class: "container" }, index.h("div", { key: '231dcfa8b0be673efb56dce00f499839d6877301', class: "mb-8" }, index.h("eds-alert", { key: '5bbd8f9e057d9f9d48813b962c952aeba6e4e1aa', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), index.h("div", { key: 'fb6ef214a96b60d1277c1326027f49b88fe2cab9', class: "flex" }, index.h("div", { key: '46a8671c782e8b7bd51947cce8d0c42ab7ca46af', class: "w-full" }, index.h("ul", { key: 'dd84eaf26634432c50f41fc1dc0479ba52a9a6b1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '3db312eb1ac27957f44497a729d6b8e5fa631d2f', class: "w-full" }, index.h("ul", { key: '05ac3bf1478c21a5291bc8c492c59cb6240be4f9', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 };