@ebrains/react 2.4.0 → 3.0.0

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { m as minus } from './minus-b30a7c71.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconMinus = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '15a4b124b598595958bfbaf7be0b9a9795cfb105',
-      class: this.class,
-      innerHTML: minus
-    });
-  }
-};
-
-export { EdsIconMinus as eds_icon_minus };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { m as more } from './more-4449d549.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconMore = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'd832774f24d7e335026e35b3b9198f000389a084',
-      class: this.class,
-      innerHTML: more
-    });
-  }
-};
-
-export { EdsIconMore as eds_icon_more };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { p as paper } from './paper-8e74ea31.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconPaper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '4e9525934775adfffff9c709ee69c0a5ebf03565',
-      class: this.class,
-      innerHTML: paper
-    });
-  }
-};
-
-export { EdsIconPaper as eds_icon_paper };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { p as plus } from './plus-89c07be2.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconPlus = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '66caca52d82371c81a2c751a4becbbe4a4b24df2',
-      class: this.class,
-      innerHTML: plus
-    });
-  }
-};
-
-export { EdsIconPlus as eds_icon_plus };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { p as portal } from './portal-d6c8ce56.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconPortal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '8c4137eb4257ed474f2f6b9f4330504c0b3dd5b3',
-      class: this.class,
-      innerHTML: portal
-    });
-  }
-};
-
-export { EdsIconPortal as eds_icon_portal };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { p as privat } from './private-1c25ff8e.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconPrivate = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'cd1790e118743455f95c1dcef5fef5b7eea8d4b7',
-      class: this.class,
-      innerHTML: privat
-    });
-  }
-};
-
-export { EdsIconPrivate as eds_icon_private };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { p as pub } from './public-d4d8c585.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconPublic = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '992b0db1543110d0561199c44407129fcd1c0c2f',
-      class: this.class,
-      innerHTML: pub
-    });
-  }
-};
-
-export { EdsIconPublic as eds_icon_public };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { s as search } from './search-fbcd79c2.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconSearch = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '14f24d633305efb74dba50aafd31f31b5f2d8e48',
-      class: this.class,
-      innerHTML: search
-    });
-  }
-};
-
-export { EdsIconSearch as eds_icon_search };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { s as star } from './star-0da9b5e9.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconStar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '5546e3debfb9ecf0efe34c31b987dc6ca1f2ba6b',
-      class: this.class,
-      innerHTML: star
-    });
-  }
-};
-
-export { EdsIconStar as eds_icon_star };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { s as start } from './start-65126a4f.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconStart = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'd17186a319ab9a5755330b641aa4620cb811c7ae',
-      class: this.class,
-      innerHTML: start
-    });
-  }
-};
-
-export { EdsIconStart as eds_icon_start };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { s as success } from './success-443809da.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconSuccess = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'd70032613d160c820ec95934b17a43c654fe4d26',
-      class: this.class,
-      innerHTML: success
-    });
-  }
-};
-
-export { EdsIconSuccess as eds_icon_success };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { t as thumbsDown } from './thumbs-down-a18fd049.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconThumbsDown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'dbc457ba89db7b7b142be6736a8640ffff2d2cb3',
-      class: this.class,
-      innerHTML: thumbsDown
-    });
-  }
-};
-
-export { EdsIconThumbsDown as eds_icon_thumbs_down };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { t as thumbsUp } from './thumbs-up-c19a71bc.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconThumbsUp = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '867c4f63cd5ceeeabc94ae444fe978df39066618',
-      class: this.class,
-      innerHTML: thumbsUp
-    });
-  }
-};
-
-export { EdsIconThumbsUp as eds_icon_thumbs_up };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { t as tutorial } from './tutotial-150ee1fd.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconTutorial = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '06c66194f30295a5bd250edcba88aa4473c8ab1b',
-      class: this.class,
-      innerHTML: tutorial
-    });
-  }
-};
-
-export { EdsIconTutorial as eds_icon_tutorial };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { u as unknown } from './unknown-ed01a24c.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconUnknown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'f07457a22c642dfe24b1073649bfbef3964cff7e',
-      class: this.class,
-      innerHTML: unknown
-    });
-  }
-};
-
-export { EdsIconUnknown as eds_icon_unknown };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { u as upDown } from './up-and-down-8b69ca97.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconUpdown = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'f08301d06b129ce9cbd91cceedb64d9db2be6e83',
-      class: this.class,
-      innerHTML: upDown
-    });
-  }
-};
-
-export { EdsIconUpdown as eds_icon_updown };

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

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { u as user } from './user-71ebdc15.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconUser = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: 'e515aa4524e19bdb254712054ebd6283f22c57c8',
-      class: this.class,
-      innerHTML: user
-    });
-  }
-};
-
-export { EdsIconUser as eds_icon_user };

