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

package/dist/esm/eds-frame.entry.js

@@ -1,4 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-e96badea.js';
+import { r as registerInstance, h, g as getElement } from './index-8a71b9a7.js';
+
+const edsFrameCss = ".bg-inverse{background-color:var(--white)}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border-color:rgba(0, 0, 0, .1 )}.border-softest{border-color:rgba(0, 0, 0, .05 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:2px}.w-full{width:100%}.h-full{height:100%}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.px-12{padding-left:0.75rem;padding-right:0.75rem}.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)}.ml-auto{margin-left:auto}.border-t-2{border-top-width:2px}.border{border:1px solid rgba(0, 0, 0, .1 )}.border-2{border:1px solid rgba(0, 0, 0, .1 )}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}";
+const EdsFrameStyle0 = edsFrameCss;
 
 const EdsFrame = class {
     constructor(hostRef) {
@@ -9,16 +12,37 @@ const EdsFrame = class {
         this.storybookUrl = undefined;
         this.storyPath = undefined;
         this.intent = 'strong';
-        this.tiny = false;
         this.size = 'auto';
-        this.bg = true;
         this.iframeError = false;
     }
+    componentWillLoad() {
+        this.checkIframeAvailability();
+    }
+    componentDidLoad() {
+        // Emit context for each eds-link element after the component is fully loaded
+        const links = this.el.querySelectorAll('eds-link');
+        links.forEach((link) => {
+            this.emitContext(link);
+        });
+    }
+    /**
+     * Emits a custom event called `parentContext` for a given link element.
+     * This event provides context information about the breadcrumb component.
+     *
+     * @param linkElement - The link element to which the event will be dispatched.
+     */
+    emitContext(linkElement) {
+        const event = new CustomEvent('parentContext', {
+            detail: {
+                componentName: this.el.tagName.toLowerCase(),
+                identifier: this.frameLabel
+            }
+        });
+        linkElement.dispatchEvent(event);
+    }
     articleClasses() {
         return [
-            this.tiny ? 'min-h-120' : 'min-h-156',
-            this.bg ? 'bg-inverse' : 'bg-default',
-            'rounded border-softer effect-focus-within relative flex grow flex-col border-2',
+            'bg-inverse min-h-156 rounded border-softer effect-focus-within relative flex grow flex-col border-2',
             'w-full h-full'
         ].join(' ');
     }
@@ -47,31 +71,6 @@ const EdsFrame = class {
             this.iframeError = true;
         }
     }
-    componentWillLoad() {
-        this.checkIframeAvailability();
-    }
-    componentDidLoad() {
-        // Emit context for each eds-link element after the component is fully loaded
-        const links = this.el.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
-    }
-    /**
-     * Emits a custom event called `parentContext` for a given link element.
-     * This event provides context information about the breadcrumb component.
-     *
-     * @param linkElement - The link element to which the event will be dispatched.
-     */
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: this.frameLabel
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
     get storyLink() {
         return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
     }
@@ -79,9 +78,10 @@ const EdsFrame = class {
         return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
     }
     render() {
-        return (h("div", { key: '20786dd40414d29f98d496e29720bd78b9d7cf8e', class: this.articleClasses() }, h("div", { key: '208612330c9d2872c68aeb310e164c8a915a51ef', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'ada2a40384ffaffadc8887580aa6184422008a68', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '26a5ae1c81b60b05b6f4859ffa4dbd13bb2557f3', class: "border-softer border-t-2" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (h("div", { key: 'e4b72fab30dcf1eeee6fdf3c63719599eafedb6d', class: this.articleClasses() }, h("div", { key: 'f8643db32120c14dd18b3d44ae530a83e81e59e0', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '7b40c644e142e6a6356e4d6a683b9c1c57104f5d', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.storyLink, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '8a1fe80134dadd38d113968ad0c825a6f9426921', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     get el() { return getElement(this); }
 };
+EdsFrame.style = EdsFrameStyle0;
 
 export { EdsFrame as eds_frame };

package/dist/esm/eds-icon-arrow-diagonal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.js';
 
 const EdsIconArrowDiagonal = class {
@@ -7,7 +7,7 @@ const EdsIconArrowDiagonal = class {
         this.addClass = '';
     }
     render() {
-        return h("span", { key: 'd85a4d425e0c255efe4763d4a13f13b6ff727c2c', class: this.addClass, innerHTML: arrowDiagonal });
+        return h("span", { key: '61fba958a683480dfd28e503b65a7dceb6640f46', class: this.addClass, innerHTML: arrowDiagonal });
     }
 };
 

package/dist/esm/eds-icon-arrow-right.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { a as arrowRight } from './arrow-right-9322ba8a.js';
 
 const EdsIconArrowRight = class {
@@ -7,7 +7,7 @@ const EdsIconArrowRight = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4a2b33b86753acab8270a45c7b250603b128bc88', class: this.class, innerHTML: arrowRight });
+        return h("span", { key: '823be807e649d4ddbd41c0628e2fda249a8c6f74', class: this.class, innerHTML: arrowRight });
     }
 };
 

package/dist/esm/eds-icon-bluesky.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { b as bluesky } from './bluesky-cc5edd2d.js';
 
 const EdsIconBluesky = class {
@@ -7,7 +7,7 @@ const EdsIconBluesky = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '845a157678b9d059b2c9bd8a6265d3a62f33c31a', class: this.class, innerHTML: bluesky });
+        return h("span", { key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c', class: this.class, innerHTML: bluesky });
     }
 };
 

package/dist/esm/eds-icon-chevron-down.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { c as chevronDown } from './chevron-down-6144c823.js';
 
 const EdsIconChevronDown = class {
@@ -7,7 +7,7 @@ const EdsIconChevronDown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'fa8022d27b91e909d4cd5522c6d0406be698a412', class: this.class, innerHTML: chevronDown });
+        return h("span", { key: 'c723d7f1bbd596063ae7e66123b8038af5320a54', class: this.class, innerHTML: chevronDown });
     }
 };
 

package/dist/esm/eds-icon-chevron-left.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { c as chevronLeft } from './chevron-left-ca6c66e1.js';
 
 const EdsIconChevronLeft = class {
@@ -7,7 +7,7 @@ const EdsIconChevronLeft = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c723d7f1bbd596063ae7e66123b8038af5320a54', class: this.class, innerHTML: chevronLeft });
+        return h("span", { key: '5547e9d98f781dc03e88a014f726b3a402e6425d', class: this.class, innerHTML: chevronLeft });
     }
 };
 

package/dist/esm/eds-icon-chevron-right.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { c as chevronRight } from './chevron-right-b88ed2d4.js';
 
 const EdsIconChevronRight = class {
@@ -7,7 +7,7 @@ const EdsIconChevronRight = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f770cd9151077e8708c76d2082613c65a20c420f', class: this.class, innerHTML: chevronRight });
+        return h("span", { key: '177f447969a48957c54d011bfb72693731ecc1cf', class: this.class, innerHTML: chevronRight });
     }
 };
 

package/dist/esm/eds-icon-chevron-up.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { c as chevronUp } from './chevron-up-c66bd477.js';
 
 const EdsIconChevronUp = class {
@@ -7,7 +7,7 @@ const EdsIconChevronUp = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '40d18a840277f2aba5d314a36fca5c1f8fd99cc6', class: this.class, innerHTML: chevronUp });
+        return h("span", { key: '7b8f0aa2da992611e0c908ca0785abce6e1ae189', class: this.class, innerHTML: chevronUp });
     }
 };
 

