@ebrains/components 2.0.0 → 2.2.0

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

@@ -7,7 +7,12 @@ import { h } from "@stencil/core";
  */
 export class EdsUser {
     constructor() {
+        this.handleDropdown = (e) => {
+            this.expanded = e.detail.expanded;
+        };
         this.user = undefined;
+        this.intent = 'tertiary';
+        this.expanded = false;
     }
     /**
      * Helper getter to ensure we work with a User object.
@@ -33,7 +38,8 @@ export class EdsUser {
     }
     render() {
         const user = this.parsedUser;
-        return (h("div", { key: 'e1413d070d6f5ce0a5f7a45e8eed7a27941bda10', class: "block" }, h("div", { key: 'f59cf79c2f09069d9e5bbae2bc126a0e3ef23564', class: "flex items-center" }, h("eds-dropdown", { key: '7316554277baffb16b6a2cc0ab0b4606a46ccfc8', label: `Hi, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: 'df80f62cd5c6e0876fcc20c54dbd25d6db031ce0', class: "min-w-[280px] p-8" }, h("div", { key: '34f0bd24c4c8ec55d5e99f77d0378bc14fb6943f', class: "flex gap-x-16" }, h("eds-avatar", { key: '73e45e3d20d02711af982a7a801cb7d6e18e201e', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), h("div", { key: '1070df12372893476cc5ed2909ac735d0655cdb7', class: "max-w-full" }, user.name && h("p", { key: '4d6ca560545810da42d6acd5780c354565dc0d2d', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: 'f7e618449d15fc899484afda94e7837408f0b251', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: 'e6ca46f9863cea6d6bfa7021ead181509a5806f0', class: "f-ui-03-light text-light mt-4" }, user.email))), h("eds-block-break", { key: '76c0ba26ef63e046b7a01e12332b812ad5873776' }), h("div", { key: '448e592221de4406477bb0eb6bc84975699008f3', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: '47e2d49bef131c827f49d3eaf68f6a09ba948707' })))))));
+        const iconName = this.expanded ? 'chevron-down' : 'chevron-right';
+        return (h("div", { key: '965387104c4bd6cd3223c08f16d90146c098594c', class: "block" }, h("div", { key: '37fe5539cb058112ebe0d910439acb55b5abccd8', class: "flex items-center" }, h("eds-dropdown", { key: '17afc8dbae191aec1202ba04d85c41ed656a8c5b', label: `Hi, ${user.preferred_username}`, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: iconName, class: "text-default", onDropdown: this.handleDropdown }, h("div", { key: '0228c1728b0b73e2504d2608339f9be408be09b8', class: "min-w-[280px] p-8" }, h("div", { key: 'b83148ff8249bde91842b036da5506f9f5cbb145', class: "flex gap-x-16" }, h("eds-avatar", { key: '243a05bae2e4e592dc386b1897d824232d0bcfa6', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "black" }), h("div", { key: '6938f54621aa89e61aa6639e8c88af4e262e0fec', class: "max-w-full" }, user.name && h("p", { key: '224ce5cf6819a9dd0c3794410a94da30cc4213bf', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: '096ac761149763ef4305ef5e9bf1f4b593a0fe4f', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: '79f7da3c6c5efc1f521991c403184cf050b3d2e7', class: "f-ui-03-light text-light mt-4" }, user.email))), h("div", { key: '52ce98bcc290902605ebd427ee8ab72ac9af3d62', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: '88d1b250c434830347e0eb813214382ce899c485' })))))));
     }
     static get is() { return "eds-user"; }
     static get encapsulation() { return "shadow"; }
@@ -70,8 +76,36 @@ export class EdsUser {
                 },
                 "attribute": "user",
                 "reflect": false
+            },
+            "intent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Intent",
+                    "resolved": "\"ghost\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                    "references": {
+                        "Intent": {
+                            "location": "global",
+                            "id": "global::Intent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual intent of the trigger button"
+                },
+                "attribute": "intent",
+                "reflect": false,
+                "defaultValue": "'tertiary'"
             }
         };
     }
+    static get states() {
+        return {
+            "expanded": {}
+        };
+    }
     static get elementRef() { return "hostEl"; }
 }

package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js

@@ -27,7 +27,7 @@ export class EdsAppRoot {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: '74be23fab63211137102b821a8928431d33714a3' }, h("eds-splash-screen", { key: 'da5b931f1e3999fc36afa3d7dc66ef940a553d22', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'eef7175edf257aabe1dd832f75e30d702ad5e96a', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'bcd9363278ab653852aa0f39b57070a056b8b9ab' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: '01c80f8c47f13066a4b9e6978951c2a264efbd15' }, h("eds-splash-screen", { key: 'bb17fc106515c71c7d70196a933301987c69ae4b', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
     static get is() { return "eds-app-root"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/eds-form/formValidators.js

@@ -21,6 +21,13 @@ export function findRatingElement(formEl) {
     }
     return null;
 }
+export function findNpsElement(formEl) {
+    const elements = Array.from(formEl.querySelectorAll('eds-nps'));
+    for (const element of elements) {
+        return element;
+    }
+    return null;
+}
 /**
  * Validates all fields and returns an object containing the errors and a flag indicating any errors.
  */
@@ -30,6 +37,7 @@ isFieldVisible) {
     const errors = {};
     let hasError = false;
     parsedFields.forEach((field) => {
+        var _a;
         // Only validate fields that are visible.
         if (!isFieldVisible(field, values)) {
             // If a field is hidden, clear its error.
@@ -65,6 +73,32 @@ isFieldVisible) {
                     }
                 }
             }
+            // NPS type
+            else if (field.type === 'nps') {
+                const npsEl = findNpsElement(formEl);
+                if (npsEl && npsEl.shadowRoot) {
+                    const raw = (_a = npsEl.shadowRoot
+                        .querySelector('eds-button[tabindex="0"]')) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-label');
+                    const parsed = raw !== null ? parseInt(raw, 10) : NaN;
+                    const value = Number.isInteger(parsed) && parsed >= 0 && parsed <= 10 ? parsed : NaN;
+                    if (isNaN(value)) {
+                        // eslint-disable-next-line
+                        if (field.required) {
+                            errors[field.name] = ['This field is required.'];
+                            hasError = true;
+                        }
+                    }
+                    else {
+                        // valid value present; if you need further range checks, add here
+                    }
+                }
+                else if (field.required) {
+                    // No NPS component found but required
+                    errors[field.name] = ['This field is required.'];
+                    hasError = true;
+                }
+                return;
+            }
             else {
                 // For all other types, find the first matching element.
                 const inputEl = findFieldElement(formEl, field.name);

package/dist/components/clone.js

@@ -0,0 +1,3 @@
+const clone = `<svg fill="#000000" height="20" width="20" version="1.1" id="XMLID_158_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="clone"> <g> <path d="M24,24H6V6h18V24z M8,22h14V8H8V22z M4,18H0v-4h2v2h2V18z M2,12H0V6h2V12z M18,4h-2V2h-2V0h4V4z M2,4H0V0h4v2H2V4z M12,2 H6V0h6V2z"></path> </g> </g> </g></svg>`;
+
+export { clone as c };

package/dist/components/components-section.js

@@ -37,7 +37,7 @@ const DocsOverview = () => (h("div", { class: "static-content container" },
             }
         ] }),
     h("p", null, "Once included, components can be used in your markup like any other regular HTML elements:"),