package/eds-icon-view.entry.esm.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { v as view } from './view-e900f2d4.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsIconView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.class = '';
-  }
-  render() {
-    return h("span", {
-      key: '18dbaa801845137982847a9cfc4a9ca1ff729b0d',
-      class: this.class,
-      innerHTML: view
-    });
-  }
-};
-
-export { EdsIconView as eds_icon_view };

package/eds-progress-bar.entry.esm.js

@@ -1,52 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.absolute{position:absolute}.relative{position:relative}.z-0{z-index:0}.z-10{z-index:10}.inset-0{inset:0rem}.pointer-events-none{pointer-events:none}";
-const EdsProgressBarStyle0 = edsProgressBarCss;
-const EdsProgressBar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.value = 0;
-    this.rounded = true;
-  }
-  /**
-   * Method to update the progress value externally.
-   * @param newValue The new progress value (0-100).
-   */
-  async updateValue(newValue) {
-    this.value = Math.min(100, Math.max(0, newValue)); // Clamp 0–100
-  }
-  render() {
-    const progressValue = Math.min(100, Math.max(0, this.value));
-    // Outer container classes (conditionally rounded)
-    const outerClasses = ['outer', 'w-full', 'h-24', 'bg-default', 'border', 'border-softer', 'overflow-hidden', this.rounded ? 'rounded-lg' : '', 'relative'].filter(Boolean).join(' ');
-    // Fill bar classes (conditionally rounded only when >0)
-    const fillClasses = ['inner', 'h-full', 'transition-all', 'duration-300', 'bg-accent', progressValue > 0 && this.rounded ? 'rounded-lg' : '', 'z-0'].filter(Boolean).join(' ');
-    return h("div", {
-      key: 'feb13579d8257dd845e9c61ddfa8a6dd21594c84',
-      role: "progressbar",
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      "aria-valuenow": progressValue,
-      "aria-valuetext": `${progressValue}%`,
-      class: outerClasses
-    }, h("div", {
-      key: '2cef98e8ea9f099cb0642bf7927512f33fc8cad9',
-      class: fillClasses,
-      style: {
-        width: `${progressValue}%`
-      }
-    }), h("div", {
-      key: '00cdb6afecb2d2fc5da66d287171d6949d081b20',
-      class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
-    }, h("span", {
-      key: '43be66f9b0fe11e3fb5c41ba69e00b8c7f7cea1c',
-      class: "text-default f-body-02"
-    }, progressValue, "%")));
-  }
-};
-EdsProgressBar.style = EdsProgressBarStyle0;
-
-export { EdsProgressBar as eds_progress_bar };

package/eds-social-networks.entry.esm.js

