@ebrains/components 2.3.1 → 2.4.0

package/dist/esm/eds-app-root.entry.js

@@ -26,7 +26,7 @@ const EdsAppRoot = class {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: '814465ac49c8f5688bc8b1006723a531c925c030' }, h("eds-splash-screen", { key: '578982c4b01714129ebf0e7c415bdacea10061f8', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'abc4ef7fed629bc2eda0e2f14f5165b83851794d', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '1fb96900889c942ec0beb120e1ed869a9d78c6fa' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'aa412cafecaceba211d0938d42779d33a20b418f' }, h("eds-splash-screen", { key: '78de23a74a0263c09e400cb16d20e014a50913ba', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '6a690104e273cbefa9ec4e66c5479c2db0666f39', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 };
 

package/dist/esm/eds-card-desc_2.entry.js

@@ -14,7 +14,7 @@ const EdsCardDesc = class {
         return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
     }
     render() {
-        return (h("p", { key: '1e2ae9b46a477adb8a249a0a06c963d3e44ff297', class: "text-light f-ui-03-light" }, h("span", { key: '072222b2b2249a772c1e26f566d7ac863dd6a1dd', class: this.getTruncateClass() }, this.description)));
+        return (h("p", { key: '3711e4f24ad19f1dedef3083b9b9c8868f3b4e3f', class: "text-light f-ui-03-light" }, h("span", { key: '46b53c5111bc05ffaaa6f8fcd4b1b6ddfae2d413', class: this.getTruncateClass() }, this.description)));
     }
 };
 EdsCardDesc.style = EdsCardDescStyle0;
@@ -64,7 +64,7 @@ const EdsCardTitle = class {
     render() {
         //const Tag = this.getTag();
         const Heading = this.headingLevel;
-        return (h(Heading, { key: '1fd3f080c09f94d7b7175d51b9d8e38bb0b76286', class: this.getTitleClass() }, h("a", { key: 'dd06cbecbc9eaef8052f34eae28ae17c5f92c918', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
+        return (h(Heading, { key: '5d356d301cfee459ac142895a042e9b1ccd59367', class: this.getTitleClass() }, h("a", { key: '348fffdd2abccf3b08ecab9481718b4a2aa50807', class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none", href: this.url, target: this.externalLink ? '_blank' : undefined, rel: this.externalLink ? 'noopener noreferrer' : undefined }, this.cardTitle)));
     }
 };
 EdsCardTitle.style = EdsCardTitleStyle0;

package/dist/esm/eds-card-generic.entry.js

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

package/dist/esm/eds-card-project.entry.js

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

package/dist/esm/eds-card-tags.entry.js

@@ -10,7 +10,7 @@ const EdsCardTags = class {
         this.tags = [];
     }
     render() {
-        return (h("div", { key: 'dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
+        return (h("div", { key: 'a0184d0900e08d0ae48dd4d2164c9d7ca0ef8db1', class: "flex flex-wrap gap-y-4" }, this.tags.map((tag, index) => (h("eds-tag", { key: index, intent: this.accent ? 'accent' : 'default', label: tag })))));
     }
 };
 EdsCardTags.style = EdsCardTagsStyle0;

package/dist/esm/eds-card-tool.entry.js

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

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

@@ -27,7 +27,7 @@ const EdsCookiesPreference = class {
         }
     }
     render() {
-        return (h("div", { key: '778879d8a4552e7dd55ac77b60d90e0bae97522c' }, h("eds-link", { key: '832d45be8a294f90fc81b45c6604aec61c8f8174', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab' }, h("eds-link", { key: '4bb5d796d14dc242024df4681dea493d4511a8b6', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
 };
 EdsCookiesPreference.style = EdsCookiesPreferenceStyle0;

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

@@ -58,7 +58,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 (h("div", { key: 'ddf3974682322578e0fe0b0405ac4ebf2e0f25c1', class: "grid inline" }, h(HeadingTag, { key: '64ef135208df2903c342a8feaafa49d27eb22250', class: headingClass }, this.label), h("p", { key: '95d46d464035e393d80ae259f4232bebf47453ce', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: 'd390733041689a17937f31dbf07050571997ced2', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '61cedb8ba0a5269ac0112dc9a6d91b92e1f0b200', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: '5405127cfc114d4906617955d7b1069a04ed7b8e', class: "grid inline" }, h(HeadingTag, { key: 'c0a2593d843577323b6a27d0f8fdca3b84063bd5', class: headingClass }, this.label), h("p", { key: '5b7ef9fbd8c5b4a9d3c7c39e3092244d08dde126', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '2de1ad00dd21d987bc4a91438500a58a0bcd63a7', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '3de038a0ae8ee334edde65194356f021e14e7cb3', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/eds-footer.entry.js

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

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

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

package/dist/esm/eds-fullscreen-menu.entry.js

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

package/dist/esm/eds-gauge.entry.js

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

package/dist/esm/eds-icon-arrow-diagonal.entry.js

@@ -7,7 +7,7 @@ const EdsIconArrowDiagonal = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4dd5fc5be465494e8546404231cfdb63609e64f1', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: '29883d8b41d72d84f22e6babbfdac666ba57f5ca', class: this.class, innerHTML: arrowDiagonal });
     }
 };
 

package/dist/esm/eds-icon-arrow-right.entry.js

@@ -7,7 +7,7 @@ const EdsIconArrowRight = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '64d0cb03ab1a33096ad9e3b7219a2e758707a1d5', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: '652d9843e8855eeb7bd9c364fe8600116eb54897', class: this.class, innerHTML: arrowRight });
     }
 };
 

package/dist/esm/eds-icon-bin.entry.js

@@ -7,7 +7,7 @@ const EdsIconBin = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '9a7b52f2a2006bd83418d6b4bb2834bffa79305c', class: this.class, innerHTML: bin });
+        return h("span", { key: '7ba82b3f303e9d0dc30afef19154637af1d20811', class: this.class, innerHTML: bin });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconBluesky = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4f21c5659e92ea08e1f464d23e351fbfef6e347d', class: this.class, innerHTML: bluesky });
+        return h("span", { key: '686dbb5f0c3c5f156940c83380c16c169f016219', class: this.class, innerHTML: bluesky });
     }
 };
 

package/dist/esm/eds-icon-bookmark.entry.js

@@ -7,7 +7,7 @@ const EdsIconBookmark = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '48b2e81ac7f597b50d13a7a0a753894ac18022cd', class: this.class, innerHTML: bookmark });
+        return h("span", { key: '66bd28a12ce759d916099635f81aff9b8a66c774', class: this.class, innerHTML: bookmark });
     }
 };
 

package/dist/esm/eds-icon-chevron-down.entry.js

@@ -7,7 +7,7 @@ const EdsIconChevronDown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ea6e2250c63af2a7f3ed1d50e6514a28e5629e6d', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: '7efcb724d1d4c35985dc5f858c23c43aaaad1319', class: this.class, innerHTML: chevronDown });
     }
 };
 

package/dist/esm/eds-icon-chevron-left.entry.js

@@ -7,7 +7,7 @@ const EdsIconChevronLeft = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8847183f6f31439d94f87a24ee01697babe53ecf', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '6ee35c634c737769fa20bcfb631aa4e32ee6e9da', class: this.class, innerHTML: chevronLeft });
     }
 };
 

package/dist/esm/eds-icon-chevron-right.entry.js

@@ -7,7 +7,7 @@ const EdsIconChevronRight = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '398a406ad137aeb4d51286b82eccee3c0bff2f2b', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: '60ca9c3f312d711df76743901b5373ee573b99d7', class: this.class, innerHTML: chevronRight });
     }
 };
 