-    h("eds-code-block", { code: '<eds-button \n  label="my bytton" \n  intent="primary">\n</eds-button>', language: "html", "copy-label": "Copy Code" }),
+    h("eds-code-block", { code: '<eds-button label="my bytton" intent="primary"></eds-button>', language: "html", "copy-label": "Copy Code" }),
     h("h2", null, "Load the variables and styles"),
     h("p", null,
         "To directly use only the produced variables (colors, breakpoints, typography) add the tag below to the",
@@ -55,9 +55,7 @@ const DocsOverview = () => (h("div", { class: "static-content container" },
         "Note that, loading either the variables or the predefined CSS framework above,",
         ' ',
         h("b", null, "automatically loads the fonts so you can skip loading them separately"),
-        ". If you wish, however, to load the fonts, add the tag below to the ",
-        h("code", null, "head")),
-    h("eds-code-block", { code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/base/fonts.css"/>', language: "css", "copy-label": "Copy Code" })));
+        ".")));
 
 const DocsInstallation = () => (h("div", null,
     h("p", null, "Before proceeding, ensure that Node.js is installed on your machine\u2014you can download the latest version from the official website. If your project doesn\u2019t already use npm and you plan to integrate EBRAINS Components, you'll need to create a package.json file by running npm init and following the on-screen instructions."),
@@ -143,7 +141,7 @@ const ComponentsSection$1 = /*@__PURE__*/ proxyCustomElement(class ComponentsSec
         }
     }
     render() {
-        return h("div", { key: 'a57909fff6c8fc3bc0bc82804595cfb08edf1b9f', class: "container" }, this.renderContent());
+        return h("div", { key: 'a5c54560de99e81caaabafc4342522602ffe35a1', class: "container" }, this.renderContent());
     }
 }, [0, "components-section", {
         "tabIndex": [2, "tab-index"]

package/dist/components/components.css

@@ -1006,6 +1006,10 @@ video {
   --transparent: transparent;
   --current: currentColor;
 }
+.grid-col-span-1 {
+  --container-grid-columns: 1;
+  grid-column: span 1 / span 1;
+}
 .grid-col-span-2 {
   --container-grid-columns: 2;
   grid-column: span 2 / span 2;
@@ -6286,6 +6290,9 @@ input[type="range"]::-webkit-slider-thumb {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
 }
+.\!block {
+  display: block !important;
+}
 .block {
   display: block;
 }
@@ -6580,11 +6587,6 @@ input[type="range"]::-webkit-slider-thumb {
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
-}
 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6787,9 +6789,6 @@ input[type="range"]::-webkit-slider-thumb {
 .p-20 {
   padding: 1.25rem;
 }
-.p-4 {
-  padding: 0.25rem;
-}
 .p-8 {
   padding: 0.5rem;
 }
@@ -6999,10 +6998,6 @@ input[type="range"]::-webkit-slider-thumb {
   --tw-shadow-colored: 0px 1.5px 2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
 .ring {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-28ae3f3a.js";export{s as setNonce}from"./p-28ae3f3a.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-4088ae0e",[[1,"eds-form",{"name":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-user",{"user":[1025]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[1,"eds-steps-v2",{"steps":[1],"type":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"bg":[4],"message":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[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-steps",{"steps":[1],"type":[1],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"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"],"actions":[1],"actionTemplate":[16],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[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"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"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"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[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"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[1,"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],"decorate":[1],"label":[1],"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-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],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[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-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleParentContext"]]],[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"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-93e6ba0f",[[0,"eds-trl",{"applications":[1]}]]],["p-794f11e7",[[1,"logo-space"]]],["p-7dbe791f",[[1,"svg-repository"]]],["p-9e53eca3",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-73c74835",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-564431ad",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleheadermenu","handleToggleMenu"]]]]],["p-adbd0d7b",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-0687532c",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-ed4d9bf5",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-1f5c19b9",[[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-f6ca2aa6",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-43468b0f",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-4e473b4e",[[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-2839899a",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-356846cd",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-ed7696a2",[[0,"incorrect-use-of-colors"]]],["p-3a331c68",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-773a119a",[[0,"correct-use-of-colors"]]],["p-b630e51a",[[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}]]],["p-70e8e66f",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-e35e156d",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-82559816",[[0,"token-ratios"]]],["p-3e183368",[[0,"token-typography"]]],["p-11efb1d1",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-b073d78f",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-19d586e6",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-d4f239d7",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-68f45098",[[0,"eds-icon-bin",{"class":[1]}]]],["p-d7251d4d",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-0be79e08",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-c91b4eec",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-023bc47c",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-f2416727",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-50f43dfd",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-562afa88",[[0,"eds-icon-close",{"class":[1]}]]],["p-f28b5da7",[[0,"eds-icon-copy",{"class":[1]}]]],["p-f7a31196",[[0,"eds-icon-draft",{"class":[1]}]]],["p-f42b6251",[[0,"eds-icon-edit",{"class":[1]}]]],["p-85683b18",[[0,"eds-icon-eu",{"class":[1]}]]],["p-4b88d84c",[[0,"eds-icon-external",{"class":[1]}]]],["p-0e74d8b4",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-2679926c",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-32e18e48",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-634258e6",[[0,"eds-icon-loader",{"class":[1]}]]],["p-42a73db4",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-aa5e75b4",[[0,"eds-icon-menu",{"class":[1]}]]],["p-ce66ea37",[[0,"eds-icon-minus",{"class":[1]}]]],["p-4a5d0dcd",[[0,"eds-icon-more",{"class":[1]}]]],["p-ae9393b6",[[0,"eds-icon-paper",{"class":[1]}]]],["p-38e99d4b",[[0,"eds-icon-plus",{"class":[1]}]]],["p-2d1a7471",[[0,"eds-icon-portal",{"class":[1]}]]],["p-02df910c",[[0,"eds-icon-private",{"class":[1]}]]],["p-44055e68",[[0,"eds-icon-public",{"class":[1]}]]],["p-af137162",[[0,"eds-icon-search",{"class":[1]}]]],["p-4a7412ec",[[0,"eds-icon-star",{"class":[1]}]]],["p-f973c83b",[[0,"eds-icon-start",{"class":[1]}]]],["p-73a44c48",[[0,"eds-icon-success",{"class":[1]}]]],["p-996005b7",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-5ae1c931",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-5aa4065a",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-877d13d9",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-2ff16a39",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-caff3355",[[0,"eds-icon-updown",{"class":[1]}]]],["p-960aa103",[[0,"eds-icon-user",{"class":[1]}]]],["p-f3839914",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-8c0b0121",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-1791ce82",[[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}]]],["p-8dee879d",[[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]]]],["p-024789cc",[[1,"logo-wrong-usage"]]],["p-c2dc3692",[[0,"token-spacing"]]],["p-8681e5d8",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-bb9af709",[[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]]]],["p-9d18d7b1",[[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}]]],["p-543f2347",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-b3a40663",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-02d94d2d",[[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]]]],["p-6d3b5818",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-7ec52188",[[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}]]],["p-deb9bbed",[[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}]]],["p-76905315",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-e2e7250a",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-911b1c0b",[[1,"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-fe167c78",[[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}]]],["p-4277fb1a",[[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-66f4cdd9",[[1,"eds-card-desc",{"description":[1],"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]}]]]]'),e))));
+import{p as e,b as a}from"./p-efbc374c.js";export{s as setNonce}from"./p-efbc374c.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-3b551ade",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-user",{"user":[1025],"intent":[1],"expanded":[32]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32],"isAuthenticated":[32]},[[16,"authStatusChanged","onAuthStatusChanged"]]],[1,"eds-steps-v2",{"steps":[1],"type":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"bg":[4],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[4,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[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-steps",{"steps":[1],"type":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1028,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"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"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[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"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[1,"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],"decorate":[1],"label":[1],"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]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[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-code-block",{"code":[1],"language":[1],"copied":[32]}],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"],"extraClass":[1,"extra-class"]},[[0,"parentContext","handleParentContext"]]],[17,"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"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-dbe11048",[[0,"eds-trl",{"applications":[1]}]]],["p-d3391236",[[1,"logo-space"]]],["p-28ec52a7",[[1,"svg-repository"]]],["p-5f350866",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-8fb1eb43",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-da0e9a75",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32]},[[16,"toggleheadermenu","handleToggleMenu"]]]]],["p-265150a1",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-8edd07db",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-171f8e6b",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-9c1c5e8d",[[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-6a2d1e11",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-e7c37e5b",[[0,"incorrect-use-of-colors"]]],["p-870001ee",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-d1927da7",[[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-ff902c98",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-5479e43b",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-36db7db0",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-dd28ab38",[[0,"correct-use-of-colors"]]],["p-50d7eed9",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-8eced026",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-fc099d59",[[0,"token-ratios"]]],["p-58c8c0d7",[[0,"token-typography"]]],["p-86eff0cb",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-64b7a6fc",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-7fa46b01",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-6b988c76",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-9cb14b1f",[[0,"eds-icon-bin",{"class":[1]}]]],["p-c1943b8f",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-e90da4ba",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-19e69c03",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-9261d27c",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-e8374410",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-f40dd50d",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-8cf98230",[[0,"eds-icon-clone",{"class":[1]}]]],["p-5367bb59",[[0,"eds-icon-close",{"class":[1]}]]],["p-7a5623b5",[[0,"eds-icon-copy",{"class":[1]}]]],["p-68a2cd95",[[0,"eds-icon-download",{"class":[1]}]]],["p-88eeaeca",[[0,"eds-icon-draft",{"class":[1]}]]],["p-b24ef7f7",[[0,"eds-icon-edit",{"class":[1]}]]],["p-2f712656",[[0,"eds-icon-eu",{"class":[1]}]]],["p-e42ac312",[[0,"eds-icon-external",{"class":[1]}]]],["p-06951aa3",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-5ec9fc29",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-04f288b1",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-3fa4a703",[[0,"eds-icon-loader",{"class":[1]}]]],["p-5a88cdc2",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-f29e7506",[[0,"eds-icon-menu",{"class":[1]}]]],["p-f092b706",[[0,"eds-icon-minus",{"class":[1]}]]],["p-ad7d603b",[[0,"eds-icon-more",{"class":[1]}]]],["p-a6586448",[[0,"eds-icon-paper",{"class":[1]}]]],["p-8b7910d2",[[0,"eds-icon-plus",{"class":[1]}]]],["p-78c348e2",[[0,"eds-icon-portal",{"class":[1]}]]],["p-fda3da92",[[0,"eds-icon-private",{"class":[1]}]]],["p-0452fe52",[[0,"eds-icon-public",{"class":[1]}]]],["p-5ff10b6f",[[0,"eds-icon-search",{"class":[1]}]]],["p-ebd59113",[[0,"eds-icon-star",{"class":[1]}]]],["p-38b0ea8d",[[0,"eds-icon-start",{"class":[1]}]]],["p-8ef68d8a",[[0,"eds-icon-success",{"class":[1]}]]],["p-7272628d",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-6420754e",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-bfe9d934",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-3097c321",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-e9cd3c4b",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-42680319",[[0,"eds-icon-updown",{"class":[1]}]]],["p-101392d0",[[0,"eds-icon-user",{"class":[1]}]]],["p-baa2df0b",[[0,"eds-icon-view",{"class":[1]}]]],["p-3fa54526",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-79afd8aa",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-a5fd4fc9",[[1,"logo-wrong-usage"]]],["p-4d207d0e",[[0,"token-spacing"]]],["p-7032a73b",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-d2e485a1",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-c66f4dd8",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-6614881d",[[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]]]],["p-4c618a35",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-4db384d9",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-94a223ec",[[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}]]],["p-1b032aa8",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-e6c3f38c",[[1,"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-5b574bb2",[[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-b31babda",[[1,"eds-card-desc",{"description":[1],"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]}]]]]'),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: '0d87f12519405c944ea432dacc79cc22e4710f7a', class: "container" }, h("p", { key: '6041d60d6e1bd6313b6d5989f89209c75b350048', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'bacd39d8122d919711793e0d90074ad4c7e91cc8', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'ab097f654aee5417323b55d17666dd37f51ff193', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'd7b0a82ca3108c7510a8b79ab02aff5a459b3fba', class: "flex" }, h("div", { key: '25572bd784dd3376909f9be43535d06c1eb34301', class: "w-full" }, h("ul", { key: '27508829cd4240f4b443be77182289c2de7d80e4', class: "not-prose 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: '8eec0e4d1f66bc4a46d3f8f6161230667aa52b81', class: "w-full" }, h("ul", { key: '38e5c24b6a446bc9eb44e2d8c2c9918edda1685c', class: "not-prose 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: '62cf0cb3a3666bd073876a15ced356a1b786b755', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '61bb1a7b4a226b2a87115ddcacb1e5f7054f7f2c', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '4cade7f04885d8743de7508088453d7266fdb52e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'a85edc64dedaa5a736fdb6005f227dccd7d6e417', class: "flex" }, h("div", { key: '6585c4d28cc0a0c83483e05fc50e2d1eb6543826', class: "w-full" }, h("ul", { key: '5d2cd485f2730f9ecd8f9881660b660a9863f046', class: "not-prose 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: '8cc38112f8fc04390309894e03bff57839867331', class: "w-full" }, h("ul", { key: '4fcf267012ae77e4a64cc8f3d41590a0077a71d2', class: "not-prose 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: '1e5ae9ac4d5315e74c7509bf3ea429f330c80b8c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '2520f9de5232569e50a16bffab46ff8a7fd07de9', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '3319ed8a5d80766150d4479bb6d360a34e65f2c9', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '4ac76de406d9d3c7d88c743dcb55445030540979', class: "flex" }, h("div", { key: '419a21e058fd90cdb9dbc814cf161d7b9a09ea60', class: "w-full" }, h("ul", { key: '811a0e032cd72ee22f474f2bcf9292cd5c1b39b0', class: "not-prose 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: '7a99c481bc4b866fba27af928bec2d1f2d3aef40', class: "w-full" }, h("ul", { key: '903c58130e827d4b2d562cdfcdfc711357faba0a', class: "not-prose 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: '1b85b22424d7d3a1b91ea28b22c0f35ed11c8292', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'b114668b2ae7e584bdf844738b07eabf2eaf4c1b', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '92aea63995d20c589cd5f93fad0151b1930e676e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '59f3e6a810cb7d399dd1290021cce9fd92238605', class: "flex" }, h("div", { key: '3f9b86e94966320bcee63999cea9da3b86a725dc', class: "w-full" }, h("ul", { key: '379a6bd45c7745b9fef85e5bfe122a860ead0ce0', class: "not-prose 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: '0f0d2766a259285042054653bede2d42673e2e70', class: "w-full" }, h("ul", { key: '2e47e7406097d32f4189f9ba52b19689f998a6d8', class: "not-prose 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: '2ece8530e14e2578756ea7a4b7c6de47692ea437', class: "container" }, h("p", { key: '2c1de740ce1273bff57584a89d126996b89a2585', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '3ce5ec41aff1fa649799bb1b24e2c78ce3d5709e', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'f067c4b8812fb79ddd8302a6e469131bb5ca2540', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '07216a1e8bc1c8944d7cd266fd88fd779a47af2e', class: "flex" }, h("div", { key: '86594b56c689f5013ad372f61591256b96983d1e', class: "w-full" }, h("ul", { key: '890766f2292df846fddf466b950ad572bd012732', class: "not-prose 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: 'c118abd619f14e52c4987a7994603ff61976a30a', class: "w-full" }, h("ul", { key: '68ff730e9d179c7c29701f82f08d0086af20d00b', class: "not-prose 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: '183bb8155e1584b04b493934edaa437d5cf4b783', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'a040517846fb066a35816d293ac04bc7872b3b26', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '386c5220437d6e6659488e7bef5b3ffe52caf4ee', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0d63252310aaa25e69938f3347454094d8722071', class: "flex" }, h("div", { key: 'e4afc567b16e421b47d60679f1ea35e6663d06c6', class: "w-full" }, h("ul", { key: '479d5422ddc0fbc7bb7364fd004c91b6091eb23c', class: "not-prose 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: 'cd991c92db354f80862ae1542396ea32b95c208a', class: "w-full" }, h("ul", { key: 'b88178a45d9f371feab17accb2e7316ef8471380', class: "not-prose 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: '3777953463dcb70490b0c2ce6c42dc2dcbbf1d30', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '13fe2cb15600d4c8d38cb62537222b7cc254b4ea', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'e8156e3295aefedc79483b2f07abeb840980c76e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'a37aa06966858518d02108f3dc62666fdac001ad', class: "flex" }, h("div", { key: '58dd02808202c7a3e1b09b9ca2dbd560e76cd336', class: "w-full" }, h("ul", { key: '0db69e93ff385af493c2b4e6797108d3b20eb4ff', class: "not-prose 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: 'f7135c48160aec5de8d7a8f550b416e54ea2c7e8', class: "w-full" }, h("ul", { key: 'f0d5d0a49bcc9ea372266683b6c029b427db73bf', class: "not-prose 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: '0a42fea17681992eec8f8c107b49cc90934730b4', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17c3efd3b9a55bea075920137d2a58cb910115c1', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '60e5ed7491f4d1814973f6c9f7fbfe8b96626f9d', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '87b6b39208abc11441edc407a81208f4cda8bf49', class: "flex" }, h("div", { key: 'a123aa0926649903d2167293788e02ebfced78b9', class: "w-full" }, h("ul", { key: '2e791bb7cd1c15cccb46942e92a3fa9f6241742a', class: "not-prose 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: '3b7effab5bce2b76d6ac73c8d2353eb0d69cb021', class: "w-full" }, h("ul", { key: '2412301e05f2f711e5b48f86eff270795f363ee6', class: "not-prose 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/docs-palettes.js

@@ -26,7 +26,7 @@ const DocsPalettes$1 = /*@__PURE__*/ proxyCustomElement(class DocsPalettes exten
         }
     }
     render() {
-        return h("div", { key: '5ca77a86d54849aaed6f2d716a66a429e6df45b7', class: "container" }, this.renderContent());
+        return h("div", { key: '8ef26f3be50f9083f1430ec0c9dbf5213ac1268e', class: "container" }, this.renderContent());
     }
 }, [0, "docs-palettes", {
         "tabIndex": [2, "tab-index"]

package/dist/components/docs-tokens.js

@@ -30,7 +30,7 @@ const DocsContent = /*@__PURE__*/ proxyCustomElement(class DocsContent extends H
         }
     }
     render() {
-        return h("div", { key: '176be3a7df15e6463e13db2f0d519dc5dd6c11e4', class: "container" }, this.renderContent());
+        return h("div", { key: '17148efe64117050084010b77d85de64bdfe2000', class: "container" }, this.renderContent());
     }
 }, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]

package/dist/components/download.js

@@ -0,0 +1,18 @@
+const download = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { download as d };

package/dist/components/edit.js

@@ -1,3 +1,3 @@
-const edit = `<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title></title> <g id="Complete"> <g id="edit"> <g> <path d="M20,16v4a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V6A2,2,0,0,1,4,4H8" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> <polygon fill="none" points="12.5 15.8 22 6.2 17.8 2 8.3 11.5 8 16 12.5 15.8" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polygon> </g> </g> </g> </g></svg>`;
+const edit = `<svg width="20" height="20"  viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 3.99997H6C4.89543 3.99997 4 4.8954 4 5.99997V18C4 19.1045 4.89543 20 6 20H18C19.1046 20 20 19.1045 20 18V12M18.4142 8.41417L19.5 7.32842C20.281 6.54737 20.281 5.28104 19.5 4.5C18.7189 3.71895 17.4526 3.71895 16.6715 4.50001L15.5858 5.58575M18.4142 8.41417L12.3779 14.4505C12.0987 14.7297 11.7431 14.9201 11.356 14.9975L8.41422 15.5858L9.00257 12.6441C9.08001 12.2569 9.27032 11.9013 9.54951 11.6221L15.5858 5.58575M18.4142 8.41417L15.5858 5.58575" stroke="#000000" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
 
 export { edit as e };

package/dist/components/eds-accordion2.js

@@ -78,7 +78,7 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
         return (h("div", { key: '1abfd8bfea763bc10e6f17148dbc252d0c3ffdea', 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' : ''}
-          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: '137a3311195d51f46c6677558219828e5f4d06b5', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '0fc6d493fd61726a53a8c4311bd183eb3ad5b270', class: "ml-auto" }, h("eds-button", { key: '61e5e7727de895a9dc9d4a9d909cabea3b82e709', id: "toggleAccordion", intent: this.buttonIntent, "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: '659ad4db8fd78dea0604afce003124a7c19987dc', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '0b463bb9d634b9dd1aa6c512e072bf8004e54db5', 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: '7f2eb016e377e3f2c08fd042e903291ad67bd20b', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '25be3a617a42699e2adeb1c9fc711e5a55ce69ea', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: 'de7e5481940295571543c43f4b65f97dc7cec62c' })))))));
+          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: '137a3311195d51f46c6677558219828e5f4d06b5', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '0fc6d493fd61726a53a8c4311bd183eb3ad5b270', class: "ml-auto" }, h("eds-button", { key: 'cb8182e05c5c11950c0e624ce6b11e27a4d506ab', id: "toggleAccordion", intent: this.buttonIntent, "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`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '084bfb116dcccadf7253ca8ac8de6a1e1d4aa41f', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'c332a210fa4ce90f1974098ff790a7600dfb1721', id: "accordionSection", "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: '842bc3bc7a968ef5a428a97327f38253e8a32888', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '7c8fa8040da18cc2c128b42cdf9e75bfffe4c439', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '852837c0c8c9d8a36f6263f7a943f50d82563a3c' })))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/eds-alert2.js

@@ -1,5 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as cva } from './index2.js';
+import { d as defineCustomElement$3 } from './eds-button2.js';
 import { d as defineCustomElement$2 } from './eds-icon-wrapper2.js';
 import { d as defineCustomElement$1 } from './eds-link2.js';
 
@@ -60,6 +61,7 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.edsalert = createEvent(this, "edsalert", 7);
         this.message = undefined;
         this.pressableLabel = undefined;
         this.pressableUrl = undefined;
@@ -72,6 +74,11 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         this.withBtn = Boolean(this.pressableLabel);
     }
     componentDidLoad() {
+        // Focus the alert container for immediate screen reader announcement
+        /*if (this.intent === 'error' || this.intent === 'warning') {
+          this.el.shadowRoot?.querySelector('[role="alert"]')?.setAttribute('tabindex', '-1');
+          (this.el.shadowRoot?.querySelector('[role="alert"]') as HTMLElement)?.focus();
+        }*/
         var _a;
         // Query for the 'eds-link' element inside the shadow root.
         const lnk = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('eds-link');
@@ -88,14 +95,18 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         });
         linkElement.dispatchEvent(event);
     }
+    handleAction() {
+        // Emit the alertAction event for parent components to handle
+        this.edsalert.emit();
+    }
     render() {
-        return (h("div", { key: '5252aca583e87d8c3249c501e55368e340ef0d64', class: alertStyles({
+        const ariaLabel = this.intent !== 'default' ? `${this.intent} alert` : 'alert';
+        return (h("div", { key: '2d22944e7ae86cf2523c194e20215a3d986083d9', class: alertStyles({
                 intent: this.intent,
                 brd: this.brd,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: 'bb23c94e802ec5e287a2b8619277e83de173b498', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
-            (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
+            }), role: "alert", "aria-label": ariaLabel, "aria-live": this.intent === 'error' ? 'assertive' : 'polite', "aria-labelledby": "alert-message", "aria-describedby": this.withBtn ? 'alert-action' : undefined }, h("p", { key: 'b6c22446b0d87fb01a3cb882fe205ef48ea60b05', id: "alert-message", class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn && (h("div", { key: '8414820eb7b65c83459cfb90adef3ea696e42444', id: "alert-action" }, this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : (h("eds-button", { class: "eds-alert-button", label: this.pressableLabel, intent: "secondary", onClick: () => this.handleAction() }))))));
     }
     get el() { return this; }
     static get style() { return EdsAlertStyle0; }
@@ -112,13 +123,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["eds-alert", "eds-icon-wrapper", "eds-link"];
+    const components = ["eds-alert", "eds-button", "eds-icon-wrapper", "eds-link"];
     components.forEach(tagName => { switch (tagName) {
         case "eds-alert":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, EdsAlert);
             }
             break;
+        case "eds-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
         case "eds-icon-wrapper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();

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

@@ -31,7 +31,7 @@ const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends H
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: '74be23fab63211137102b821a8928431d33714a3' }, h("eds-splash-screen", { key: 'da5b931f1e3999fc36afa3d7dc66ef940a553d22', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'eef7175edf257aabe1dd832f75e30d702ad5e96a', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'bcd9363278ab653852aa0f39b57070a056b8b9ab' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: '01c80f8c47f13066a4b9e6978951c2a264efbd15' }, h("eds-splash-screen", { key: 'bb17fc106515c71c7d70196a933301987c69ae4b', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 }, [1, "eds-app-root", {
         "isAuthenticated": [32]

package/dist/components/eds-avatar2.js

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

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

@@ -11,7 +11,7 @@ const EdsBlockBreak = /*@__PURE__*/ proxyCustomElement(class EdsBlockBreak exten
         this.inverse = false;
     }
     render() {
-        return h("hr", { key: 'b604a776cae7edeee189e00af6993b42b57203f0', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
+        return h("hr", { key: '688e11c730af1193f28db196cd144c6dd2efc3c6', class: `${this.inverse ? 'border-default' : 'border-softer'}  my-16 inline-block w-full border-t-2` });
     }
     static get style() { return EdsBlockBreakStyle0; }
 }, [1, "eds-block-break", {

package/dist/components/eds-breadcrumb.js

@@ -120,7 +120,7 @@ const EdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class EdsBreadcrumb ext
      */
     render() {
         const itemsToRender = this.getTruncatedItems();
-        return (h("nav", { key: 'db769320b42e627fffd71676c1e0551646f1de70', "aria-label": "Breadcrumb" }, h("ol", { key: '6cef8ed43cabcee73cb4ad4fb26f809d0690c0ec', class: "flex items-center space-x-2" }, itemsToRender.map((item, index) => {
+        return (h("nav", { key: '0625a234ec9f5095abbeaafa11e56bceb0432764', "aria-label": "Breadcrumb" }, h("ol", { key: '3898a4b048eca6c606a6948b26ec25a608cb908e', 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 { fullLabel } = this.getLabels(item, isLast);