@ebrains/react 0.9.2-beta → 1.0.0

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

@@ -0,0 +1,21 @@
+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: '546f5d7c76d57c07c34b6455cb1df4fea6c57302',
+      class: this.class,
+      innerHTML: more
+    });
+  }
+};
+
+export { EdsIconMore as eds_icon_more };

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

@@ -0,0 +1,21 @@
+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: 'e9baa8e9d467104fdeac600678b800787ef7d736',
+      class: this.class,
+      innerHTML: paper
+    });
+  }
+};
+
+export { EdsIconPaper as eds_icon_paper };

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

@@ -0,0 +1,21 @@
+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: '7510fb2b948a83c216a375f2a84a16b10b38054e',
+      class: this.class,
+      innerHTML: plus
+    });
+  }
+};
+
+export { EdsIconPlus as eds_icon_plus };

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

@@ -0,0 +1,21 @@
+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: 'c9f384bf790dd2eef9b84e757403106209f05c04',
+      class: this.class,
+      innerHTML: portal
+    });
+  }
+};
+
+export { EdsIconPortal as eds_icon_portal };

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

@@ -0,0 +1,21 @@
+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: 'd03d51d5aee837edab83aa71cf82fd415a8c71c3',
+      class: this.class,
+      innerHTML: privat
+    });
+  }
+};
+
+export { EdsIconPrivate as eds_icon_private };

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

@@ -0,0 +1,21 @@
+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: '94970e6d7f414cde04a3dae305f3dda43f477e55',
+      class: this.class,
+      innerHTML: pub
+    });
+  }
+};
+
+export { EdsIconPublic as eds_icon_public };

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

@@ -0,0 +1,21 @@
+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: '2c35a35b31a988ffa690816a8699d2aac43dd916',
+      class: this.class,
+      innerHTML: search
+    });
+  }
+};
+
+export { EdsIconSearch as eds_icon_search };

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

@@ -0,0 +1,21 @@
+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: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0',
+      class: this.class,
+      innerHTML: star
+    });
+  }
+};
+
+export { EdsIconStar as eds_icon_star };

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

@@ -0,0 +1,21 @@
+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: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d',
+      class: this.class,
+      innerHTML: success
+    });
+  }
+};
+
+export { EdsIconSuccess as eds_icon_success };

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

@@ -0,0 +1,21 @@
+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: 'c60c3e5180cd900ce290448563fc476264ba1fe5',
+      class: this.class,
+      innerHTML: thumbsDown
+    });
+  }
+};
+
+export { EdsIconThumbsDown as eds_icon_thumbs_down };

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

@@ -0,0 +1,21 @@
+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: 'eee2fdd0cdf1e9735e90f34c6bb090f3df67eb49',
+      class: this.class,
+      innerHTML: thumbsUp
+    });
+  }
+};
+
+export { EdsIconThumbsUp as eds_icon_thumbs_up };

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

@@ -0,0 +1,21 @@
+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: '0e47e2af80487a28c96e8830dda102c23bff9e5c',
+      class: this.class,
+      innerHTML: tutorial
+    });
+  }
+};
+
+export { EdsIconTutorial as eds_icon_tutorial };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { t as twitter } from './twitter-ac21b505.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconTwitter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '1a7ad8d7cbef70822ebda2f152d8b537df1eaf27',
+      class: this.class,
+      innerHTML: twitter
+    });
+  }
+};
+
+export { EdsIconTwitter as eds_icon_twitter };

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

@@ -0,0 +1,21 @@
+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: 'a9145c4e133746c314a1ee34d36a5f19f3686565',
+      class: this.class,
+      innerHTML: unknown
+    });
+  }
+};
+
+export { EdsIconUnknown as eds_icon_unknown };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { u as upDonw } from './up-and-down-d747abee.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: 'b97da1b406718c7611d1e17d7a9c6b4670600740',
+      class: this.class,
+      innerHTML: upDonw
+    });
+  }
+};
+
+export { EdsIconUpdown as eds_icon_updown };

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

@@ -0,0 +1,21 @@
+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: '4322703c9e449819dc30946118893d365fa20124',
+      class: this.class,
+      innerHTML: user
+    });
+  }
+};
+
+export { EdsIconUser as eds_icon_user };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import { y as youtube } from './youtube-efbfbdc4.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const EdsIconYoutube = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.class = '';
+  }
+  render() {
+    return h("span", {
+      key: '2236f8f5ede15d7eef54f2fd4fe6ca81c996166f',
+      class: this.class,
+      innerHTML: youtube
+    });
+  }
+};
+
+export { EdsIconYoutube as eds_icon_youtube };

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