package/dist/esm/eds-icon-chevron-up.entry.js

@@ -7,7 +7,7 @@ const EdsIconChevronUp = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f0647dcbf0e597fc3dd2f31d0e1de2ce7237d25a', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: '61506941edc3f2da20a848d8f435241027ee131a', class: this.class, innerHTML: chevronUp });
     }
 };
 

package/dist/esm/eds-icon-clone.entry.js

@@ -7,7 +7,7 @@ const EdsIconClone = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'faa232cc2d703f00cbda76fb9c152773a032ded2', class: this.class, innerHTML: clone });
+        return h("span", { key: '25b5552f8f0952bde3058c85d2ef61bb69102c24', class: this.class, innerHTML: clone });
     }
 };
 

package/dist/esm/eds-icon-close.entry.js

@@ -7,7 +7,7 @@ const EdsIconClose = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '001c4d41b324d9b2636087e1fde76e2fdeef9f33', class: this.class, innerHTML: close });
+        return h("span", { key: '50792b8ec547fba6fd0416e80cdaf706079f42b2', class: this.class, innerHTML: close });
     }
 };
 

package/dist/esm/eds-icon-copy.entry.js

@@ -7,7 +7,7 @@ const EdsIconCopy = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '6a7eb765b426e0e142a0d7f742ddc33c9de98601', class: this.class, innerHTML: copy });
+        return h("span", { key: 'f0f8d3264c9ea781865ffd2bc2e5ebd4b44435a3', class: this.class, innerHTML: copy });
     }
 };
 

