@ebrains/components 0.9.1-beta → 0.9.2-beta

package/dist/components/{eds-login2.js → eds-login.entry.js}

@@ -1,7 +1,5 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { t as toast } from './toastManager.js';
-import { d as defineCustomElement$2 } from './eds-button2.js';
-import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
+import { r as registerInstance, a as createEvent, h } from './index-9d277061.js';
+import { t as toast } from './toastManager-b716afd8.js';
 
 /*
  * Copyright 2016 Red Hat, Inc. and/or its affiliates
@@ -1349,6 +1347,9 @@ function Keycloak (config) {
                 },
 
                 redirectUri: function(options, encodeHash) {
+                    if (arguments.length == 1) {
+                        encodeHash = true;
+                    }
 
                     if (options && options.redirectUri) {
                         return options.redirectUri;
@@ -1903,6 +1904,13 @@ function initKeycloak(config, silentCheck = true) {
     });
     return keycloakInitPromise;
 }
+// Get the username of the authenticated user
+function getUsername() {
+    if (keycloak && keycloak.tokenParsed) {
+        return keycloak.tokenParsed.preferred_username || 'Unknown';
+    }
+    return 'Unknown';
+}
 function getUser() {
     if ((keycloak === null || keycloak === void 0 ? void 0 : keycloak.authenticated) && (keycloak === null || keycloak === void 0 ? void 0 : keycloak.idTokenParsed)) {
         return {
@@ -1950,11 +1958,9 @@ async function checkServerAvailability(url) {
     }
 }
 
-const EdsLogin = /*@__PURE__*/ proxyCustomElement(class EdsLogin extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const EdsLogin = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.keycloak = createEvent(this, "keycloak", 7);
         this.auth = createEvent(this, "auth", 7);
         /**
@@ -2041,36 +2047,6 @@ const EdsLogin = /*@__PURE__*/ proxyCustomElement(class EdsLogin extends HTMLEle
     render() {
         return (h("div", { key: 'ac10895096f36f2fb3a79622972d5a8c519685eb', class: "block" }, !this.authenticated && (h("eds-button", { key: '55aab5ee63214d6a1ccdefc303273df99aa309cf', label: "Login", intent: "primary", "extra-class": "text-default", "aria-label": "Login", triggerClick: this.handleLogin.bind(this) }))));
     }
-}, [1, "eds-login", {
-        "keycloakUrl": [1, "keycloak-url"],
-        "keycloakRealm": [1, "keycloak-realm"],
-        "keycloakClientId": [1, "keycloak-client-id"],
-        "authenticated": [32],
-        "user": [32],
-        "serverAvailable": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-login", "eds-button", "eds-icon-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-login":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsLogin);
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
 
-export { EdsLogin as E, defineCustomElement as d };
+export { EdsLogin as eds_login };

package/dist/components/{eds-logo2.js → eds-logo.entry.js}

@@ -1,16 +1,12 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { h as hLogoColor } from './logo-color.js';
-import { h as hLogoBlack, a as hLogoColorWhite, b as hLogoWhite, c as hLogoWhiteNoBg, v as vLogoColor, d as vLogoBlack, e as vLogoColorWhite, f as vLogoWhite, g as vLogoWhiteNoBg } from './logo-white-no-bg.js';
-import { s as sendAnalytics } from './analytics.js';
+import { r as registerInstance, h, g as getElement } from './index-9d277061.js';
+import { K as hLogoColor, M as hLogoBlack, N as hLogoColorWhite, O as hLogoWhite, P as hLogoWhiteNoBg, Q as vLogoColor, R as vLogoBlack, S as vLogoColorWhite, T as vLogoWhite, U as vLogoWhiteNoBg } from './index-7281d120.js';
+import { s as sendAnalytics } from './analytics-e29fcd53.js';
 
 const edsLogoCss = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";
-const EdsLogoStyle0 = edsLogoCss;
 
-const EdsLogo = /*@__PURE__*/ proxyCustomElement(class EdsLogo extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const EdsLogo = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.href = '/';
         this.orientation = 'horizontal';
         this.type = undefined;
@@ -69,26 +65,8 @@ const EdsLogo = /*@__PURE__*/ proxyCustomElement(class EdsLogo extends HTMLEleme
         const logoContent = this.getLogo();
         return (h("a", { key: '5656cc942833ab3f5511ab634c502d694e982db7', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, h("div", { key: '3e0763fdd94b7624182af3aee50b314c81f064d6', innerHTML: logoContent })));
     }
-    get el() { return this; }
-    static get style() { return EdsLogoStyle0; }
-}, [1, "eds-logo", {
-        "href": [1],
-        "orientation": [1],
-        "type": [1],
-        "label": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-logo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsLogo);
-            }
-            break;
-    } });
-}
+    get el() { return getElement(this); }
+};
+EdsLogo.style = edsLogoCss;
 