@@ -0,0 +1,159 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index.esm2.js';
+import { m as matomoOptIn, a as matomoOptOut } from './analytics-d99780e3.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}";
+const EdsMatomoNoticeStyle0 = edsMatomoNoticeCss;
+const EdsMatomoNotice = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.consent = createEvent(this, "consent", 7);
+    this.heading = 'Analytics Consent';
+    this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.";
+    this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.";
+    this.forceShow = false;
+    this.showNotice = true;
+  }
+  /**
+   * Listens for global custom events to open the matomo-consent.
+   */
+  toggleCookiesConsent() {
+    this.showNotice = !this.showNotice;
+  }
+  /**
+   * Checks if the consent cookie exists.
+   */
+  hasCookieConsent() {
+    return !!document.cookie.split('; ').find(row => row.startsWith('mtm_consent='));
+  }
+  /**
+   * Checks if the user has opted out after has opted in.
+   */
+  optedOut() {
+    return !!document.cookie.split('; ').find(row => row.startsWith('mtm_consent_removed'));
+  }
+  /**
+   * Generate a unique storage key based on appId or the app's domain.
+   */
+  getStorageKey() {
+    return `${window.location.host}-matomo-deferred`;
+  }
+  /**
+   * Check cookies and sessionStorage (unless forceShow is true) to decide if the notice should be shown.
+   */
+  componentWillLoad() {
+    // If a decision has been made previously (opted in or out), don't show the notice.
+    const consentGiven = localStorage.getItem(`${window.location.host}-matomo-consent-given`);
+    if (consentGiven === 'out' || this.optedOut()) {
+      this.showNotice = false;
+      return;
+    }
+    if (this.forceShow) {
+      // If forceShow is true, always show the notice
+      this.showNotice = true;
+    } else {
+      // If user has already consented, hide the notice
+      // eslint-disable-next-line
+      if (this.hasCookieConsent()) {
+        this.showNotice = false;
+      } else {
+        // Otherwise check if user deferred in this session
+        const sessionDeferred = sessionStorage.getItem(this.getStorageKey());
+        this.showNotice = !sessionDeferred;
+      }
+    }
+  }
+  componentDidLoad() {
+    const btns = this.el.shadowRoot.querySelectorAll('eds-button');
+    btns.forEach(b => {
+      this.emitContext(b);
+    });
+  }
+  emitContext(linkElement) {
+    const event = new CustomEvent('parentContext', {
+      detail: {
+        componentName: this.el.tagName.toLowerCase(),
+        identifier: null
+      }
+    });
+    linkElement.dispatchEvent(event);
+  }
+  optInAnalytics() {
+    matomoOptIn();
+    localStorage.removeItem(`${window.location.host}-matomo-consent-given`);
+    this.hideNotice();
+    this.consent.emit('in');
+  }
+  optOutAnalytics() {
+    matomoOptOut();
+    this.hideNotice();
+    this.consent.emit('out');
+  }
+  noThanks() {
+    matomoOptOut();
+    localStorage.setItem(`${window.location.host}-matomo-consent-given`, 'out');
+    this.hideNotice();
+    this.consent.emit('out');
+  }
+  /*private deferDecision() {
+    sessionStorage.setItem(this.getStorageKey(), 'true');
+    this.hideNotice();
+    this.consent.emit('defer');
+  }*/
+  keepMeIn() {
+    this.hideNotice();
+  }
+  hideNotice() {
+    this.showNotice = false;
+  }
+  render() {
+    if (!this.showNotice) {
+      return null;
+    }
+    return h("div", {
+      class: "fixed bottom-0 p-8 z-[999999] grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center"
+    }, h("eds-accordion", {
+      title: this.heading,
+      description: this.hasCookieConsent() ? this.optOutMessage : this.description,
+      switchBg: true,
+      expanded: true
+    }, this.hasCookieConsent() ? h("div", {
+      class: "flex items-center gap-4"
+    }, this.optedOut() ? h("eds-button", {
+      intent: "primary",
+      label: "Opt me in again",
+      "aria-label": "Opt me in again",
+      onClick: () => this.optInAnalytics()
+    }) : h("eds-button", {
+      intent: "primary",
+      label: "Keep Me In",
+      "aria-label": "Keep Me In",
+      onClick: () => this.keepMeIn()
+    }), h("eds-button", {
+      intent: "ghostInverse",
+      label: "Opt-out",
+      "aria-label": "Opt-out from analytics",
+      onClick: () => this.optOutAnalytics()
+    })) : h("div", {
+      class: "flex items-center gap-4"
+    }, h("eds-button", {
+      intent: "primary",
+      label: "I agree",
+      "aria-label": "Opt-in for analytics",
+      onClick: () => this.optInAnalytics()
+    }), h("eds-button", {
+      intent: "ghost",
+      label: "No, thanks",
+      "aria-label": "Opt-out from analytics",
+      onClick: () => this.noThanks()
+    }))));
+  }
+  get el() {
+    return getElement(this);
+  }
+};
+EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
+
+export { EdsMatomoNotice as eds_matomo_notice };