package/dist/esm/eds-icon-close.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { c as close } from './close-87fc0d63.js';
 
 const EdsIconClose = class {
@@ -7,7 +7,7 @@ const EdsIconClose = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '947f6615e8ee155be98b379a9c771cc0d453becd', class: this.class, innerHTML: close });
+        return h("span", { key: '8e4dedef0fe684fdd6078db8005661e49207da55', class: this.class, innerHTML: close });
     }
 };
 

package/dist/esm/eds-icon-copy.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { c as copy } from './copy-03b72cb6.js';
 
 const EdsIconCopy = class {
@@ -7,7 +7,7 @@ const EdsIconCopy = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '1e23d4493d5a1d07bc794da20cc4e445a87d56b0', class: this.class, innerHTML: copy });
+        return h("span", { key: 'ff014a9761d8380a9fd8c97d3dd483b8d6fc786c', class: this.class, innerHTML: copy });
     }
 };
 

package/dist/esm/eds-icon-eu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { e as euSvg } from './eu-9ddde93a.js';
 
 const EdsIconEu = class {
@@ -7,7 +7,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '14254e1b9d43562e6f3f943de22aa8dd4d89a044', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '3888f0338df2496c334d95dbcb52a0e39906362d', class: this.class, innerHTML: euSvg });
     }
 };
 