package/dist/esm/eds-icon-download.entry.js

@@ -7,7 +7,7 @@ const EdsIconDownload = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b2b380a299ee2b9941613ddddc3d67b2db4ce57e', class: this.class, innerHTML: download });
+        return h("span", { key: '17b9c232930d8efec279f777ced4a7e95cc559bd', class: this.class, innerHTML: download });
     }
 };
 

package/dist/esm/eds-icon-draft.entry.js

@@ -7,7 +7,7 @@ const EdsIconDraft = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '0defed3e15ba10e6e62cf35d0540901ec1dd2485', class: this.class, innerHTML: draft });
+        return h("span", { key: '9a0acb29472fee4627c23cd528a601d80fb065d9', class: this.class, innerHTML: draft });
     }
 };
 

package/dist/esm/eds-icon-edit.entry.js

@@ -7,7 +7,7 @@ const EdsIconEdit = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '86ec46944e96100f5e262f505dd64839b99f0d8d', class: this.class, innerHTML: edit });
+        return h("span", { key: '603d3cb68e01aadbcb05d232773490b93593a4e7', class: this.class, innerHTML: edit });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '216be6a7fcc4f8ffb2936507cbff95bc1141c764', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6', class: this.class, innerHTML: euSvg });
     }
 };
 

package/dist/esm/eds-icon-external.entry.js

@@ -7,7 +7,7 @@ const EdsIconExternal = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a061070cf41f0a64e660fe6ea01fcaecf7c45afd', class: this.class, innerHTML: arrowDiagonal });
+        return h("span", { key: 'dc82ae5d96587a46362008670e4096d8f3ed8941', class: this.class, innerHTML: arrowDiagonal });
     }
 };
 

package/dist/esm/eds-icon-facebook.entry.js

@@ -7,7 +7,7 @@ const EdsIconFacebook = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b3e7b9c17f476f6d40c446574f0df66a92750b93', class: this.class, innerHTML: facebook });
+        return h("span", { key: '97ff8677a8252ec4cce47f9f857185945aca7cc8', class: this.class, innerHTML: facebook });
     }
 };
 

package/dist/esm/eds-icon-gitlab.entry.js

@@ -7,7 +7,7 @@ const EdsIconGitlab = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ac1b505068670dc7cb5953b515f768586a79d6a3', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e', class: this.class, innerHTML: gitlabBlack });
     }
 };
 

package/dist/esm/eds-icon-linkedin.entry.js

@@ -7,7 +7,7 @@ const EdsIconLinkedin = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '98e62dd3477d86fbdcdfb1388795e119910de8c1', class: this.class, innerHTML: linkedin });
+        return h("span", { key: 'bfed785cb748dc93f95bb317750b5e82dc6c1dcc', class: this.class, innerHTML: linkedin });
     }
 };
 