-export { EdsLogo as E, defineCustomElement as d };
+export { EdsLogo as eds_logo };

package/dist/{esm → components}/eds-matomo-notice.entry.js

@@ -1,8 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8a71b9a7.js';
-import { m as matomoOptIn, a as matomoOptOut } from './analytics-44b1416b.js';
+import { r as registerInstance, a as createEvent, h, g as getElement } from './index-9d277061.js';
+import { m as matomoOptIn, a as matomoOptOut } from './analytics-e29fcd53.js';
 
 const edsMatomoNoticeCss = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}}";
-const EdsMatomoNoticeStyle0 = edsMatomoNoticeCss;
 
 const EdsMatomoNotice = class {
     constructor(hostRef) {
@@ -43,7 +42,7 @@ const EdsMatomoNotice = class {
      */
     componentWillLoad() {
         // If a decision has been made previously (opted in or out), don't show the notice.
-        const consentGiven = localStorage.getItem('matomo-consent-given');
+        const consentGiven = localStorage.getItem(`${window.location.host}-matomo-consent-given`);
         if (consentGiven === 'out' || this.optedOut()) {
             this.showNotice = false;
             return;
@@ -82,7 +81,7 @@ const EdsMatomoNotice = class {
     }
     optInAnalytics() {
         matomoOptIn();
-        localStorage.removeItem('matomo-consent-given');
+        localStorage.removeItem(`${window.location.host}-matomo-consent-given`);
         this.hideNotice();
         this.consent.emit('in');
     }
@@ -92,7 +91,7 @@ const EdsMatomoNotice = class {
         this.consent.emit('out');
     }
     noThanks() {
-        localStorage.setItem('matomo-consent-given', 'out');
+        localStorage.setItem(`${window.location.host}-matomo-consent-given`, 'out');
         this.hideNotice();
     }
     deferDecision() {
@@ -114,6 +113,6 @@ const EdsMatomoNotice = class {
     }
     get el() { return getElement(this); }
 };
-EdsMatomoNotice.style = EdsMatomoNoticeStyle0;
+EdsMatomoNotice.style = edsMatomoNoticeCss;
 
 export { EdsMatomoNotice as eds_matomo_notice };

package/dist/{esm → components}/eds-modal.entry.js

@@ -1,8 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-8a71b9a7.js';
-import { s as sendAnalytics } from './analytics-44b1416b.js';
+import { r as registerInstance, h, g as getElement } from './index-9d277061.js';
+import { s as sendAnalytics } from './analytics-e29fcd53.js';
 
 const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999999{z-index:9999999}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}.md\\:gap-y-12{row-gap:0.75rem}}";
-const EdsModalStyle0 = edsModalCss;
 
 const EdsModal = class {
     constructor(hostRef) {
@@ -100,6 +99,6 @@ const EdsModal = class {
     }
     get el() { return getElement(this); }
 };
-EdsModal.style = EdsModalStyle0;
+EdsModal.style = edsModalCss;
 
 export { EdsModal as eds_modal };

package/dist/components/{eds-pagination2.js → eds-pagination.entry.js}

@@ -1,15 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$1 } from './eds-link2.js';
+import { r as registerInstance, h, g as getElement } from './index-9d277061.js';
 
 const edsPaginationCss = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}";
-const EdsPaginationStyle0 = edsPaginationCss;
 
-const EdsPagination = /*@__PURE__*/ proxyCustomElement(class EdsPagination extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const EdsPagination = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.currentPage = undefined;
         this.lastPage = undefined;
         this.perPage = 10;
@@ -205,50 +200,12 @@ const EdsPagination = /*@__PURE__*/ proxyCustomElement(class EdsPagination exten
                 }
             } }))))) : null));
     }
