@ebrains/components 0.8.0-alpha.0 → 0.9.1-beta

package/dist/esm/{eds-card-desc_3.entry.js → eds-card-desc_2.entry.js}

@@ -1,5 +1,4 @@
 import { r as registerInstance, h } from './index-8a71b9a7.js';
-import { c as cva } from './index-39c58238.js';
 
 const edsCardDescCss = ".f-ui-02-light{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)}.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)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
 const EdsCardDescStyle0 = edsCardDescCss;
@@ -71,37 +70,4 @@ const EdsCardTitle = class {
 };
 EdsCardTitle.style = EdsCardTitleStyle0;
 
-const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
-const EdsTagStyle0 = edsTagCss;
-
-// Define the CVA for the tag styles
-const tagStyles = cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'], // Base classes
-{
-    variants: {
-        intent: {
-            default: 'border-default',
-            strong: 'text-inverse bg-strongest border-default',
-            accent: 'text-[#0034CB] border-[#0034CB]',
-            weak: 'text-light bg-strongest-soft border-transparent',
-            inverse: 'border-inverse text-inverse',
-            'inverse-strong': 'bg-inverse border-inverse text-lighter'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsTag = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.label = undefined;
-        this.intent = 'default';
-    }
-    render() {
-        const classes = tagStyles({ intent: this.intent });
-        return h("span", { key: '314cc7432e8a56cf4676982180ada160c7b14746', class: classes }, this.label);
-    }
-};
-EdsTag.style = EdsTagStyle0;
-
-export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title, EdsTag as eds_tag };
+export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title };

