@ebrains/components 2.0.0 → 2.2.0

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

@@ -1,125 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-88c8039f.js');
-const analytics = require('./analytics-28713bf7.js');
-
-const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.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) {
-        index.registerInstance(this, hostRef);
-        this.consent = index.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() {
-        analytics.matomoOptIn();
-        localStorage.removeItem(`${window.location.host}-matomo-consent-given`);
-        this.hideNotice();
-        this.consent.emit('in');
-    }
-    optOutAnalytics() {
-        analytics.matomoOptOut();
-        this.hideNotice();
-        this.consent.emit('out');
-    }
-    noThanks() {
-        analytics.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 (index.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" }, index.h("eds-accordion", { title: this.heading, description: this.hasCookieConsent() ? this.optOutMessage : this.description, switchBg: true, expanded: true }, this.hasCookieConsent() ? (index.h("div", { class: "flex items-center gap-4" }, this.optedOut() ? (index.h("eds-button", { intent: "primary", label: "Opt me in again", "aria-label": "Opt me in again", onClick: () => this.optInAnalytics() })) : (index.h("eds-button", { intent: "primary", label: "Keep Me In", "aria-label": "Keep Me In", onClick: () => this.keepMeIn() })), index.h("eds-button", { intent: "ghostInverse", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() }))) : (index.h("div", { class: "flex items-center gap-4" }, index.h("eds-button", { intent: "primary", label: "I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), index.h("eds-button", { intent: "ghost", label: "No, thanks", "aria-label": "Opt-out from analytics", onClick: () => this.noThanks() }))))));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
-
-exports.eds_matomo_notice = EdsMatomoNotice;

package/dist/cjs/eds-switch.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-88c8039f.js');
-const analytics = require('./analytics-28713bf7.js');
-
-const edsSwitchCss = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{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)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}";
-const EdsSwitchStyle0 = edsSwitchCss;
-
-const EdsSwitch = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.uiswitch = index.createEvent(this, "uiswitch", 7);
-        this.toggleSwitch = () => {
-            if (this.disabled) {
-                return;
-            }
-            this.checked = !this.checked;
-            this.uiswitch.emit({ value: this.checked });
-            analytics.sendAnalytics({
-                category: 'ui-component',
-                tag: this.el.tagName.toLowerCase(),
-                name: this.checked ? this.labelOn : this.labelOff || '',
-                action: 'checked'
-            });
-        };
-        this.checked = false;
-        this.disabled = false;
-        this.labelOn = '';
-        this.labelOff = '';
-    }
-    render() {
-        // Compute an accessible name based on state.
-        const accessibleLabel = this.labelOn || this.labelOff ? (this.checked ? this.labelOn : this.labelOff) : 'Toggle switch';
-        return (index.h("div", { key: '1de6f7afd451f5d0276b62ef7bbf817f132e4440', class: "switch-container" }, this.labelOff && index.h("span", { key: 'd2d1017d7d26537eb2e65fa74b1f86453edc93d2', class: "switch-label switch-label--off mr-8" }, this.labelOff), index.h("button", { key: 'ade3ba909f5744a2b87238da52fcc33f600721cf', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": accessibleLabel, class: {
-                switch: true,
-                'switch--checked': this.checked,
-                'switch--disabled': this.disabled
-            }, onClick: this.toggleSwitch, disabled: this.disabled }, index.h("span", { key: '64034f73021623f63523c7bb52ec5233ad291c55', class: "switch-handle" })), this.labelOn && index.h("span", { key: 'a96a35565ac28ed6a27855b90b180f15adb0e711', class: "switch-label switch-label--on ml-8" }, this.labelOn)));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsSwitch.style = EdsSwitchStyle0;
-
-exports.eds_switch = EdsSwitch;

package/dist/cjs/eds-tooltip.cjs.entry.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-88c8039f.js');
-const analytics = require('./analytics-28713bf7.js');
-
-const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.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)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{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-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))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}";
-const EdsTooltipStyle0 = edsTooltipCss;
-
-const EdsTooltip = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.content = undefined;
-        this.position = 'top';
-    }
-    /** fire analytics on every hover */
-    handleHover() {
-        analytics.sendAnalytics({
-            category: 'ui-component',
-            tag: this.el.tagName.toLowerCase(),
-            name: this.content.toLowerCase(),
-            action: 'hover'
-        });
-    }
-    render() {
-        const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (index.h("div", { key: 'cacea6fc1f32c6d9bef2288f9e30744cf2dacc9a', class: "relative w-full inline-block group" }, index.h("slot", { key: '19862715e9575583caa7cc3f818294e43196d305' }), index.h("div", { key: '35fa38cf5993498d61a6941a6c11204e5e66a7d5', class: `absolute ${positionClass}
-            rounded-xs bg-strongest text-inverse 
-            f-ui-03-light pointer-events-none 
-            z-10 p-4 opacity-0 transition-opacity duration-150 ease-in-out
-            group-hover:opacity-100 whitespace-normal break-words`, role: "tooltip" }, this.content)));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsTooltip.style = EdsTooltipStyle0;
-
-exports.eds_tooltip = EdsTooltip;

package/dist/components/p-023bc47c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-28ae3f3a.js";import{c as r}from"./p-ece618b3.js";const a=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"c723d7f1bbd596063ae7e66123b8038af5320a54",class:this.class,innerHTML:r})}};export{a as eds_icon_chevron_left}

package/dist/components/p-02df910c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-28ae3f3a.js";import{p as a}from"./p-694fc085.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"abd96f1775b99dc252a2b4783c133bc7ab0e07cc",class:this.class,innerHTML:a})}};export{c as eds_icon_private}

