@ebrains/components 0.5.0-alpha.0 → 0.6.0-alpha.0

package/dist/components/eds-login.js

@@ -84,7 +84,7 @@ const EdsLogin$1 = /*@__PURE__*/ proxyCustomElement(class EdsLogin extends HTMLE
         }
     }
     render() {
-        return (h("div", { key: 'cd30a135920ae77959330a43a8544bb9c231986e', class: "block" }, !this.authenticated && (h("eds-button", { key: '98fa63c46b063a67c215ff9160c6dfbfee2265f7', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
+        return (h("div", { key: '62768f8a6cc8ac16b13f9b2bb9cf5835f7f63844', class: "block" }, !this.authenticated && (h("eds-button", { key: '31e341d628242fed472f673c0fe8346c7871515d', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
     }
 }, [1, "eds-login", {
         "keycloakUrl": [1, "keycloak-url"],

package/dist/components/eds-matomo-notice.js

@@ -1,143 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { t as toast } from './toastManager.js';
-import { m as matomoOptIn } from './analytics.js';
-import { d as defineCustomElement$4 } from './eds-accordion2.js';
-import { d as defineCustomElement$3 } from './eds-button2.js';
-import { d as defineCustomElement$2 } from './eds-icon-wrapper2.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}.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$1 = /*@__PURE__*/ proxyCustomElement(class EdsMatomoNotice extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.title = 'Analytics Consent';
-        this.description = 'We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.';
-        this.showNotice = true;
-    }
-    /**
-     * Lifecycle method called before the component is rendered.
-     * Checks for the presence of the "mtm_consent" cookie to determine
-     * if the notice should be displayed.
-     */
-    componentWillLoad() {
-        this.checkConsentCookie();
-    }
-    /**
-     * Lifecycle method called after the component has been rendered.
-     * Emits `parentContext` events for each `eds-button` in the shadow DOM.
-     */
-    componentDidLoad() {
-        const btns = this.el.shadowRoot.querySelectorAll('eds-button');
-        btns.forEach((b) => {
-            this.emitContext(b);
-        });
-    }
-    /**
-     * Emits a custom `parentContext` event for a given button element.
-     * This can be used to provide context information about the component.
-     *
-     * @param linkElement - The button element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    /**
-     * Checks if the Matomo "mtm_consent" cookie exists in the browser.
-     * If the cookie is found, the notice is hidden.
-     */
-    checkConsentCookie() {
-        const consentCookie = document.cookie.split('; ').find((row) => row.startsWith('mtm_consent='));
-        //this.showNotice = !consentCookie;
-        const sessionDeferred = sessionStorage.getItem('matomo-deferred');
-        this.showNotice = !consentCookie && !sessionDeferred;
-    }
-    /**
-     * Handles user consent for analytics tracking.
-     * Calls the `matomoOptIn` utility and shows a success toast notification.
-     */
-    optInAnalytics() {
-        matomoOptIn();
-        toast.show('You have opted in to analytics.', 'success');
-        this.hideNotice();
-    }
-    /**
-     * Handles user opt-out from analytics tracking.
-     * Calls the `matomoOptOut` utility and shows a warning toast notification.
-     
-    private optOutAnalytics() {
-      matomoOptOut();
-      toast.show('You have opted out of analytics.', 'warning');
-      this.hideNotice();
-    }*/
-    /**
-     * Handles "Ask me later" action by storing a session storage entry
-     * and hiding the notice for the rest of the session.
-     */
-    deferDecision() {
-        sessionStorage.setItem('matomo-deferred', 'true');
-        toast.show('You can decide later.', 'warning');
-        this.hideNotice();
-    }
-    /**
-     * Hides the notice by updating the `showNotice` state.
-     */
-    hideNotice() {
-        this.showNotice = false;
-    }
-    /**
-     * Renders the Matomo consent notice with user options.
-     * Includes an accordion for the description and two buttons for user consent.
-     */
-    render() {
-        if (!this.showNotice) {
-            return null;
-        }
-        return (h("div", { class: "fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, h("eds-accordion", { title: this.title, description: this.description, switchBg: true, expanded: true }, h("div", { class: "flex items-center gap-4" }, h("eds-button", { intent: "primary", label: "Yes, I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() }), h("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() })))));
-    }
-    get el() { return this; }
-    static get style() { return EdsMatomoNoticeStyle0; }
-}, [1, "eds-matomo-notice", {
-        "title": [1],
-        "description": [1],
-        "showNotice": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-matomo-notice", "eds-accordion", "eds-button", "eds-icon-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-matomo-notice":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsMatomoNotice$1);
-            }
-            break;
-        case "eds-accordion":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { E as EdsMatomoNotice$1, d as defineCustomElement$1 } from './eds-matomo-notice2.js';
 
 const EdsMatomoNotice = EdsMatomoNotice$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/eds-matomo-notice2.js

@@ -0,0 +1,127 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as toast } from './toastManager.js';
+import { m as matomoOptIn, a as matomoOptOut } from './analytics.js';
+import { d as defineCustomElement$3 } from './eds-accordion2.js';
+import { d as defineCustomElement$2 } from './eds-button2.js';
+import { d as defineCustomElement$1 } from './eds-icon-wrapper2.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}.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 = /*@__PURE__*/ proxyCustomElement(class EdsMatomoNotice extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.title = 'Analytics Consent';
+        this.description = 'We use anonymous analytics to improve our services. No personal data is collected unless you give your consent.';
+        this.deferMsgToast = 'You can decide later.';
+        this.optInMsgToast = 'You have opted in to analytics.';
+        this.optOutMsgToast = 'You have opted out of analytics.';
+        this.forceShow = false;
+        this.showNotice = true;
+    }
+    /**
+     * Checks if the consent cookie exists.
+     */
+    hasCookieConsent() {
+        return !!document.cookie.split('; ').find((row) => row.startsWith('mtm_consent='));
+    }
+    /**
+     * 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 (this.forceShow) {
+            this.showNotice = true;
+        }
+        else {
+            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();
+        toast.show(this.optInMsgToast, 'success');
+        this.hideNotice();
+    }
+    optOutAnalytics() {
+        matomoOptOut();
+        toast.show(this.optOutMsgToast, 'warning');
+        this.hideNotice();
+    }
+    deferDecision() {
+        sessionStorage.setItem(this.getStorageKey(), 'true');
+        toast.show(this.deferMsgToast, 'warning');
+        this.hideNotice();
+    }
+    hideNotice() {
+        this.showNotice = false;
+    }
+    render() {
+        if (!this.showNotice) {
+            return null;
+        }
+        return (h("div", { class: "fixed bottom-0 p-8 z-10 grow md:left-1/2 md:-translate-x-1/2 md:-translate-y-1/2 justify-center" }, h("eds-accordion", { title: this.title, description: this.description, switchBg: true, expanded: true }, h("div", { class: "flex items-center gap-4" }, this.hasCookieConsent() ? (h("eds-button", { intent: "primary", label: "Opt-out", "aria-label": "Opt-out from analytics", onClick: () => this.optOutAnalytics() })) : (h("eds-button", { intent: "primary", label: "Yes, I agree", "aria-label": "Opt-in for analytics", onClick: () => this.optInAnalytics() })), h("eds-button", { intent: "ghost", label: "Ask me later", "aria-label": "Defer analytics decision", onClick: () => this.deferDecision() })))));
+    }
+    get el() { return this; }
+    static get style() { return EdsMatomoNoticeStyle0; }
+}, [1, "eds-matomo-notice", {
+        "title": [1],
+        "description": [1],
+        "deferMsgToast": [1, "defer-msg-toast"],
+        "optInMsgToast": [1, "opt-in-msg-toast"],
+        "optOutMsgToast": [1, "opt-out-msg-toast"],
+        "forceShow": [4, "force-show"],
+        "showNotice": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-matomo-notice", "eds-accordion", "eds-button", "eds-icon-wrapper"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-matomo-notice":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsMatomoNotice);
+            }
+            break;
+        case "eds-accordion":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { EdsMatomoNotice as E, defineCustomElement as d };

package/dist/components/eds-social-networks2.js

@@ -58,7 +58,7 @@ const EdsSocialNetworks = /*@__PURE__*/ proxyCustomElement(class EdsSocialNetwor
      * @returns {JSX.Element} The rendered JSX for the component.
      */
     render() {
-        return (h("div", { key: '615a7cb2c26060d2d4cde875291a081b7de12e19' }, h("p", { key: '9e19ad59fcc94508cb60cd4aafa87c3878fb2ebc', class: "f-ui-02" }, this.title), h("ul", { key: 'a4811d16447ab148a7c129f188405f3f7050df70', 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": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (h("div", { key: '9efc31261e88c70f9c808251124178d807140594' }, h("p", { key: '383101de2aaba05e1024f3ba86d788ad5d92173c', class: "f-ui-02" }, this.title), h("ul", { key: 'e27243a4e7b8aab085c4ef091d67df57dba70664', 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": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
     static get style() { return EdsSocialNetworksStyle0; }
 }, [1, "eds-social-networks", {

package/dist/components/eds-steps.js

@@ -4,13 +4,14 @@ import { d as defineCustomElement$4 } from './eds-button2.js';
 import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$2 } from './eds-link2.js';
 
-const edsStepsCss = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:1.125rem;font-weight:500;position:relative;margin-top:1em;margin-bottom:1em}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}";
+const edsStepsCss = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:24px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.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)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-28{margin-bottom:1.75rem}";
 const EdsStepsStyle0 = edsStepsCss;
 
 const EdsSteps$1 = /*@__PURE__*/ proxyCustomElement(class EdsSteps extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.stepClick = createEvent(this, "stepClick", 7);
         this.handleNext = () => {
             if (this.activeStep < this.parsedSteps.length) {
@@ -22,9 +23,6 @@ const EdsSteps$1 = /*@__PURE__*/ proxyCustomElement(class EdsSteps extends HTMLE
                 this.activeStep = this.activeStep - 1;
             }
         };
-        this.handleReset = () => {
-            this.activeStep = 0;
-        };
         this.steps = [];
         this.type = 'static';
         this.activeStep = 0;
@@ -52,16 +50,19 @@ const EdsSteps$1 = /*@__PURE__*/ proxyCustomElement(class EdsSteps extends HTMLE
         }
         return this.steps;
     }
+    /*private handleReset = () => {
+      this.activeStep = 0;
+    };*/
     render() {
         const steps = this.parsedSteps;
         if (this.type === 'linear') {
-            return (h("div", null, h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), this.activeStep === index && (h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter my-16" }, step.content), h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' }))))))), this.activeStep === steps.length && (h("div", { class: "completed" }, h("eds-alert", { intent: "success", message: "All steps completed - you're finished!" }), h("eds-button", { label: "Start again", onClick: this.handleReset, "extra-class": "mt-4" })))));
+            return (h("div", null, h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), this.activeStep === index && (h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter my-16" }, step.content), h("eds-button", { label: index === steps.length - 1 ? 'Finish' : 'Continue', intent: "primary", class: "next-btn", onClick: this.handleNext }), h("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: index === 0, "extra-class": index === 0 ? 'hidden' : 'ml-8 block' }))))))), this.activeStep === steps.length && (h("div", { class: "completed" }, h("eds-alert", { intent: "success", message: "All steps completed - you're finished!" })))));
         }
         // Static mode: show all steps with their content, no navigation buttons.
         return (h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, h("h3", null, step.title), h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter my-16" }, step.content)))))));
     }
     static get style() { return EdsStepsStyle0; }
-}, [0, "eds-steps", {
+}, [1, "eds-steps", {
         "steps": [1],
         "type": [1],
         "activeStep": [32]

package/dist/components/eds-tabs-content.js

@@ -116,11 +116,11 @@ const EdsTabsContent$1 = /*@__PURE__*/ proxyCustomElement(class EdsTabsContent e
         });
     }
     render() {
-        return (h("div", { key: 'aa94a55d3ae658797df6ae75724238a17a80a169', class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '0e38c695467c272198a605efdb2705b14239756e', class: "scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '525f56d02b41e236d3b713fb972b6803e3f908d5', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (h("div", { key: 'd94df79c55522088de5445587758a5eea028b313', class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: 'e7d01a2e6b424c25749c0d70305fb1c8c55bef74', class: "scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: 'ef8ff8a02e570dfcf8143997ace793a65917e6ca', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             //const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index);
             return (h("eds-tab", Object.assign({}, tabProps, { label: tab.label, url: tab.url, active: index === this.activeIndex, ariaLabel: tab.ariaLabel, onClick: () => this.handleTabClick(index, tab.label) })));
-        })), h("slot", { key: 'e5da088cec99dd0e40560b70fbd9940ac5a7f56f' }))));
+        })), h("slot", { key: '8f014081c3bc2a8a3013aea3aff32690d6f71c85' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/eds-tabs.js

@@ -126,7 +126,7 @@ const EdsTabs$1 = /*@__PURE__*/ proxyCustomElement(class EdsTabs extends HTMLEle
         });
     }
     render() {
-        return (h("div", { key: 'f5c9e076fc1fb95b57e0148d85865ce62c14fbe7', id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '7d382167fb62999e39b784ce8bfba24267c87a64', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '99bbfabd817bada1984ddf87a274bf9304a1e6a0', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (h("div", { key: '5a0c7dbdd059b2a1efdf31e91725dd1d49c88bd4', id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '74bb7e66b88d845359caf285430fca079abfab03', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '71ca3465da106b2d1ed59eca28eabfe60a1ac0fc', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             //const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index);
             return (h("eds-tab", Object.assign({}, tabProps, { label: tab.label || tab.ariaLabel, url: tab.url, active: index === this.activeIndex, onClick: () => this.handleTabClick(index, tab.label) })));

package/dist/components/eds-tag2.js

@@ -27,23 +27,15 @@ const EdsTag = /*@__PURE__*/ proxyCustomElement(class EdsTag extends HTMLElement
         this.__registerHost();
         this.__attachShadow();
         this.label = undefined;
-        this.ariaLabel = '';
         this.intent = 'default';
     }
-    /**
-     * Render the component.
-     * @returns The rendered HTML for the tag component with the applied styles and label.
-     */
     render() {
-        var _a;
         const classes = tagStyles({ intent: this.intent });
-        const accessibleLabel = ((_a = this.ariaLabel) === null || _a === void 0 ? void 0 : _a.length) ? this.ariaLabel : this.label;
-        return (h("span", { key: '6a517f42aeb641c95d96ecd6c3090a317a3195c6', class: classes, "aria-label": accessibleLabel }, this.label));
+        return h("span", { key: 'b49a84a2410f464c54c01a7d26a1710de8ce326b', class: classes }, this.label);
     }
     static get style() { return EdsTagStyle0; }
 }, [1, "eds-tag", {
         "label": [1],
-        "ariaLabel": [1, "aria-label"],
         "intent": [1]
     }]);
 function defineCustomElement() {

package/dist/components/eds-toast-manager.js

@@ -4,13 +4,14 @@ import { d as defineCustomElement$4 } from './eds-button2.js';
 import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$2 } from './eds-toast2.js';
 
-const edsToastManagerCss = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";
+const edsToastManagerCss = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";
 const EdsToastManagerStyle0 = edsToastManagerCss;
 
 const EdsToastManager$1 = /*@__PURE__*/ proxyCustomElement(class EdsToastManager extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.toastId = 0;
         this.toasts = [];
     }
@@ -37,11 +38,11 @@ const EdsToastManager$1 = /*@__PURE__*/ proxyCustomElement(class EdsToastManager
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (h("div", { key: '22cb79fd617ca1701fba63d3d4bf04f73ce1ac77', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (h("div", { key: '4e8781d164dd4f8aa47d17bc9f0632c0b49c173a', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     get hostElement() { return this; }
     static get style() { return EdsToastManagerStyle0; }
-}, [0, "eds-toast-manager", {
+}, [1, "eds-toast-manager", {
         "toasts": [32]
     }]);
 function defineCustomElement$1() {

package/dist/components/eds-toast2.js

@@ -3,6 +3,9 @@ import { c as cva } from './index2.js';
 import { d as defineCustomElement$2 } from './eds-button2.js';
 import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
 
+const edsToastCss = ".relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:0.25rem}.w-auto{width:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:0.25rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.ml-8{margin-left:0.5rem}.p-12{padding:0.75rem}.rounded-lg{border-radius:16px}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),\n        0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-dark{background-color:var(--grey-300)}.bg-success{background-color:var(--green-200)}.bg-error{background-color:var(--red-200)}.bg-warning{background-color:var(--yellow-200)}.text-light{color:var(--grey-700)}.text-current{color:currentColor}.text-default{color:var(--black)}";
+const EdsToastStyle0 = edsToastCss;
+
 const toastStyles = cva(['relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md'], {
     variants: {
         intent: {
@@ -20,6 +23,7 @@ const EdsToast = /*@__PURE__*/ proxyCustomElement(class EdsToast extends HTMLEle
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         /**
          * Dismisses the toast.
          */
@@ -31,26 +35,24 @@ const EdsToast = /*@__PURE__*/ proxyCustomElement(class EdsToast extends HTMLEle
         this.duration = 5000;
         this.visible = true;
     }
-    /**
-     * Lifecycle method that sets up the initial panel height and adds a resize event listener
-     * to recalculate height on window resize.
-     */
     componentDidLoad() {
-        // Emit context for each eds-button element after the component is fully loaded
-        const btn = this.el.querySelector('eds-button');
+        const btn = this.el.shadowRoot.querySelector('eds-button');
         this.emitContext(btn);
     }
     /**
      * Emits a custom event called `parentContext` for a given button element.
+     * This event provides context information about the toast component.
+     *
+     * @param btnElement - The link element to which the event will be dispatched.
      */
-    emitContext(linkElement) {
+    emitContext(btnElement) {
         const event = new CustomEvent('parentContext', {
             detail: {
                 componentName: this.el.tagName.toLowerCase(),
                 identifier: null
             }
         });
-        linkElement.dispatchEvent(event);
+        btnElement.dispatchEvent(event);
     }
     connectedCallback() {
         // Auto-dismiss the toast after the specified duration
@@ -65,10 +67,11 @@ const EdsToast = /*@__PURE__*/ proxyCustomElement(class EdsToast extends HTMLEle
             return null;
         }
         const classes = toastStyles({ intent: this.intent });
-        return (h("div", { class: classes, role: "alert", "aria-live": "assertive" }, h("div", { class: "flex items-center justify-between gap-4" }, h("p", { class: "f-ui-01" }, this.message), h("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
+        return (h("div", { class: classes, role: "alert", "aria-live": "assertive" }, h("div", { class: "flex items-center justify-between gap-4" }, h("span", { class: "f-ui-01" }, this.message), h("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
     }
     get el() { return this; }
-}, [0, "eds-toast", {
+    static get style() { return EdsToastStyle0; }
+}, [1, "eds-toast", {
         "message": [1],
         "intent": [1],
         "duration": [2],

package/dist/components/eds-user-modal2.js

@@ -34,7 +34,7 @@ const EdsUserModal = /*@__PURE__*/ proxyCustomElement(class EdsUserModal extends
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4a80335b6a59b9653130ca75a6e42c04fce68f4f', class: "min-w-[280px] p-8" }, h("div", { key: '9c97f6be46216587692d4852174cecfaacb70593', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, h("eds-avatar", { key: 'c778f6bdfb21068ca7c2deff6e298f61af6dbc67', "first-name": (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname, "last-name": (_b = this.parsedUser) === null || _b === void 0 ? void 0 : _b.lastname, initials: this.initials, color: "grey", rounded: true, "initials-strong": true }), h("div", { key: '7f453546c9cc54597069abb3e4b50312fe7bf364', class: "max-w-full" }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && (h("p", { key: '34e080ef159535820c09378701de0e6f4fd96009', class: "f-ui-01 text-default w-full text-ellipsis" }, this.parsedUser.fullname)), ((_d = this.parsedUser) === null || _d === void 0 ? void 0 : _d.username) && h("p", { key: '2f85764e7d015dc3f3b22ca8a07126f8f57216ef', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.username), ((_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.email) && h("p", { key: '002dec51e979c29f2343f55e004449e4cee4075c', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), h("div", { key: '740b78c504257fb755ba7ba04dd25f023d37ed33', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, h("div", { key: 'ac307937bdd3fc86cce502e5eeb3e922d931f418', class: "border-softer mb-10 border-b-2 pb-16" }, h("eds-link", { key: 'bdd0f1ef62ac78ffb1b40ed6873475df360cec66', label: "My EBRAINS", "aria-label": "My EBRAINS", url: "https://www.ebrains.eu/dashboard", intent: "primary", "extra-class": "w-full", external: true })), h("eds-link", { key: 1, label: "Account Settings", url: "https://iam.ebrains.eu/auth/realms/hbp/account/", intent: "secondary", icon: "arrow-diagonal", external: true, "extra-class": "w-full" }), this.hasLogout && (h("eds-link", { key: 'd73016ad71f3b356b7fb7d0a2a84124eabb05da5', label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })))));
+        return (h("div", { key: '866e4e08b5a5330d341845c7cd68f18845732bb6', class: "min-w-[280px] p-8" }, h("div", { key: 'c3c0c56a0ba0bb035efbc474dacc69454f2f9831', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, h("eds-avatar", { key: '053e545eb7b8f66b9b9463f77ac89083b2bc87a4', "first-name": (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname, "last-name": (_b = this.parsedUser) === null || _b === void 0 ? void 0 : _b.lastname, initials: this.initials, color: "grey", rounded: true, "initials-strong": true }), h("div", { key: 'c2d3a51f5aa92dda20058b51aaab3405a85dfbc0', class: "max-w-full" }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && (h("p", { key: 'fcc11680037eb282316cfde3988beb7550a51059', class: "f-ui-01 text-default w-full text-ellipsis" }, this.parsedUser.fullname)), ((_d = this.parsedUser) === null || _d === void 0 ? void 0 : _d.username) && h("p", { key: '2f6aac63baecb3da750f3eb9a09f8793120d8977', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.username), ((_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.email) && h("p", { key: '04f3cf2dab10351bc52c94f53c6e9b75d3d34fe7', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), h("div", { key: 'b5bb3171c338891669251b8cde0cdbc810562065', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, h("div", { key: '7020f1d94ad9ed10d8b1e1fce88837c70ef310b8', class: "border-softer mb-10 border-b-2 pb-16" }, h("eds-link", { key: '26946fa26bd53953e99f2f61b4d9f47e60f5dc6f', label: "My EBRAINS", "aria-label": "My EBRAINS", url: "https://www.ebrains.eu/dashboard", intent: "primary", "extra-class": "w-full", external: true })), h("eds-link", { key: 1, label: "Account Settings", url: "https://iam.ebrains.eu/auth/realms/hbp/account/", intent: "secondary", icon: "arrow-diagonal", external: true, "extra-class": "w-full" }), this.hasLogout && (h("eds-link", { key: 'e53f2b7588fea91fd16c0effe81609e1ded97304', label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })))));
     }
     static get watchers() { return {
         "user": ["parseUserProp"],

package/dist/components/eds-user.js

@@ -95,7 +95,7 @@ const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLEle
     }
     render() {
         var _a;
-        return (h("div", { key: '22ee744979511dd2f8a1e1a15bb99215eadd535b', class: "block" }, !this.authenticated ? (h("eds-button", { label: "Login", intent: "primary", onClick: this.handleLogin, "extra-class": "text-default" })) : (h("div", { class: "flex items-center" }, h("eds-dropdown", { label: `Welcome, ${(_a = this.user) === null || _a === void 0 ? void 0 : _a.username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("eds-user-modal", { user: JSON.stringify(this.user), onLogout: this.handleLogout.bind(this) }))))));
+        return (h("div", { key: '8fe0aaf06ed421d8ca6e512247b4d15b092c895f', class: "block" }, !this.authenticated ? (h("eds-button", { label: "Login", intent: "primary", onClick: this.handleLogin, "extra-class": "text-default" })) : (h("div", { class: "flex items-center" }, h("eds-dropdown", { label: `Welcome, ${(_a = this.user) === null || _a === void 0 ? void 0 : _a.username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("eds-user-modal", { user: JSON.stringify(this.user), onLogout: this.handleLogout.bind(this) }))))));
     }
     get hostEl() { return this; }
 }, [0, "eds-user", {

package/dist/components/p-045681d7.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s}from"./p-7a8b9de5.js";const t=class{constructor(s){e(this,s),this.buttonText="Cookies Preferences",this.intent=void 0,this.showMatomoNotice=!1,this.noticeKey=0}toggleCookiesPopup(){sessionStorage.removeItem("matomo-deferred"),this.showMatomoNotice?this.noticeKey=this.noticeKey+1:this.showMatomoNotice=!0}render(){return s("div",{key:"ca5d44522f94e9ea009c657c5eae6e357cd0d13a"},s("eds-link",{key:"563a369e2ed44d08a6dd47922c1c1c888e81543a",size:"small",intent:this.intent,label:this.buttonText,onClick:()=>this.toggleCookiesPopup()}),this.showMatomoNotice&&s("eds-matomo-notice",{"force-show":!0,key:this.noticeKey}))}};t.style="";export{t as eds_cookies_preference}

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

@@ -0,0 +1 @@
+import{r as e,c as s,h as t}from"./p-7a8b9de5.js";const i=class{constructor(t){e(this,t),this.menuClose=s(this,"menuClose",7),this.links=void 0,this.menuLinks=void 0,this.homeUrl="/",this.inverseHeader=!1,this.isMenuOpen=!1}handleToggleMenu(e){this.isMenuOpen=e.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("object"==typeof this.links)return this.links;if("string"==typeof this.links)try{return JSON.parse(this.links)}catch(e){return console.error("Error parsing links prop:",e),[]}return[]}get parsedMenuLinks(){if("object"==typeof this.menuLinks)return this.menuLinks;if("string"==typeof this.menuLinks)try{return JSON.parse(this.menuLinks)}catch(e){return console.error("Error parsing menuLinks prop:",e),[]}return[]}render(){return this.isMenuOpen?t("div",{class:"eds-full-screen bg-default fixed inset-0 z-[999999] overflow-y-scroll"},t("div",{class:"flex min-h-full flex-col"},t("div",{class:"bg-default w-full sticky top-0 "+(this.inverseHeader?"bg-strongest":"bg-default")},t("div",{class:"mx-auto flex items-center justify-between"},t("div",{class:"mr-auto w-[200px] h-[85px]"},t("eds-logo",{type:this.inverseHeader?"color-white":"color",href:this.homeUrl})),t("div",{class:"px-16"},t("eds-button",{"aria-label":"Close menu",intent:"ghostInverse",icon:"close",onClick:()=>this.closeMenu()})))),t("div",{class:"py-16 px-16"},t("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedLinks.map(((e,s)=>t("eds-link",{label:e.label,key:s,url:e.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"})))),t("eds-block-break",null),t("nav",{class:"mt-28 flex flex-col gap-y-8"},this.parsedMenuLinks.map(((e,s)=>t("eds-link",{label:e.label,key:s,url:e.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"}))))),t("div",{class:"mt-auto"},t("eds-footer",{social:!0,"extra-class":"bg-darker"})))):null}};i.style="";export{i as eds_fullscreen_menu}

package/dist/components/{p-92e16cc9.entry.js → p-10b81c47.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i}from"./p-7a8b9de5.js";import{l as a,a as e,i as r,b as h,g as c}from"./p-8eab748d.js";import{t as o}from"./p-22f9e720.js";const n=class{constructor(i){t(this,i),this.authStatusChanged=s(this,"authStatusChanged",7),this.handleLogin=async()=>{if(!this.authenticated)try{await a(),o.show("You are authenticated","success")}catch(t){o.show(t.message,"error")}},this.handleLogout=async()=>{try{await e()}catch(t){o.show(t.message,"error")}this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.authenticated=!1,this.user=null}async componentWillLoad(){this.keycloakUrl&&this.keycloakRealm&&this.keycloakClientId?await this.initAuth():console.error("Keycloak configuration props are missing.")}async initAuth(){try{await r({url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId},!0),h()&&(this.user=c(),this.authenticated=!0,this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user}))}catch(t){o.show(t.message,"error")}}render(){return i("div",{key:"cd30a135920ae77959330a43a8544bb9c231986e",class:"block"},!this.authenticated&&i("eds-button",{key:"98fa63c46b063a67c215ff9160c6dfbfee2265f7",label:"Login",intent:"primary","extra-class":"text-default","aria-label":"Login",triggerClick:this.handleLogin.bind(this)}))}};export{n as eds_login}
+import{r as t,c as s,h as i}from"./p-7a8b9de5.js";import{l as a,a as r,i as e,b as h,g as c}from"./p-8eab748d.js";import{t as o}from"./p-22f9e720.js";const n=class{constructor(i){t(this,i),this.authStatusChanged=s(this,"authStatusChanged",7),this.handleLogin=async()=>{if(!this.authenticated)try{await a(),o.show("You are authenticated","success")}catch(t){o.show(t.message,"error")}},this.handleLogout=async()=>{try{await r()}catch(t){o.show(t.message,"error")}this.authenticated=!1,this.user=null},this.keycloakUrl=void 0,this.keycloakRealm=void 0,this.keycloakClientId=void 0,this.authenticated=!1,this.user=null}async componentWillLoad(){this.keycloakUrl&&this.keycloakRealm&&this.keycloakClientId?await this.initAuth():console.error("Keycloak configuration props are missing.")}async initAuth(){try{await e({url:this.keycloakUrl,realm:this.keycloakRealm,clientId:this.keycloakClientId},!0),h()&&(this.user=c(),this.authenticated=!0,this.authStatusChanged.emit({authenticated:this.authenticated,user:this.user}))}catch(t){o.show(t.message,"error")}}render(){return i("div",{key:"62768f8a6cc8ac16b13f9b2bb9cf5835f7f63844",class:"block"},!this.authenticated&&i("eds-button",{key:"31e341d628242fed472f673c0fe8346c7871515d",label:"Login",intent:"primary","extra-class":"text-default","aria-label":"Login",triggerClick:this.handleLogin.bind(this)}))}};export{n as eds_login}

package/dist/components/{p-89227919.js → p-13efafb9.js}

@@ -1 +1 @@
-function n(){return"undefined"!=typeof window&&void 0!==window._paq}function o(o){var i;if(!n())return console.warn("Matomo is not available or not initialized."),void console.log(Object.assign({},o));const t=[];(null===(i=o.parentContext)||void 0===i?void 0:i.componentName)&&t.push(o.parentContext.componentName),t.push(o.tag||"unknown-tag"),t.push(o.name||"unknown-name");const e=t.join("/");!function(o,...i){n()?window._paq.push([o,...i]):console.warn("Matomo is not available or not initialized.")}("trackEvent",o.category,o.action,e),console.log(Object.assign({},o))}function i(){n()&&(window._paq.push(["rememberConsentGiven"]),console.log("User has opted in to tracking"))}export{i as m,o as s}
+function n(){return"undefined"!=typeof window&&void 0!==window._paq}function o(o){var i;if(!n())return console.warn("Matomo is not available or not initialized."),void console.log(Object.assign({},o));const t=[];(null===(i=o.parentContext)||void 0===i?void 0:i.componentName)&&t.push(o.parentContext.componentName),t.push(o.tag||"unknown-tag"),t.push(o.name||"unknown-name");const e=t.join("/");!function(o,...i){n()?window._paq.push([o,...i]):console.warn("Matomo is not available or not initialized.")}("trackEvent",o.category,o.action,e),console.log(Object.assign({},o))}function i(){n()&&(window._paq.push(["rememberConsentGiven"]),console.log("User has opted in to tracking"))}function t(){n()&&(window._paq.push(["forgetConsentGiven"]),console.log("User has opted out of tracking"))}export{t as a,i as m,o as s}