@ebrains/vue 0.2.0-alpha.0 → 0.3.0-alpha.0

package/eds-block-break.entry-B8gP4ig9.mjs

@@ -1,13 +0,0 @@
-import { r as e, h as o } from "./index-DQrtrXyM.mjs";
-const l = ".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}", s = l, t = class {
-  constructor(r) {
-    e(this, r), this.extraClass = "";
-  }
-  render() {
-    return o("hr", { key: "85b5253d4abb77072424452d2ff6a0d631e67652", class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
-  }
-};
-t.style = s;
-export {
-  t as eds_block_break
-};

package/eds-block-break.entry-L9LG-PtO.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-BGGkUjck.js"),l=".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}",t=l,e=class{constructor(o){r.registerInstance(this,o),this.extraClass=""}render(){return r.h("hr",{key:"85b5253d4abb77072424452d2ff6a0d631e67652",class:`border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}`})}};e.style=t;exports.eds_block_break=e;

package/eds-breadcrumb.entry-C6mAAYNs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BGGkUjck.js"),h="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}}",d=h,l=class{constructor(e){i.registerInstance(this,e),this.updateScreenSize=()=>{const t=window.innerWidth;t<769?(this.maxVisibleItems=3,this.isSmallScreen=!0):t<=1024?(this.maxVisibleItems=4,this.isSmallScreen=!0):(this.maxVisibleItems=6,this.isSmallScreen=!1)},this.items=[],this.intent="ghost",this.parsedItems=[],this.isSmallScreen=!1,this.maxVisibleItems=6}parseItems(e){try{typeof e=="string"?this.parsedItems=JSON.parse(e):this.parsedItems=e}catch{this.parsedItems=[]}}componentWillLoad(){this.parseItems(this.items),this.updateScreenSize(),window.addEventListener("resize",this.updateScreenSize)}disconnectedCallback(){window.removeEventListener("resize",this.updateScreenSize)}componentDidLoad(){this.el.shadowRoot.querySelectorAll("eds-link").forEach(t=>{this.emitContext(t)})}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}getTruncatedItems(){const e=this.parsedItems.length;if(e>this.maxVisibleItems){const t=this.parsedItems[0],s=this.parsedItems.slice(-2),n={label:"...",url:"",isHidden:!0};if(this.maxVisibleItems===3)return[this.truncateLabel(t),n,...s.map((r,a)=>a===s.length-1?r:this.truncateLabel(r))];if(this.maxVisibleItems===4){const r=this.parsedItems[Math.floor(e/2)];return[this.truncateLabel(t),this.truncateLabel(r),n,...s.map((a,c)=>c===s.length-1?a:this.truncateLabel(a))]}}return this.parsedItems.map((t,s)=>s===this.parsedItems.length-1?t:this.truncateLabel(t))}truncateLabel(e){return e.label.length>15?Object.assign(Object.assign({},e),{label:`${e.label.slice(0,15)}...`}):e}render(){const e=this.getTruncatedItems();return i.h("nav",{key:"b3f515670374a7451981638d658f8e37f07ab10c","aria-label":"Breadcrumb"},i.h("ol",{key:"999b2035f3c996016e753be3826881a11054e184",class:"flex items-center space-x-2"},e.map((t,s)=>{const n=s===e.length-1;return i.h("li",{class:"flex items-center"},t.isHidden?i.h("span",{class:"truncate px-2 ","aria-hidden":"true"},"..."):i.h("eds-link",{label:t.label,url:t.url,intent:this.intent,current:n,"aria-label":t.label,size:"small","icon-small":"false"}),!n&&!t.isHidden&&i.h("eds-icon-wrapper",{icon:"chevron-right",class:"w-20 h-20"}))})))}get el(){return i.getElement(this)}static get watchers(){return{items:["parseItems"]}}};l.style=d;exports.eds_breadcrumb=l;

package/eds-breadcrumb.entry-Dio_2hx4.mjs