package/dist/esm/eds-card-generic.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-8a71b9a7.js';
 import { p as parseData } from './sharedUtils-a550989c.js';
 import { s as sendAnalytics } from './analytics-44b1416b.js';
 
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
+const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
 const EdsCardGenericStyle0 = edsCardGenericCss;
 
 const EdsCardGeneric = class {
@@ -79,7 +79,7 @@ const EdsCardGeneric = class {
         });
     }
     render() {
-        return (h("article", { key: '440a448c841370838c0c66610bd1266b46f66541', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: '292d93a9a993c6dcbfd276097a21d3984b1794c4', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: 'cb5c191f6c190fb6edb46446187dbf6b8c1b778b', class: "flex flex-wrap gap-y-4" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
+        return (h("article", { key: '440a448c841370838c0c66610bd1266b46f66541', class: this.articleClasses(), onClick: () => this.handleClick() }, h("eds-card-title", { key: '292d93a9a993c6dcbfd276097a21d3984b1794c4', "heading-level": this.headingLevel, titleClass: this.image ? 'f-ui-01' : undefined, "card-title": this.cardTitle, url: this.url, hierarchy: this.hierarchy }), this.description && (h("eds-card-desc", { key: '4b304cc3c65a42b3b1bcbebd9968c45e79cdabf7', class: "mt-8", "truncate-lines": "3", description: this.description })), this.parsedImage ? (h("eds-img", Object.assign({ class: "mt-8" }, this.parsedImage))) : this.avatar || this.shortAbbreviation ? (h("eds-avatar", { class: "order-first mb-12", picture: this.avatar, initials: this.shortAbbreviation })) : null, h("div", { key: '8bdcbbe2982a450843e9ada727e3f6eb62872ae1', class: "flex flex-wrap gap-y-4 gap-x-1" }, this.parsedTags.map((tag, index) => (h("eds-tag", { key: index, intent: tag.style, label: tag.label })))), ' '));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/eds-cookies-preference.entry.js

@@ -27,7 +27,7 @@ const EdsCookiesPreference = class {
         }
     }
     render() {
-        return (h("div", { key: '13e1244d4e151f091eaca1d22dbed009bcb97786' }, h("eds-link", { key: '4cfc54b447c93824f98da1f990a28fdb61018afe', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: 'fe3330180b8f3a5ff6b02156f5d76afb8cdf7edd' }, h("eds-link", { key: 'c5d63e486cb63bcb28b89babe606ac1eae525fe0', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
 };
 EdsCookiesPreference.style = EdsCookiesPreferenceStyle0;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8a71b9a7.js';
 import { p as parseData } from './sharedUtils-a550989c.js';
 
-const edsFeedbackCss = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.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-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.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-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}";
+const edsFeedbackCss = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.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-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.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-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.inline{display:inline}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}";
 const EdsFeedbackStyle0 = edsFeedbackCss;
 
 const EdsFeedback = class {
@@ -53,7 +53,7 @@ const EdsFeedback = class {
         this.selectedRating = e.detail;
     }
     render() {
-        return (h("div", { key: '3cdbbc2eb256ca4f2008f03e90ae9aacb6afbaac', class: "grid inline" }, h("p", { key: 'afb5aa7ab4a8c3117a4db0a5cbeca0195ccec3e8', class: "f-heading-03 my-4" }, this.label), h("p", { key: '9b1b83b31d05d10943bcf9e9a413686caa9e49a7', class: "f-body-02 text-light" }, this.description), h("eds-rating", { key: '4535006f72ee21d168d9b42da6a5c3528417d2f4', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'b90b59aaae1e2bc6071e1488f332d0c154bdb25a', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: '5fbf2af8386c318134b64c1323553bc00ee2fe2c', class: "grid inline" }, h("h1", { key: 'f5ec1e3cbbfa9c1d549a69c76e01609253c6dfea', class: "f-heading-01 my-4" }, this.label), h("p", { key: '60348466e10a5295fdb861f512c1037cdf8fbf27', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: 'ed559e7844c20081e82ccc0cddd4a34691a7ad1d', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'b4ab49d3c936649c75714ef2cd9fc09f9a213437', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     get el() { return getElement(this); }
 };

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

@@ -7,10 +7,10 @@ const EdsFrame = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.frameLabel = undefined;
-        this.urlLabel = 'Open in Storybook';
-        this.errorMessage = 'Could not load the requested Storybook content. Please check the URL or try again later.';
-        this.storybookUrl = undefined;
-        this.storyPath = undefined;
+        this.frameSrc = undefined;
+        this.urlLabel = 'Open';
+        this.errorMessage = 'Could not load the requested content. Please check the URL or try again later.';
+        this.url = undefined;
         this.intent = 'strong';
         this.size = 'auto';
         this.iframeError = false;
@@ -71,14 +71,8 @@ const EdsFrame = class {
             this.iframeError = true;
         }
     }
-    get storyLink() {
-        return `${this.storybookUrl}/?path=/story/${this.storyPath}`;
-    }
-    get frameSrc() {
-        return `${this.storybookUrl}/iframe.html?id=${this.storyPath}&viewMode=story`;
-    }
     render() {
-        return (h("div", { key: '387b8a4cb8f300a5a6b82287369f123b33613616', class: this.articleClasses() }, h("div", { key: '8db6b1b5aecdaf2722786db85b2d3cf5b4bccac4', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '696cb266ffbaeb8325c274c646668ba0d8beb751', 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: '9841812873efe999746eb008dd5e606e89efdb71', 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 })))));
+        return (h("div", { key: 'b26229611868992daf5f4ca5037e1e10b2540ee5', class: this.articleClasses() }, h("div", { key: '4cf9ff78b27ce7f88db50feccc9d267c2e727a2c', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'bf2c1607d3fcbbf152691ec4e6134e737f6d1082', class: "f-ui-02" }, this.frameLabel), !this.iframeError ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'd9f059766c509d7325ea734c63e29d7995cc8065', 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); }
 };

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

@@ -7,7 +7,7 @@ const EdsIconBluesky = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '79800c239aca2980caac99b21bc5ed025801f11b', class: this.class, innerHTML: bluesky });
+        return h("span", { key: 'a06ab2e79a1ec7603244ec09649ccc2c9ea1950c', class: this.class, innerHTML: bluesky });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { b as bookmark } from './bookmark-c200037c.js';
+
+const EdsIconBookmark = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '9cc4aa1805e43ca6275305e26d2fff79e2818862', class: this.class, innerHTML: bookmark });
+    }
+};
+
+export { EdsIconBookmark as eds_icon_bookmark };

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

@@ -7,7 +7,7 @@ const EdsIconClose = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'cdc9ce68b682f85cd180461ec58ec0a402833941', class: this.class, innerHTML: close });
+        return h("span", { key: '95690e0a265a88172a33edfa456de45a9943578f', class: this.class, innerHTML: close });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconCopy = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'cf0aeae1e95d6bf9fab75d9153b28395821bc41a', class: this.class, innerHTML: copy });
+        return h("span", { key: '2f2e67b6792ca2c4aa711526a3d69e7a9779e159', class: this.class, innerHTML: copy });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconEu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b05d83668879b6f05e20bb569f98b5614b134594', class: this.class, innerHTML: euSvg });
+        return h("span", { key: '9758d733a6bdc751f059588ca8c3bc916f430968', class: this.class, innerHTML: euSvg });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { a as arrowDiagonal } from './arrow-diagonal-black-8f0494c3.js';
+
+const EdsIconExternal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '8b5169456f56b7294d86af4e75a9aeec20a20174', class: this.class, innerHTML: arrowDiagonal });
+    }
+};
+
+export { EdsIconExternal as eds_icon_external };

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