package/dist/esm/eds-icon-facebook.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { f as facebook } from './facebook-9cb5c17f.js';
 
 const EdsIconFacebook = class {
@@ -7,7 +7,7 @@ const EdsIconFacebook = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '902598891dfe926f92ce5d30dc135896c6eccd43', class: this.class, innerHTML: facebook });
+        return h("span", { key: '62aec1f1d6b8e4844be83c94471b64a30c1212b9', class: this.class, innerHTML: facebook });
     }
 };
 

package/dist/esm/eds-icon-gitlab.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { g as gitlabBlack } from './mono-53f70232.js';
 
 const EdsIconGitlab = class {
@@ -7,7 +7,7 @@ const EdsIconGitlab = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '128f9265dfc1aee95586ba0a3fd20dd131678893', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: '54ba107f89476040a8efb43b9e1239316c81a43f', class: this.class, innerHTML: gitlabBlack });
     }
 };
 

package/dist/esm/eds-icon-linkedin.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { l as linkedin } from './linkedin-e8650abb.js';
 
 const EdsIconLinkedin = class {
@@ -7,7 +7,7 @@ const EdsIconLinkedin = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '0f9675a371ca7bb460882c04bf2bb0c103273a0d', class: this.class, innerHTML: linkedin });
+        return h("span", { key: '72eb0709ccbfc7830ab146f936a2587407feb0bb', class: this.class, innerHTML: linkedin });
     }
 };
 

package/dist/esm/eds-icon-loader.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { l as loader } from './loader-c9628637.js';
 
 const EdsIconLoader = class {
@@ -7,7 +7,7 @@ const EdsIconLoader = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f11c60068baa2d2398056b3d7f04129d9deb4517', class: this.class, innerHTML: loader });
+        return h("span", { key: '484dd0712392f0ea05389a0fc0039580f69ca37c', class: this.class, innerHTML: loader });
     }
 };
 

package/dist/esm/eds-icon-mastodon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { m as mastodon } from './mastodon-3703ec61.js';
 
 const EdsIconMastodon = class {
@@ -7,7 +7,7 @@ const EdsIconMastodon = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '1f68e5d0b6f8455f40bf94f6095eceff00b7887e', class: this.class, innerHTML: mastodon });
+        return h("span", { key: '5388b5cef5d643984157e0bed9263e83934dc7e3', class: this.class, innerHTML: mastodon });
     }
 };
 