-    get hostEl() { return this; }
+    get hostEl() { return getElement(this); }
     static get watchers() { return {
         "currentPage": ["onPageOrLastPageChange"],
         "lastPage": ["onPageOrLastPageChange"]
     }; }
-    static get style() { return EdsPaginationStyle0; }
-}, [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]
-    }, undefined, {
-        "currentPage": ["onPageOrLastPageChange"],
-        "lastPage": ["onPageOrLastPageChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-pagination", "eds-icon-wrapper", "eds-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-pagination":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsPagination);
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
+EdsPagination.style = edsPaginationCss;
 
-export { EdsPagination as E, defineCustomElement as d };
+export { EdsPagination as eds_pagination };

package/dist/{esm → components}/eds-progress-bar.entry.js

@@ -1,7 +1,6 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}";
-const EdsProgressBarStyle0 = edsProgressBarCss;
 
 const EdsProgressBar = class {
     constructor(hostRef) {
@@ -20,6 +19,6 @@ const EdsProgressBar = class {
         return (h("div", { key: '9a7fa42058034305b22818d464e7b633d7831d67', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, h("div", { key: '90b0ac9a538b575a30163c0dbbf437e1cfe8ce39', class: `inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02`, style: { width: `${progressValue}%` } }, progressValue, "%")));
     }
 };
-EdsProgressBar.style = EdsProgressBarStyle0;
+EdsProgressBar.style = edsProgressBarCss;
 
 export { EdsProgressBar as eds_progress_bar };

package/dist/{esm → components}/eds-rating.entry.js

@@ -1,7 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8a71b9a7.js';
+import { r as registerInstance, a as createEvent, h, g as getElement } from './index-9d277061.js';
 
 const edsRatingCss = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}";
-const EdsRatingStyle0 = edsRatingCss;
 
 const EdsRating = class {
     constructor(hostRef) {
@@ -55,6 +54,6 @@ const EdsRating = class {
     }
     get el() { return getElement(this); }
 };
-EdsRating.style = EdsRatingStyle0;
+EdsRating.style = edsRatingCss;
 
 export { EdsRating as eds_rating };

package/dist/components/eds-section-core.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-9d277061.js';
+
+const edsSectionCoreCss = "";
+
+const EdsSectionCore = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tag = 'section';
+        this.sectionTitle = '';
+        this.headingLevel = 'h2';
+    }
+    render() {
+        const TagType = this.tag; // Set dynamic tag type (div or section)
+        return (h(TagType, { key: '39c4280156ca46b83538de499baa9b152360b1b4' }, h("eds-section-heading", { key: '34da742e606f0e9bb485faac8aba1519eccc8934', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '517b8ecc112565e8c6bb0bf85b02525deaa6f9df' })));
+    }
+};
+EdsSectionCore.style = edsSectionCoreCss;
+
+export { EdsSectionCore as eds_section_core };

package/dist/{esm/eds-section-core_2.entry.js → components/eds-section-heading.entry.js}

