@ebrains/react 2.4.1 → 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: '4e9525934775adfffff9c709ee69c0a5ebf03565',
-      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: 'e42d76e608591ec3ea4d1696affdaa6b1a764c31',
-      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: '3da4ed49bfac513943d7655f4c52f48084efcda7',
-      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: 'a0e18b454752151c3e2ca4e32814df065364bb34',
-      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: 'f9bc952f9bb354dab1f4883c1909be98116b2416',
-      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: '6a7653b8ef8137f6257a2e0c546200bc5afb1d2f',
-      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: 'fc4ebd716a4e8e8f753c65febfa701e2dbb233a8',
-      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: '5be70ac50bac9b7b52a2d631dcb6b1449e7b3b0a',
-      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: 'fabdb04e16a6ba928a2cb2936f7433fa1aea18ce',
-      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: '32b34d3e55370226bca150790f0791067b63ff23',
-      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: '645920f5bbde45082ad1c093f3f6c546b73b707e',
-      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: '15822639188c8a54d48097e5efb4e6b885d439ef',
-      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: 'a2fdeca95d1a8efb48324eb8c9c20d39e7ad31c5',
-      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: 'e1a54a7d3014760ad65851b961041f75eba7b581',
-      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: 'fa19613df173185cc312af7acef6bec4d187cab1',
-      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: '2339adac1ec08234dd1cf09e2bde6e4e55f35109',
-      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: '6e4ca330f0095f1d0b96919a5d35e5ee09f22bdf',
-      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: '3414ec5143236a2c8821f460a50684b0a6b565a9',
-      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: 'a3a56c8ed86104fb26ce5a3f7d583d02705b59d0',
-      role: "progressbar",
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      "aria-valuenow": progressValue,
-      "aria-valuetext": `${progressValue}%`,
-      class: outerClasses
-    }, h("div", {
-      key: 'ef56ff5501bfec77174a90dafabdd35210936c9d',
-      class: fillClasses,
-      style: {
-        width: `${progressValue}%`
-      }
-    }), h("div", {
-      key: '69eec5cd3a6b8fec6defa621b69559da47df66a6',
-      class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
-    }, h("span", {
-      key: '7fdeea8fbe2e600daca350e67a27fbed9708c1e1',
-      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: 'a18759794a383be1ce670ff3ac9f251b3c7327a5',
-      "aria-label": "Social media"
-    }, h("p", {
-      key: '404fbffecd29c6efdfc8ade90f0da9d68e6c7b8e',
-      class: "f-ui-02"
-    }, this.heading), h("ul", {
-      key: '959079149753b1c13e974dd610e3109e1f54c6f6',
-      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: 'a38f75e6defd9d618e3cc8a8404c6634adcd7cdb',
-      class: "container mx-auto px-4 py-8"
-    }, h("eds-table", {
-      key: '87ccaf97a5d635348347ce1c80c96d78e6631541',
-      "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 };