@ebrains/components 0.2.0-alpha.0 → 0.4.0-alpha.0

package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.css

@@ -1,37 +1,51 @@
 .toast-container {
-    position: fixed;
-    top: 1rem; /* Top margin */
-    left: 50%; /* Center the container */
-    transform: translateX(-50%); /* Center alignment adjustment */
-    z-index: 50; /* Ensure it's on top of everything */
-    display: flex;
-    flex-direction: column; /* Stack toasts vertically */
-    align-items: center; /* Align toasts in the center */
-    gap: 1rem; /* Space between toasts */
-    width: 100%; /* Full-width container */
-    max-width: 36rem; /* Limit max width to avoid overly wide toasts */
+  position: fixed;
+  top: 1rem;
+  /* Top margin */
+  left: 50%;
+  /* Center the container */
+  transform: translateX(-50%);
+  /* Center alignment adjustment */
+  z-index: 50;
+  /* Ensure it's on top of everything */
+  display: flex;
+  flex-direction: column;
+  /* Stack toasts vertically */
+  align-items: center;
+  /* Align toasts in the center */
+  gap: 1rem;
+  /* Space between toasts */
+  width: 100%;
+  /* Full-width container */
+  max-width: 36rem;
+  /* Limit max width to avoid overly wide toasts */
+}
+
+.toast-wrapper {
+  width: 100%;
+  /* Each toast takes full width of the container */
+  padding: 0 1rem;
+  /* Horizontal padding */
+}
+
+.eds-toast {
+  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+  /* Add subtle shadow */
+  border-radius: 0.5rem;
+  /* Rounded corners for visual appeal */
+  animation: fade-in 0.3s ease-out;
+  /* Smooth fade-in effect */
+}
+
+/* Fade-in animation */
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
   }
-  
-  .toast-wrapper {
-    width: 100%; /* Each toast takes full width of the container */
-    padding: 0 1rem; /* Horizontal padding */
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
   }