package/dist/esm/eds-icon-menu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { m as menu } from './menu-340ea948.js';
 
 const EdsIconMenu = class {
@@ -7,7 +7,7 @@ const EdsIconMenu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '0084602c8e870b70caa66479f71bed3bd0cce94e', class: this.class, innerHTML: menu });
+        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: menu });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { m as more } from './more-4449d549.js';
 
 const EdsIconMore = class {
@@ -7,7 +7,7 @@ const EdsIconMore = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: more });
+        return h("span", { key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0', class: this.class, innerHTML: more });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { s as search } from './search-fbcd79c2.js';
 
 const EdsIconSearch = class {
@@ -7,7 +7,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '42acc730afd956c2884b0789b3ea37ccf323630b', class: this.class, innerHTML: search });
+        return h("span", { key: 'fc5e231865da99977c418a32e0fe30e36075f295', class: this.class, innerHTML: search });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { s as star } from './star-0da9b5e9.js';
+
+const EdsIconStar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'cb31d12146ff577195650b502f51005092404a30', class: this.class, innerHTML: star });
+    }
+};
+
+export { EdsIconStar as eds_icon_star };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { s as success } from './success-443809da.js';
 
 const EdsIconSuccess = class {
@@ -7,7 +7,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: success });
+        return h("span", { key: '845a157678b9d059b2c9bd8a6265d3a62f33c31a', class: this.class, innerHTML: success });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { t as thumbsDown } from './thumbs-down-a18fd049.js';
+
+const EdsIconThumbsDown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '62cee210c76ea8c63367ad8ab9a9322707c933fd', class: this.class, innerHTML: thumbsDown });
+    }
+};
+
+export { EdsIconThumbsDown as eds_icon_thumbs_down };

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { t as thumbsUp } from './thumbs-up-c19a71bc.js';
+
+const EdsIconThumbsUp = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'f72d46f6685d3251254eaa0a2c2ce8aaca177a2e', class: this.class, innerHTML: thumbsUp });
+    }
+};
+
+export { EdsIconThumbsUp as eds_icon_thumbs_up };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { t as twitter } from './twitter-ac21b505.js';
 
 const EdsIconTwitter = class {
@@ -7,7 +7,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c', class: this.class, innerHTML: twitter });
+        return h("span", { key: 'cd91bfb2003e955cfb02b5efc28e13b54cc3b7e6', class: this.class, innerHTML: twitter });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { u as user } from './user-71ebdc15.js';
 
 const EdsIconUser = class {
@@ -7,7 +7,7 @@ const EdsIconUser = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'cb31d12146ff577195650b502f51005092404a30', class: this.class, innerHTML: user });
+        return h("span", { key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8', class: this.class, innerHTML: user });
     }
 };
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 import { y as youtube } from './youtube-efbfbdc4.js';
 
 const EdsIconYoutube = class {
@@ -7,7 +7,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4eba69bfec926b7a3490feee15b5947a8ab8a7b9', class: this.class, innerHTML: youtube });
+        return h("span", { key: '1a7ad8d7cbef70822ebda2f152d8b537df1eaf27', class: this.class, innerHTML: youtube });
     }
 };
 

package/dist/esm/{keycloak-d502ec16.js → eds-login_2.entry.js}

