@ebrains/components 0.0.1-alpha.0 → 0.2.0-alpha.0

package/dist/esm/eds-block-break.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 const edsBlockBreakCss = ".border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.w-full{width:100%}.border-t-2{border-top-width:2px}";
+const EdsBlockBreakStyle0 = edsBlockBreakCss;
 
 const EdsBlockBreak = class {
     constructor(hostRef) {
@@ -11,6 +12,6 @@ const EdsBlockBreak = class {
         return h("hr", { key: '85b5253d4abb77072424452d2ff6a0d631e67652', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
 };
-EdsBlockBreak.style = edsBlockBreakCss;
+EdsBlockBreak.style = EdsBlockBreakStyle0;
 
 export { EdsBlockBreak as eds_block_break };

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.js';
+import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
 
 const edsBreadcrumbCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}";
+const EdsBreadcrumbStyle0 = edsBreadcrumbCss;
 
 const EdsBreadcrumb = class {
     constructor(hostRef) {
@@ -143,6 +144,6 @@ const EdsBreadcrumb = class {
         "items": ["parseItems"]
     }; }
 };
-EdsBreadcrumb.style = edsBreadcrumbCss;
+EdsBreadcrumb.style = EdsBreadcrumbStyle0;
 
 export { EdsBreadcrumb as eds_breadcrumb };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.js';
-import { s as sendAnalytics, g as gradientBGColorVariants } from './index-360dc790.js';
-import './index-144c9ae8.js';
+import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
+import { s as sendAnalytics, g as gradientBGColorVariants } from './color-0ba8ed56.js';
+import './index-39c58238.js';
 
 const EdsCardProject = class {
     constructor(hostRef) {

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 const edsCardSectionCss = ".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";
+const EdsCardSectionStyle0 = edsCardSectionCss;
 
 const EdsCardSection = class {
     constructor(hostRef) {
@@ -31,9 +32,9 @@ const EdsCardSection = class {
      * @returns {JSX.Element} The rendered section containing a list of cards.
      */
     render() {
-        return (h("section", { key: '587f8d95e27862e855a7aab3d157b3b26c12181e', class: "w-full" }, h("ul", { key: 'e655546e5e92dbbfb5640f448409584b4f83a98d', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (h("li", { class: `grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col` }, h("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
+        return (h("section", { key: 'f8e6a03e37677623fad3c53327f6260920a5e914', class: "w-full" }, h("ul", { key: '1da1bc3a5aecadd52b4d025d7d02dc252e47b34a', class: "grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.parsedCards.map((card) => (h("li", { class: `grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col` }, h("eds-card-generic", { cardTitle: card.title, description: card.description, avatar: card.avatar, headingLevel: card.headingLevel, tags: card.tags, url: card.url, bg: card.bg, tiny: card.tiny, image: card.image, withHover: card.withHover })))))));
     }
 };
-EdsCardSection.style = edsCardSectionCss;
+EdsCardSection.style = EdsCardSectionStyle0;
 
 export { EdsCardSection as eds_card_section };

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 const edsCardTagsCss = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";
+const EdsCardTagsStyle0 = edsCardTagsCss;
 
 const EdsCardTags = class {
     constructor(hostRef) {
@@ -12,6 +13,6 @@ const EdsCardTags = class {
         return (h("div", { key: 'b201dc6df5e809d828a055fb5f01fe798e228361', 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 = edsCardTagsCss;
+EdsCardTags.style = EdsCardTagsStyle0;
 
 export { EdsCardTags as eds_card_tags };

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

@@ -1,8 +1,9 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.js';
-import { s as sendAnalytics } from './index-360dc790.js';
-import './index-144c9ae8.js';
+import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
+import { s as sendAnalytics } from './color-0ba8ed56.js';
+import './index-39c58238.js';
 
 const edsCardToolCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;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\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
+const EdsCardToolStyle0 = edsCardToolCss;
 
 const EdsCardTool = class {
     constructor(hostRef) {
@@ -70,6 +71,6 @@ const EdsCardTool = class {
     }
     get el() { return getElement(this); }
 };
-EdsCardTool.style = edsCardToolCss;
+EdsCardTool.style = EdsCardToolStyle0;
 
 export { EdsCardTool as eds_card_tool };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.js';
+import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
 
 const EdsCardWrapper = class {
     constructor(hostRef) {

package/dist/esm/eds-code-block.entry.js

@@ -1,38 +1,7 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getDefaultExportFromNamespaceIfPresent (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
-}
-
-function getDefaultExportFromNamespaceIfNotNamed (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
-}
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-function commonjsRequire (path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-
 var prism = {exports: {}};
 
 (function (module) {
@@ -1246,7 +1215,7 @@ var Prism = (function (_self) {
 
 }(_self));
 
-if ('object' !== 'undefined' && module.exports) {
+if (module.exports) {
 	module.exports = Prism;
 }
 
@@ -2437,6 +2406,7 @@ Prism.languages.py = Prism.languages.python;
 }(Prism));
 
 const edsCodeBlockCss = ":host{display:block;font-family:var(--font-family, 'Courier New', monospace)}pre[class*=\"language-\"]{white-space:pre-wrap;word-break:break-word;}.language{font-weight:bold;text-transform:uppercase}pre{margin:0;border-radius:8px;color:var(--purple-200);overflow:auto}code{font-family:'Courier New', monospace}.token.keyword{color:var(--purple-500)}.token.string{color:var(--green-500)}.token.function{color:var(--cyan-500)}.token.comment{color:var(--grey-700)}.relative{position:relative}.bg-stronger{background-color:var(--grey-900)}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-0{padding:0rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.pl-8{padding-left:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.pb-16{padding-bottom:1rem}.pb-20{padding-bottom:1.25rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.pb-8{padding-bottom:0.5rem}.mt-16{margin-top:1rem}.mt-2{margin-top:0.125rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.w-20{width:1.25rem}.h-20{height:1.25rem}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}";
+const EdsCodeBlockStyle0 = edsCodeBlockCss;
 
 const EdsCodeBlock = class {
     constructor(hostRef) {
@@ -2463,6 +2433,6 @@ const EdsCodeBlock = class {
         return (h("div", { key: 'a99c0c8b9546b80bb3f9e21cd53c29540e8b6e06', class: "relative bg-stronger rounded-sm" }, h("div", { key: '5856f9d30bb52f791e0d8bb03a6438bc01247f66', class: "text-inverse flex justify-between items-center p-8" }, this.language ? (h("span", { class: "f-ui-03" }, this.language.toUpperCase())) : (h("pre", { class: "bg-stronger pl-8", role: "region", "aria-label": "Code block without language" }, h("code", { innerHTML: this.getHighlightedCode() }))), h("span", { key: 'dfb0f69dbbd1032ace5afb7fe98d899816f36610', "aria-hidden": "true", class: "w-20 h-20 mt-8" }, h("eds-icon-wrapper", { key: 'b399384638265f9fcc9a824c47fe73c75bcade33', icon: this.copied ? 'success' : 'copy', onClick: () => this.copyToClipboard() })), h("span", { key: '47c2d00b2cf86b99522dbc438726e0fc57fb6a44', class: "sr-only" }, "Copy Code")), this.language && (h("pre", { key: '038321e9d3d2a38963857ab8b719653f3e8385e3', class: `language-${this.language} bg-stronger pl-8 pb-8`, role: "region", "aria-label": `Code block in ${this.language}` }, h("code", { key: '72be161dd9781d9bc2f4d9495969175f34c19249', innerHTML: this.getHighlightedCode() })))));
     }
 };
-EdsCodeBlock.style = edsCodeBlockCss;
+EdsCodeBlock.style = EdsCodeBlockStyle0;
 
 export { EdsCodeBlock as eds_code_block };

package/dist/esm/eds-components-section.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance } from './index-b384416e.js';
+import { h, r as registerInstance } from './index-e96badea.js';
 
 const EdsComponentsOverview = () => (h("div", { class: "static-content container" },
     h("eds-alert", { message: "EBRAINS Design System makes it easy to implement and use its components across any framework or no framework at all. We\n      accomplish this by using standardized web platform APIs and Web Components.", intent: "default" }),
@@ -85,7 +85,7 @@ const EdsComponentsSection = class {
         }
     }
     render() {
-        return h("div", { key: '289db339f218b1f440badee9bb13c7bb20962c9c', class: "container" }, this.renderContent());
+        return h("div", { key: 'faa14dc7bb5d966ea1328f60d8ca88b3c406ad51', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/eds-docs-palettes.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 const EdsDocsPalettes = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const EdsDocsPalettes = class {
         }
     }
     render() {
-        return h("div", { key: '480cc269ee31de61190b4ae7502c3c17e673c3f9', class: "container" }, this.renderContent());
+        return h("div", { key: 'c11e0de66c41770e7ebca46d3fb7ab11b454511e', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/eds-docs-tokens.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 const EdsDocsContent = class {
     constructor(hostRef) {
@@ -24,7 +24,7 @@ const EdsDocsContent = class {
         }
     }
     render() {
-        return h("div", { key: '64ee8c20ec7dca1ea1a742ef53f0315c81107ead', class: "container" }, this.renderContent());
+        return h("div", { key: 'ef9cf093af7bc730b73f3561b36187f70aea29a7', class: "container" }, this.renderContent());
     }
 };
 

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-b384416e.js';
+import { r as registerInstance, h } from './index-e96badea.js';
 
 const edsFooterCss = "";
+const EdsFooterStyle0 = edsFooterCss;
 
 const EdsFooter = class {
     constructor(hostRef) {
@@ -37,9 +38,9 @@ const EdsFooter = class {
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '1dbb78de159046a38845022365c462f3bb13ba54', class: `${this.extraClass} pb-banner` }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, h("div", { class: "container pb-20 xl:pb-40 " }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })), h("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" }))))) : null, h("div", { key: '0883cc43b6c9237208530d14be4c58d005142502', class: `border-softest ${this.social ? 'border-t-2' : ''} pt-20 pb-28 md:pt-28` }, h("div", { key: '30e4c3d89c2729efea1ad5ba334e59e886c3069d', class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'c4fe60606ab60985a3e3ea2314ff76c53f3810ae', class: "flex items-center gap-x-12" }, h("a", { key: 'd4c4bae43531410080af951544fd0a9d1406c7c4', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en" }, h("eds-img", { key: '0752c2014acfe5f1f5908591c4d374effbf57d10', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), h("div", { key: '3390ef0afd14969dc59d5fbe00a5cf01c79c4bca', class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, h("p", { key: '03c91e4b89bd170044ee1ad3cf1f51cd780c0527' }, this.fundedBy), h("div", { key: 'ddc93ed3151a6a7e1f2d3509da138c4862d96337', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, h("span", { key: '7fe59d9f83c0f8ed081338f478c5939d84e3ee36', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.hasCookiesSetUp && (h("button", { key: '2081e8305c78eba85d149a08097eebced197a5c3', class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference)))), h("div", { key: '5b73083bdddd6c2ee7632446b19a41f14ee55858', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop })) : null)))));
+        return (h("footer", { key: 'efffa9b96cc2a094255fcb6d08ec45c7c7f09ec4', class: `${this.extraClass} pb-banner` }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, h("div", { class: "container pb-20 xl:pb-40 " }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })), h("nav", { "aria-label": "Secondary nav", class: "grid-col-span-12 lg:grid-col-span-6 lg:grid-col-start-7 grid-layout mt-28 gap-y-12 lg:mt-0" }))))) : null, h("div", { key: 'c3942c635dff3dc8cb47a21f20aca52acfaa3e18', class: `border-softest ${this.social ? 'border-t-2' : ''} pt-20 pb-28 md:pt-28` }, h("div", { key: '57e963272659ce2e63294c969f3724a03aef667e', class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'c3e5cfe07fe9eb90450f7a87be1b95ed00ef38ce', class: "flex items-center gap-x-12" }, h("a", { key: 'b0d0c65115b611f78d2b468559c16eb60f538907', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-2020_en" }, h("eds-img", { key: '6cb5d067f07b456a8d828f3f42f2730e3e5374e0', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), h("div", { key: 'e5b768b0fb96fcdcb786d33fc808368005935491', class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, h("p", { key: '777263c2f4bde43d38690f41391eaf8e51d945fa' }, this.fundedBy), h("div", { key: 'a415687d08edf8f3e03a6edce9c45f58662c8595', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, h("span", { key: 'c0b6498ad4f5e1f4f1945ebb971f9dd81cc74c77', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "\u00A9 ", this.rightsReserved), this.hasCookiesSetUp && (h("button", { key: '10133d180bfb0d8a6354ea2cbea318a2c46fc463', class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference)))), h("div", { key: '917d0980f91a8c42a75bae301b0a18e3777dd021', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop })) : null)))));
     }
 };
-EdsFooter.style = edsFooterCss;
+EdsFooter.style = EdsFooterStyle0;
 
 export { EdsFooter as eds_footer };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.js';
+import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
 
 const EdsFrame = class {
     constructor(hostRef) {

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, a as createEvent, h } from './index-b384416e.js';
+import { r as registerInstance, c as createEvent, h } from './index-e96badea.js';
 
 const edsFullscreenMenuCss = "";
+const EdsFullscreenMenuStyle0 = edsFullscreenMenuCss;
 
 const EdsFullscreenMenu = class {
     constructor(hostRef) {
@@ -90,6 +91,6 @@ const EdsFullscreenMenu = class {
         return this.isMenuOpen ? (h("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, h("div", { class: "flex min-h-full flex-col" }, h("div", { class: `bg-default w-full sticky top-0 ${this.inverseHeader ? 'bg-strongest' : 'bg-default'}` }, h("div", { class: "mx-auto flex items-center justify-between" }, h("div", { class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { type: this.inverseHeader ? 'color-white' : 'color', href: this.homeUrl })), h("div", { class: "px-16" }, h("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), h("div", { class: "py-16 px-16" }, h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "arrow-right" })))), h("eds-block-break", null), h("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((link, index) => (h("eds-link", { label: link.label, key: index, url: link.url, intent: "tertiary", size: "large", class: "effect-color effect-focus rounded-xs f-heading-02 hover:text-lighter w-fit", onClick: () => this.closeMenu(), icon: "chevron-right" }))))), h("div", { class: "mt-auto" }, h("eds-footer", { social: true, "extra-class": "bg-darker" }))))) : null;
     }
 };
-EdsFullscreenMenu.style = edsFullscreenMenuCss;
+EdsFullscreenMenu.style = EdsFullscreenMenuStyle0;
 
 export { EdsFullscreenMenu as eds_fullscreen_menu };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { a as arrowDiagonal } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.js';
 
 const EdsIconArrowDiagonal = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { b as arrowRight } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { a as arrowRight } from './arrow-right-9322ba8a.js';
 
 const EdsIconArrowRight = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { c as bluesky } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { b as bluesky } from './bluesky-cc5edd2d.js';
 
 const EdsIconBluesky = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { d as chevronDown } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { c as chevronDown } from './chevron-down-6144c823.js';
 
 const EdsIconChevronDown = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { e as chevronLeft } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { c as chevronLeft } from './chevron-left-ca6c66e1.js';
 
 const EdsIconChevronLeft = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { f as chevronRight } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { c as chevronRight } from './chevron-right-b88ed2d4.js';
 
 const EdsIconChevronRight = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { g as chevronUp } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { c as chevronUp } from './chevron-up-c66bd477.js';
 
 const EdsIconChevronUp = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { h as close } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { c as close } from './close-87fc0d63.js';
 
 const EdsIconClose = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { i as copy } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { c as copy } from './copy-03b72cb6.js';
 
 const EdsIconCopy = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { j as euSvg } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { e as euSvg } from './eu-9ddde93a.js';
 
 const EdsIconEu = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { k as facebook } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { f as facebook } from './facebook-9cb5c17f.js';
 
 const EdsIconFacebook = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { l as gitlabBlack } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { g as gitlabBlack } from './mono-53f70232.js';
 
 const EdsIconGitlab = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { m as linkedin } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { l as linkedin } from './linkedin-e8650abb.js';
 
 const EdsIconLinkedin = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { n as loader } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { l as loader } from './loader-c9628637.js';
 
 const EdsIconLoader = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { o as mastodon } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { m as mastodon } from './mastodon-3703ec61.js';
 
 const EdsIconMastodon = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { p as menu } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { m as menu } from './menu-340ea948.js';
 
 const EdsIconMenu = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { q as more } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { m as more } from './more-4449d549.js';
 
 const EdsIconMore = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { s as search } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { s as search } from './search-fbcd79c2.js';
 
 const EdsIconSearch = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { r as success } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { s as success } from './success-443809da.js';
 
 const EdsIconSuccess = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { t as twitter } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { t as twitter } from './twitter-ac21b505.js';
 
 const EdsIconTwitter = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { u as user } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { u as user } from './user-71ebdc15.js';
 
 const EdsIconUser = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-b384416e.js';
-import { y as youtube } from './index-a9afa43f.js';
+import { r as registerInstance, h } from './index-e96badea.js';
+import { y as youtube } from './youtube-efbfbdc4.js';
 
 const EdsIconYoutube = class {
     constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, a as createEvent, h } from './index-b384416e.js';
-import { l as logout, i as initKeycloak, a as isAuthenticated, g as getUser, b as login } from './keycloak-b647d452.js';
+import { r as registerInstance, c as createEvent, h } from './index-e96badea.js';
+import { a as logout, i as initKeycloak, b as isAuthenticated, g as getUser, l as login } from './keycloak-13893af6.js';
 
 const EdsLogin = class {
     constructor(hostRef) {
@@ -61,7 +61,7 @@ const EdsLogin = class {
         return this.authenticated ? 'Logout' : 'Login';
     }
     render() {
-        return (h("div", { key: 'ef7e95a8390ac27ed55e41100dd1a0cb50e98ec4' }, h("eds-button", { key: '54969165777f2ac857fb43ef641307dd7e17043b', label: this.getBtnLabel(), intent: "primary", loading: false, disabled: false, pill: false, icon: "arrow-diagonal", size: "small", "icon-pos": "right", "aria-label": this.getBtnLabel(), "element-type": "button", triggerClick: this.authenticated ? this.handleLogout : this.handleLogin.bind(this) })));
+        return (h("div", { key: '3e9fdf8fa303948f00da83a1c8c1efc35e2c3c1a' }, h("eds-button", { key: '452b1c6ba9dda0ae5570accedf5e61b8391aeadb', label: this.getBtnLabel(), intent: "primary", loading: false, disabled: false, pill: false, icon: "arrow-diagonal", size: "small", "icon-pos": "right", "aria-label": this.getBtnLabel(), "element-type": "button", triggerClick: this.authenticated ? this.handleLogout : this.handleLogin.bind(this) })));
     }
 };
 

package/dist/esm/eds-matomo-notice.entry.js

@@ -1,9 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-b384416e.js';
-import { t as toast } from './toastManager-b716afd8.js';
-import { m as matomoOptIn } from './index-360dc790.js';
-import './index-144c9ae8.js';
+import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
+import { t as toast } from './toastManager-d9eee791.js';
+import { m as matomoOptIn } from './color-0ba8ed56.js';
+import './index-39c58238.js';
 
 const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}";
+const EdsMatomoNoticeStyle0 = edsMatomoNoticeCss;
 
 const EdsMatomoNotice = class {
     constructor(hostRef) {
@@ -100,6 +101,6 @@ const EdsMatomoNotice = class {
     }
     get el() { return getElement(this); }
 };
-EdsMatomoNotice.style = edsMatomoNoticeCss;
+EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
 
 export { EdsMatomoNotice as eds_matomo_notice };