package/dist/components/p-0be79e08.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-28ae3f3a.js";import{b as a}from"./p-05754401.js";const o=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"789b6624c429ae6bffdec4b264a94a2a97cd1962",class:this.class,innerHTML:a})}};export{o as eds_icon_bookmark}

package/dist/components/p-0e74d8b4.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-28ae3f3a.js";import{f as r}from"./p-4687b64c.js";const c=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"b8c843449dec1ab159280e66e009311735ec8895",class:this.class,innerHTML:r})}};export{c as eds_icon_facebook}

package/dist/components/p-11efb1d1.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e}from"./p-28ae3f3a.js";const s=class{constructor(e){a(this,e),this.accent=!1,this.tags=[]}render(){return e("div",{key:"5da9fcbc472476a7b438451e563586643a818bc0",class:"flex flex-wrap gap-y-4"},this.tags.map(((a,s)=>e("eds-tag",{key:s,intent:this.accent?"accent":"default",label:a}))))}};s.style=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";export{s as eds_card_tags}

package/dist/components/p-1791ce82.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-28ae3f3a.js";import{s as a}from"./p-d15065c3.js";const h=class{constructor(s){t(this,s),this.uiswitch=i(this,"uiswitch",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.uiswitch.emit({value:this.checked}),a({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.checked?this.labelOn:this.labelOff||"",action:"checked"}))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return s("div",{key:"1de6f7afd451f5d0276b62ef7bbf817f132e4440",class:"switch-container"},this.labelOff&&s("span",{key:"d2d1017d7d26537eb2e65fa74b1f86453edc93d2",class:"switch-label switch-label--off mr-8"},this.labelOff),s("button",{key:"ade3ba909f5744a2b87238da52fcc33f600721cf",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},s("span",{key:"64034f73021623f63523c7bb52ec5233ad291c55",class:"switch-handle"})),this.labelOn&&s("span",{key:"a96a35565ac28ed6a27855b90b180f15adb0e711",class:"switch-label switch-label--on ml-8"},this.labelOn))}get el(){return e(this)}};h.style=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{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)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}";export{h as eds_switch}

package/dist/components/p-19d586e6.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-28ae3f3a.js";import{a as r}from"./p-32e6c4df.js";const e=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"d178d36fd0888a40da0873bfd8abe862770e06e9",class:this.class,innerHTML:r})}};export{e as eds_icon_arrow_diagonal}

package/dist/components/p-2679926c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-28ae3f3a.js";import{g as r}from"./p-50e27321.js";const t=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"5366b40ab629556c1c68128a216aec5a0bdf6974",class:this.class,innerHTML:r})}};export{t as eds_icon_gitlab}

package/dist/components/p-2d1a7471.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-28ae3f3a.js";import{p as a}from"./p-c1e4ef92.js";const r=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"7ab9673d6effd4caa728276e2d6927e3a08e2e9a",class:this.class,innerHTML:a})}};export{r as eds_icon_portal}

package/dist/components/p-2ff16a39.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-28ae3f3a.js";import{u as r}from"./p-d962849c.js";const n=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"a56cf8519a7969a8a51178a3424e36d4ae7dddbf",class:this.class,innerHTML:r})}};export{n as eds_icon_unknown}

package/dist/components/p-32e18e48.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-28ae3f3a.js";import{l as a}from"./p-54b8f143.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"e9f71cb0a1a20d87a617df568bdc37d248a1cdc8",class:this.class,innerHTML:a})}};export{c as eds_icon_linkedin}

package/dist/components/p-38e99d4b.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-28ae3f3a.js";import{p as e}from"./p-cdf19579.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"9c4eca2f6cd5919b07694d8ae209d568da9ee8c2",class:this.class,innerHTML:e})}};export{a as eds_icon_plus}

package/dist/components/p-3a331c68.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a}from"./p-28ae3f3a.js";const r=class{constructor(a){t(this,a),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return a("logo-variations-horizontal",null);case 1:return a("logo-variations-vertical",null);default:return a("p",null,"Content not available.")}}render(){return a("div",{key:"cbe9d3d2a53196ea35ea9d7d197265209da4b4c6",class:"container"},this.renderContent())}};export{r as logo_variations_tabs}