-  
-  .eds-toast {
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
-    border-radius: 0.5rem; /* Rounded corners for visual appeal */
-    animation: fade-in 0.3s ease-out; /* Smooth fade-in effect */
-  }
-  
-  /* Fade-in animation */
-  @keyframes fade-in {
-    from {
-      opacity: 0;
-      transform: translateY(-10px);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-  
+}

package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.js

@@ -28,7 +28,7 @@ export class EdsToastManager {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (h("div", { key: '8fc238fb8e0b463c286ca21f2525cae8fd738684', 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: '459148404380e386117387f42183e24a069b2de6', 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) }))))));
     }
     static get is() { return "eds-toast-manager"; }
     static get originalStyleUrls() {

package/dist/collection/shared-ui/eds-user/eds-user.js

@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { initKeycloak, isAuthenticated, getUser, login, logout, checkServerAvailability } from "../../utils/keycloak";
-import { toast } from "../../utils/toastManager";
 /**
  * `EdsUser` is a user authentication component for managing and displaying
  * the user's authentication state using Keycloak. It provides login and logout
@@ -27,6 +26,7 @@ export class EdsUser {
         this.handleLogout = () => {
             logout();
             this.authenticated = false;
+            this.user = null;
         };
         this.keycloakUrl = undefined;
         this.keycloakRealm = undefined;
@@ -41,9 +41,15 @@ export class EdsUser {
      * 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');
+            //toast.show('Keycloak server is unavailable.', 'error');
             return; // Do not proceed further
         }
         await this.initAuth();
@@ -62,15 +68,15 @@ export class EdsUser {
             };
             await initKeycloak(keycloakConfig, true);
             // Set authentication state and fetch user data if authenticated
-            this.authenticated = isAuthenticated();
-            if (this.authenticated) {
+            //this.authenticated = isAuthenticated();
+            if (isAuthenticated()) {
                 this.user = getUser();
+                this.authenticated = true;
             }
             this.authStatusChanged.emit({
                 authenticated: this.authenticated,
                 user: this.user
             }); // Emit auth status change
-            toast.show(`Welcome back, ${this.user.username}`, 'success');
         }
         catch (error) {
             // eslint-disable-next-line
@@ -83,7 +89,7 @@ export class EdsUser {
         if (!this.serverAvailable) {
             return null;
         }
-        return (h("div", { class: "block" }, !this.authenticated ? (h("eds-button", { label: "Login", intent: "primary", onClick: this.handleLogin.bind(this), 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", { 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) }))))));
     }
     static get is() { return "eds-user"; }
     static get properties() {

package/dist/collection/shared-ui/eds-user-modal/eds-user-modal.js

@@ -30,19 +30,9 @@ export class EdsUserModal {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '70a619795f9f0e5ed619cce77c95b7661beb2c63', class: "min-w-[280px] p-8" }, h("div", { key: '01bfe265178130ca0398592087f2420f7509d018', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, h("eds-avatar", { key: 'fcb0cc8aa22e11763c342bc4247343485f6ded90', "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: '70d5c334cc98e9bdc22e0129a7c3c0b8d616cb0d', class: "max-w-full" }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && (h("p", { key: 'f30cccaa393dd1274d156640ed649893de3f2a0b', 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: '5256c0bc39ca675b05d654c6d0ad72da948df58e', 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: '892a3d85052c62e11cd775c2d91c55f572df745b', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), h("div", { key: '98e1f6605a8e312a1e7c340d21e0240a1e980e04', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, h("div", { key: 'd4ed22d8dc1bf4d1fd7c64b388e53df2a1e48957', class: "border-softer mb-10 border-b-2 pb-16" }, h("eds-link", { key: '98d69c840a87b15d537442ca0c1f2890175532ff', 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: '8c3c341626f0ca5fd217aea8939d44c7cf3e0ed3', label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })))));
+        return (h("div", { key: 'ad99ddd7c2710ef90840a5571ab6a161178cacc0', class: "min-w-[280px] p-8" }, h("div", { key: 'd1da12f3a965fa7503fb3e00566db0796b803352', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, h("eds-avatar", { key: 'c3d3ca80a9d23cc88f8ee6801b29995138c9b7c6', "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: '4efe378b3a9ce76d35e642db150be13d0434db72', class: "max-w-full" }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && (h("p", { key: '1068082a2894e3c3e3f77d1eea923f9c39d8766c', 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: 'b86e08b806a37c9957bca7f9ee268303e7ace134', 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: 'b3514920e1eb4906cb7f7705bfbc986166e84946', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), h("div", { key: '61941fa0a19a19087da886a73d85d7e438d2c0b0', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, h("div", { key: '5ad2be1763726c9d794b78a2593106fd8ba1dc7b', class: "border-softer mb-10 border-b-2 pb-16" }, h("eds-link", { key: 'dbe3a9de56bf5ccc26426ddb831f2d1a27a0e6ff', 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: '642890827e2fa6735bc616e680dbda481c2c0053', label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })))));
     }
     static get is() { return "eds-user-modal"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["eds-user-modal.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["eds-user-modal.css"]
-        };
-    }
     static get properties() {
         return {
             "user": {

package/dist/components/analytics.js

@@ -4,7 +4,7 @@ function isMatomoAvailable() {
 }
 // General function to push data to Matomo
 function pushToMatomo(action, ...args) {
-    console.log('Pushing Matomo');
+    //console.log('Pushing Matomo')
     if (isMatomoAvailable()) {
         window._paq.push([action, ...args]);
     }
@@ -17,7 +17,7 @@ function sendAnalytics(eventData) {
     var _a;
     if (!isMatomoAvailable()) {
         console.warn('Matomo is not available or not initialized.');
-        console.log(Object.assign({}, eventData));
+        //console.log({ ...eventData });
         return;
     }
     // Conditionally build the name field

package/dist/components/components.css

@@ -5733,6 +5733,9 @@ input[type="range"]::-webkit-slider-thumb {
 .bottom-0 {
   bottom: 0rem;
 }
+.bottom-20 {
+  bottom: 1.25rem;
+}
 .bottom-4 {
   bottom: 0.25rem;
 }
@@ -5745,6 +5748,9 @@ input[type="range"]::-webkit-slider-thumb {
 .left-1\/2 {
   left: 50%;
 }
+.left-20 {
+  left: 1.25rem;
+}
 .left-4 {
   left: 0.25rem;
 }
@@ -5754,6 +5760,9 @@ input[type="range"]::-webkit-slider-thumb {
 .right-0 {
   right: 0rem;
 }
+.right-20 {
+  right: 1.25rem;
+}
 .right-4 {
   right: 0.25rem;
 }
@@ -5772,6 +5781,9 @@ input[type="range"]::-webkit-slider-thumb {
 .top-16 {
   top: 1rem;
 }
+.top-20 {
+  top: 1.25rem;
+}
 .top-full {
   top: 100%;
 }
@@ -5823,6 +5835,14 @@ input[type="range"]::-webkit-slider-thumb {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
 }
+.my-4 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.my-8 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .-ml-16 {
   margin-left: -1rem;
 }
@@ -6118,12 +6138,6 @@ input[type="range"]::-webkit-slider-thumb {
 .grow {
   flex-grow: 1;
 }
-.table-auto {
-  table-layout: auto;
-}
-.border-collapse {
-  border-collapse: collapse;
-}
 .-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));
@@ -6520,10 +6534,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.py-2 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
 .py-20 {
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
@@ -6629,6 +6639,9 @@ input[type="range"]::-webkit-slider-thumb {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .\!text-current {
   color: currentColor !important;
 }
@@ -7135,6 +7148,9 @@ input[type="range"]::-webkit-slider-thumb {
   .md\:hidden {
     display: none;
   }
+  .md\:w-\[300px\] {
+    width: 300px;
+  }
   .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));
@@ -7169,6 +7185,9 @@ input[type="range"]::-webkit-slider-thumb {
   .lg\:hidden {
     display: none;
   }
+  .lg\:w-\[500px\] {
+    width: 500px;
+  }
   .lg\:w-auto {
     width: auto;
   }

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-7a8b9de5.js";export{s as setNonce}from"./p-7a8b9de5.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-3afafa59",[[4,"eds-form",{"smallAlert":[4,"small-alert"],"setFormUrl":[4,"set-form-url"],"submitBtn":[4,"submit-btn"],"submitBtnLabel":[1,"submit-btn-label"],"successMessage":[1,"success-message"],"errorMessage":[1,"error-message"],"submitBtnHintMessage":[1,"submit-btn-hint-message"],"endpoint":[1],"name":[1],"fields":[1],"coupleAuth":[4,"couple-auth"],"values":[32],"formSubmitted":[32],"hasError":[32],"errors":[32],"isSubmitting":[32],"alertMessage":[32],"isAuthenticated":[32],"authUser":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[4,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"inverseHeader":[4,"inverse-header"],"userFeature":[4,"user-feature"],"menuEnabled":[4,"menu-enabled"],"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}],[0,"eds-toast-manager",{"toasts":[32]}],[0,"eds-trl",{"applications":[1]}],[0,"eds-user",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"user":[32],"authenticated":[32],"serverAvailable":[32],"username":[32]}],[0,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}],[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]],[0,"eds-user-modal",{"user":[1],"links":[1],"onLogout":[16],"parsedUser":[32],"parsedLinks":[32]},null,{"user":["parseUserProp"],"links":["parseLinksProp"]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[1,"eds-card-desc",{"description":[1],"descClass":[1,"desc-class"],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"sliderVal":[32],"getInputElement":[64]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}],[1,"eds-tag",{"label":[1],"intent":[1]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1],"rounded":[4],"initialsStrong":[4,"initials-strong"]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleBreadcrumbContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-04e47e04",[[1,"eds-svg-repository"]]],["p-1bcfbaf1",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-0a3b2576",[[0,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleMenu","handleToggleMenu"]]]]],["p-9000b245",[[1,"eds-card-section",{"cards":[1],"cols":[2]}]]],["p-0c99ef81",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-e20ed2c7",[[1,"eds-card-tool",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"external":[4],"hierarchy":[4]}]]],["p-5eb32f03",[[0,"eds-docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-73bd0c97",[[0,"eds-card-project",{"image":[8],"editorialTitle":[1,"editorial-title"],"headingLevel":[1,"heading-level"],"categoryTitle":[1,"category-title"],"color":[1],"bgOnHover":[4,"bg-on-hover"],"vertical":[4],"titleProject":[1,"title-project"],"url":[1],"parsedImage":[32]}]]],["p-d9788b54",[[1,"eds-matomo-notice",{"title":[1],"description":[1],"showNotice":[32]}]]],["p-49958f77",[[0,"correct-use-of-colors"]]],["p-bca40434",[[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}]]],["p-32f282a9",[[0,"eds-frame",{"frameLabel":[1,"frame-label"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"storybookUrl":[1,"storybook-url"],"storyPath":[1,"story-path"],"intent":[1],"tiny":[4],"size":[1],"bg":[4],"iframeError":[32]}]]],["p-ebed87b8",[[0,"eds-login",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"authenticated":[32],"user":[32]}]]],["p-96c4deda",[[1,"eds-modal",{"title":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]}]]],["p-22762818",[[0,"eds-navigator",{"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"linkSize":[1,"link-size"],"linkIntent":[1,"link-intent"]}]]],["p-551c0b58",[[0,"token-ratios"]]],["p-c9c3cc49",[[0,"token-typography"]]],["p-02e2a62f",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-5ae9722b",[[0,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-9722811d",[[4,"eds-tabs-content",{"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-559b6ec9",[[1,"logo-variations-horizontal",{"orientation":[1],"type":[1]}]]],["p-b203eb1b",[[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-6fc62452",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-32cddd94",[[0,"eds-icon-arrow-diagonal",{"addClass":[1,"add-class"]}]]],["p-f7a6ce69",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-4037ad48",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-5aad9d3f",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-a44a1abe",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-145f13ad",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-5fc68438",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-8c56e39a",[[0,"eds-icon-close",{"class":[1]}]]],["p-490ba155",[[0,"eds-icon-copy",{"class":[1]}]]],["p-c2d369bc",[[0,"eds-icon-eu",{"class":[1]}]]],["p-d1670eec",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-bf0f851d",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-297b2bc3",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-4a24c2ce",[[0,"eds-icon-loader",{"class":[1]}]]],["p-673dce11",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-d6d86366",[[0,"eds-icon-menu",{"class":[1]}]]],["p-4932aab2",[[0,"eds-icon-more",{"class":[1]}]]],["p-846fc91c",[[0,"eds-icon-search",{"class":[1]}]]],["p-bdd86a3c",[[0,"eds-icon-success",{"class":[1]}]]],["p-388b4966",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-0c2e844e",[[0,"eds-icon-user",{"class":[1]}]]],["p-a4e9b68b",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-42b4ecff",[[1,"eds-rating",{"stars":[2],"label":[1],"textMapping":[8,"text-mapping"],"selectedRating":[32]}]]],["p-54c75346",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-3b40559e",[[0,"incorrect-use-of-colors"]]],["p-bb60412b",[[1,"logo-space"]]],["p-3a2e8ef3",[[1,"logo-wrong-usage"]]],["p-2d8508cd",[[0,"token-spacing"]]],["p-ff5de62c",[[1,"eds-table",{"data":[1],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"tableData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32]},null,{"data":["handleDataChange"],"config":["handleConfigChange"]}]]],["p-b33941a0",[[0,"eds-footer",{"extraClass":[1,"extra-class"],"social":[4],"hasCookiesSetUp":[4,"has-cookies-set-up"],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreference":[1,"cookies-preference"]}]]],["p-79887c2c",[[1,"eds-accordion",{"title":[1],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"minHeightContent":[4,"min-height-content"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32]}]]],["p-b14ef448",[[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}]]],["p-272d249f",[[1,"eds-social-networks",{"title":[1]}]]],["p-e74834bc",[[0,"eds-tab",{"label":[1],"url":[1],"active":[4],"ariaLabel":[1,"aria-label"]}]]],["p-b717f95a",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-df93db96",[[1,"eds-block-break",{"extraClass":[1,"extra-class"]}]]],["p-16458a81",[[4,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-e6bfbf51",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-ffec8755",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]]]'),e))));
+import{p as e,b as a}from"./p-7a8b9de5.js";export{s as setNonce}from"./p-7a8b9de5.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await t(),a(JSON.parse('[["p-855aa1a3",[[4,"eds-form",{"setFormUrl":[4,"set-form-url"],"submitBtn":[4,"submit-btn"],"submitBtnLabel":[1,"submit-btn-label"],"successMessage":[1,"success-message"],"errorMessage":[1,"error-message"],"submitBtnHintMessage":[1,"submit-btn-hint-message"],"endpoint":[1],"name":[1],"fields":[1],"coupleAuth":[4,"couple-auth"],"values":[32],"formSubmitted":[32],"hasError":[32],"errors":[32],"isSubmitting":[32],"alertMessage":[32],"isAuthenticated":[32],"authUser":[32],"parsedFields":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]],{"fields":["parseFields"]}],[4,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"inverseHeader":[4,"inverse-header"],"userFeature":[4,"user-feature"],"menuEnabled":[4,"menu-enabled"],"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[0,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleMenu","handleToggleMenu"]]],[0,"eds-toast-manager",{"toasts":[32]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[0,"eds-frame",{"frameLabel":[1,"frame-label"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"storybookUrl":[1,"storybook-url"],"storyPath":[1,"story-path"],"intent":[1],"tiny":[4],"size":[1],"bg":[4],"iframeError":[32]}],[1,"eds-modal",{"title":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"position":[1],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]}],[0,"eds-user",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"user":[32],"authenticated":[32],"serverAvailable":[32],"username":[32]}],[0,"eds-footer",{"extraClass":[1,"extra-class"],"social":[4],"hasCookiesSetUp":[4,"has-cookies-set-up"],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreference":[1,"cookies-preference"]}],[1,"eds-accordion",{"title":[1],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"minHeightContent":[4,"min-height-content"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32]}],[0,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]],[0,"eds-user-modal",{"user":[1],"links":[1],"onLogout":[16],"parsedUser":[32],"parsedLinks":[32]},null,{"user":["parseUserProp"],"links":["parseLinksProp"]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"isOpen":[32],"focusIndex":[32]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"]]],[1,"eds-social-networks",{"title":[1]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}],[1,"eds-block-break",{"extraClass":[1,"extra-class"]}],[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"onChange":[16],"onInput":[16],"type":[1],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"options":[1]}],[1,"eds-card-desc",{"description":[1],"descClass":[1,"desc-class"],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"labelKey":[1,"label-key"],"valueKey":[1,"value-key"],"value":[8],"dynamicOptions":[32],"loading":[32],"dynamicValueKey":[32],"dynamicLabelKey":[32]},null,{"options":["loadOptions"]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}],[0,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"sliderVal":[32],"getInputElement":[64]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1]}],[1,"eds-tag",{"label":[1],"intent":[1]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1],"rounded":[4],"initialsStrong":[4,"initials-strong"]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"extraClass":[1,"extra-class"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-c72c8fb0",[[0,"eds-trl",{"applications":[1]}]]],["p-762c8c83",[[1,"eds-svg-repository"]]],["p-87830085",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-b04eff31",[[1,"eds-card-section",{"cards":[1],"cols":[2]}]]],["p-ac0112d5",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-dd6daa96",[[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-610db2b2",[[1,"eds-card-tool",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"external":[4],"hierarchy":[4]}]]],["p-0910d733",[[0,"eds-docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-df94285c",[[0,"eds-card-project",{"image":[8],"editorialTitle":[1,"editorial-title"],"headingLevel":[1,"heading-level"],"categoryTitle":[1,"category-title"],"color":[1],"bgOnHover":[4,"bg-on-hover"],"vertical":[4],"titleProject":[1,"title-project"],"url":[1],"parsedImage":[32]}]]],["p-ae5dbd41",[[0,"eds-logo-variations",{"tabIndex":[2,"tab-index"]}]]],["p-35ec730b",[[1,"eds-matomo-notice",{"title":[1],"description":[1],"showNotice":[32]}]]],["p-acb16e1c",[[0,"incorrect-use-of-colors"]]],["p-5a43503a",[[0,"correct-use-of-colors"]]],["p-005de86f",[[1,"eds-login",{"keycloakUrl":[1,"keycloak-url"],"keycloakRealm":[1,"keycloak-realm"],"keycloakClientId":[1,"keycloak-client-id"],"authenticated":[32],"user":[32]}]]],["p-22762818",[[0,"eds-navigator",{"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"linkSize":[1,"link-size"],"linkIntent":[1,"link-intent"]}]]],["p-2851ff44",[[0,"token-ratios"]]],["p-22e6d7d5",[[0,"token-typography"]]],["p-832dc95a",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-8ddc67a1",[[0,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-ba6bafef",[[4,"eds-tabs-content",{"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-c3b294a0",[[4,"eds-card-wrapper",{"tiny":[4],"withBg":[4,"with-bg"],"withHover":[4,"with-hover"]}]]],["p-32cddd94",[[0,"eds-icon-arrow-diagonal",{"addClass":[1,"add-class"]}]]],["p-f7a6ce69",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-4037ad48",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-5aad9d3f",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-a44a1abe",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-145f13ad",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-5fc68438",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-8c56e39a",[[0,"eds-icon-close",{"class":[1]}]]],["p-490ba155",[[0,"eds-icon-copy",{"class":[1]}]]],["p-c2d369bc",[[0,"eds-icon-eu",{"class":[1]}]]],["p-d1670eec",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-bf0f851d",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-297b2bc3",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-4a24c2ce",[[0,"eds-icon-loader",{"class":[1]}]]],["p-673dce11",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-d6d86366",[[0,"eds-icon-menu",{"class":[1]}]]],["p-4932aab2",[[0,"eds-icon-more",{"class":[1]}]]],["p-846fc91c",[[0,"eds-icon-search",{"class":[1]}]]],["p-bdd86a3c",[[0,"eds-icon-success",{"class":[1]}]]],["p-388b4966",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-0c2e844e",[[0,"eds-icon-user",{"class":[1]}]]],["p-a4e9b68b",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-c6038449",[[1,"eds-rating",{"stars":[2],"label":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]}]]],["p-2dda1ec4",[[1,"eds-tooltip",{"content":[1],"position":[1],"isVisible":[32],"isPositioned":[32],"tooltipStyle":[32]},[[1,"mouseover","showTooltip"],[1,"mouseout","hideTooltip"],[8,"keydown","handleKeyPress"]]]]],["p-435a14c1",[[1,"logo-space"]]],["p-d53b7a75",[[1,"logo-wrong-usage"]]],["p-7802e966",[[0,"token-spacing"]]],["p-57c964c5",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-6378fb3e",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-e74834bc",[[0,"eds-tab",{"label":[1],"url":[1],"active":[4],"ariaLabel":[1,"aria-label"]}]]],["p-d571d530",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-ab32b3fc",[[1,"eds-table",{"data":[1],"endpoint":[1],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"tableData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}]]],["p-16458a81",[[4,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-5398d652",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-29648b47",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]]]'),e))));

package/dist/components/correct-use-of-colors.js

@@ -60,7 +60,7 @@ const CorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class CorrectUseOf
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'c200227a9e2f169d0aa287867fbb8e37950ba1fc', class: "container" }, h("p", { key: '8fb2fee0b58ee6ad9386bd7ab9b7defe77bf0ea8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '779695d669a2dcea9dfa02ad98afbbbb40fd1c60', label: "primary", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '9adae0aedf1121fcae938fea0a190a4c6d919615', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: 'ba6f9af827fc2d961d3bbe6e525f322a1cd1915a', class: "flex" }, h("div", { key: 'c7c0375674e317e44501061074498a4d61061815', class: "w-full" }, h("ul", { key: '3b47359203802b385a3ebfb3112d358860bb3aef', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '4762b034c77712345d8dccbad21d670e0e4b00b8', class: "w-full" }, h("ul", { key: '4378c6902da37592f8a793e106a43ddee1ef93c4', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'fbc81d54d8b403928b8ed06313b3c8cc43ed94ea', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3cebed0ccba94099b7c7434009317ac5f2bd0b4c', label: "purple", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '022ecd8aee653634c17289be36406a57c50870e2', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: '199e32e4956d061d8900905ff5bb5f5de3e241aa', class: "flex" }, h("div", { key: 'ff328c18717b9e8e59a556f1158d20c1ee81e7d8', class: "w-full" }, h("ul", { key: 'e01f03ac9c1926e545cb7eed8bda7bbac85ec1df', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '9c916943b14e9c30dc4c378cd1f17e01898c07ba', class: "w-full" }, h("ul", { key: 'f4ed3a0dbf49acf1f9377b88974a95aad039786e', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '4639f1444d9623cba363eeb5c2d8d31c878df248', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '06f173575af08f66a54cbecda06d8c8571831e14', label: "blue", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '27190261ee2836060d3a82ff8b1e99cf2a3a4418', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: '56b46450301b6ff4971d3d0a8db82e4490926a7d', class: "flex" }, h("div", { key: '149dfb6f4888042bc3bc0155e13f0546619d0407', class: "w-full" }, h("ul", { key: '170c840e01c036180d14b4ad3ff05a91d0d2a294', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '7bf3c17e287839feb7de1f9efb025468b6be01d5', class: "w-full" }, h("ul", { key: '0933b22c83b1146fd3df7872168c46696612ee6f', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '13d3cc503cec5ff8368bb067669fd40c39474ad9', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3d56221761895007dca7959d41dc9c2de7d5bee9', label: "redish", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block" }), "and", h("eds-link", { key: '816bfadc9f98d2f2ac59bc14df8d4160d89116b3', label: "support", size: "small", intent: "ghost", icon: "arrow-right", url: "../color-palette/#support-palette", "extra-class": "inline-block" }), "color palettes."), h("div", { key: 'b6eab4a5bb07fd34b59c0e9460ad4aab06e424f6', class: "flex" }, h("div", { key: 'd2779763b7a8ac3b9d718cb2c98dcfeb6b81e311', class: "w-full" }, h("ul", { key: '269881df5e4209d3670ceae03c37182d5d17fe7f', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'e014acde3e2676f4db049bd1df3f49fb68953470', class: "w-full" }, h("ul", { key: '6881842a8f199741784d1a1382353ff271869ee0', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: '33f38f14e5b6e7271ae26608fb1a1ed0c7930c7c', class: "container" }, h("p", { key: '4857375e983add7d8e5e0a0d9896641774be018e', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1c6bd69472074babf8f830fdba9be31e73afcd88', label: "primary", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'ae3429fadbea001f01731d3c15f28865d668a50a', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'd8c6b9ab88abbf6194a4fb26120244982b59c2c4', class: "flex" }, h("div", { key: 'fc7f854940caabb9e032999f51732b64555e96e7', class: "w-full" }, h("ul", { key: '99c6a2e47c683ac38f2a14feec80177c0cf1c174', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '91048e89cff083356c589c0f1bfecdd482e0c797', class: "w-full" }, h("ul", { key: '6ee69388227089a5224a6d249c8e1eea4efde128', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'c0a8e42942f2655648aa2ec3ce74bbf8d043ba63', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3f272298bcd7d0e6ad791edc408ef636349fbf7d', label: "purple", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '9a0b28f388483944aa4b053b9f8e807c1383431e', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '27ab1cdb936918fafe122c5a569c83322043bb79', class: "flex" }, h("div", { key: '037b9916ff3a3e8c2e9db64b650d44a57aedbcf9', class: "w-full" }, h("ul", { key: '60f4f6290b31a29852fb934c678edcaa61c8e930', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '36397292a31417703736b3be5b77e17241675dd9', class: "w-full" }, h("ul", { key: '20a9e6bb396c184c2718a18554eb1b4828817379', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '0b89819b9fce1dff39b06b70873d651b7a1c84ac', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '9b3e7d46ac8116ff5f47f895bb06e89cd49c4e03', label: "blue", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '94c3384e546bcae55d5634064a37436b4cdaab0f', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '7e3fe503559fa6865b824fd7f93dfdf8ed368f34', class: "flex" }, h("div", { key: '4ed98a3b92ba8b73e3cd67dec625b4b8dfb34ee1', class: "w-full" }, h("ul", { key: '0ccfd018568eb834ae05771976122736f5944205', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'd2cef9f5bd8ce7fb103e22a8964cee88853c1162', class: "w-full" }, h("ul", { key: '24301ce590bd1530316f351202bd76fafaa7dda5', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '748852527301ab6465b593f5f271dc6dcef9d198', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'f035467c04170412a1b06f05b8675b6be57e8aa2', label: "redish", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '6e4eb577c6582a160b8282b54a6edfc58f20926b', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '9209fd1ab3092cd21dd81a3328171c8de4fb8bca', class: "flex" }, h("div", { key: 'dc71b931a70fbd31a4f72814b23a1d97933bc721', class: "w-full" }, h("ul", { key: 'd3f6f25439b6fbc8e8c08b39bf46de9ce52482fa', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '78d64d48a72836043c53e485269402bf566a5d98', class: "w-full" }, h("ul", { key: '6eb824d03f4d0e2d3966963c899473e242b31dc6', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 }, [0, "correct-use-of-colors"]);
 function defineCustomElement$1() {

package/dist/components/eds-accordion2.js

@@ -1,4 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import './color.js';
+import { s as sendAnalytics } from './analytics.js';
 import { d as defineCustomElement$2 } from './eds-button2.js';
 import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
 
@@ -16,9 +18,17 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
          * Toggles the `isExpanded` state and emits the `accordionChange` event.
          */
         this.handleClick = () => {
+            var _a;
             this.isExpanded = !this.isExpanded;
             this.accordionChange.emit(this.isExpanded);
             this.setPanelHeight();
+            sendAnalytics({
+                category: 'ui-component',
+                parentContext: null,
+                tag: this.el.tagName.toLowerCase(),
+                name: ((_a = this.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
+                action: this.isExpanded ? 'expanded' : 'collapsed'
+            });
         };
         /**
          * Calculates and sets the panel height based on the content height
@@ -49,26 +59,8 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      */
     componentDidLoad() {
         this.setPanelHeight();
-        // Emit context for each eds-link element after the component is fully loaded
-        const btn = this.el.shadowRoot.querySelector('eds-button');
-        this.emitContext(btn);
         window.addEventListener('resize', this.setPanelHeight);
     }
-    /**
-     * 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: null
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
     /**
      * Lifecycle method that cleans up the resize event listener when the component is removed.
      */
@@ -81,10 +73,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      */
     render() {
         const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        return (h("div", { key: '1f8ea188c4b39f6d1a8d10cdbf43d3df88d1281f', ref: (el) => (this.wrapperRef = el), class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (h("div", { key: '14811b7517511999f97dc8d486f6c1138d89538b', ref: (el) => (this.wrapperRef = el), class: `container flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''} 
-          ${minHeightContentClass}` }, h("h3", { key: '4490bdc1a18b99850e8db8ae1c38fcb37912ec0d', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: '82df433a9cc6805a735300fd1bb52f41c639c992', class: "ml-auto" }, h("eds-button", { key: '9965d5eecfa02fbea08c23c44d325417767f6495', id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '7ab8d2d07d55fa05c5e5647d1d00d1165f0d40ce', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'cb122dd5433d7012cba6f3769f79e92a155c45d7', id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '0c2e1d9b38f21f0cb7f50aa3923edcc448418e3f', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: 'd119c88d54e8d5e83d4cc3d4d16d1cd53d689bc7', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'b2a6917ec65bc808389a2d1c77cd1183f00cbaa1' })))))));
+          ${minHeightContentClass}` }, h("h3", { key: 'a55ab98b74555ab2ff470d824106d3ff2e9b7fec', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: 'b3a76425eed4d05404a51d8991070a12cd1609a1', class: "ml-auto" }, h("eds-button", { key: '06ddefe21175e4bc28ef4477f5fd552689e1cd31', id: "accordionId", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-controls": "accordionId", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '7330f2824689a61e82c42f00f79e12d4148df2f9', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '533e8014f43ed6d50424f02bfb793456187badd9', id: "sectionId", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: '02a0fa8a79942cd2bc760eb62da9cb910252b6cd', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: '33edc6bc83eb4eaa49ae5482841ae642a60ffde8', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'bbbc3fa2b8fc5be7f55d6a45f0f37dc569706ac8' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/eds-alert2.js

@@ -67,10 +67,8 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
     }
     componentDidLoad() {
         // Query all 'eds-link' elements, including those inside shadow DOM
-        const links = this.el.shadowRoot.querySelectorAll('eds-link');
-        links.forEach((link) => {
-            this.emitContext(link);
-        });
+        const lnk = this.el.shadowRoot.querySelector('eds-link');
+        this.emitContext(lnk);
     }
     emitContext(linkElement) {
         const event = new CustomEvent('parentContext', {
@@ -82,12 +80,12 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         linkElement.dispatchEvent(event);
     }
     render() {
-        return (h("div", { key: '99518cd34cbfc04691f2f827b53105ef88c03af8', class: alertStyles({
+        return (h("div", { key: '089491004acd618827ef139a7c2ef486726cea9d', class: alertStyles({
                 intent: this.intent,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: '7eca97c849473bb4c8472d11243dc5eb9dded61f', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
-            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary" })) : null)));
+            }), role: "alert" }, h("p", { key: '9a54555621b492f65b38ecd3cbb44660bf516e51', class: "f-ui-01 py-8" }, this.message), this.withBtn &&
+            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
     }
     get el() { return this; }
     static get style() { return EdsAlertStyle0; }

package/dist/components/eds-avatar2.js

@@ -64,7 +64,7 @@ const EdsAvatar = /*@__PURE__*/ proxyCustomElement(class EdsAvatar extends HTMLE
      * @returns {JSX.Element} The rendered avatar component.
      */
     render() {
-        return (h("div", { key: '716279a35cc9235da991563d5f84d2dedbdae001', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
+        return (h("div", { key: '3ba716296c615d31ce7f3f41fd57e732adc530bf', class: this.containerClasses }, this.picture ? (h("eds-img", { src: this.picture, width: 54, height: 54, sizes: "120px", alt: `${this.firstName} ${this.lastName}`, lazyload: true, withBg: true })) : (h("abbr", { title: this.computedInitials || `${this.firstName} ${this.lastName}`, class: "!no-underline f-ui-01" }, this.computedInitials))));
     }
     static get style() { return EdsAvatarStyle0; }
 }, [1, "eds-avatar", {

package/dist/components/eds-block-break2.js

@@ -11,7 +11,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
         this.extraClass = '';
     }
     render() {
-        return h("hr", { key: '85b5253d4abb77072424452d2ff6a0d631e67652', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
+        return h("hr", { key: '58ffdece778da8f323dd130908254690b3f6c8d3', class: `border-softer my-20 inline-block w-full border-t-2 ${this.extraClass}` });
     }
     static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {

package/dist/components/eds-breadcrumb.js

@@ -35,22 +35,24 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
         this.maxVisibleItems = 6;
     }
     /**
-     * Watch for changes to the `items` prop and parse it when it changes.
-     * Converts the `items` string into an array of objects if it is a JSON string.
-     * If the format is invalid, it logs an error and sets an empty array.
-     *
-     * @param newValue - The new value for the `items` prop.
+     * Watches for changes to the `items` prop and parses it.
      */
     parseItems(newValue) {
-        try {
-            if (typeof newValue === 'string') {
-                this.parsedItems = JSON.parse(newValue);
+        if (typeof newValue === 'string') {
+            try {
+                const parsed = JSON.parse(newValue);
+                this.parsedItems = Array.isArray(parsed) ? parsed : [];
             }
-            else {
-                this.parsedItems = newValue;
+            catch (e) {
+                // eslint-disable-next-line
+                console.error('Error parsing breadcrumb items:', e);
+                this.parsedItems = [];
             }
         }
-        catch (e) {
+        else if (Array.isArray(newValue)) {
+            this.parsedItems = newValue;
+        }
+        else {
             this.parsedItems = [];
         }
     }
@@ -138,7 +140,7 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: 'b3f515670374a7451981638d658f8e37f07ab10c', "aria-label": "Breadcrumb" }, h("ol", { key: '999b2035f3c996016e753be3826881a11054e184', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (h("nav", { key: 'd66dd18fe856e4a8d82e47117d2de0288a9e3c56', "aria-label": "Breadcrumb" }, h("ol", { key: 'b3a218032b312cb5973c1ca59ab7bedcfc07d676', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
             const isLast = index === itemsToRender.length - 1;
             return (h("li", { class: "flex items-center" }, !item.isHidden ? (h("eds-link", { label: item.label, url: item.url, intent: this.intent, current: isLast, "aria-label": item.label, size: "small", "icon-small": "false" })) : (h("span", { class: "truncate px-2 ", "aria-hidden": "true" }, "...")), !isLast && !item.isHidden && (h("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }))));
         }))));

package/dist/components/eds-button2.js

@@ -222,7 +222,7 @@ const EdsButton = /*@__PURE__*/ proxyCustomElement(class EdsButton extends HTMLE
             show: !this.loading
         });
         const ElementType = this.elementType;
-        return (h(ElementType, { key: '04381724e90b1f71960832e705f3a1db46e3a200', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: 'f9b77e3a0eee7afa676fa2b7a4bdce8b3ac124cd', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '0e645a9f7c3d8e87f209ccd1a556ead976143094', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: 'e7810efb3f5e9853f67afb9491f35b19509700e9', class: "loader", style: {
+        return (h(ElementType, { key: 'e571ed0d3e2f4aa262259afea7d44d19b5685be7', "aria-label": this.label || this.ariaLabel || undefined, "aria-disabled": this.elementType === 'button' ? this.disabled : undefined, disabled: this.elementType === 'button' ? this.disabled : undefined, class: `${classes || ''} ${this.extraClass || ''}`, onClick: (event) => this.handleClick(event) }, this.label && h("span", { key: '8928bd512c6fb592ed8d2d25ad46213a5a7f4bf5', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '8fdb5947ef65c60e5cc47f04d8fbe2f8485aa6bf', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '5a6cf5d4f2debc279066cb49fa30da7b66f5532b', class: "loader", style: {
                 border: `3px solid ${this.intent === 'secondary' ? 'rgba(255, 255, 255, .3)' : 'rgba(0, 0, 0, .3)'}`,
                 borderBottomColor: this.intent === 'secondary' ? '#fff' : '#000'
             } }))), this.icon ? h("eds-icon-wrapper", { class: iconClasses, icon: this.icon }) : null));