package/dist/esm/eds-icon-loader.entry.js

@@ -7,7 +7,7 @@ const EdsIconLoader = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '3a9bd685a48bd253613d94a0755e3011144b69a8', class: this.class, innerHTML: loader });
+        return h("span", { key: '59a8089a2505c0e1e8087f7bd078533a1059cd3a', class: this.class, innerHTML: loader });
     }
 };
 

package/dist/esm/eds-icon-mastodon.entry.js

@@ -7,7 +7,7 @@ const EdsIconMastodon = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '780be04fc40f5ac361cc7cce4694c9f624ab4a0a', class: this.class, innerHTML: mastodon });
+        return h("span", { key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e', class: this.class, innerHTML: mastodon });
     }
 };
 

package/dist/esm/eds-icon-menu.entry.js

@@ -7,7 +7,7 @@ const EdsIconMenu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ee487c5a7cbd576d21a7f0b282ca0606a045de2e', class: this.class, innerHTML: menu });
+        return h("span", { key: 'd0edf1b3b59b2455e4f0af36bb637cf3fdea2202', class: this.class, innerHTML: menu });
     }
 };
 

package/dist/esm/eds-icon-minus.entry.js

@@ -7,7 +7,7 @@ const EdsIconMinus = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4c399e259be9fcce197e0735c42dd5fa76daa220', class: this.class, innerHTML: minus });
+        return h("span", { key: '15a4b124b598595958bfbaf7be0b9a9795cfb105', class: this.class, innerHTML: minus });
     }
 };
 

package/dist/esm/eds-icon-more.entry.js

@@ -7,7 +7,7 @@ const EdsIconMore = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '6eae5aa60d60601dcdacf6fcf1f40be87cd3f869', class: this.class, innerHTML: more });
+        return h("span", { key: 'd832774f24d7e335026e35b3b9198f000389a084', class: this.class, innerHTML: more });
     }
 };
 

package/dist/esm/eds-icon-paper.entry.js

@@ -7,7 +7,7 @@ const EdsIconPaper = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a2fd252b8b3050636aeae7308d69ddcaf2d54a4e', class: this.class, innerHTML: paper });
+        return h("span", { key: '4e9525934775adfffff9c709ee69c0a5ebf03565', class: this.class, innerHTML: paper });
     }
 };
 

package/dist/esm/eds-icon-plus.entry.js

@@ -7,7 +7,7 @@ const EdsIconPlus = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '339d03b5782b6acfc41ffa62b4482eb6098bc0b0', class: this.class, innerHTML: plus });
+        return h("span", { key: '66caca52d82371c81a2c751a4becbbe4a4b24df2', class: this.class, innerHTML: plus });
     }
 };
 

package/dist/esm/eds-icon-portal.entry.js

@@ -7,7 +7,7 @@ const EdsIconPortal = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dc84ec0bf1fdd9d5461d4cf8496f6b0d9658ffb8', class: this.class, innerHTML: portal });
+        return h("span", { key: '8c4137eb4257ed474f2f6b9f4330504c0b3dd5b3', class: this.class, innerHTML: portal });
     }
 };
 

package/dist/esm/eds-icon-private.entry.js

@@ -7,7 +7,7 @@ const EdsIconPrivate = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'eb2ac14ec0564bc1a1133ae099b4e49dffde5f92', class: this.class, innerHTML: privat });
+        return h("span", { key: 'cd1790e118743455f95c1dcef5fef5b7eea8d4b7', class: this.class, innerHTML: privat });
     }
 };
 

package/dist/esm/eds-icon-public.entry.js

@@ -7,7 +7,7 @@ const EdsIconPublic = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f8ff53678e0a06d505ac6f19ca79808597a2ef34', class: this.class, innerHTML: pub });
+        return h("span", { key: '992b0db1543110d0561199c44407129fcd1c0c2f', class: this.class, innerHTML: pub });
     }
 };
 

