@ebrains/components 3.1.0 → 3.2.0

package/dist/collection/shared-ui/eds-search-select/eds-search-select.js

@@ -44,8 +44,9 @@ export class EdsSearchSelect {
         this.onKeyDown = (e) => {
             if (e.key === 'ArrowDown') {
                 e.preventDefault();
-                if (!this.open)
+                if (!this.open) {
                     return this.openMenu();
+                }
                 this.activeIndex = Math.min(this.activeIndex + 1, this.visibleItems.length - 1);
             }
             else if (e.key === 'ArrowUp') {
@@ -72,8 +73,9 @@ export class EdsSearchSelect {
         // would be false even for our own clicks and wrongly close on open. composedPath()
         // walks through every shadow boundary and contains our host iff the click was ours.
         this.onDocumentClick = (e) => {
-            if (this.open && !e.composedPath().includes(this.host))
+            if (this.open && !e.composedPath().includes(this.host)) {
                 this.closeMenu();
+            }
         };
         this.name = undefined;
         this.label = undefined;
@@ -133,15 +135,17 @@ export class EdsSearchSelect {
     }
     cacheLabels(opts) {
         (opts || []).forEach((o) => {
-            if (o && o.value != null)
+            if (o && o.value != null) {
                 this.labelCache[String(o.value)] = o.label;
+            }
         });
     }
     /** The current selection as a value array (works for single + multi). */
     get selectedValues() {
         const v = this.value;
-        if (Array.isArray(v))
+        if (Array.isArray(v)) {
             return v.map(String).filter((s) => s !== '');
+        }
         if (typeof v === 'string' && v !== '') {
             return this.multiple ? v.split(',').filter(Boolean) : [v];
         }
@@ -175,10 +179,10 @@ export class EdsSearchSelect {
     // --- Data --------------------------------------------------------------
     filterInline(q) {
         const needle = q.trim().toLowerCase();
-        if (!needle)
+        if (!needle) {
             return this.inlineOptions;
-        return this.inlineOptions.filter((o) => o.label.toLowerCase().includes(needle) ||
-            String(o.value).toLowerCase().includes(needle));
+        }
+        return this.inlineOptions.filter((o) => o.label.toLowerCase().includes(needle) || String(o.value).toLowerCase().includes(needle));
     }
     async fetchRemote(q) {
         this.loading = true;
@@ -187,8 +191,9 @@ export class EdsSearchSelect {
             const params = new URLSearchParams({ [this.searchParam]: q, limit: String(this.limit) });
             const url = `${this.apiBase}/datasets/${encodeURIComponent(this.source)}/search?${params}`;
             const resp = await fetch(url);
-            if (!resp.ok)
+            if (!resp.ok) {
                 throw new Error(`Search failed: ${resp.statusText}`);
+            }
             const data = await resp.json();
             this.items = data.items || [];
             this.cacheLabels(this.items);
@@ -231,14 +236,16 @@ export class EdsSearchSelect {
     }
     // --- Interaction -------------------------------------------------------
     openMenu() {
-        if (this.disabled)
+        if (this.disabled) {
             return;
+        }
         this.open = true;
         this.activeIndex = -1;
         // Populate on first open (initial page for remote, full list for inline).
         // Immediate fetch on open — debounce only applies to typing.
-        if (!this.items.length || this.isRemote)
+        if (!this.items.length || this.isRemote) {
             this.runSearch(this.query, true);
+        }
     }
     closeMenu() {
         this.open = false;
@@ -281,14 +288,28 @@ export class EdsSearchSelect {
     render() {
         const selected = this.selectedValues;
         const hasSelection = selected.length > 0;
-        const inputValue = this.multiple ? this.query : (this.open ? this.query : this.selectedLabel);
+        const inputValue = this.multiple ? this.query : this.open ? this.query : this.selectedLabel;
         const placeholder = this.multiple
-            ? (hasSelection ? '' : this.placeholder)
-            : (hasSelection && !this.open ? this.selectedLabel : this.placeholder);
-        return (h("div", { key: 'f5224332aa395be2a9dd8a1312dcd1b631ad2129', class: "eds-ss" }, (this.label || this.hint) && (h("div", { key: 'e28da19abdedb4107a7b7be2a59e6444780f8251', class: "eds-ss__labelrow" }, this.label && (h("eds-input-label", { key: '81933dbc2d370b8ddbbf8f4286c3420e4f140ca7', name: `${this.name}-input`, label: this.label, required: this.required, disabled: this.disabled })), this.hint && (h("p", { key: '1ff5b7a62cc20bb2ce710ca2e06c728d94aef895', id: `${this.name}-hint`, class: "eds-ss__hint" }, this.hint)))), h("div", { key: '84fbdccc6326707ac854e06d7209dd149d9c26a7', class: "eds-ss__control relative" }, h("div", { key: 'ae99c3d9c706fa6619459d8d6c9baa3df610169e', class: { 'eds-ss__box': true, 'is-error': this.error || !!this.fetchError, 'is-disabled': this.disabled } }, this.multiple &&
-            selected.map((v) => (h("span", { class: "eds-ss__chip", key: v }, h("span", { class: "eds-ss__chip-label" }, this.labelFor(v)), !this.disabled && (h("button", { type: "button", class: "eds-ss__chip-x", "aria-label": `Remove ${this.labelFor(v)}`, onMouseDown: (e) => { e.preventDefault(); this.removeValue(v, e); } }, "\u00D7"))))), h("input", { key: '18dcd5787c7636c09be7285fb85b77f5cae334c8', id: `${this.name}-input`, class: "eds-ss__input", type: "text", role: "combobox", autocomplete: "off", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.listboxId, "aria-autocomplete": "list", placeholder: placeholder, value: inputValue, disabled: this.disabled, required: this.required && !hasSelection, onFocus: () => this.openMenu(), onInput: this.onInput, onKeyDown: this.onKeyDown })), !this.multiple && hasSelection && !this.disabled && (h("button", { key: 'c927fa49fb58b7abec13f6d436f1d1452f9644c5', type: "button", class: "eds-ss__clear", "aria-label": "Clear selection", onClick: this.clear }, "\u00D7")), h("span", { key: 'bff4bf41fb388f849ef9c0928f4aa88e065d718d', class: "eds-ss__chevron", "aria-hidden": "true" }, h("eds-icon-wrapper", { key: '7871955d6fc5626914995d51c1b4b3511b60febe', name: "chevron-right", size: 20 }))), this.open && (h("ul", { key: 'e529fe82576be45a0e99d4a020aa4f721b71686b', class: "eds-ss__list", id: this.listboxId, role: "listbox" }, this.loading && h("li", { key: 'fe8d73dfa0d6a5cf7e9bea4220511a22489884f8', class: "eds-ss__status" }, "Searching\u2026"), !this.loading && this.fetchError && h("li", { key: 'b708b1de4eee8e45287fd23f0bf63327032616d6', class: "eds-ss__status is-error" }, this.fetchError), !this.loading && !this.fetchError && this.visibleItems.length === 0 && (h("li", { key: '9400ac7a022f38935f05df3705e2a65acb9d4a04', class: "eds-ss__status" }, "No matches")), !this.loading &&
+            ? hasSelection
+                ? ''
+                : this.placeholder
+            : hasSelection && !this.open
+                ? this.selectedLabel
+                : this.placeholder;
+        return (h("div", { key: 'c07301b4d8b6dceeea092423faeefdb51df5882a', class: "eds-ss" }, (this.label || this.hint) && (h("div", { key: '852ddc433b142caed852c7503d68aab968808480', class: "eds-ss__labelrow" }, this.label && (h("eds-input-label", { key: 'd44b4925954172a7ad5dec8e71b363630fc8cd3b', name: `${this.name}-input`, label: this.label, required: this.required, disabled: this.disabled })), this.hint && (h("p", { key: '964933f90c1526383364fa4a76b6b31846a6e3e0', id: `${this.name}-hint`, class: "eds-ss__hint" }, this.hint)))), h("div", { key: '69b226ececf5431ce220f5686e01f18aba100b8d', class: "eds-ss__control relative" }, h("div", { key: '942ba3e7020e2a9ae1eb4176b1d7b7444368baa3', class: { 'eds-ss__box': true, 'is-error': this.error || !!this.fetchError, 'is-disabled': this.disabled } }, this.multiple &&
+            selected.map((v) => (h("span", { class: "eds-ss__chip", key: v }, h("span", { class: "eds-ss__chip-label" }, this.labelFor(v)), !this.disabled && (h("button", { type: "button", class: "eds-ss__chip-x", "aria-label": `Remove ${this.labelFor(v)}`, onMouseDown: (e) => {
+                    e.preventDefault();
+                    this.removeValue(v, e);
+                } }, "\u00D7"))))), h("input", { key: 'c41ce7b8e648f0c9e688ae94b0a1a25945ad8715', id: `${this.name}-input`, class: "eds-ss__input", type: "text", role: "combobox", autocomplete: "off", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": this.listboxId, "aria-autocomplete": "list", placeholder: placeholder, value: inputValue, disabled: this.disabled, required: this.required && !hasSelection, onFocus: () => this.openMenu(), onInput: this.onInput, onKeyDown: this.onKeyDown })), !this.multiple && hasSelection && !this.disabled && (h("button", { key: '331e43093fc5749fc369bf976119610b2a310576', type: "button", class: "eds-ss__clear", "aria-label": "Clear selection", onClick: this.clear }, "\u00D7")), h("span", { key: '11b78efe2584e65cb533fb88746ad38da47f2b8d', class: "eds-ss__chevron", "aria-hidden": "true" }, h("eds-icon-wrapper", { key: 'ca62bbe9b3f90b1625208584a6b9e5a154acc5be', name: "chevron-right", size: 20 }))), this.open && (h("ul", { key: 'f4739dc147217d1d575494d0bdd83427f898ddc3', class: "eds-ss__list", id: this.listboxId, role: "listbox" }, this.loading && h("li", { key: 'def95414349449021ec318cae0e3990621992e3e', class: "eds-ss__status" }, "Searching\u2026"), !this.loading && this.fetchError && h("li", { key: '32d940c717170d0e53200ff552bf513e3e6e5fe1', class: "eds-ss__status is-error" }, this.fetchError), !this.loading && !this.fetchError && this.visibleItems.length === 0 && (h("li", { key: 'bea6ededb51b4baab76eca8a237d4a740d3478da', class: "eds-ss__status" }, "No matches")), !this.loading &&
             !this.fetchError &&
-            this.visibleItems.map((opt, i) => (h("li", { key: opt.value, class: { 'eds-ss__option': true, 'is-active': i === this.activeIndex, 'is-selected': selected.includes(String(opt.value)) }, role: "option", "aria-selected": selected.includes(String(opt.value)) ? 'true' : 'false', onMouseEnter: () => (this.activeIndex = i), onMouseDown: (e) => { e.preventDefault(); this.select(opt); } }, opt.label))), !this.loading && !this.fetchError && this.hiddenCount > 0 && (h("li", { key: '8e82d65e9da3755ad10ffaf0fc4a45f5bc365a48', class: "eds-ss__more" }, "+", this.hiddenCount, " more \u2014 keep typing to narrow")))), h("eds-input-footer", { key: '0564f006a874a3556118ce99441cbfabc230ac57', name: this.name, message: this.message, error: this.error, "error-message": this.errorMessage })));
+            this.visibleItems.map((opt, i) => (h("li", { key: opt.value, class: {
+                    'eds-ss__option': true,
+                    'is-active': i === this.activeIndex,
+                    'is-selected': selected.includes(String(opt.value))
+                }, role: "option", "aria-selected": selected.includes(String(opt.value)) ? 'true' : 'false', onMouseEnter: () => (this.activeIndex = i), onMouseDown: (e) => {
+                    e.preventDefault();
+                    this.select(opt);
+                } }, opt.label))), !this.loading && !this.fetchError && this.hiddenCount > 0 && (h("li", { key: '8d6fe6aa8041a948a19004a03728b1439469e28e', class: "eds-ss__more" }, "+", this.hiddenCount, " more \u2014 keep typing to narrow")))), h("div", { key: 'dfb6a12b7eff98bd05b674d385db1dc2e6a17ac2', class: "mt-6" }, h("eds-input-footer", { key: '2f0b9dbc247dea65d3c7abea1a6384b496e586b8', name: this.name, message: this.message, error: this.error, "error-message": this.errorMessage }))));
     }
     static get is() { return "eds-search-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-search-select/eds-search-select.stories.js

@@ -48,19 +48,24 @@ export default {
 const renderSelect = (args) => {
     const el = document.createElement('eds-search-select');
     el.name = args.name;
-    if (args.label)
+    if (args.label) {
         el.label = args.label;
-    if (args.placeholder)
+    }
+    if (args.placeholder) {
         el.placeholder = args.placeholder;
-    if (args.hint)
+    }
+    if (args.hint) {
         el.hint = args.hint;
-    if (args.message)
+    }
+    if (args.message) {
         el.message = args.message;
+    }
     el.required = !!args.required;
     el.disabled = !!args.disabled;
     el.error = !!args.error;
-    if (args.errorMessage)
+    if (args.errorMessage) {
         el.errorMessage = args.errorMessage;
+    }
     el.multiple = !!args.multiple;
     if (args.source) {
         el.source = args.source;

package/dist/collection/shared-ui/eds-trl-badge/eds-trl-badge.js

@@ -38,16 +38,17 @@ export class EdsTrlBadge {
         this.href = undefined;
     }
     esc(s) {
-        return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;')
-            .replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+        return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
     }
     /** Maturity tier → value/pip colour (brand palette). */
     levelColor() {
         const n = Number(this.level);
-        if (n >= 7)
+        if (n >= 7) {
             return '#00FF9D';
-        if (n >= 4)
+        }
+        if (n >= 4) {
             return '#00C87B';
+        }
         return '#7A7B7A';
     }
     /** Readable value text on a coloured segment (black on green, light on grey). */
@@ -56,10 +57,12 @@ export class EdsTrlBadge {
     }
     fullText() {
         const parts = [`${this.label} ${this.level}`];
-        if (this.assessed)
+        if (this.assessed) {
             parts.push(`assessed ${this.assessed}`);
-        if (this.methodology)
+        }
+        if (this.methodology) {
             parts.push(`methodology ${this.methodology}`);
+        }
         return parts.join(' · ');
     }
     /** Build the inner markup + intrinsic dimensions for the chosen variant. */
@@ -99,8 +102,8 @@ export class EdsTrlBadge {
             const stroke = dark ? '#34473d' : '#07140D';
             const labelColor = dark ? '#ECECEC' : '#07140D';
             const sep = dark ? '#5a6b62' : '#9aa39d';
-            const value = dark ? valColor : (Number(this.level) >= 4 ? '#00966a' : '#7A7B7A');
-            const w = Math.ceil(logoSpace + (this.label + ' · ' + this.level).length * CW + 12);
+            const value = dark ? valColor : Number(this.level) >= 4 ? '#00966a' : '#7A7B7A';
+            const w = Math.ceil(logoSpace + `${this.label} · ${this.level}`.length * CW + 12);
             const inner = `<defs>${markDefs(uid)}</defs>` +
                 `<rect x=".5" y=".5" width="${w - 1}" height="23" rx="6" fill="${bg}" stroke="${stroke}"/>${markGroup(uid, 8, 4, 16)}` +
                 `<text x="30" y="16" ${mono} font-size="11" letter-spacing=".3">` +
@@ -154,12 +157,12 @@ export class EdsTrlBadge {
         const k = this.size ? this.size / h : 1;
         const outW = Math.round(w * k);
         const outH = Math.round(h * k);
-        return `<svg xmlns="http://www.w3.org/2000/svg" width="${outW}" height="${outH}" ` +
-            `viewBox="0 0 ${w} ${h}" role="img" aria-label="${aria}"><title>${aria}</title>${inner}</svg>`;
+        return (`<svg xmlns="http://www.w3.org/2000/svg" width="${outW}" height="${outH}" ` +
+            `viewBox="0 0 ${w} ${h}" role="img" aria-label="${aria}"><title>${aria}</title>${inner}</svg>`);
     }
     render() {
         const svg = this.buildSvg();
-        return (h(Host, { key: 'eddfb49f35ff9771d76eef13a024b840b3a24cca' }, this.href ? (h("a", { class: "link", href: this.href, "aria-label": this.fullText(), innerHTML: svg })) : (h("span", { class: "link", innerHTML: svg }))));
+        return (h(Host, { key: '8da5cadf8dc1cef28dd16902013905bfefdd67aa' }, this.href ? (h("a", { class: "link", href: this.href, "aria-label": this.fullText(), innerHTML: svg })) : (h("span", { class: "link", innerHTML: svg }))));
     }
     static get is() { return "eds-trl-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-trl-badge/eds-trl-badge.stories.js

@@ -7,7 +7,10 @@ export default {
         methodology: { control: 'text', description: 'Methodology version, e.g. "v8.2".' },
         theme: { control: 'select', options: ['dark', 'light'], description: 'Theme (tone/outline/scale).' },
         variant: { control: 'select', options: ['tone', 'full', 'pill', 'outline', 'scale'], description: 'Badge shape.' },
-        size: { control: { type: 'number', min: 16, max: 96 }, description: 'Rendered height in px (scales the whole badge).' },
+        size: {
+            control: { type: 'number', min: 16, max: 96 },
+            description: 'Rendered height in px (scales the whole badge).'
+        },
         href: { control: 'text', description: 'Optional link.' },
         label: { control: 'text', description: 'Leading label.' }
     },

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: 'c9192fb7e315fa8fe41c9ee512f4573951865208' }, h("eds-splash-screen", { key: 'e3d413597cc370692c593abd4017d97e1c172219', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '2821e64738053db4809663aa918f98c4df358201', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '4680b74ec0f74b8060b020f726f6696b41b43a9e' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'c856dc661c22b74baee69d195ef92ab1e24bceae' }, h("eds-splash-screen", { key: '62689cd4fdee56d667071bad596037342812b7a6', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'af2257c63a00025dbddbc2bd4bc7c08391ead2aa', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '8a2768437fb21855da535b8ea706f7cb3a17a36a' }, 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/safeFormat.js

@@ -22,11 +22,7 @@ export function safeInlineFormat(text) {
     if (!text) {
         return '';
     }
-    let s = String(text)
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;');
+    let s = String(text).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
     // bold
     s = s.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
     // links — safe schemes only; otherwise drop to the plain label

package/dist/components/components-section.js

@@ -150,7 +150,7 @@ const ComponentsSection$1 = /*@__PURE__*/ proxyCustomElement(class ComponentsSec
         }
     }
     render() {
-        return h("div", { key: '8d781f8e27f93eb003bd4390da57503dc17a945b', class: "container" }, this.renderContent());
+        return h("div", { key: 'bc06ee85e7b45c9d45afa416ecb839c0a10aa576', class: "container" }, this.renderContent());
     }
 }, [0, "components-section", {
         "tabIndex": [2, "tab-index"]

package/dist/components/components.css

@@ -6550,6 +6550,9 @@ input[type="range"]::-webkit-slider-thumb {
 .mb-4 {
   margin-bottom: 0.25rem;
 }
+.mb-48 {
+  margin-bottom: 3rem;
+}
 .mb-8 {
   margin-bottom: 0.5rem;
 }
@@ -6589,6 +6592,9 @@ input[type="range"]::-webkit-slider-thumb {
 .mt-20 {
   margin-top: 1.25rem;
 }
+.mt-24 {
+  margin-top: 1.5rem;
+}
 .mt-28 {
   margin-top: 1.75rem;
 }
@@ -6598,6 +6604,9 @@ input[type="range"]::-webkit-slider-thumb {
 .mt-4 {
   margin-top: 0.25rem;
 }
+.mt-48 {
+  margin-top: 3rem;
+}
 .mt-6 {
   margin-top: 0.375rem;
 }
@@ -7335,10 +7344,6 @@ input[type="range"]::-webkit-slider-thumb {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.py-6 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
 .py-8 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -7361,9 +7366,6 @@ input[type="range"]::-webkit-slider-thumb {
 .pb-4 {
   padding-bottom: 0.25rem;
 }
-.pb-8 {
-  padding-bottom: 0.5rem;
-}
 .pl-12 {
   padding-left: 0.75rem;
 }

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-271c61ff.js";export{s as setNonce}from"./p-271c61ff.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-85476a6f",[[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"],"clearBtn":[4,"clear-btn"],"clearBtnLabel":[1,"clear-btn-label"],"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-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32],"open":[64],"close":[64]},[[16,"toggleheadermenu","handleToggleMenu"],[8,"keydown","onKeydown"]]],[1,"eds-kg-learning-resources",{"apiEndpoint":[1,"api-endpoint"],"resolveNames":[4,"resolve-names"],"size":[2],"heading":[1],"variant":[1],"loading":[32],"error":[32],"software":[32],"meta":[32],"filterType":[32],"filterLevel":[32],"searchQuery":[32]}],[1,"eds-user",{"user":[1025],"intent":[1],"dropdownLabel":[1,"dropdown-label"],"expanded":[32],"shortMode":[32],"closeDropdown":[64]}],[1,"eds-header",{"url":[513],"links":[1],"variant":[513],"menu":[4],"isMenuOpen":[32],"isUserMenuOpen":[32]}],[1,"eds-card-app",{"category":[1],"title":[1],"description":[1],"tags":[1],"url":[1],"linkText":[1,"link-text"],"variant":[1]}],[1,"eds-card-cta",{"title":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"links":[1],"variant":[1]}],[1,"eds-steps-v2",{"steps":[1],"type":[1],"orientation":[1],"theme":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"showFinish":[4,"show-finish"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-card-feature",{"icon":[1],"title":[1],"description":[1],"url":[1],"linkText":[1,"link-text"],"variant":[1]}],[1,"eds-global-search",{"apiEndpoint":[1,"api-endpoint"],"placeholder":[1],"limit":[2],"debounceDelay":[2,"debounce-delay"],"forceNewTab":[4,"force-new-tab"],"currentOrigin":[1,"current-origin"],"currentSource":[1,"current-source"],"authToken":[1,"auth-token"],"variant":[513],"query":[32],"results":[32],"loading":[32],"error":[32],"hasSearched":[32],"showDropdown":[32],"selectedIndex":[32]},[[4,"click","handleDocumentClick"],[0,"keydown","handleKeydown"]]],[1,"eds-sidebar",{"items":[1],"theme":[1],"activeUrl":[1,"active-url"],"enableRouting":[4,"enable-routing"],"maxLevel":[2,"max-level"],"openItems":[32],"parsedItems":[32]},null,{"items":["handleItemsChange"],"activeUrl":["handleActiveUrlChange"]}],[1,"eds-card-hero",{"category":[1],"title":[1],"description":[1],"tags":[1],"url":[1],"variant":[1]}],[1,"eds-card-stat",{"number":[1],"label":[1],"description":[1],"url":[1],"variant":[1]}],[1,"eds-progress-bar",{"value":[1026],"showLabel":[4,"show-label"],"variant":[1],"labelPaddingX":[1,"label-padding-x"],"updateValue":[64]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"variant":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[0,"eds-kg-web-services-select",{"apiEndpoint":[1,"api-endpoint"],"label":[1],"name":[1],"placeholder":[1],"required":[4],"disabled":[4],"size":[2],"searchTerm":[1,"search-term"],"value":[1025],"hint":[1],"message":[1],"error":[4],"errorMessage":[1,"error-message"],"loading":[32],"webServices":[32],"fetchError":[32],"selectOptions":[32]}],[1,"eds-card-generic",{"title":[1],"url":[1],"description":[1],"tags":[1],"intent":[1],"icon":[1],"titleSize":[1,"title-size"],"isHovered":[32]},[[0,"parentContext","handleParentContext"]]],[1,"eds-footer",{"social":[4],"variant":[513],"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"],"columns":[1],"resolvedColumns":[32]},[[9,"scroll","handleScroll"]],{"columns":["onColumnsChange"]}],[1,"eds-search-select",{"name":[1],"label":[1],"placeholder":[1],"required":[4],"disabled":[4],"hint":[1],"message":[1],"error":[4],"errorMessage":[1,"error-message"],"value":[1025],"multiple":[4],"options":[1],"source":[1],"apiBase":[1,"api-base"],"searchParam":[1,"search-param"],"limit":[2],"debounceMs":[2,"debounce-ms"],"maxVisible":[2,"max-visible"],"open":[32],"query":[32],"loading":[32],"fetchError":[32],"items":[32],"total":[32],"activeIndex":[32],"selectedLabel":[32]},null,{"options":["onOptionsChange"],"value":["onValueChange"]}],[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":[2,"selected-value"],"internalValue":[32]},null,{"selectedValue":["handleSelectedValueChange"]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"autoClose":[4,"auto-close"],"noCloseSelector":[1,"no-close-selector"],"isOpen":[32],"focusIndex":[32],"close":[64]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"],[0,"click","handleHostInternalClick"]]],[1,"eds-steps",{"steps":[1],"type":[1],"orientation":[1],"theme":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"showFinish":[4,"show-finish"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"collapsibleTitles":[4,"collapsible-titles"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[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"],"actions":[1],"actionTemplate":[16],"sortingEnabled":[4,"sorting-enabled"],"theme":[1025],"view":[1025],"showViewToggle":[4,"show-view-toggle"],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32],"sortColumn":[32],"sortDirection":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[2,"selected-rating"],"internalRating":[32]},null,{"selectedRating":["handleSelectedRatingChange"]}],[1,"eds-social-networks",{"heading":[1,"title"],"variant":[1]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"intent":[1]}],[1,"eds-card-title",{"url":[1],"externalLink":[4,"external-link"],"title":[1],"intent":[1],"size":[1]}],[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-accordion",{"heading":[1,"title"],"description":[1],"variant":[1],"icon":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"isExpanded":[32],"toggleIcon":[32]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"],"variant":[1]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"icon":[1],"dismissible":[4],"withBtn":[32],"dismissed":[32]},null,{"pressableLabel":["onPressableLabelChange"]}],[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-tag",{"label":[1],"intent":[1],"size":[1]}],[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"]}],[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],"inputTabIndex":[2,"input-tab-index"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[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-dropzone",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"multiple":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"primaryText":[1,"primary-text"],"secondaryText":[1,"secondary-text"],"selectedFiles":[32],"isDragging":[32]}],[1,"eds-input-file",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"multiple":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"buttonLabel":[1,"button-label"],"selectedFiles":[32]}],[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-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[1,"eds-logo",{"href":[1],"orientation":[1],"variant":[1,"type"],"label":[1]}],[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}],[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"],"triggerClick":[16],"fullWidth":[4,"full-width"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"pill":[4],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-icon-wrapper",{"name":[1],"size":[2],"label":[1]}]]],["p-e9e6ec19",[[1,"logo-space"]]],["p-12acc48d",[[1,"svg-repository"]]],["p-c4cfbf98",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-42791331",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-786ff09b",[[1,"eds-gitlab-contributors",{"accessToken":[1,"access-token"],"projectId":[1,"project-id"],"apiUrl":[1,"api-url"],"path":[1],"limit":[2],"minCommits":[2,"min-commits"],"showStats":[4,"show-stats"],"columns":[1],"sortBy":[1,"sort-by"],"contributors":[32],"loading":[32],"error":[32]}]]],["p-62f53e7a",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-5ff4b1d0",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-1fbcc480",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-0e2bac0f",[[0,"incorrect-use-of-colors"]]],["p-37ef07d9",[[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-8a483358",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-f9a9fa34",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-e71a4f29",[[0,"correct-use-of-colors"]]],["p-6be1730a",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-62580004",[[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-1cc26ddf",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"size":[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-80a32e20",[[0,"token-ratios"]]],["p-25729ade",[[0,"token-typography"]]],["p-bdcb71e1",[[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}]]],["p-b1a10842",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-c2127276",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-cc096938",[[0,"eds-icon-eu",{"class":[1]}]]],["p-1e6f0572",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-18399fe1",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-c65082fe",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-c3ee9163",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-f4d2f882",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-00ba405d",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-ddb9ce00",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-d59d6fda",[[1,"eds-trl-badge",{"level":[2],"assessed":[1],"methodology":[1],"theme":[1],"variant":[1],"size":[2],"label":[1],"href":[1]}]]],["p-e027bc90",[[1,"logo-wrong-usage"]]],["p-03342030",[[0,"token-spacing"]]],["p-7baaf1a1",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-3d1bb2fe",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-e339d0b5",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-e4df206e",[[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-27e093c3",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]]]'),e))));
+import{p as e,b as a}from"./p-271c61ff.js";export{s as setNonce}from"./p-271c61ff.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a(JSON.parse('[["p-337d4ee3",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"eyebrow":[1],"estimatedTime":[1,"estimated-time"],"progress":[2],"expires":[1],"policy":[1],"gdpr":[4],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"clearBtn":[4,"clear-btn"],"clearBtnLabel":[1,"clear-btn-label"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"status":[1],"saveStatus":[1,"save-status"],"saveLabel":[1,"save-label"],"values":[32],"showClearConfirm":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32],"open":[64],"close":[64]},[[16,"toggleheadermenu","handleToggleMenu"],[8,"keydown","onKeydown"]]],[1,"eds-kg-learning-resources",{"apiEndpoint":[1,"api-endpoint"],"resolveNames":[4,"resolve-names"],"size":[2],"heading":[1],"variant":[1],"loading":[32],"error":[32],"software":[32],"meta":[32],"filterType":[32],"filterLevel":[32],"searchQuery":[32]}],[1,"eds-user",{"user":[1025],"intent":[1],"dropdownLabel":[1,"dropdown-label"],"expanded":[32],"closeDropdown":[64]}],[1,"eds-header",{"url":[513],"links":[1],"variant":[513],"menu":[4],"isMenuOpen":[32],"isUserMenuOpen":[32]}],[1,"eds-card-app",{"category":[1],"title":[1],"description":[1],"tags":[1],"url":[1],"linkText":[1,"link-text"],"variant":[1]}],[1,"eds-card-cta",{"title":[1],"description":[1],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"links":[1],"variant":[1]}],[1,"eds-steps-v2",{"steps":[1],"type":[1],"orientation":[1],"theme":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"showFinish":[4,"show-finish"],"card":[4],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32],"isMobile":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-card-feature",{"icon":[1],"title":[1],"description":[1],"url":[1],"linkText":[1,"link-text"],"variant":[1]}],[1,"eds-global-search",{"apiEndpoint":[1,"api-endpoint"],"placeholder":[1],"limit":[2],"debounceDelay":[2,"debounce-delay"],"forceNewTab":[4,"force-new-tab"],"currentOrigin":[1,"current-origin"],"currentSource":[1,"current-source"],"authToken":[1,"auth-token"],"variant":[513],"query":[32],"results":[32],"loading":[32],"error":[32],"hasSearched":[32],"showDropdown":[32],"selectedIndex":[32]},[[4,"click","handleDocumentClick"],[0,"keydown","handleKeydown"]]],[1,"eds-sidebar",{"items":[1],"theme":[1],"activeUrl":[1,"active-url"],"enableRouting":[4,"enable-routing"],"maxLevel":[2,"max-level"],"openItems":[32],"parsedItems":[32]},null,{"items":["handleItemsChange"],"activeUrl":["handleActiveUrlChange"]}],[1,"eds-card-hero",{"category":[1],"title":[1],"description":[1],"tags":[1],"url":[1],"variant":[1]}],[1,"eds-card-stat",{"number":[1],"label":[1],"description":[1],"url":[1],"variant":[1]}],[1,"eds-progress-bar",{"value":[1026],"showLabel":[4,"show-label"],"variant":[1],"labelPaddingX":[1,"label-padding-x"],"updateValue":[64]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"variant":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[0,"eds-kg-web-services-select",{"apiEndpoint":[1,"api-endpoint"],"label":[1],"name":[1],"placeholder":[1],"required":[4],"disabled":[4],"size":[2],"searchTerm":[1,"search-term"],"value":[1025],"hint":[1],"message":[1],"error":[4],"errorMessage":[1,"error-message"],"loading":[32],"webServices":[32],"fetchError":[32],"selectOptions":[32]}],[1,"eds-card-generic",{"title":[1],"url":[1],"description":[1],"tags":[1],"intent":[1],"icon":[1],"titleSize":[1,"title-size"],"isHovered":[32]},[[0,"parentContext","handleParentContext"]]],[1,"eds-footer",{"social":[4],"variant":[513],"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"],"columns":[1],"resolvedColumns":[32]},[[9,"scroll","handleScroll"]],{"columns":["onColumnsChange"]}],[1,"eds-search-select",{"name":[1],"label":[1],"placeholder":[1],"required":[4],"disabled":[4],"hint":[1],"message":[1],"error":[4],"errorMessage":[1,"error-message"],"value":[1025],"multiple":[4],"options":[1],"source":[1],"apiBase":[1,"api-base"],"searchParam":[1,"search-param"],"limit":[2],"debounceMs":[2,"debounce-ms"],"maxVisible":[2,"max-visible"],"open":[32],"query":[32],"loading":[32],"fetchError":[32],"items":[32],"total":[32],"activeIndex":[32],"selectedLabel":[32]},null,{"options":["onOptionsChange"],"value":["onValueChange"]}],[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":[2,"selected-value"],"internalValue":[32]},null,{"selectedValue":["handleSelectedValueChange"]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"autoClose":[4,"auto-close"],"noCloseSelector":[1,"no-close-selector"],"isOpen":[32],"focusIndex":[32],"close":[64]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"],[0,"click","handleHostInternalClick"]]],[1,"eds-steps",{"steps":[1],"type":[1],"orientation":[1],"theme":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"showFinish":[4,"show-finish"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"collapsibleTitles":[4,"collapsible-titles"],"activeStep":[32],"isMobile":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"variant":[1],"heading":[1],"icon":[1],"dismissible":[4],"duration":[2],"visible":[32],"hasActions":[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"],"actions":[1],"actionTemplate":[16],"sortingEnabled":[4,"sorting-enabled"],"theme":[1025],"view":[1025],"showViewToggle":[4,"show-view-toggle"],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32],"sortColumn":[32],"sortDirection":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[2,"selected-rating"],"internalRating":[32]},null,{"selectedRating":["handleSelectedRatingChange"]}],[1,"eds-social-networks",{"heading":[1,"title"],"variant":[1]}],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"],"intent":[1]}],[1,"eds-card-title",{"url":[1],"externalLink":[4,"external-link"],"title":[1],"intent":[1],"size":[1]}],[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-accordion",{"heading":[1,"title"],"description":[1],"variant":[1],"icon":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"isExpanded":[32],"toggleIcon":[32]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"],"variant":[1]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"icon":[1],"dismissible":[4],"withBtn":[32],"dismissed":[32]},null,{"pressableLabel":["onPressableLabelChange"]}],[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-tag",{"label":[1],"intent":[1],"size":[1]}],[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"]}],[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],"inputTabIndex":[2,"input-tab-index"],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[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-dropzone",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"multiple":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"primaryText":[1,"primary-text"],"secondaryText":[1,"secondary-text"],"selectedFiles":[32],"isDragging":[32]}],[1,"eds-input-file",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"multiple":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"buttonLabel":[1,"button-label"],"selectedFiles":[32]}],[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-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[1,"eds-logo",{"href":[1],"variant":[1,"type"]}],[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}],[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"],"triggerClick":[16],"fullWidth":[4,"full-width"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"pill":[4],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"]},[[0,"parentContext","handleParentContext"]]],[1,"eds-icon-wrapper",{"name":[1],"size":[2],"label":[1]}]]],["p-4b8a7979",[[1,"logo-space"]]],["p-b4023b45",[[1,"svg-repository"]]],["p-340bc935",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-8e034c4e",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-8cdbc280",[[1,"eds-gitlab-contributors",{"accessToken":[1,"access-token"],"projectId":[1,"project-id"],"apiUrl":[1,"api-url"],"path":[1],"limit":[2],"minCommits":[2,"min-commits"],"showStats":[4,"show-stats"],"columns":[1],"sortBy":[1,"sort-by"],"contributors":[32],"loading":[32],"error":[32]}]]],["p-114f6d54",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-6ffe581c",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-b1519098",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-0d778d10",[[0,"incorrect-use-of-colors"]]],["p-37ef07d9",[[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-86ccc09f",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-a26dad9b",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-8755a21b",[[0,"correct-use-of-colors"]]],["p-43f9e64f",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-6e370182",[[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-1cc26ddf",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"size":[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-f97f62f2",[[0,"token-ratios"]]],["p-3f66bc26",[[0,"token-typography"]]],["p-6b94b2ec",[[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}]]],["p-b1a10842",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-dc9aef22",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-c53b3563",[[0,"eds-icon-eu",{"class":[1]}]]],["p-39dbb964",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-afabe1be",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-6d965fef",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-1534204d",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-a2d6a9ca",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-9f649fa3",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-ddb9ce00",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-05e96609",[[1,"eds-trl-badge",{"level":[2],"assessed":[1],"methodology":[1],"theme":[1],"variant":[1],"size":[2],"label":[1],"href":[1]}]]],["p-726637b1",[[1,"logo-wrong-usage"]]],["p-46cc6c1a",[[0,"token-spacing"]]],["p-7baaf1a1",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-8cb162b8",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-f66a7cf9",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-8ab461e2",[[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-c7d612d1",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]]]'),e))));

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

@@ -60,7 +60,7 @@ const CorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class CorrectUseOf
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '1448b252afd426048e14a56782bad097bbc2cb04', class: "container" }, h("p", { key: '0a0a0ead35d299893d307a1eb9a71e4234d066aa', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '83f480812bba9e85716bae68885b3fdc7ed241a7', 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: '5c19085f34284f1a2aa3c525c9389611b75bfb1c', 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: 'd660baa9e8a74688099c0ec5e8c0a6a3f0519952', class: "flex" }, h("div", { key: 'e3402503bc727c66c39dd6fdc38e8f41a79f6fda', class: "w-full" }, h("ul", { key: '0b797f5b7339979cedb7fe29ecfa6ea36c656df7', 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: '36362208d138fa0e1d892f52c0f2e8d063dedfd2', class: "w-full" }, h("ul", { key: '5cbeeaf57b89f04f55e0a0c289d6d4b3ea3f5a64', 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: '9b409f7d4d271ebd6334d1a973e3a3e4c329ab9b', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1b4b5713f609774b37e2a84ae992098f4412da6b', 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: '2aaef87146f0777ec614c27e5c309a862a32008a', 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: '8b0114f367da96c44094e88b642c3d80cc03eb3a', class: "flex" }, h("div", { key: '0e7031b26c356592194c9590969d87f59a533b99', class: "w-full" }, h("ul", { key: '9b081bf5903f907c50c3bd70b021dc1d5f13047f', 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: '7a48e557e56d0f76556bddd5c0d7348347b522e5', class: "w-full" }, h("ul", { key: 'de47269f2887ede6f63d78ea27216bdfca092e00', 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: '6462727e41d5adbb78e6516cc514deab0c82a4ff', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '4e451a7a19184ea9febc308440f18aa9ffd7ba20', 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: '00b0bfd638b09f74045600e1f8712ff291a9fefb', 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: 'defd084d15e5ea4ba08fc3bbd6e0b49177c5272f', class: "flex" }, h("div", { key: 'd6bf7ff0ae322e935cc5757470a46ebe3d0d9044', class: "w-full" }, h("ul", { key: 'e5446d344666bf651ea95740defb7ddc7a7b11c1', 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: 'fea82f2022e4649db4f0e7496682d1da56b081fd', class: "w-full" }, h("ul", { key: 'e678cd5f9af9969b3d5832102dc37ea2b720f88a', 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: 'd2e63f7de74f17c40529f04195dfceab6d2064ce', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'e038092dd9503209b495fcd19648891c8dcfd6e3', 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: '8a08ec7cdb4f054bdf44b949da4490b6ffce4e2a', 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: '8d082cd4dddffb42b6d16d1c8b1269a2ba6f9b20', class: "flex" }, h("div", { key: '9d5794ab3a57398babcd8d6f27df2d9ed2154c45', class: "w-full" }, h("ul", { key: 'b83da37b2a99897f68c44cf5c8b910c7626f828e', 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: '2842ef771db390b7e486e3926107238b3f91f7f9', class: "w-full" }, h("ul", { key: '59dda1da69095cda6ca70c92dec362b7ec6ae521', 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: 'afddc656b9217a2df98181fe7be846c779486efb', class: "container" }, h("p", { key: '995cb777ef605d3cfb4a1fa8a8acf538a0522b74', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '5a14a5ea05e8b8bd58f2182594f4061986a9bfb0', 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: '22b9d164e0b5d22a82813b22e00258b051fb5291', 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: '1bd417ab605d072d6c87b5fcb708a475b06c0b4d', class: "flex" }, h("div", { key: 'e43e1e84710ac1fd52d7b9cc0deebd0c4d5a7e2e', class: "w-full" }, h("ul", { key: '18a5a63c7beace0bd6ecf0fe315f227162d10483', 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: 'f3055c180b296dfb59863a754ffe6a06d726a6ff', class: "w-full" }, h("ul", { key: 'd341ddade09efdcc9d1af3964f9026a9707fbe0e', 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: 'af0b4403b93fffceea6ea1e5f06967b598028a99', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '8ea91d6f8a9924da6a7f9bca61c127565aad9007', 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: '50febc4ea15b0fa627d33d95ffc7095ac2d6c4ff', 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: '808176e6142ebf50f8f0b0202af6f3ef9af7a3b8', class: "flex" }, h("div", { key: '6d848442a7c7bcde5ef10c56ae3ab6d34e5cadc6', class: "w-full" }, h("ul", { key: '32578cc459e343292790a3ff842bed8ae807dd82', 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: 'e12a82ccea09771605f012eadd6e84c34b26f185', class: "w-full" }, h("ul", { key: 'f1ee5355e9f21f53289c2d5849e72dcd5a8d7031', 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: '26077e0df6ae891c93681a7958f9edb20eaa818f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '14cb5e7a55efaedeff39f32cfa15745ee1182a68', 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: '0b05ada6b2a2791508aa7acb74f3b9df083fa316', 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: '39a0425ecb995d6bf8d0c6587127f702fb658440', class: "flex" }, h("div", { key: 'ab4a5ffbcb73a88fea4ee67306be6bf30ea1dcff', class: "w-full" }, h("ul", { key: '1117d4f1541cb02b915aecae6c54545f3242a4df', 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: 'ffa7b0017bb21b6608e99b60788c0ea4509fddfc', class: "w-full" }, h("ul", { key: '88517aeead68cb768814577987355c3f1421d3b3', 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: '220bc12066e60ee1912fe194c849ad9569de8d69', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '51fb2578373998a1145c218d33f50c609fefc571', 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: 'f11b329d33f72491c84b80b2094713673e0981b8', 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: '90c79cfa3aa9ca0c0ac9397d1f903ab3897e15ba', class: "flex" }, h("div", { key: 'e645ea51aac869eebd84e2f2d48bbd51c365b44c', class: "w-full" }, h("ul", { key: '7c7f731969f61d4b6005ee5c7855e1fe2f36e4b4', 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: '774507d20533e34dd712bea09b74858aff6d221a', class: "w-full" }, h("ul", { key: 'd270efd5cc0cca95117977a98aae34c037de82d0', 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: 'b6a79a91f8609cc1dd6fdd09c15b33e90dea202b', class: "container" }, this.renderContent());
+        return h("div", { key: 'bebc4aab533ad7f61012cae48372420c7fef2e69', 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: '4104127b2816de8034a5bde49162486930647142', class: "container" }, this.renderContent());
+        return h("div", { key: '8819d91f67b1df2f4e2a7da791bce550003eaa41', class: "container" }, this.renderContent());
     }
 }, [0, "docs-tokens", {
         "tabIndex": [2, "tab-index"]

package/dist/components/eds-accordion2.js

@@ -48,11 +48,8 @@ const EdsAccordion = /*@__PURE__*/ proxyCustomElement(class EdsAccordion extends
         this.toggleIcon = this.expanded ? 'chevron-down' : 'chevron-right';
     }
     render() {
-        const cardClasses = [
-            'accordion-card',
-            `accordion-card-${this.variant}`
-        ].join(' ');
-        return (h("div", { key: '08061b87dfd54b49f8aa782f29e2a9c5c8bcd2ef', class: cardClasses }, h("div", { key: '728033232d8e6aa348bc98d028a5bd62d32fd934', class: "accordion-header", onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "button", tabindex: 0, "aria-expanded": String(this.isExpanded), "aria-controls": "accordionSection" }, this.icon && (h("div", { key: 'eeb4260c955a2d4394bc3663dc749afc45b6f87f', class: "accordion-icon" }, h("eds-icon-wrapper", { key: '0896625a235bda97a098ac7b9a4ebec00e5fa587', name: this.icon, size: 24 }))), h("div", { key: '3e6b85780bc597a84dc0eb5d2526f9e54c16148d', class: "accordion-header-text" }, h("h3", { key: 'b5c5c0023bc23dc225183736f02683134a40da93', class: "accordion-title" }, this.heading), this.description && (h("p", { key: 'eb04c90cef03a838a4f852b988f3a9984e593120', class: `accordion-description ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description))), h("eds-icon-wrapper", { key: '583d0bcc82a178c2a47eef586aede9c87e8ea456', name: this.toggleIcon, size: 20, class: "accordion-chevron" })), h("section", { key: '8f820377d639ced2d0a4fe505452b6b408640400', id: "accordionSection", "aria-hidden": String(!this.isExpanded), class: `accordion-panel ${this.isExpanded ? 'expanded' : ''}` }, h("div", { key: 'd41dc9c3ef21f14df3ca25138440356703fa35ed', class: "accordion-panel-inner" }, h("div", { key: '156c3c9b139efcb964525147338ecdeeca538123', class: "accordion-content" }, h("slot", { key: 'b19b54c279cca1a32b4ed0f5b0a319d87b7bf937' }))))));
+        const cardClasses = ['accordion-card', `accordion-card-${this.variant}`].join(' ');
+        return (h("div", { key: 'e437239cc58d208a41d178ad843b56b4cf96c868', class: cardClasses }, h("div", { key: 'd8918b77de629a60332118da38969f237ef5f4a6', class: "accordion-header", onClick: this.handleClick, onKeyDown: this.handleKeyDown, role: "button", tabindex: 0, "aria-expanded": String(this.isExpanded), "aria-controls": "accordionSection" }, this.icon && (h("div", { key: '56d74602ae6f5b2246a42047caae30fd7affd5eb', class: "accordion-icon" }, h("eds-icon-wrapper", { key: '91dec34e9bec65648e943203dfbf7a2c2f85a239', name: this.icon, size: 24 }))), h("div", { key: '3abdd978e4de24e892fe763a2ad42606915b7136', class: "accordion-header-text" }, h("h3", { key: '7a6e750e6b9462577fd71c4a08d5e029c5c31c17', class: "accordion-title" }, this.heading), this.description && (h("p", { key: '1b79cce1a659c8ec48f365c44bbd9593bb11769a', class: `accordion-description ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description))), h("eds-icon-wrapper", { key: 'a911f1daf7776c574ec42a7d007c2c21768d0b05', name: this.toggleIcon, size: 20, class: "accordion-chevron" })), h("section", { key: 'fe743b5bffe37fd352d26f3a1660fd0e0a6633a7', id: "accordionSection", "aria-hidden": String(!this.isExpanded), class: `accordion-panel ${this.isExpanded ? 'expanded' : ''}` }, h("div", { key: '0d9fc37345deb16c1a5793c7deeb41298c4cf209', class: "accordion-panel-inner" }, h("div", { key: '697c71cdf914948ba9d017a2e92f42ce0e2ffc73', class: "accordion-content" }, h("slot", { key: '156b2c0be11111d3876bdbc1852f51a8b44b0284' }))))));
     }
     get el() { return this; }
     static get style() { return EdsAccordionStyle0; }

package/dist/components/eds-alert2.js

@@ -3,7 +3,7 @@ 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';
 
-const edsAlertCss = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}p{margin:0}.alert-card{position:relative;border-radius:16px;padding:1rem 1.25rem;display:flex;gap:0.75rem;width:100%;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;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)}.alert-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-default{background-color:var(--grey-light);color:var(--brand-black)}.alert-default::before{background-color:var(--grey-dark)}.alert-default .alert-icon{color:var(--grey-dark)}.alert-warning{background-color:var(--yellow-200);color:var(--brand-black)}.alert-warning::before{background-color:var(--yellow-600)}.alert-warning .alert-icon{color:var(--yellow-600)}.alert-error{background-color:var(--red-200);color:var(--brand-black)}.alert-error::before{background-color:var(--red-600)}.alert-error .alert-icon{color:var(--red-600)}.alert-success{background-color:var(--brand-green);color:var(--brand-black)}.alert-success::before{background-color:var(--green-700)}.alert-success .alert-icon{color:var(--green-700)}.alert-brand{background-color:var(--brand-black);color:var(--brand-green)}.alert-brand::before{background-color:var(--brand-green)}.alert-brand .alert-icon{color:var(--brand-green)}.alert-brand .alert-dismiss{color:var(--brand-green)}.alert-horizontal{flex-direction:row;align-items:center}.alert-vertical{flex-direction:column;align-items:flex-start}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-body{flex:1;min-width:0}.alert-message{margin:0}.alert-action{flex-shrink:0}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:8px;color:inherit;opacity:0.7;transition:opacity 0.2s ease}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media (max-width: 768px){.alert-card{padding:0.75rem 1rem;gap:0.5rem}.alert-horizontal{flex-direction:column;align-items:flex-start}}";
+const edsAlertCss = ":host{display:block;width:100%}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}p{margin:0}.alert-card{position:relative;border-radius:16px;padding:1rem 1.25rem;display:flex;gap:0.75rem;width:100%;border:1px solid rgba(0, 0, 0, 0.1);overflow:hidden;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)}.alert-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}.alert-default{background-color:var(--grey-light);color:var(--brand-black)}.alert-default::before{background-color:var(--grey-dark)}.alert-default .alert-icon{color:var(--grey-dark)}.alert-warning{background-color:var(--yellow-200);color:var(--brand-black)}.alert-warning::before{background-color:var(--yellow-600)}.alert-warning .alert-icon{color:var(--yellow-600)}.alert-error{background-color:var(--red-200);color:var(--brand-black)}.alert-error::before{background-color:var(--red-600)}.alert-error .alert-icon{color:var(--red-600)}.alert-success{background-color:var(--brand-green);color:var(--brand-black)}.alert-success::before{background-color:var(--green-700)}.alert-success .alert-icon{color:var(--green-700)}.alert-brand{background-color:var(--brand-black);color:var(--brand-green)}.alert-brand::before{background-color:var(--brand-green)}.alert-brand .alert-icon{color:var(--brand-green)}.alert-brand .alert-dismiss{color:var(--brand-green)}.alert-horizontal{flex-direction:row;align-items:center}.alert-vertical{flex-direction:column;align-items:flex-start}.alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert-body{flex:1;min-width:0}.alert-message{margin:0}.alert-action{flex-shrink:0}.alert-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:8px;color:inherit;opacity:0.7;transition:opacity 0.2s ease}.alert-dismiss:hover{opacity:1}.alert-dismiss:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}@media (max-width: 768px){.alert-card{padding:0.75rem 1rem;gap:0.5rem}.alert-horizontal{flex-direction:column;align-items:flex-start}.alert-dismiss{position:absolute;top:0.5rem;right:0.5rem;padding:0.125rem}.alert-card:has(.alert-dismiss){padding-right:2.25rem}}";
 const EdsAlertStyle0 = edsAlertCss;
 
 const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLElement {
@@ -45,8 +45,9 @@ const EdsAlert = /*@__PURE__*/ proxyCustomElement(class EdsAlert extends HTMLEle
         this.edsDismiss.emit();
     }
     render() {
-        if (this.dismissed)
+        if (this.dismissed) {
             return null;
+        }
         const intent = this.normalizedIntent;
         const ariaLabel = intent !== 'default' ? `${intent} alert` : 'alert';
         return (h("div", { class: `alert-card alert-${intent} alert-${this.direction}`, role: "alert", "aria-label": ariaLabel, "aria-live": intent === 'error' || intent === 'warning' ? 'assertive' : 'polite' }, this.intentIcon && (h("div", { class: "alert-icon" }, h("eds-icon-wrapper", { name: this.intentIcon, size: 20 }))), h("div", { class: "alert-body" }, this.message ? (h("p", { class: "alert-message" }, this.message)) : (h("div", { class: "alert-message" }, h("slot", null)))), this.withBtn && (h("div", { class: "alert-action" }, this.pressableUrl ? (h("eds-link", { label: this.pressableLabel, url: this.pressableUrl, intent: "strong" })) : (h("eds-button", { label: this.pressableLabel, intent: "ghost", onClick: () => this.handleAction() })))), this.dismissible && (h("button", { class: "alert-dismiss", onClick: () => this.handleDismiss(), "aria-label": "Dismiss alert" }, h("eds-icon-wrapper", { name: "close", size: 20 })))));

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

@@ -30,7 +30,7 @@ const EdsAppRoot$1 = /*@__PURE__*/ proxyCustomElement(class EdsAppRoot extends H
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: 'c9192fb7e315fa8fe41c9ee512f4573951865208' }, h("eds-splash-screen", { key: 'e3d413597cc370692c593abd4017d97e1c172219', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '2821e64738053db4809663aa918f98c4df358201', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '4680b74ec0f74b8060b020f726f6696b41b43a9e' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'c856dc661c22b74baee69d195ef92ab1e24bceae' }, h("eds-splash-screen", { key: '62689cd4fdee56d667071bad596037342812b7a6', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: 'af2257c63a00025dbddbc2bd4bc7c08391ead2aa', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '8a2768437fb21855da535b8ea706f7cb3a17a36a' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 }, [1, "eds-app-root", {
         "isAuthenticated": [32]