@@ -1,3 +1,6 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-8a71b9a7.js';
+import { t as toast } from './toastManager-d9eee791.js';
+
 /*
  * Copyright 2016 Red Hat, Inc. and/or its affiliates
  * and other contributors as indicated by the @author tags.
@@ -1945,4 +1948,139 @@ async function checkServerAvailability(url) {
     }
 }
 
-export { logout as a, isAuthenticated as b, checkServerAvailability as c, getUser as g, initKeycloak as i, login as l };
+const EdsLogin = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.keycloak = createEvent(this, "keycloak", 7);
+        this.auth = createEvent(this, "auth", 7);
+        /**
+         * Handles user login by invoking the Keycloak `login` function.
+         * Only triggers login if the user is not already authenticated.
+         */
+        this.handleLogin = async () => {
+            if (!this.authenticated) {
+                try {
+                    await login();
+                }
+                catch (error) {
+                    toast.show(error.message, 'error');
+                }
+            }
+        };
+        /**
+         * Handles user logout by invoking the Keycloak `logout` function.
+         * Resets the `authenticated` state to `false` after logout.
+         */
+        this.handleLogout = async () => {
+            try {
+                await logout();
+            }
+            catch (error) {
+                toast.show(error.message, 'error');
+            }
+            this.authenticated = false;
+            this.user = null;
+        };
+        this.keycloakUrl = undefined;
+        this.keycloakRealm = undefined;
+        this.keycloakClientId = undefined;
+        this.authenticated = false;
+        this.user = null;
+        this.serverAvailable = false;
+    }
+    /**
+     * Lifecycle method that runs when the component is about to load.
+     * It initializes authentication by calling the `initAuth` method.
+     */
+    async componentWillLoad() {
+        // Check if required props are provided (optional check)
+        if (!this.keycloakUrl || !this.keycloakRealm || !this.keycloakClientId) {
+            // eslint-disable-next-line
+            console.error('Keycloak configuration props are missing.');
+            return;
+        }
+        this.serverAvailable = await checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`);
+        if (!this.serverAvailable) {
+            toast.show('Keycloak server is unavailable.', 'error');
+            return; // Do not proceed further
+        }
+        await this.initAuth();
+    }
+    /**
+     * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
+     * Sets the `authenticated` state and `user` data if the user is authenticated.
+     * Emits `authStatusChanged` event with the authentication status.
+     */
+    async initAuth() {
+        try {
+            const res = await initKeycloak({
+                url: this.keycloakUrl,
+                realm: this.keycloakRealm,
+                clientId: this.keycloakClientId
+            }, true);
+            this.keycloak.emit({
+                init: res
+            });
+            if (isAuthenticated()) {
+                this.user = getUser();
+                this.authenticated = true;
+                this.auth.emit({
+                    authenticated: this.authenticated,
+                    user: this.user
+                }); // Emit auth status change
+            }
+        }
+        catch (error) {
+            toast.show(error.message, 'error');
+        }
+    }
+    render() {
+        return (h("div", { key: '074566b791eeb9ea4a0558b4ed83a96e4b673356', class: "block" }, !this.authenticated && (h("eds-button", { key: '3a05ff97a90d73204eb77c5dad0d328294d72d3e', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
+    }
+};
+
+const edsSplashScreenCss = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}";
+const EdsSplashScreenStyle0 = edsSplashScreenCss;
+
+const EdsSplashScreen = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.splash = createEvent(this, "splash", 7);
+        this.inverse = false;
+        this.initPromise = undefined;
+        this.isVisible = true;
+    }
+    componentWillLoad() {
+        // If an initialization promise is provided, wait for it.
+        if (this.initPromise) {
+            this.initPromise
+                .then(() => {
+                // eslint-disable-next-line
+                console.log('Promises resolved');
+                this.hideSplash();
+            })
+                .catch((error) => {
+                // eslint-disable-next-line
+                console.error('Initialization error:', error);
+                this.splash.emit({ type: 'error', message: error.message || 'Unknown error' });
+                //this.hideSplash();
+            });
+        }
+    }
+    handleHideSplash() {
+        this.hideSplash();
+    }
+    hideSplash() {
+        this.isVisible = false;
+        this.splash.emit({ type: 'hidden', message: 'Splash screen hidden successfully' });
+    }
+    render() {
+        if (!this.isVisible) {
+            return null;
+        }
+        return (h(Host, null, h("div", { class: "splash-overlay", style: { background: this.inverse ? 'black' : 'var(--grey-200)' } }, h("div", { class: "logo-container" }, this.inverse ? (h("eds-logo", { orientation: "vertical", type: "color-white" })) : (h("eds-logo", { orientation: "vertical", type: "color" }))), h("div", { class: "content-container" }, h("eds-spinner", { size: "1rem", thickness: "3px", "border-color": "var(--grey-400)", "bottom-color": "var(--grey-900)", background: "none", fullscreen: false })))));
+    }
+};
+EdsSplashScreen.style = EdsSplashScreenStyle0;
+
+export { EdsLogin as eds_login, EdsSplashScreen as eds_splash_screen };

package/dist/esm/eds-logo-variations.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 
 const EdsLogoVariations = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const EdsLogoVariations = class {
         }
     }
     render() {
-        return h("div", { key: '0494cbb3e7b4902e91a0c78c691bc3405b9f11cc', class: "container" }, this.renderContent());
+        return h("div", { key: '0b23fee608fcbe7059fce155bd65a0c0a4d16e07', class: "container" }, this.renderContent());
     }
 };