@@ -1,21 +1,4 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
-
-const edsSectionCoreCss = "";
-const EdsSectionCoreStyle0 = edsSectionCoreCss;
-
-const EdsSectionCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.tag = 'section';
-        this.sectionTitle = '';
-        this.headingLevel = 'h2';
-    }
-    render() {
-        const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (h(TagType, { key: '39c4280156ca46b83538de499baa9b152360b1b4' }, h("eds-section-heading", { key: '34da742e606f0e9bb485faac8aba1519eccc8934', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '517b8ecc112565e8c6bb0bf85b02525deaa6f9df' })));
-    }
-};
-EdsSectionCore.style = EdsSectionCoreStyle0;
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const EdsSectionHeading = class {
     constructor(hostRef) {
@@ -51,4 +34,4 @@ const EdsSectionHeading = class {
     }
 };
 
-export { EdsSectionCore as eds_section_core, EdsSectionHeading as eds_section_heading };
+export { EdsSectionHeading as eds_section_heading };

package/dist/components/{eds-social-networks2.js → eds-social-networks.entry.js}

@@ -1,15 +1,10 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$1 } from './eds-link2.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const edsSocialNetworksCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.mt-12{margin-top:0.75rem}.mt-16{margin-top:1rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";
-const EdsSocialNetworksStyle0 = edsSocialNetworksCss;
 