package/dist/esm/eds-icon-search.entry.js

@@ -7,7 +7,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '892c0b85f2039ee09a642d6040aa2679b3badfda', class: this.class, innerHTML: search });
+        return h("span", { key: '14f24d633305efb74dba50aafd31f31b5f2d8e48', class: this.class, innerHTML: search });
     }
 };
 

package/dist/esm/eds-icon-star.entry.js

@@ -7,7 +7,7 @@ const EdsIconStar = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c5831907f350c7aa0a0029c69bcb5e8fcd51d221', class: this.class, innerHTML: star });
+        return h("span", { key: '5546e3debfb9ecf0efe34c31b987dc6ca1f2ba6b', class: this.class, innerHTML: star });
     }
 };
 

package/dist/esm/eds-icon-start.entry.js

@@ -7,7 +7,7 @@ const EdsIconStart = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '27ab2edbb78b6560a93158cd2e55a42552337694', class: this.class, innerHTML: start });
+        return h("span", { key: 'd17186a319ab9a5755330b641aa4620cb811c7ae', class: this.class, innerHTML: start });
     }
 };
 

package/dist/esm/eds-icon-success.entry.js

@@ -7,7 +7,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '6f20d0106096d427556e05b663e3fa133852470e', class: this.class, innerHTML: success });
+        return h("span", { key: 'd70032613d160c820ec95934b17a43c654fe4d26', class: this.class, innerHTML: success });
     }
 };
 

package/dist/esm/eds-icon-thumbs-down.entry.js

@@ -7,7 +7,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'accd4312433f1e6e3e1a4833fa12388b9c6ca544', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: 'dbc457ba89db7b7b142be6736a8640ffff2d2cb3', class: this.class, innerHTML: thumbsDown });
     }
 };
 

package/dist/esm/eds-icon-thumbs-up.entry.js

@@ -7,7 +7,7 @@ const EdsIconThumbsUp = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'afed8c9954ad497d6ac707b07c6890ea8387f011', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: '867c4f63cd5ceeeabc94ae444fe978df39066618', class: this.class, innerHTML: thumbsUp });
     }
 };
 

package/dist/esm/eds-icon-tutorial.entry.js

@@ -7,7 +7,7 @@ const EdsIconTutorial = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '1ad94bbcfc46e1e69f89162ccd0a5c5c0eda3245', class: this.class, innerHTML: tutorial });
+        return h("span", { key: '06c66194f30295a5bd250edcba88aa4473c8ab1b', class: this.class, innerHTML: tutorial });
     }
 };
 

package/dist/esm/eds-icon-twitter.entry.js

@@ -7,7 +7,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '5fb5ffd58614e322c3d371662876805aeb88ae45', class: this.class, innerHTML: twitter });
+        return h("span", { key: 'e149a8a26c99f8048a42ed42f143a5947b215ea5', class: this.class, innerHTML: twitter });
     }
 };
 

package/dist/esm/eds-icon-unknown.entry.js

@@ -7,7 +7,7 @@ const EdsIconUnknown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '3784c70a29511c1ef0cab2460186fdb396630df7', class: this.class, innerHTML: unknown });
+        return h("span", { key: 'f07457a22c642dfe24b1073649bfbef3964cff7e', class: this.class, innerHTML: unknown });
     }
 };
 

package/dist/esm/eds-icon-updown.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-870ab08f.js';
-import { u as upDonw } from './up-and-down-d747abee.js';
+import { u as upDown } from './up-and-down-8b69ca97.js';
 
 const EdsIconUpdown = class {
     constructor(hostRef) {
@@ -7,7 +7,7 @@ const EdsIconUpdown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '3aa681d785398425792073eb6929fb4169b37817', class: this.class, innerHTML: upDonw });
+        return h("span", { key: 'f08301d06b129ce9cbd91cceedb64d9db2be6e83', class: this.class, innerHTML: upDown });
     }
 };