@@ -1,114 +0,0 @@
-import { r as c, h as i, g as d } from "./index-DQrtrXyM.mjs";
-const h = "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}}", m = h, o = class {
-  constructor(e) {
-    c(this, e), this.updateScreenSize = () => {
-      const t = window.innerWidth;
-      t < 769 ? (this.maxVisibleItems = 3, this.isSmallScreen = !0) : t <= 1024 ? (this.maxVisibleItems = 4, this.isSmallScreen = !0) : (this.maxVisibleItems = 6, this.isSmallScreen = !1);
-    }, this.items = [], this.intent = "ghost", this.parsedItems = [], this.isSmallScreen = !1, this.maxVisibleItems = 6;
-  }
-  /**
-   * Watch for changes to the `items` prop and parse it when it changes.
-   * Converts the `items` string into an array of objects if it is a JSON string.
-   * If the format is invalid, it logs an error and sets an empty array.
-   *
-   * @param newValue - The new value for the `items` prop.
-   */
-  parseItems(e) {
-    try {
-      typeof e == "string" ? this.parsedItems = JSON.parse(e) : this.parsedItems = e;
-    } catch {
-      this.parsedItems = [];
-    }
-  }
-  /**
-   * Lifecycle method that runs when the component is about to be loaded.
-   * It parses the initial `items` prop value.
-   */
-  componentWillLoad() {
-    this.parseItems(this.items), this.updateScreenSize(), window.addEventListener("resize", this.updateScreenSize);
-  }
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.updateScreenSize);
-  }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-link` element contained within the breadcrumb.
-   */
-  componentDidLoad() {
-    this.el.shadowRoot.querySelectorAll("eds-link").forEach((t) => {
-      this.emitContext(t);
-    });
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(e) {
-    const t = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.el.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    e.dispatchEvent(t);
-  }
-  /**
-   * Truncates breadcrumb items based on the maxVisibleItems value.
-   * Truncates `label` to 10 characters if `isSmallScreen` is true, except for the last label.
-   */
-  getTruncatedItems() {
-    const e = this.parsedItems.length;
-    if (e > this.maxVisibleItems) {
-      const t = this.parsedItems[0], s = this.parsedItems.slice(-2), n = { label: "...", url: "", isHidden: !0 };
-      if (this.maxVisibleItems === 3)
-        return [
-          this.truncateLabel(t),
-          n,
-          ...s.map((r, a) => a === s.length - 1 ? r : this.truncateLabel(r))
-        ];
-      if (this.maxVisibleItems === 4) {
-        const r = this.parsedItems[Math.floor(e / 2)];
-        return [
-          this.truncateLabel(t),
-          this.truncateLabel(r),
-          n,
-          ...s.map((a, l) => l === s.length - 1 ? a : this.truncateLabel(a))
-        ];
-      }
-    }
-    return this.parsedItems.map((t, s) => s === this.parsedItems.length - 1 ? t : this.truncateLabel(t));
-  }
-  /**
-   * Truncates the label of a breadcrumb item to a maximum of 10 characters
-   * if the screen is small.
-   */
-  truncateLabel(e) {
-    return e.label.length > 15 ? Object.assign(Object.assign({}, e), { label: `${e.label.slice(0, 15)}...` }) : e;
-  }
-  /**
-   * Render method for the breadcrumb component.
-   * It creates a navigation element with an ordered list of breadcrumb links.
-   * The last link is disabled and marked as the current page.
-   */
-  render() {
-    const e = this.getTruncatedItems();
-    return i("nav", { key: "b3f515670374a7451981638d658f8e37f07ab10c", "aria-label": "Breadcrumb" }, i("ol", { key: "999b2035f3c996016e753be3826881a11054e184", class: "flex items-center space-x-2" }, e.map((t, s) => {
-      const n = s === e.length - 1;
-      return i("li", { class: "flex items-center" }, t.isHidden ? i("span", { class: "truncate px-2 ", "aria-hidden": "true" }, "...") : i("eds-link", { label: t.label, url: t.url, intent: this.intent, current: n, "aria-label": t.label, size: "small", "icon-small": "false" }), !n && !t.isHidden && i("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
-    })));
-  }
-  get el() {
-    return d(this);
-  }
-  static get watchers() {
-    return {
-      items: ["parseItems"]
-    };
-  }
-};
-o.style = m;
-export {
-  o as eds_breadcrumb
-};

package/eds-components-section.entry-8sEheaoX.js

@@ -1,130 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),t=()=>e.h("div",{class:"static-content container"},e.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
-      accomplish this by using standardized web platform APIs and Web Components.`,intent:"default"}),e.h("h2",null,"Load the module"),e.h("p",null,"Integrating EDSs components to a project without a JavaScript framework is straight forward. If you’re working on a simple HTML page, you can start using the components immediately by adding the tags below to the"," ",e.h("code",null,"head"),"."),e.h("eds-code-block",{code:'<script type="module" href="https://unpkg.com/@ebrains/components@0.0.1/loader"/><\/script>',language:"javascript","copy-label":"Copy Code"}),e.h("h2",null,"Load the styles"),e.h("p",null,"To directly use the produced css framework with a few predefined custom utility classes, add the tag below to the"," ",e.h("code",null,"head")),e.h("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@0.0.1/styles/output.css"/>',language:"css","copy-label":"Copy Code"}),e.h("h2",null,"Load the fonts"),e.h("p",null,"To load the correct webfonts as well, add either one of these tags to the ",e.h("code",null,"head")),e.h("eds-code-block",{code:'<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@0.0.1/styles/base/fonts.css"/>',language:"css","copy-label":"Copy Code"}),e.h("h2",null,"Component Usage"),e.h("p",null,"Once included, components can be used in your markup like any other regular HTML elements:"),e.h("eds-code-block",{code:'<eds-button label="my bytton" intent="primary"></eds-button>',language:"html","copy-label":"Copy Code"})),a=()=>e.h("div",null,e.h("p",null,"To start using the EBRAINS Design System, include the following scripts and styles in your project. You can also install it via npm for use with modern build tools."),e.h("eds-code-block",{code:"npm install @ebrains/components",language:"html","copy-label":"Copy Code"}),e.h("p",null,"TBD")),s=()=>e.h("div",null,e.h("h1",null,"Usage with basic HTML "),e.h("p",null,"TBD")),o=()=>e.h("div",null,e.h("h2",null,"React Wrappers"),e.h("p",null,"Learn how to use our components in a React Application."),"Simple install the package below and check out the examples",e.h("eds-code-block",{code:"npm install @ebrains/react",language:"javascript","copy-label":"Copy Code"}),e.h("eds-section-core",{"section-title":"Example React App","heading-level":"h3"},e.h("eds-code-block",{code:`
-import { EdsHeader } from "@ebrains/react";
-
-interface User {
-  firstname: string;
-  lastname: string;
-  // Add any other properties your user object might have
-}
-
-interface AuthStatus {
-  authenticated: boolean;
-  user: User | null;
-}
-
-import { useEffect, useState } from "react";
-
-export function App() {
-
-  const [authStatus, setAuthStatus] = useState<AuthStatus>({
-    authenticated: false,
-    user: null,
-  });
-  
-  const [activeTabIndex, setActiveTabIndex] = useState<number>(0);
-
-  // Use useEffect to render Stencil components dynamically after the component mounts
-  useEffect(() => {
-    
-    const handleAuthStatusChange = (event: CustomEvent) => {
-      console.log(event.detail);
-      setAuthStatus(event.detail); // Set the entire object
-    };
-
-    const handleTabChange = (
-      event: CustomEvent<{ index: number; name: string }>,
-    ) => {
-      console.log(event.detail);
-      setActiveTabIndex(event.detail.index);
-    };
-
-    document.addEventListener(
-      "authStatusChanged",
-      handleAuthStatusChange as EventListener,
-    );
-    document.addEventListener("tabChange", handleTabChange as EventListener);
-
-    return () => {
-      document.removeEventListener(
-        "authStatusChanged",
-        handleAuthStatusChange as EventListener,
-      );
-      document.removeEventListener(
-        "tabChange",
-        handleTabChange as EventListener,
-      );
-    };
-  }, []); // Empty dependency array ensures this runs only once after mounting
-
-  return (
-    <div id="main">
-      <EdsHeader
-        home-url="/"
-        user-feature={false}
-        keycloak-url="http://localhost:8080"
-        keycloak-realm="nigeor-realm"
-        keycloak-client-id="stencil-app"
-        links="[
-            { "label": "About", "url": "/about" },
-            { "label": "Focus Areas", "url": "/focus-areas" },
-            { "label": "News & Events", "url": "/news-and-events" },
-            { "label": "Contact", "url": "/contact" }
-          ]"
-      ></EdsHeader>
-
-      <div> 
-        User is{" "} {authStatus.authenticated ? "authenticated" : "not authenticated"}
-      </div>
-      {authStatus.user && <div>Welcome, {authStatus.user.firstname}</div>}
-      </div>
-    </div>
-  );
-}
-
-export default App;
-`,language:"javascript","copy-label":"Copy Code"}))),l=()=>e.h("div",null,e.h("h2",null,"Vue Wrappers"),e.h("p",null,"Learn how to use our components in a Vue Application."),e.h("eds-code-block",{code:"npm install @ebrains/vue",language:"javascript","copy-label":"Copy Code"}),e.h("p",null,"Define the custom elements"),e.h("eds-code-block",{code:`import { defineCustomElements } from '@ebrains/components/loader';
-defineCustomElements();`,language:"javascript","copy-label":"Copy Code"}),e.h("eds-section-core",{"section-title":"Example Vue App","heading-level":"h3"},e.h("eds-code-block",{code:`
-<template>
-  <h1 className="f-heading-02">Vue App</h1>
-
-  <EdsHeader 
-    home-url="/" 
-    user-feature=false 
-    keycloak-url="http://localhost:8080" 
-    keycloak-realm="nigeor-realm"
-    keycloak-client-id="stencil-app" 
-    links="[
-      { "label": "About", "url": "/about" },
-      { "label": "Focus Areas", "url": "/focus-areas" },
-      { "label": "News & Events", "url": "/news-and-events" },
-      { "label": "Contact", "url": "/contact" }
-    ]">
-  </EdsHeader>
-
-</template>
-
-<script>
-
-import { EdsHeader } from "@ebrains/vue";
-
-export default {
-  name: "App",
-  components: {
-    EdsHeader,
-  }
-};
-<\/script>
-`,language:"javascript","copy-label":"Copy Code"}))),c=()=>e.h("div",null,e.h("h2",null,"Angular Wrappers"),e.h("p",null,"Learn how to use our components in a Angular Application."),e.h("eds-code-block",{code:"npm install @ebrains/angular",language:"javascript","copy-label":"Copy Code"}),e.h("p",null,"Define the custom elements"),e.h("eds-code-block",{code:`import { defineCustomElements } from '@ebrains/components/loader';
-defineCustomElements();`,language:"javascript","copy-label":"Copy Code"}),e.h("p",null,"Angular Custom Elements Schema"),e.h("eds-code-block",{code:'import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";',language:"javascript","copy-label":"Copy Code"}),e.h("eds-section-core",{"section-title":"Example Angular App","heading-level":"h3"},e.h("eds-code-block",{code:`
-<div class="container">
-  <h1 class="f-heading-01">{{ title }}</h1>
-  <eds-breadcrumb
-    intent="tertiary"
-    items="[
-      { "label": "Home", "url": "#" },
-      { "label": "Products", "url": "#" },
-    ]">
-  </eds-breadcrumb>
-  <eds-footer></eds-footer>
-</div>`,language:"javascript","copy-label":"Copy Code"}))),r=class{constructor(n){e.registerInstance(this,n),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return e.h(t,null);case 1:return e.h(a,null);case 2:return e.h(s,null);case 3:return e.h(o,null);case 4:return e.h(l,null);case 5:return e.h(c,null);default:return e.h("p",null,"Content not available.")}}render(){return e.h("div",{key:"faa14dc7bb5d966ea1328f60d8ca88b3c406ad51",class:"container"},this.renderContent())}};exports.eds_components_section=r;

package/eds-footer.entry-9xXgg22T.mjs

@@ -1,29 +0,0 @@
-import { r as o, h as e } from "./index-DQrtrXyM.mjs";
-const a = "", t = a, r = class {
-  constructor(s) {
-    o(this, s), this.backToTop = () => {
-      window.scrollTo({ top: 0, behavior: "smooth" });
-    }, this.extraClass = "", this.social = !1, this.hasCookiesSetUp = !1, this.enableScrollTop = !1, this.fundedBy = "EBRAINS is funded by the Horizon Europe Framework Programme.", this.rightsReserved = `${(/* @__PURE__ */ new Date()).getFullYear()} EBRAINS. All rights reserved.`, this.cookiesPreference = "Cookies Preferences";
-  }
-  /**
-   * Toggles the cookie preferences popup, if available.
-   * The actual implementation for handling cookie preferences should be defined here.
-   * @private
-   */
-  toggleCookiesPopup() {
-  }
-  /**
-   * Renders the footer component with optional sections and elements,
-   * including social network links, a Horizon Europe funding acknowledgment, and
-   * legal links such as "Cookies Preferences" and copyright information.
-   *
-   * @returns {JSX.Element} The rendered JSX for the footer component.
-   */
-  render() {
-    return e("footer", { key: "efffa9b96cc2a094255fcb6d08ec45c7c7f09ec4", class: `${this.extraClass} pb-banner` }, this.social ? e("div", { class: "border-softest border-t-2 pt-20 pb-28 md:pt-28" }, e("div", { class: "container pb-20 xl:pb-40 " }, e("div", { class: "grid-layout" }, e("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, e("eds-social-networks", { class: "mt-28" })), e("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, e("div", { key: "c3942c635dff3dc8cb47a21f20aca52acfaa3e18", class: `border-softest ${this.social ? "border-t-2" : ""} pt-20 pb-28 md:pt-28` }, e("div", { key: "57e963272659ce2e63294c969f3724a03aef667e", class: "container flex flex-wrap items-center gap-20 lg:flex-nowrap" }, e("div", { key: "c3e5cfe07fe9eb90450f7a87be1b95ed00ef38ce", class: "flex items-center gap-x-12" }, e("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" }, e("eds-img", { key: "6cb5d067f07b456a8d828f3f42f2730e3e5374e0", width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg" }))), e("div", { key: "e5b768b0fb96fcdcb786d33fc808368005935491", class: "f-ui-04 text-light order-last w-full lg:order-none lg:w-auto" }, e("p", { key: "777263c2f4bde43d38690f41391eaf8e51d945fa" }, this.fundedBy), e("div", { key: "a415687d08edf8f3e03a6edce9c45f58662c8595", class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap" }, e("span", { key: "c0b6498ad4f5e1f4f1945ebb971f9dd81cc74c77", class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline" }, "© ", this.rightsReserved), this.hasCookiesSetUp && e("button", { key: "10133d180bfb0d8a6354ea2cbea318a2c46fc463", class: "effect-focus !no-underline underline-offset-4 hover:!underline", onClick: () => this.toggleCookiesPopup() }, this.cookiesPreference))), e("div", { key: "917d0980f91a8c42a75bae301b0a18e3777dd021", class: "ml-auto pl-12" }, this.enableScrollTop ? e("eds-button", { "aria-label": "Back to top", intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop }) : null))));
-  }
-};
-r.style = t;
-export {
-  r as eds_footer
-};

package/eds-footer.entry-DqnRHQ32.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),a="",t=a,s=class{constructor(o){e.registerInstance(this,o),this.backToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})},this.extraClass="",this.social=!1,this.hasCookiesSetUp=!1,this.enableScrollTop=!1,this.fundedBy="EBRAINS is funded by the Horizon Europe Framework Programme.",this.rightsReserved=`${new Date().getFullYear()} EBRAINS. All rights reserved.`,this.cookiesPreference="Cookies Preferences"}toggleCookiesPopup(){}render(){return e.h("footer",{key:"efffa9b96cc2a094255fcb6d08ec45c7c7f09ec4",class:`${this.extraClass} pb-banner`},this.social?e.h("div",{class:"border-softest border-t-2 pt-20 pb-28 md:pt-28"},e.h("div",{class:"container pb-20 xl:pb-40 "},e.h("div",{class:"grid-layout"},e.h("div",{class:"grid-col-span-12 lg:grid-col-span-5"},e.h("eds-social-networks",{class:"mt-28"})),e.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,e.h("div",{key:"c3942c635dff3dc8cb47a21f20aca52acfaa3e18",class:`border-softest ${this.social?"border-t-2":""} pt-20 pb-28 md:pt-28`},e.h("div",{key:"57e963272659ce2e63294c969f3724a03aef667e",class:"container flex flex-wrap items-center gap-20 lg:flex-nowrap"},e.h("div",{key:"c3e5cfe07fe9eb90450f7a87be1b95ed00ef38ce",class:"flex items-center gap-x-12"},e.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"},e.h("eds-img",{key:"6cb5d067f07b456a8d828f3f42f2730e3e5374e0",width:54,height:41,src:"https://www.ebrains.eu/flags/4x3/eu.svg"}))),e.h("div",{key:"e5b768b0fb96fcdcb786d33fc808368005935491",class:"f-ui-04 text-light order-last w-full lg:order-none lg:w-auto"},e.h("p",{key:"777263c2f4bde43d38690f41391eaf8e51d945fa"},this.fundedBy),e.h("div",{key:"a415687d08edf8f3e03a6edce9c45f58662c8595",class:"mt-4 flex flex-wrap gap-12 lg:flex-nowrap"},e.h("span",{key:"c0b6498ad4f5e1f4f1945ebb971f9dd81cc74c77",class:"effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline"},"© ",this.rightsReserved),this.hasCookiesSetUp&&e.h("button",{key:"10133d180bfb0d8a6354ea2cbea318a2c46fc463",class:"effect-focus !no-underline underline-offset-4 hover:!underline",onClick:()=>this.toggleCookiesPopup()},this.cookiesPreference))),e.h("div",{key:"917d0980f91a8c42a75bae301b0a18e3777dd021",class:"ml-auto pl-12"},this.enableScrollTop?e.h("eds-button",{"aria-label":"Back to top",intent:"ghostInverse",icon:"chevron-up",onClick:this.backToTop}):null))))}};s.style=t;exports.eds_footer=s;

package/eds-fullscreen-menu.entry-4kxB1p-j.mjs

@@ -1,74 +0,0 @@
-import { r as t, c as i, h as e } from "./index-DQrtrXyM.mjs";
-const r = "", l = r, o = class {
-  constructor(s) {
-    t(this, s), this.menuClose = i(this, "menuClose", 7), this.links = void 0, this.menuLinks = void 0, this.homeUrl = "/", this.inverseHeader = !1, this.isMenuOpen = !1;
-  }
-  /**
-   * Listens for the toggleMenu event to open or close the menu.
-   * This event is emitted by the eds-header component.
-   */
-  handleToggleMenu(s) {
-    this.isMenuOpen = s.detail;
-  }
-  /** Opens the menu */
-  openMenu() {
-    this.isMenuOpen = !0;
-  }
-  /** Closes the menu */
-  closeMenu() {
-    this.isMenuOpen = !1, this.menuClose.emit();
-  }
-  // Lifecycle method to add the resize event listener when component loads
-  componentDidLoad() {
-    window.addEventListener("resize", this.handleResize.bind(this));
-  }
-  // Lifecycle method to remove the resize event listener when component unloads
-  disconnectedCallback() {
-    window.removeEventListener("resize", this.handleResize.bind(this));
-  }
-  // Function to close the menu if screen width is larger than a defined breakpoint (1024px)
-  handleResize() {
-    window.innerWidth >= 1024 && (this.isMenuOpen = !1);
-  }
-  /**
-   * Parses the `links` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedLinks() {
-    if (typeof this.links == "object")
-      return this.links;
-    if (typeof this.links == "string")
-      try {
-        return JSON.parse(this.links);
-      } catch (s) {
-        return console.error("Error parsing links prop:", s), [];
-      }
-    return [];
-  }
-  /**
-   * Parses the `menuLinks` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `menuLinks` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed menu link objects
-   */
-  get parsedMenuLinks() {
-    if (typeof this.menuLinks == "object")
-      return this.menuLinks;
-    if (typeof this.menuLinks == "string")
-      try {
-        return JSON.parse(this.menuLinks);
-      } catch (s) {
-        return console.error("Error parsing menuLinks prop:", s), [];
-      }
-    return [];
-  }
-  render() {
-    return this.isMenuOpen ? e("div", { class: "eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll" }, e("div", { class: "flex min-h-full flex-col" }, e("div", { class: `bg-default w-full sticky top-0 ${this.inverseHeader ? "bg-strongest" : "bg-default"}` }, e("div", { class: "mx-auto flex items-center justify-between" }, e("div", { class: "mr-auto w-[200px] h-[85px]" }, e("eds-logo", { type: this.inverseHeader ? "color-white" : "color", href: this.homeUrl })), e("div", { class: "px-16" }, e("eds-button", { "aria-label": "Close menu", intent: "ghostInverse", icon: "close", onClick: () => this.closeMenu() })))), e("div", { class: "py-16 px-16" }, e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedLinks.map((s, n) => e("eds-link", { label: s.label, key: n, url: s.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" }))), e("eds-block-break", null), e("nav", { class: "mt-28 flex flex-col gap-y-8" }, this.parsedMenuLinks.map((s, n) => e("eds-link", { label: s.label, key: n, url: s.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" })))), e("div", { class: "mt-auto" }, e("eds-footer", { social: !0, "extra-class": "bg-darker" })))) : null;
-  }
-};
-o.style = l;
-export {
-  o as eds_fullscreen_menu
-};

package/eds-fullscreen-menu.entry-DwOubHgX.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),i="",r=i,t=class{constructor(s){e.registerInstance(this,s),this.menuClose=e.createEvent(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(s){this.isMenuOpen=s.detail}openMenu(){this.isMenuOpen=!0}closeMenu(){this.isMenuOpen=!1,this.menuClose.emit()}componentDidLoad(){window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this))}handleResize(){window.innerWidth>=1024&&(this.isMenuOpen=!1)}get parsedLinks(){if(typeof this.links=="object")return this.links;if(typeof this.links=="string")try{return JSON.parse(this.links)}catch(s){return console.error("Error parsing links prop:",s),[]}return[]}get parsedMenuLinks(){if(typeof this.menuLinks=="object")return this.menuLinks;if(typeof this.menuLinks=="string")try{return JSON.parse(this.menuLinks)}catch(s){return console.error("Error parsing menuLinks prop:",s),[]}return[]}render(){return this.isMenuOpen?e.h("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},e.h("div",{class:"flex min-h-full flex-col"},e.h("div",{class:`bg-default w-full sticky top-0 ${this.inverseHeader?"bg-strongest":"bg-default"}`},e.h("div",{class:"mx-auto flex items-center justify-between"},e.h("div",{class:"mr-auto w-[200px] h-[85px]"},e.h("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),e.h("div",{class:"px-16"},e.h("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),e.h("div",{class:"py-16 px-16"},e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map((s,n)=>e.h("eds-link",{label:s.label,key:n,url:s.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"}))),e.h("eds-block-break",null),e.h("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map((s,n)=>e.h("eds-link",{label:s.label,key:n,url:s.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"})))),e.h("div",{class:"mt-auto"},e.h("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};t.style=r;exports.eds_fullscreen_menu=t;

package/eds-pagination.entry-C8g4pxcm.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BGGkUjck.js"),l="ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}",h=l,r=class{constructor(t){i.registerInstance(this,t),this.currentPage=void 0,this.lastPage=void 0,this.perPage=10,this.total=0,this.url="",this.mode="default",this.prevLabel="Prev",this.nextLabel="Next",this.prevUrl="",this.nextUrl="",this.links=[]}componentWillLoad(){this.mode==="default"&&this.generateLinks()}componentDidLoad(){const t=this.hostEl.shadowRoot.querySelectorAll("eds-link");t.length>0&&(this.emitContext(t[0]),t.length>1&&this.emitContext(t[t.length-1]))}emitContext(t){const e=new CustomEvent("parentContext",{detail:{componentName:this.hostEl.tagName.toLowerCase(),identifier:null}});t.dispatchEvent(e)}onPageOrLastPageChange(){this.mode==="default"&&this.generateLinks()}isFirstPage(){return this.currentPage===1}isLastPage(){return this.currentPage===this.lastPage}generateLink(t){const e=this.url.includes("?");return{ariaLabel:`Page ${t}`,url:`${this.url}${e?"&":"?"}page=${t}`,label:t.toString(),current:this.currentPage===t,disabled:!1}}generateLinks(){this.lastPage&&this.lastPage>5?this.links=this.getPaginationGenerator(this.currentPage||1,this.lastPage).map(t=>typeof t=="number"?this.generateLink(t):t):this.lastPage&&(this.links=Array.from({length:this.lastPage}).map((t,e)=>this.generateLink(e+1)))}getPaginationGenerator(t,e){const a=[];if(e<=5)for(let s=1;s<=e;s++)a.push(s);else{a.push(1),t-1>2&&a.push("...");for(let s=Math.max(2,t-1);s<=Math.min(e-1,t+1);s++)a.push(s);t+1<e-1&&a.push("..."),a.push(e)}return a}pageResults(){return this.total>0?this.total>this.perPage?`${this.perPage*((this.currentPage||1)-1)+1} - ${this.perPage*(this.currentPage||1)>=this.total?this.total:this.perPage*(this.currentPage||1)} of ${this.total}`:`${this.total}`:""}handlePageClick(t,e){if(this.mode!=="navigator"&&(t.preventDefault(),e!==this.currentPage)){this.links=this.links.map(a=>typeof a=="object"?Object.assign(Object.assign({},a),{current:parseInt(a.label)===e}):a);const n=new CustomEvent("pageChange",{detail:e,bubbles:!0,composed:!0});this.hostEl.dispatchEvent(n),this.currentPage=e}}render(){return i.h("div",{key:"2385b59b0a8b2bbdc40bfc5032b846c0ec20065e"},this.total>0&&this.mode==="default"&&i.h("p",{key:"6aea281a4df247874f354469bbabae039424ad9e",class:"f-ui-03 text-lightest mb-28 w-full text-center"},i.h("span",{key:"eeb5f0ea902505c3853a30d51026cef9d9785e48",class:"sr-only"},"Results:"),this.pageResults()),this.mode==="navigator"||this.lastPage&&this.lastPage>1?i.h("nav",{"aria-label":"Pagination"},i.h("ul",{class:"flex items-center justify-center gap-x-8"},i.h("li",{class:"mr-auto"},i.h("eds-link",{label:this.prevLabel,url:this.mode==="navigator"?this.prevUrl||"#":this.isFirstPage()?"#":this.generateLink(this.currentPage-1).url,disabled:this.mode==="navigator"?!this.prevUrl:this.isFirstPage(),"aria-label":"Previous page",icon:"chevron-left","icon-pos":"left",size:"small","icon-small":"true",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pr-12",onClick:t=>{this.mode==="default"&&(this.isFirstPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)-1))}})),this.mode==="default"&&this.links.map((t,e)=>i.h("li",{key:e,class:"f-ui-02 flex h-36 items-center justify-center"},typeof t=="string"?i.h("span",{class:"flex items-center justify-center"},t):i.h("eds-link",{url:t.url,"aria-label":t.ariaLabel,label:t.label,current:t.current,size:"small",class:"!p-8",intent:t.current?"secondary":"ghost",onClick:n=>this.handlePageClick(n,parseInt(t.label))}))),i.h("li",{class:"ml-auto"},i.h("eds-link",{label:this.nextLabel,url:this.mode==="navigator"?this.nextUrl||"#":this.isLastPage()?"#":this.generateLink(this.currentPage+1).url,disabled:this.mode==="navigator"?!this.nextUrl:this.isLastPage(),"aria-label":"Next page",size:"small","icon-small":"true",icon:"chevron-right",intent:"strong","hide-label-on-small-screen":!0,class:"!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors",onClick:t=>{this.mode==="default"&&(this.isLastPage()?t.preventDefault():this.handlePageClick(t,(this.currentPage||1)+1))}})))):null)}get hostEl(){return i.getElement(this)}static get watchers(){return{currentPage:["onPageOrLastPageChange"],lastPage:["onPageOrLastPageChange"]}}};r.style=h;exports.eds_pagination=r;

package/eds-pagination.entry-D6iJH84k.mjs

@@ -1,128 +0,0 @@
-import { r, h as a, g as l } from "./index-DQrtrXyM.mjs";
-const h = "ul,menu{list-style:none;margin:0;padding:0}.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)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{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:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", o = h, g = class {
-  constructor(t) {
-    r(this, t), this.currentPage = void 0, this.lastPage = void 0, this.perPage = 10, this.total = 0, this.url = "", this.mode = "default", this.prevLabel = "Prev", this.nextLabel = "Next", this.prevUrl = "", this.nextUrl = "", this.links = [];
-  }
-  /** Lifecycle hook to generate pagination links on component load */
-  componentWillLoad() {
-    this.mode === "default" && this.generateLinks();
-  }
-  componentDidLoad() {
-    const t = this.hostEl.shadowRoot.querySelectorAll("eds-link");
-    t.length > 0 && (this.emitContext(t[0]), t.length > 1 && this.emitContext(t[t.length - 1]));
-  }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
-  emitContext(t) {
-    const e = new CustomEvent("parentContext", {
-      detail: {
-        componentName: this.hostEl.tagName.toLowerCase(),
-        identifier: null
-      }
-    });
-    t.dispatchEvent(e);
-  }
-  onPageOrLastPageChange() {
-    this.mode === "default" && this.generateLinks();
-  }
-  /**
-   * Checks if the current page is the first page
-   * @returns {boolean} - true if current page is the first page
-   */
-  isFirstPage() {
-    return this.currentPage === 1;
-  }
-  /**
-   * Checks if the current page is the last page
-   * @returns {boolean} - true if current page is the last page
-   */
-  isLastPage() {
-    return this.currentPage === this.lastPage;
-  }
-  /**
-   * Generates a pagination link object
-   * @param {number} page - Page number for the link
-   * @returns {Link} - Link object with page details
-   */
-  generateLink(t) {
-    const e = this.url.includes("?");
-    return {
-      ariaLabel: `Page ${t}`,
-      url: `${this.url}${e ? "&" : "?"}page=${t}`,
-      label: t.toString(),
-      current: this.currentPage === t,
-      disabled: !1
-    };
-  }
-  /** Generates pagination links based on the last page and current page */
-  generateLinks() {
-    this.lastPage && this.lastPage > 5 ? this.links = this.getPaginationGenerator(this.currentPage || 1, this.lastPage).map((t) => typeof t == "number" ? this.generateLink(t) : t) : this.lastPage && (this.links = Array.from({ length: this.lastPage }).map((t, e) => this.generateLink(e + 1)));
-  }
-  /**
-   * Creates a pagination range based on delta, current, and total pages
-   * @param {number} current - Current page number
-   * @param {number} total - Total number of pages
-   * @param {number} delta - Range of pages to display around the current page
-   * @returns {(number | string)[]} - Range of page numbers or ellipses
-   */
-  getPaginationGenerator(t, e) {
-    const i = [];
-    if (e <= 5)
-      for (let s = 1; s <= e; s++)
-        i.push(s);
-    else {
-      i.push(1), t - 1 > 2 && i.push("...");
-      for (let s = Math.max(2, t - 1); s <= Math.min(e - 1, t + 1); s++)
-        i.push(s);
-      t + 1 < e - 1 && i.push("..."), i.push(e);
-    }
-    return i;
-  }
-  /**
-   * Formats the current page results information for display
-   * @returns {string} - Formatted page result information
-   */
-  pageResults() {
-    return this.total > 0 ? this.total > this.perPage ? `${this.perPage * ((this.currentPage || 1) - 1) + 1} - ${this.perPage * (this.currentPage || 1) >= this.total ? this.total : this.perPage * (this.currentPage || 1)} of ${this.total}` : `${this.total}` : "";
-  }
-  /**
-   * Handles a page click event, updating the current page and dispatching an event
-   * @param {MouseEvent} event - Click event
-   * @param {number} newPage - New page number
-   */
-  handlePageClick(t, e) {
-    if (this.mode !== "navigator" && (t.preventDefault(), e !== this.currentPage)) {
-      this.links = this.links.map((i) => typeof i == "object" ? Object.assign(Object.assign({}, i), { current: parseInt(i.label) === e }) : i);
-      const n = new CustomEvent("pageChange", {
-        detail: e,
-        bubbles: !0,
-        composed: !0
-      });
-      this.hostEl.dispatchEvent(n), this.currentPage = e;
-    }
-  }
-  render() {
-    return a("div", { key: "2385b59b0a8b2bbdc40bfc5032b846c0ec20065e" }, this.total > 0 && this.mode === "default" && a("p", { key: "6aea281a4df247874f354469bbabae039424ad9e", class: "f-ui-03 text-lightest mb-28 w-full text-center" }, a("span", { key: "eeb5f0ea902505c3853a30d51026cef9d9785e48", class: "sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? a("nav", { "aria-label": "Pagination" }, a("ul", { class: "flex items-center justify-center gap-x-8" }, a("li", { class: "mr-auto" }, a("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12", onClick: (t) => {
-      this.mode === "default" && (this.isFirstPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) - 1));
-    } })), this.mode === "default" && this.links.map((t, e) => a("li", { key: e, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof t == "string" ? a("span", { class: "flex items-center justify-center" }, t) : a("eds-link", { url: t.url, "aria-label": t.ariaLabel, label: t.label, current: t.current, size: "small", class: "!p-8", intent: t.current ? "secondary" : "ghost", onClick: (n) => this.handlePageClick(n, parseInt(t.label)) }))), a("li", { class: "ml-auto" }, a("eds-link", { label: this.nextLabel, url: this.mode === "navigator" ? this.nextUrl || "#" : this.isLastPage() ? "#" : this.generateLink(this.currentPage + 1).url, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pl-12 flex items-center gap-1 py-4 transition-colors", onClick: (t) => {
-      this.mode === "default" && (this.isLastPage() ? t.preventDefault() : this.handlePageClick(t, (this.currentPage || 1) + 1));
-    } })))) : null);
-  }
-  get hostEl() {
-    return l(this);
-  }
-  static get watchers() {
-    return {
-      currentPage: ["onPageOrLastPageChange"],
-      lastPage: ["onPageOrLastPageChange"]
-    };
-  }
-};
-g.style = o;
-export {
-  g as eds_pagination
-};

package/eds-social-networks.entry-6VfWBLuR.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),n="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}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.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)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.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)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}",l=n,i=class{constructor(t){e.registerInstance(this,t),this.socialNetworks=[{label:"Twitter",url:"https://twitter.com/ebrains_eu",icon:"twitter"},{label:"Linkedin",url:"https://www.linkedin.com/company/ebrains-eu/about/",icon:"linkedin"},{label:"Facebook",url:"https://www.facebook.com/people/Ebrains_eu/100046659909324/",icon:"facebook"},{label:"Youtube",url:"https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",icon:"youtube"},{label:"Mastodon",url:"https://mastodon.social/@ebrains",icon:"mastodon"},{label:"Bluesky",url:"https://bsky.app/profile/ebrains.bsky.social",icon:"bluesky"}],this.title="Follow EBRAINS to keep up-to-date"}render(){return e.h("div",{key:"6169559327b728fd0f3a51a2b8a6439f80fba8fc"},e.h("p",{key:"df2e008500097af1b85660fe8b3fac122f5018a4",class:"f-ui-02"},this.title),e.h("ul",{key:"df01a2802412c4db4e5442fdfc0b6ef3f15c4109",class:"mt-12 flex gap-4"},this.socialNetworks.map((t,o)=>e.h("li",{key:o},e.h("eds-link",{"extra-class":"effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",external:!0,"aria-label":t.label,url:t.url,icon:t.icon,intent:"strong"})))))}};i.style=l;exports.eds_social_networks=i;

package/eds-social-networks.entry-BgiRVGXx.mjs

@@ -1,50 +0,0 @@
-import { r as o, h as t } from "./index-DQrtrXyM.mjs";
-const n = "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}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.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)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.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)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}", l = n, r = class {
-  constructor(e) {
-    o(this, e), this.socialNetworks = [
-      {
-        label: "Twitter",
-        url: "https://twitter.com/ebrains_eu",
-        icon: "twitter"
-      },
-      {
-        label: "Linkedin",
-        url: "https://www.linkedin.com/company/ebrains-eu/about/",
-        icon: "linkedin"
-      },
-      {
-        label: "Facebook",
-        url: "https://www.facebook.com/people/Ebrains_eu/100046659909324/",
-        icon: "facebook"
-      },
-      {
-        label: "Youtube",
-        url: "https://www.youtube.com/channel/UC6E796cVVR5Xrs2A5jJmleQ",
-        icon: "youtube"
-      },
-      {
-        label: "Mastodon",
-        url: "https://mastodon.social/@ebrains",
-        icon: "mastodon"
-      },
-      {
-        label: "Bluesky",
-        url: "https://bsky.app/profile/ebrains.bsky.social",
-        icon: "bluesky"
-      }
-    ], this.title = "Follow EBRAINS to keep up-to-date";
-  }
-  /**
-   * Renders the component's HTML structure with links to EBRAINS social profiles.
-   * Each social network link uses the `eds-link` component with specific classes and styles.
-   *
-   * @returns {JSX.Element} The rendered JSX for the component.
-   */
-  render() {
-    return t("div", { key: "6169559327b728fd0f3a51a2b8a6439f80fba8fc" }, t("p", { key: "df2e008500097af1b85660fe8b3fac122f5018a4", class: "f-ui-02" }, this.title), t("ul", { key: "df01a2802412c4db4e5442fdfc0b6ef3f15c4109", class: "mt-12 flex gap-4" }, this.socialNetworks.map((e, i) => t("li", { key: i }, t("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: !0, "aria-label": e.label, url: e.url, icon: e.icon, intent: "strong" })))));
-  }
-};
-r.style = l;
-export {
-  r as eds_social_networks
-};