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

package/dist/collection/shared-ui/eds-social-networks/eds-social-networks.stories.js

@@ -0,0 +1,21 @@
+export default {
+    title: 'Shared Ui/Social Networks',
+    component: 'eds-social-networks',
+    argTypes: {
+        title: {
+            control: 'text',
+            defaultValue: 'Follow EBRAINS to keep up-to-date'
+        }
+    }
+};
+const Template = (args) => `
+    <eds-social-networks title="${args.title}"></eds-social-networks>
+  `;
+export const Default = Template.bind({});
+Default.args = {
+    title: 'Follow EBRAINS to keep up-to-date'
+};
+export const CustomTitle = Template.bind({});
+CustomTitle.args = {
+    title: 'Stay Connected with EBRAINS!'
+};

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

@@ -51,12 +51,33 @@ export class EdsTabs {
         this.setActiveIndex();
         this.tabChange.emit({ tabId: this.id, index: 0 });
     }
+    /**
+     * Parses the `links` prop into an array of link objects.
+     * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
+     *
+     * @returns {any[]} Array of parsed link objects
+     */
+    /**
+     * Parses the `links` prop into an array of link objects.
+     * Returns an empty array if parsing fails or if `links` is not a valid JSON string or object.
+     *
+     * @returns {any[]} Array of parsed link objects
+     */
     parseTabs() {
-        try {
-            this.parsedTabs = JSON.parse(this.tabs);
+        if (Array.isArray(this.tabs)) {
+            this.parsedTabs = this.tabs;
         }
-        catch (error) {
-            //console.error('Invalid JSON format for tabs:', error);
+        else if (typeof this.tabs === 'string') {
+            try {
+                this.parsedTabs = JSON.parse(this.tabs);
+            }
+            catch (e) {
+                //console.error('Error parsing tabs prop:', e);
+                this.parsedTabs = [];
+            }
+        }
+        else {
+            // If the type is not an array or string, assume an empty array.
             this.parsedTabs = [];
         }
     }
@@ -106,7 +127,7 @@ export class EdsTabs {
         });
     }
     render() {
-        return (h("div", { key: '25078703609dbdaa2025013d0e266b169c880c50', id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '8aa1b4ab1f15692c912db3ee39486a59d634c6a5', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '33728823ca0f039e1037a691da90b295cbe3f3ac', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (h("div", { key: '540bb667084b36ae2151ec39ef6b54a9ac6a4c4a', id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: 'f0266d39c943b82725ded757cce0b35fb85fa874', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: 'fcedf94e6f6c14635291d9c8e6d672efc8055433', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             //const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index);
             return (h("eds-tab", Object.assign({}, tabProps, { label: tab.label || tab.ariaLabel, url: tab.url, active: index === this.activeIndex, onClick: () => this.handleTabClick(index, tab.label) })));
@@ -164,8 +185,8 @@ export class EdsTabs {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "string | { label: string; url: string; active: boolean; ariaLabel: string }[]",
+                    "resolved": "string | { label: string; url: string; active: boolean; ariaLabel: string; }[]",
                     "references": {}
                 },
                 "required": false,
@@ -197,7 +218,7 @@ export class EdsTabs {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{ tabId: string; index: number; name?: string }",
+                    "original": "{\n    tabId: string;\n    index: number;\n    name?: string;\n  }",
                     "resolved": "{ tabId: string; index: number; name?: string; }",
                     "references": {}
                 }

package/dist/collection/shared-ui/eds-tabs/eds-tabs.stories.js

@@ -17,11 +17,29 @@ export default {
         }
     }
 };
-const Template = (args) => `
-    <eds-tabs 
-      tabs='${args.tabs}'
-    ></eds-tabs>
+const Template = (args) => {
+    // Create a container element
+    const container = document.createElement('div');
+    // Insert the eds-tabs element and an output element for dynamic updates.
+    container.innerHTML = `
+    <eds-tabs tabs='${args.tabs}'></eds-tabs>
+    <p id="active-tab-output" style="margin-top: 16px; font-family: sans-serif; font-weight: bold;"></p>
   `;
+    // Query the eds-tabs element and the output element after the content is rendered.
+    // We use setTimeout to ensure that the custom element has upgraded.
+    setTimeout(() => {
+        const edsTabs = container.querySelector('eds-tabs');
+        const output = container.querySelector('#active-tab-output');
+        if (edsTabs) {
+            // Listen for the "tabChange" event
+            edsTabs.addEventListener('tabChange', (event) => {
+                // Update the output text dynamically
+                output.textContent = `Active Tab Index: ${event.detail.index}, Tab Name: ${event.detail.name}`;
+            });
+        }
+    }, 0);
+    return container;
+};
 export const Default = Template.bind({});
 Default.args = {
     tabs: JSON.stringify([

package/dist/collection/shared-ui/eds-tabs-content/eds-tabs-content.js

@@ -114,11 +114,11 @@ export class EdsTabsContent {
         });
     }
     render() {
-        return (h("div", { key: 'b1bfb55fbdee21a10fcc600d4c3ce2842684c519', class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '1d1aeb094b6c350355abec1bf74928561a1c0f2d', class: "scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '5d5b04ddf5ddb60c2a9b49d19f4efe026cc2557d', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (h("div", { key: '7bc954d9251bd15b5e3a49d5c74b83805f802b07', class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, h("div", { key: '1bfda380604f1eae1cc5be147a5e3e6b537e0396', class: "scroller-x max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: 'b2ed26b52fd629ec99b01c7dc8e612eae4f3886d', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             //const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index);
             return (h("eds-tab", Object.assign({}, tabProps, { label: tab.label, url: tab.url, active: index === this.activeIndex, ariaLabel: tab.ariaLabel, onClick: () => this.handleTabClick(index, tab.label) })));
-        })), h("slot", { key: '58e9281516d0a4485ba0779f9b79c0fa5e989166' }))));
+        })), h("slot", { key: '5072b877786a23358d540d6d242d5fbdb3c63d7f' }))));
     }
     static get is() { return "eds-tabs-content"; }
     static get properties() {

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/components.css

@@ -5823,6 +5823,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 +6126,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 +6522,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 +6627,9 @@ input[type="range"]::-webkit-slider-thumb {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .\!text-current {
   color: currentColor !important;
 }
@@ -7135,6 +7136,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 +7173,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-84957b6d",[[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-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"]}],[0,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[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-block-break",{"extraClass":[1,"extra-class"]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[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-5afb626c",[[0,"eds-trl",{"applications":[1]}]]],["p-7215789a",[[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"]]]]],["p-762c8c83",[[1,"eds-svg-repository"]]],["p-87830085",[[0,"eds-docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-5d7af761",[[1,"eds-card-section",{"cards":[1],"cols":[2]}]]],["p-ac0112d5",[[0,"eds-components-section",{"tabIndex":[2,"tab-index"]}]]],["p-3617841d",[[0,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["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-0910d733",[[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-ae5dbd41",[[0,"eds-logo-variations",{"tabIndex":[2,"tab-index"]}]]],["p-d9788b54",[[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-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-005de86f",[[1,"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-2851ff44",[[0,"token-ratios"]]],["p-22e6d7d5",[[0,"token-typography"]]],["p-02e2a62f",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-52ac3456",[[0,"eds-tabs",{"id":[1],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["p-2e8459ef",[[4,"eds-tabs-content",{"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}]]],["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-435a14c1",[[1,"logo-space"]]],["p-d53b7a75",[[1,"logo-wrong-usage"]]],["p-7802e966",[[0,"token-spacing"]]],["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-57c964c5",[[1,"eds-progress-bar",{"value":[1026],"updateValue":[64]}]]],["p-d1f6a722",[[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"]]]]],["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-fd27e56c",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"withBtn":[32]}]]],["p-d7a92efb",[[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-e6bfbf51",[[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"]]],["p-be6c80da",[[1,"eds-card-desc",{"description":[1],"descClass":[1,"desc-class"],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[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]}]]],["p-3ff76976",[[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],"labelKey":[1,"label-key"],"valueKey":[1,"value-key"],"value":[8],"dynamicOptions":[32],"loading":[32],"dynamicValueKey":[32],"dynamicLabelKey":[32]},null,{"options":["loadOptions"]}],[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]}]]]]'),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-breadcrumb.js

@@ -35,22 +35,23 @@ 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) {
+                console.error('Error parsing breadcrumb items:', e);
+                this.parsedItems = [];
             }
         }
-        catch (e) {
+        else if (Array.isArray(newValue)) {
+            this.parsedItems = newValue;
+        }
+        else {
             this.parsedItems = [];
         }
     }
@@ -138,7 +139,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: '1491f7e548ba859e0661129de2ec320552a2bb42', "aria-label": "Breadcrumb" }, h("ol", { key: '93525aad588295e9f2a3f02d143824c7c58ea512', 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: '1053db0332f574db35e58453d789567eaf235d30', "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: 'ff95b889b008075d46b89a1d23e51ad8afa20918', class: this.loading ? 'opacity-0' : '' }, this.label), this.loading && (h("span", { key: '942f3fffcaef08defd3d0ef0dbb275b9d189c907', class: "absolute inset-0 flex items-center justify-center" }, h("span", { key: '91e53dcee9d4f2a842ea922498c9da7f15ffe109', 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));