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

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: '58274bc750821893f1ff6db6af0c92557e2037dc', class: "container" }, h("p", { key: 'f16ae70777dc595edb9f8ef20df33721816a472a', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c98c49daddf43987002dd69ab1c00dffbae5e69a', 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: 'e466f6f7e05f68896114551f59673c707d5fd30f', 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: '32dfc27beebbbab3949c7695293800a2ff552ceb', class: "flex" }, h("div", { key: 'e01d74cf63c84f66d868e180589b45cbc59ebff7', class: "w-full" }, h("ul", { key: '162e9c5ed57689a94c5c59e2664bba2adfcd60fc', 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: 'bb71abb645789030487eccdd0abaf9b223c12ec8', class: "w-full" }, h("ul", { key: 'f85702460f89881d6b8642decad848affdc7002f', 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: '7b5b8b9c0013a91c97f24c239bde32a727695707', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '81dc2c31eb283a2f64a1fd32329b35b1d04afc12', 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: 'd90877918d973595a7b8bdacd6bb80f1f04cab5b', 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: '81cf06bb6932b2120b210e7d1ee9d556cedc949b', class: "flex" }, h("div", { key: '2cc1571fe83620fcfa8f961af93b7b0e8e970eb2', class: "w-full" }, h("ul", { key: 'b6b1f7f874dbd8784a0253187438c2eb6282a815', 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: '49a874de125699d800aee6256bb5b3bf9a0bf907', class: "w-full" }, h("ul", { key: '10d41b5ab948c87c8db43fbddefbe3453c5384a9', 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: 'bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f', 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: '35c2440f2c606cd4e8e69b33850ca908f6f36a4a', 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: 'cf9dde65d107b20c67e0036e891ad37c1d685477', class: "flex" }, h("div", { key: '807350f20ee902df273ce35c217bcaa134502d13', class: "w-full" }, h("ul", { key: '8198d1e59cb9477978a0b78714e7884a75ce52c0', 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: 'ed4f89cd3d5544a199d0a516e23ee877c16dad6a', class: "w-full" }, h("ul", { key: '47f8617629f34252b2d533f5932dd14b9117f601', 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: '7b99385726cda59f07b66ff99e050588d5778421', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'f3719f08484d40ceb9ece89474f473cf9e44ee53', 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: 'f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547', 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: '833dcd6ad96a0c36a127c5384d0858b879bf0b05', class: "flex" }, h("div", { key: 'cf1297f1dfed3e70c184cdb3f4e116292ce1e57f', class: "w-full" }, h("ul", { key: '9d8d9e0f78348cee56f6c91b3289a90f25c088e4', 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: '836dfd427a087ee512970bf52ee0612a24cfaa72', class: "w-full" }, h("ul", { key: '08e2b7603c2c093b2bd8931d1993aca89801ad1d', 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: 'ade28f6aa4a670443a4d077ff534117acb265bfe', class: "container" }, h("p", { key: '23adcbeb3a15cd2b1248f63c808ddbe7cacef531', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '9b8b9909d409565e2c37cd4048a84b7c3751147f', 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: 'fb3fe62e34d86fe345cbe177eef5b9ac57b749d5', 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: 'e24ff6eed3125519961d1cdd7789ada200d8cc3b', class: "flex" }, h("div", { key: '670ef68f1f25d9267e9a8eb90a94e6300b9d78d3', class: "w-full" }, h("ul", { key: '2ed821a59b849dd540233371f831a16974a2dc99', 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: 'b72cc79258522b595d4bd024de51b2dec6458f57', class: "w-full" }, h("ul", { key: '9650c15d16fc184f0f5c518da5944567afe30fd6', 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: 'ff9c1ae248f5cdc91bf9fe902e2a5aa00394a27c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1fcdd015426a1512ea9a70a732e4615447238e7f', 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: 'ec0b3529cfcb402556274e83a2a62d899eb8c7e9', 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: 'edcd735b912341fdaaac6087c0d838a3341af687', class: "flex" }, h("div", { key: '8a96a72c29fb46b8189080ca257832cad444fd40', class: "w-full" }, h("ul", { key: 'a169a2f187db3fabc955ea28aed6019b5904b9f4', 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: 'ba11e5e1ce445aec36d4eb3baf5ae39c956704fe', class: "w-full" }, h("ul", { key: '01c6ee6e5a77cafbb38928afdd6716a5aec6c93c', 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: '91ff22c373f1ae354ab9f76008f16d5e5be21331', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'a58977e316d22cb662173cc9d2d76448808fb2f8', 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: '0fd12af19848395b2a631a5ccb33b0530005bebc', 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: '38c4eea411b4021dbf15cc7d73ff26371d8175a4', class: "flex" }, h("div", { key: 'bdd75c354631d54fa03ea35e798ab5dcbde4f248', class: "w-full" }, h("ul", { key: '8777390f722798653df7ec72e6596a36246a5f2b', 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: 'c61047b695bdc8d29f5c665753b4ebfa2cbb272a', class: "w-full" }, h("ul", { key: '7de74c3a918a30cacaf4ffb78d24145d78e4511a', 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: 'd0c3a7170ba185caccf3cecf7e4d39cce5292c49', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '16ae6a94124ea87782095058857d47a4a91789a9', 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: 'c5c4d82a809a586637f00013782e69fa6bab2879', 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: '83d408a58b5bf5dddbcceb2336ffa7c58bdcea44', class: "flex" }, h("div", { key: 'dca88ee121c036f50f23105cd8a430ed883f19db', class: "w-full" }, h("ul", { key: '9b12b41325dfb100e87e1ced15f4b1b9c3457822', 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: '013e039ef9ebecdde9b59c82d819047976e77523', class: "w-full" }, h("ul", { key: '7c6125cc0f7e9998c1f74be9456a8a171545edf1', 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

@@ -11,15 +11,15 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.accordionChange = createEvent(this, "accordionChange", 7);
+        this.accordion = createEvent(this, "accordion", 7);
         /**
          * Handles the click event on the accordion header to toggle expansion.
-         * Toggles the `isExpanded` state and emits the `accordionChange` event.
+         * Toggles the `isExpanded` state and emits the `accordion` event.
          */
         this.handleClick = () => {
             var _a;
             this.isExpanded = !this.isExpanded;
-            this.accordionChange.emit(this.isExpanded);
+            this.accordion.emit(this.isExpanded);
             this.setPanelHeight();
             sendAnalytics({
                 category: 'ui-component',
@@ -72,10 +72,10 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
      */
     render() {
         const minHeightContentClass = this.minHeightContent ? 'min-h-56' : '';
-        return (h("div", { key: '00bd9a34ceb469bef74c827bd1f48bf3d4b545b6', 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: '93d8b1af3a97c6d35d05a3f910f220f59aa74b01', ref: (el) => (this.wrapperRef = el), class: `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: 'ab6a953797e0a8379a01a9a2f00a4988d4fc8357', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: 'cfd6f4ad2ec5e412cdf2348d188dfcf90770012d', class: "ml-auto" }, h("eds-button", { key: 'beaee69d610727b397645fc0a507b234003fde5e', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", 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: '795f14c0930a0b0862a86451cc7b7e807cb79c37', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '28f6cba233cdee58743faaacc992bf7497c2ff2e', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "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: '939e442c55babfd3f1750d20d9b95f664c3a67c8', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: '648d16ed84cb3da227a10e6370004c6479789aed', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '90ca94f15e408b4b05c0eac4bd20fa21766cbb19' })))))));
+          ${minHeightContentClass}` }, h("h3", { key: '0bbf1f73305a708b59faf3f792c2e215b5681f9e', class: "mr-auto f-heading-06 text-left absolute inset-x-16 top-16 line-clamp-1" }, this.title), h("div", { key: 'b721809100038d658cc186a08363faad034967de', class: "ml-auto" }, h("eds-button", { key: 'b7b600d0a0b91121916c25dd7c03b415072098c1', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", 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: '53054fe651ca9857ec9c2ca2d06546d6a56ceb64', class: `w-full` }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'ca71d4a2733f3eb1df78cf570c24b8b0b1d8841b', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "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: '9a4a1d9fbd2c42f574f093ec679044f5ad9c17c8', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-20`, "aria-hidden": !this.isExpanded }, h("span", { key: '9e293b9e6980a06db2aeb73f5c718c2e8b49da61', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'fa467b088ab28100ebf8acc86bf2ebf7886eab8e' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/{eds-navigator.d.ts → eds-app-root.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface EdsNavigator extends Components.EdsNavigator, HTMLElement {}
-export const EdsNavigator: {
-    prototype: EdsNavigator;
-    new (): EdsNavigator;
+interface EdsAppRoot extends Components.EdsAppRoot, HTMLElement {}
+export const EdsAppRoot: {
+    prototype: EdsAppRoot;
+    new (): EdsAppRoot;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/eds-app-root.js

@@ -0,0 +1,89 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './eds-button2.js';
+import { d as defineCustomElement$6 } from './eds-icon-wrapper2.js';
+import { d as defineCustomElement$5 } from './eds-login2.js';
+import { d as defineCustomElement$4 } from './eds-logo2.js';
+import { d as defineCustomElement$3 } from './eds-spinner2.js';
+import { d as defineCustomElement$2 } from './eds-splash-screen2.js';
+
+const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.isAuthenticated = false;
+    }
+    componentWillLoad() {
+        // Create a promise for the initKeycloak event.
+        const initKeycloakPromise = new Promise((resolve) => {
+            document.addEventListener('initKeycloak', (event) => {
+                //console.log('initKeycloak event received:', event.detail);
+                resolve(event.detail);
+            }, { once: true });
+        });
+        // Create a promise for the authStatusChanged event.
+        const authStatusPromise = new Promise((resolve) => {
+            document.addEventListener('authStatusChanged', (event) => {
+                var _a;
+                this.isAuthenticated = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.authenticated;
+                //console.log('authStatusChanged event received:', event.detail);
+                resolve(event.detail);
+            }, { once: true });
+        });
+        // Combine both promises. The splash screen will hide only when both have resolved.
+        this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
+    }
+    render() {
+        return (h("div", { key: 'f7ff644cea84bfc78190afcfa33f1f6d6c6de29a' }, h("eds-splash-screen", { key: '5e04f163eafe8f0d55394b8f508386bac013907e', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '94c9dc0546e48fe8f9e6fc17fde9dcbf75fbe3bc', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '975cfb32924ecf0a4bb7d8f4788792eae500e166' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+    }
+}, [1, "eds-app-root", {
+        "isAuthenticated": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["eds-app-root", "eds-button", "eds-icon-wrapper", "eds-login", "eds-logo", "eds-spinner", "eds-splash-screen"];
+    components.forEach(tagName => { switch (tagName) {
+        case "eds-app-root":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EdsAppRoot$1);
+            }
+            break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "eds-icon-wrapper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "eds-login":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "eds-logo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "eds-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "eds-splash-screen":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const EdsAppRoot = EdsAppRoot$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { EdsAppRoot, defineCustomElement };

package/dist/components/eds-breadcrumb.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { p as parseData } from './sharedUtils.js';
 import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$2 } from './eds-link2.js';
 
@@ -38,22 +39,7 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
      * Watches for changes to the `items` prop and parses it.
      */
     parseItems(newValue) {
-        if (typeof newValue === 'string') {
-            try {
-                const parsed = JSON.parse(newValue);
-                this.parsedItems = Array.isArray(parsed) ? parsed : [];
-            }
-            catch (e) {
-                //console.error('Error parsing breadcrumb items:', e);
-                this.parsedItems = [];
-            }
-        }
-        else if (Array.isArray(newValue)) {
-            this.parsedItems = newValue;
-        }
-        else {
-            this.parsedItems = [];
-        }
+        this.parsedItems = parseData(newValue);
     }
     /**
      * Lifecycle method that runs when the component is about to be loaded.
@@ -131,7 +117,7 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: 'd177957e1b3218c21991bbdc9636a8e32befe990', "aria-label": "Breadcrumb" }, h("ol", { key: 'd10336ddee99b9fb84d17e53093c57c6a025982f', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (h("nav", { key: '02537ec4208124f8a5ba564f7487f6fad552f7da', "aria-label": "Breadcrumb" }, h("ol", { key: 'ac6e2ecd59a8ddef52e004d95fbb492f78a9b248', 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 ? ((() => {
                 const { displayLabel, fullLabel } = this.getLabels(item, isLast);