@@ -1,73 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsSocialNetworksCss = "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)}.mt-12{margin-top:0.75rem}.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}";
-const EdsSocialNetworksStyle0 = edsSocialNetworksCss;
-const EdsSocialNetworks = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Array of social network objects, each containing label, URL, and icon.
-     * These are used to render the social network links.
-     *
-     * @private
-     * @type {SocialNetworks[]}
-     */
-    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.heading = '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.
-   */
-  render() {
-    return h("nav", {
-      key: 'f56d034a9c934e1be2003a0fedaf6c9ec4fc5909',
-      "aria-label": "Social media"
-    }, h("p", {
-      key: '66d7c2384206143eef36cdb085780d4a1590fe76',
-      class: "f-ui-02"
-    }, this.heading), h("ul", {
-      key: '0ccb5fd44ee30f77c19fdb67dc1cc19fadd3561e',
-      class: "mt-12 flex gap-4"
-    }, this.socialNetworks.map((network, index) => h("li", {
-      key: index
-    }, h("eds-link", {
-      "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",
-      external: true,
-      "aria-label": `EBRAINS on ${network.label}`,
-      url: network.url,
-      icon: network.icon,
-      intent: "strong"
-    })))));
-  }
-};
-EdsSocialNetworks.style = EdsSocialNetworksStyle0;
-
-export { EdsSocialNetworks as eds_social_networks };

package/eds-trl.entry.esm.js

@@ -1,68 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const EdsTrl = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.applications = undefined;
-  }
-  getParsedApplications() {
-    let apps = [];
-    // If applications is a string, attempt to parse it as JSON.
-    if (typeof this.applications === 'string') {
-      try {
-        apps = JSON.parse(this.applications || '[]');
-      } catch (error) {
-        // eslint-disable-next-line
-        console.error('Invalid applications trl JSON', error);
-        apps = [];
-      }
-    }
-    // If applications is already an array, use it directly.
-    else if (Array.isArray(this.applications)) {
-      apps = this.applications;
-    }
-    return apps;
-  }
-  calculateProgress(currentTrl) {
-    const maxTrl = 9;
-    return Math.ceil(currentTrl / maxTrl * 100); // Calculate percentage and round up
-  }
-  render() {
-    const apps = this.getParsedApplications();
-    // Map applications into table-friendly data.
-    const tableData = apps.map(app => ({
-      Application: app.name,
-      'Current TRL Stage': `TRL ${app.currentTrl}`,
-      Progress: h("div", {
-        class: "w-[200px]"
-      }, h("eds-progress-bar", {
-        value: this.calculateProgress(app.currentTrl)
-      }))
-    }));
-    const tableConfig = {
-      Application: {
-        format: 'code'
-      },
-      'Current TRL Stage': {
-        format: 'text'
-      }
-    };
-    return h("div", {
-      key: '082770e1b722223f6adb457db7f98950df4aa8df',
-      class: "container mx-auto px-4 py-8"
-    }, h("eds-table", {
-      key: 'b79b7cb53e045cb9b3a640ded6a4d841579112b8',
-      "table-data": JSON.stringify(tableData),
-      config: JSON.stringify(tableConfig),
-      "rows-per-page": "2",
-      "pagination-enabled": "true",
-      "search-enabled": "true",
-      "column-size": "default"
-    }));
-  }
-};
-
-export { EdsTrl as eds_trl };

package/eu-9ddde93a.esm.js

@@ -1,30 +0,0 @@
-const euSvg = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
-  <defs>
-    <g id="d">
-      <g id="b">
-        <path id="a" d="m0-1-.3 1 .5.1z"/>
-        <use xlink:href="#a" transform="scale(-1 1)"/>
-      </g>
-      <g id="c">
-        <use xlink:href="#b" transform="rotate(72)"/>
-        <use xlink:href="#b" transform="rotate(144)"/>
-      </g>
-      <use xlink:href="#c" transform="scale(-1 1)"/>
-    </g>
-  </defs>
-  <path fill="#039" d="M0 0h640v480H0z"/>
-  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
-    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
-    <use xlink:href="#d" width="100%" height="100%" y="6"/>
-    <g id="e">
-      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
-      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
-    </g>
-    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
-  </g>
-</svg>`;
-
-export { euSvg as e };