@@ -7,7 +7,7 @@ const EdsIconFacebook = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '1c2cc23670adff6ad51800e71c43e91381a0b15e', class: this.class, innerHTML: facebook });
+        return h("span", { key: '62aec1f1d6b8e4844be83c94471b64a30c1212b9', class: this.class, innerHTML: facebook });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconGitlab = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '844a286865abb7d1cb0037126dda71edf53e05a3', class: this.class, innerHTML: gitlabBlack });
+        return h("span", { key: '804e76ad1a00913b2e5ac695e43eeb33f1fd9727', class: this.class, innerHTML: gitlabBlack });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconLinkedin = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '39c4f238655f348f385886861ce5f0c5098f39ec', class: this.class, innerHTML: linkedin });
+        return h("span", { key: '72eb0709ccbfc7830ab146f936a2587407feb0bb', class: this.class, innerHTML: linkedin });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconLoader = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '00c35977290c38061fd73a30d4187d43efae102e', class: this.class, innerHTML: loader });
+        return h("span", { key: 'c7d6b2dae9717ba0e99a8ecb98e4f9b02c45be6d', class: this.class, innerHTML: loader });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconMastodon = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '3a5ecd9141abeac3ee4e51e31eb10b3e14e4c0ab', class: this.class, innerHTML: mastodon });
+        return h("span", { key: '5388b5cef5d643984157e0bed9263e83934dc7e3', class: this.class, innerHTML: mastodon });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconMenu = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd4c98e638eaa5cb15ff671d989fd40ae84f59b1a', class: this.class, innerHTML: menu });
+        return h("span", { key: '3fcbaa6aba76b06be9f4e72bf7c61a0c3fbae9fd', class: this.class, innerHTML: menu });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { m as minus } from './minus-b30a7c71.js';
+
+const EdsIconMinus = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'e615c57f7195878310f596124ede34304fcce5e1', class: this.class, innerHTML: minus });
+    }
+};
+
+export { EdsIconMinus as eds_icon_minus };

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

@@ -7,7 +7,7 @@ const EdsIconMore = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'e9500869c3e6bcff5cfc460596cc5632d93885a1', class: this.class, innerHTML: more });
+        return h("span", { key: '770c34b98ec0e0a7e16de4d7b5b41b4afec9911e', class: this.class, innerHTML: more });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { p as paper } from './paper-8e74ea31.js';
+
+const EdsIconPaper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'cb9f7af8825527f86c200203611dae752cb3d647', class: this.class, innerHTML: paper });
+    }
+};
+
+export { EdsIconPaper as eds_icon_paper };

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { p as plus } from './plus-89c07be2.js';
+
+const EdsIconPlus = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '75a9d03500e01cc9d5f7b19a5afd2491ad2e6fee', class: this.class, innerHTML: plus });
+    }
+};
+
+export { EdsIconPlus as eds_icon_plus };

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { p as portal } from './portal-d6c8ce56.js';
+
+const EdsIconPortal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '260c4eeb69ff79d943571c1461346b9019ea513a', class: this.class, innerHTML: portal });
+    }
+};
+
+export { EdsIconPortal as eds_icon_portal };

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { p as privat } from './private-1c25ff8e.js';
+
+const EdsIconPrivate = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'd57700e721a421e4c970a1e643d92548fcf2b18c', class: this.class, innerHTML: privat });
+    }
+};
+
+export { EdsIconPrivate as eds_icon_private };

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { p as pub } from './public-d4d8c585.js';
+
+const EdsIconPublic = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: 'b3a338684e00d2d612a49734cbb3cfd8e44b4eee', class: this.class, innerHTML: pub });
+    }
+};
+
+export { EdsIconPublic as eds_icon_public };

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