-const EdsSocialNetworks = /*@__PURE__*/ proxyCustomElement(class EdsSocialNetworks extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const EdsSocialNetworks = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         /**
          * Array of social network objects, each containing label, URL, and icon.
          * These are used to render the social network links.
@@ -60,32 +55,7 @@ const EdsSocialNetworks = /*@__PURE__*/ proxyCustomElement(class EdsSocialNetwor
     render() {
         return (h("div", { key: '830f2648d282b24630f9266bc07dcf9d1fb528de' }, h("p", { key: '14d58e971d0ca585376d21400258742d2067471d', class: "f-ui-02" }, this.heading), h("ul", { key: 'd5ff24b6dbcfa25bae9b863b64e635e5c838db50', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: index }, h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
-    static get style() { return EdsSocialNetworksStyle0; }
-}, [1, "eds-social-networks", {
-        "heading": [1, "title"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-social-networks", "eds-icon-wrapper", "eds-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-social-networks":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsSocialNetworks);
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
+EdsSocialNetworks.style = edsSocialNetworksCss;
 
-export { EdsSocialNetworks as E, defineCustomElement as d };
+export { EdsSocialNetworks as eds_social_networks };

package/dist/{esm → components}/eds-spinner.entry.js

@@ -1,7 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-8a71b9a7.js';
+import { r as registerInstance, h, e as Host } from './index-9d277061.js';
 
 const edsSpinnerCss = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}";
-const EdsSpinnerStyle0 = edsSpinnerCss;
 
 const EdsSpinner = class {
     constructor(hostRef) {
@@ -45,6 +44,6 @@ const EdsSpinner = class {
         return (h(Host, { key: '1e1e4ea2734fff8a680e55ca5163e69d2000a55d' }, h("div", { key: 'acf09f69d43404f317240c0d24e644ec0d046cd7', class: "spinner-overlay", style: overlayStyle }, h("span", { key: '3728629fdff738a0b753cd499dc26052b1e3cb7b', class: "spinner", style: spinnerStyle }))));
     }
 };
-EdsSpinner.style = EdsSpinnerStyle0;
+EdsSpinner.style = edsSpinnerCss;
 
 export { EdsSpinner as eds_spinner };

package/dist/components/{eds-splash-screen2.js → eds-splash-screen.entry.js}

@@ -1,15 +1,10 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './eds-logo2.js';
-import { d as defineCustomElement$1 } from './eds-spinner2.js';
+import { r as registerInstance, a as createEvent, h, e as Host } from './index-9d277061.js';
 
 const edsSplashScreenCss = ".splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999999;background-color:var(--grey-200);display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-container{width:200px;height:200px;margin-bottom:1rem}.content-container{position:relative;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}";
-const EdsSplashScreenStyle0 = edsSplashScreenCss;
 
-const EdsSplashScreen = /*@__PURE__*/ proxyCustomElement(class EdsSplashScreen extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const EdsSplashScreen = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.splash = createEvent(this, "splash", 7);
         this.inverse = false;
         this.initPromise = undefined;
@@ -54,36 +49,7 @@ const EdsSplashScreen = /*@__PURE__*/ proxyCustomElement(class EdsSplashScreen e
     static get watchers() { return {
         "initPromise": ["watchInitPromise"]
     }; }
-    static get style() { return EdsSplashScreenStyle0; }
-}, [1, "eds-splash-screen", {
-        "inverse": [4],
-        "initPromise": [16],
-        "isVisible": [32]
-    }, [[8, "hideSplash", "handleHideSplash"]], {
-        "initPromise": ["watchInitPromise"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-splash-screen", "eds-logo", "eds-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-splash-screen":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsSplashScreen);
-            }
-            break;
-        case "eds-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
+EdsSplashScreen.style = edsSplashScreenCss;
 
-export { EdsSplashScreen as E, defineCustomElement as d };
+export { EdsSplashScreen as eds_splash_screen };

package/dist/components/{eds-steps-v2.js → eds-steps-v2.entry.js}

@@ -1,17 +1,11 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { p as parseData } from './sharedUtils.js';
-import { d as defineCustomElement$4 } from './eds-button2.js';
-import { d as defineCustomElement$3 } from './eds-icon-wrapper2.js';
-import { d as defineCustomElement$2 } from './eds-img2.js';
+import { r as registerInstance, a as createEvent, h, g as getElement } from './index-9d277061.js';
+import { p as parseData } from './sharedUtils-6a231dd4.js';
 
 const edsStepsV2Css = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-\\[\\#9CE142\\]{--tw-gradient-from:#9CE142 var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 225 66 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-\\[\\#00C959\\]{--tw-gradient-to:rgb(0 201 89 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #00C959 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\\[\\#00A595\\]{--tw-gradient-to:#00A595 var(--tw-gradient-to-position)}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.text-default{color:var(--black)}.text-error{color:var(--red-700)}.text-extra-light{color:var(--grey-300)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mb-28{margin-bottom:1.75rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-16{padding:1rem}.p-24{padding:1.5rem}.p-48{padding:3rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.bg-opacity-90{--tw-bg-opacity:0.9}";
-const EdsStepsV2Style0 = edsStepsV2Css;
 
-const EdsStepsV2$1 = /*@__PURE__*/ proxyCustomElement(class EdsStepsV2 extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const EdsStepsV2 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.step = createEvent(this, "step", 7);
         this.handleNext = () => {
             this.activeStep = this.activeStep + 1;
@@ -87,51 +81,11 @@ const EdsStepsV2$1 = /*@__PURE__*/ proxyCustomElement(class EdsStepsV2 extends H
         // Static mode: show all steps with their content.
         h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step", key: index }, h("h3", { onClick: () => this.handleStepClick(index) }, step.title), h("div", { class: "content" }, h("div", { class: "f-body-02 text-lighter my-16", innerHTML: step.content })))))))));
     }
-    get el() { return this; }
+    get el() { return getElement(this); }
     static get watchers() { return {
         "activeStep": ["activeStepChanged"]
     }; }
-    static get style() { return EdsStepsV2Style0; }
-}, [1, "eds-steps-v2", {
-        "steps": [1],
-        "type": [1],
-        "imageSrc": [1, "image-src"],
-        "bg": [4],
-        "message": [1],
-        "activeStep": [32]
-    }, undefined, {
-        "activeStep": ["activeStepChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["eds-steps-v2", "eds-button", "eds-icon-wrapper", "eds-img"];
-    components.forEach(tagName => { switch (tagName) {
-        case "eds-steps-v2":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EdsStepsV2$1);
-            }
-            break;
-        case "eds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "eds-img":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const EdsStepsV2 = EdsStepsV2$1;
-const defineCustomElement = defineCustomElement$1;
+};
+EdsStepsV2.style = edsStepsV2Css;
 
-export { EdsStepsV2, defineCustomElement };
+export { EdsStepsV2 as eds_steps_v2 };