@@ -7,7 +7,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '994194ec98bb519584b4ba72fa630c3ded51d26e', class: this.class, innerHTML: search });
+        return h("span", { key: '6795d973d3a1fff27c2fd6181235d0284abaf3b7', class: this.class, innerHTML: search });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconStar = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'f9dcfa2e4c9cc938f3fd994ca3637c80f0495028', class: this.class, innerHTML: star });
+        return h("span", { key: 'dd9df55fa03c1b27f2f931c7d07ccc69ee940ff4', class: this.class, innerHTML: star });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '77c30814dc10c8de54368bd9d1282da4d81df555', class: this.class, innerHTML: success });
+        return h("span", { key: 'e0e594e8a715e0cbaf87280f2b4c55b017dc07ba', class: this.class, innerHTML: success });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c46717d76f06b3d3a52d5072b85f5886aa75d321', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: '94d79a5d32574820ab3459708e3d8c4a3f28f79f', class: this.class, innerHTML: thumbsDown });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconThumbsUp = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ddfcfc0690d869c16402c265219faa73e1f324b2', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: 'd7f5361ec8f863891c79de15966d546bae782c0a', class: this.class, innerHTML: thumbsUp });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { t as tutorial } from './tutotial-150ee1fd.js';
+
+const EdsIconTutorial = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '9db1730236b54d01a4264e92465f9a953325f7ca', class: this.class, innerHTML: tutorial });
+    }
+};
+
+export { EdsIconTutorial as eds_icon_tutorial };

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

@@ -7,7 +7,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'e0e594e8a715e0cbaf87280f2b4c55b017dc07ba', class: this.class, innerHTML: twitter });
+        return h("span", { key: 'cd91bfb2003e955cfb02b5efc28e13b54cc3b7e6', class: this.class, innerHTML: twitter });
     }
 };
 

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { u as unknown } from './unknown-ed01a24c.js';
+
+const EdsIconUnknown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '259a1fae59093dd4e1fd6d26e07aae0e8c3de2fd', class: this.class, innerHTML: unknown });
+    }
+};
+
+export { EdsIconUnknown as eds_icon_unknown };

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

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { u as upDonw } from './up-and-down-d747abee.js';
+
+const EdsIconUpdown = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.class = '';
+    }
+    render() {
+        return h("span", { key: '9383784da3e52d22395288f8eba5b6f4ee826aa5', class: this.class, innerHTML: upDonw });
+    }
+};
+
+export { EdsIconUpdown as eds_icon_updown };

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

@@ -7,7 +7,7 @@ const EdsIconUser = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'ff014a9761d8380a9fd8c97d3dd483b8d6fc786c', class: this.class, innerHTML: user });
+        return h("span", { key: '15fa7c4b7d2dea5740d0926bb1ff6490b23667f8', class: this.class, innerHTML: user });
     }
 };
 

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

@@ -7,7 +7,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: youtube });
+        return h("span", { key: '1a7ad8d7cbef70822ebda2f152d8b537df1eaf27', class: this.class, innerHTML: youtube });
     }
 };
 

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

@@ -2035,7 +2035,7 @@ const EdsLogin = class {
         }
     }
     render() {
-        return (h("div", { key: 'dace7b16af2f945e4981c9ef139f4c2ae94e130c', class: "block" }, !this.authenticated && (h("eds-button", { key: 'a8d0bd545e8ae4a159b5977d50d05ae27dec7df3', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
+        return (h("div", { key: 'ac10895096f36f2fb3a79622972d5a8c519685eb', class: "block" }, !this.authenticated && (h("eds-button", { key: '55aab5ee63214d6a1ccdefc303273df99aa309cf', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
     }
 };
 
@@ -2050,21 +2050,27 @@ const EdsSplashScreen = class {
         this.initPromise = undefined;
         this.isVisible = true;
     }
+    // When the component loads, check if there is a promise.
     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();
-            });
+            this.handleInitPromise(this.initPromise);
+        }
+    }
+    // Watch for changes on initPromise.
+    async watchInitPromise(newPromise) {
+        if (newPromise) {
+            this.handleInitPromise(newPromise);
+        }
+    }
+    async handleInitPromise(promise) {
+        try {
+            await promise;
+            //console.log('Promises resolved');
+            this.hideSplash();
+        }
+        catch (error) {
+            //console.error('Initialization error:', error);
+            this.splash.emit({ type: 'error', message: error.message || 'Unknown error' });
         }
     }
     handleHideSplash() {
@@ -2080,6 +2086,9 @@ const EdsSplashScreen = class {
         }
         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 })))));
     }
+    static get watchers() { return {
+        "initPromise": ["watchInitPromise"]
+    }; }
 };
 EdsSplashScreen.style = EdsSplashScreenStyle0;