@ebrains/vue 2.3.0 → 2.3.1

package/{eds-accordion_36.entry-BxQQm2_M.mjs → eds-accordion_36.entry-OIRzmPqH.mjs}

@@ -1,5 +1,5 @@
-import { r as m, c as v, h as i, g as y, H as ln } from "./index-BEqOhpq-.mjs";
-import { s as I, m as fn, a as en } from "./analytics-d99780e3-Bay18Oil.mjs";
+import { r as m, c as v, h as i, g as y, H as ln } from "./index-D2V9qb42.mjs";
+import { s as A, m as fn, a as en } from "./analytics-d99780e3-Bay18Oil.mjs";
 import { c as P } from "./index-39c58238-BwYCDOHZ.mjs";
 import { p as R } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
 import { h as tn } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
@@ -8,7 +8,7 @@ const Sn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
   constructor(n) {
     m(this, n), this.accordion = v(this, "accordion", 7), this.handleClick = () => {
       var e;
-      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), I({
+      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), A({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -211,7 +211,7 @@ p {
 
 .after\\:border-softest::after {
   border-color: rgba(0, 0, 0, .05);
-}`, Fn = zn, An = P(["w-full bg-dark"], {
+}`, Fn = zn, In = P(["w-full bg-dark"], {
   variants: {
     intent: {
       default: "",
@@ -259,7 +259,7 @@ p {
     brd: "rounded",
     direction: "horizontal"
   }
-}), In = class {
+}), An = class {
   constructor(n) {
     m(this, n), this.edsalert = v(this, "edsalert", 7), this.message = void 0, this.pressableLabel = void 0, this.pressableUrl = void 0, this.direction = "horizontal", this.intent = "default", this.brd = "rounded", this.withBtn = !1;
   }
@@ -285,7 +285,7 @@ p {
   }
   render() {
     const n = this.intent !== "default" ? `${this.intent} alert` : "alert";
-    return i("div", { key: "33781ae5fb8504158e8fe780a76d89566a39e914", class: An({
+    return i("div", { key: "33781ae5fb8504158e8fe780a76d89566a39e914", class: In({
       intent: this.intent,
       brd: this.brd,
       direction: this.direction,
@@ -296,7 +296,7 @@ p {
     return y(this);
   }
 };
-In.style = Fn;
+An.style = Fn;
 const Ln = `::before,
 ::after {
     box-sizing: border-box;
@@ -1680,7 +1680,7 @@ button,
       n.preventDefault();
       return;
     }
-    I({
+    A({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
@@ -2346,8 +2346,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
               var cn = F.pattern.toString().match(/[imsuy]*$/)[0];
               F.pattern = RegExp(F.pattern.source, cn + "g");
             }
-            for (var Q = F.pattern || F, A = h.next, T = f; A !== d.tail && !(u && T >= u.reach); T += A.value.length, A = A.next) {
-              var N = A.value;
+            for (var Q = F.pattern || F, I = h.next, T = f; I !== d.tail && !(u && T >= u.reach); T += I.value.length, I = I.next) {
+              var N = I.value;
               if (d.length > c.length)
                 return;
               if (!(N instanceof b)) {
@@ -2356,26 +2356,26 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
                   if (L = k(Q, T, c, Z), !L || L.index >= c.length)
                     break;
                   var B = L.index, gn = L.index + L[0].length, $ = T;
-                  for ($ += A.value.length; B >= $; )
-                    A = A.next, $ += A.value.length;
-                  if ($ -= A.value.length, T = $, A.value instanceof b)
+                  for ($ += I.value.length; B >= $; )
+                    I = I.next, $ += I.value.length;
+                  if ($ -= I.value.length, T = $, I.value instanceof b)
                     continue;
-                  for (var H = A; H !== d.tail && ($ < gn || typeof H.value == "string"); H = H.next)
+                  for (var H = I; H !== d.tail && ($ < gn || typeof H.value == "string"); H = H.next)
                     W++, $ += H.value.length;
                   W--, N = c.slice(T, $), L.index -= T;
                 } else if (L = k(Q, 0, N, Z), !L)
                   continue;
                 var B = L.index, q = L[0], V = N.slice(0, B), nn = N.slice(B + q.length), G = T + N.length;
                 u && G > u.reach && (u.reach = G);
-                var M = A.prev;
+                var M = I.prev;
                 V && (M = O(d, M, V), T += V.length), U(d, M, W);
                 var hn = new b(x, D ? o.tokenize(q, D) : q, dn, q);
-                if (A = O(d, M, hn), nn && O(d, A, nn), W > 1) {
+                if (I = O(d, M, hn), nn && O(d, I, nn), W > 1) {
                   var Y = {
                     cause: x + "," + S,
                     reach: G
                   };
-                  z(c, d, g, A.prev, T, Y), u && Y.reach > u.reach && (u.reach = Y.reach);
+                  z(c, d, g, I.prev, T, Y), u && Y.reach > u.reach && (u.reach = Y.reach);
                 }
               }
             }
@@ -3340,7 +3340,7 @@ const Un = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-s
   constructor(n) {
     m(this, n), this.dropdown = v(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var e, t;
-      this.isOpen = !this.isOpen, this.isOpen ? (this.focusableItems = Array.from(((e = this.panelEl) === null || e === void 0 ? void 0 : e.querySelectorAll('a, button, [role="menuitem"]')) || []), this.focusIndex = this.focusableItems.length ? 0 : -1, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), I({
+      this.isOpen = !this.isOpen, this.isOpen ? (this.focusableItems = Array.from(((e = this.panelEl) === null || e === void 0 ? void 0 : e.querySelectorAll('a, button, [role="menuitem"]')) || []), this.focusIndex = this.focusableItems.length ? 0 : -1, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), A({
         category: "ui-component",
         parentContext: null,
         tag: this.host.tagName.toLowerCase(),
@@ -3635,8 +3635,6 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
         const b = o.name, k = o.files ? Array.from(o.files) : [];
         k.length > 0 && k.forEach((z) => e.append(b, z));
       });
-    }), e.forEach((r, l) => {
-      r instanceof File ? console.log(`File field: ${l}, File name: ${r.name}, File size: ${r.size}`) : console.log(`Field: ${l}, Value: ${r}`);
     }), e;
   }
   handleChange(n, e) {
@@ -3704,7 +3702,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
           success: !1,
           message: this.errorMessage
           //data: this.makeFormData()
-        }), I({
+        }), A({
           category: "ui-component",
           parentContext: null,
           tag: this.el.tagName.toLowerCase(),
@@ -3719,7 +3717,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
         validated: !0,
         message: "Form data validated successfully"
         //data: this.getFormData()
-      }), I({
+      }), A({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -3753,7 +3751,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
   }
   render() {
     const n = this.parsedFields.filter((r) => r.type === "hidden"), e = this.groupedFields, t = this.formStyle === "shadow" ? "bg-inverse effect-shadow shadow-hover border-softer relative rounded-lg border-2 p-32" : "";
-    return i("form", { key: "a2e7de988c60301b92f6b756702bfcc78e9f3d90", class: t, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "22172631522aa6094d8b163b0774c57ef4404d60", class: "flex flex-col gap-y-24" }, this.title && i("span", { key: "0597bbacbaf5f3d9ec1ab938cf755a10baafdf21", role: "heading", class: "f-heading-04" }, this.title), this.description && i("span", { key: "5e636072bc2692071bd0b518af721999cc8b511e", class: "f-body-02 text-light" }, this.description), i("slot", { key: "79d21172208eb77ec6460e817d3c7bc3a680c806" })), n.map((r, l) => i("eds-input", { key: l, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(e[r.id]) && e[r.id].length > 0).map((r) => i("div", { class: "mt-32", key: r.id }, i("span", { class: "f-body-02" }, i("b", null, r.title)), i("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, e[r.id].map((l) => this.renderField(l))))), i("div", { key: "b99941e53dec1c8c4e167d8588d6e86793838d1a", class: "flex flex-col mt-32 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r))), this.formBtn && i("div", { key: "27365a4d7d8150ff4e94ffb3d27d011400c8c412", class: "mt-32" }, i("eds-button", { key: "66f89292b95d9549e3718d7e499b0724762127c6", intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+    return i("form", { key: "0b7014a7e6c641f2abc6217d919583dafce50067", class: t, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "3beaa87c72ac60e37bf5c7093b8a3f5b54c9eb4b", class: "flex flex-col gap-y-24" }, this.title && i("span", { key: "5d07685b0e31419d442765c230f9cd2373ce2773", role: "heading", class: "f-heading-04" }, this.title), this.description && i("span", { key: "13fe635ea00fa3c950951f1df37549fa75341666", class: "f-body-02 text-light" }, this.description), i("slot", { key: "5e62b8844536ef127ce2565e4167766bf6d5ba4d" })), n.map((r, l) => i("eds-input", { key: l, type: "hidden", name: r.name, value: r.value })), this.parsedGroups.filter((r) => Array.isArray(e[r.id]) && e[r.id].length > 0).map((r) => i("div", { class: "mt-32", key: r.id }, i("span", { class: "f-body-02" }, i("b", null, r.title)), i("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, e[r.id].map((l) => this.renderField(l))))), i("div", { key: "831b919b0784a671596678392fe5aa0433af35a5", class: "flex flex-col mt-32 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r))), this.formBtn && i("div", { key: "bdddee0aa0899c9cea3ce737f30f1e25ce8d95c5", class: "mt-32" }, i("eds-button", { key: "f9a61383079b998dc98558d85b93e30aa32a3eeb", intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
     return y(this);
@@ -3775,7 +3773,7 @@ const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
         this.results = [], this.hasSearched = !1, this.showDropdown = !1;
         return;
       }
-      I({
+      A({
         category: "shared-ui",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -3836,7 +3834,7 @@ const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     }
   }
   selectResult(n) {
-    this.resultSelected.emit(n), this.searchClosed.emit(), I({
+    this.resultSelected.emit(n), this.searchClosed.emit(), A({
       category: "shared-ui",
       parentContext: null,
       tag: this.el.tagName.toLowerCase(),
@@ -3861,10 +3859,10 @@ const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
     return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
   }
   render() {
-    return i("div", { key: "88e2275af869b192185bcc3c5ffc1734b41db402", class: "search-wrapper" }, i("eds-input-field", { key: "86d2404ce274046839cfaa645d3f90e963243037", icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && i("div", { key: "581788b5a7c0d5efa43e55a17cfbca5bedd621ad", class: "search-dropdown", ref: (n) => this.dropdownRef = n }, this.loading && i("div", { key: "9d303e89842aaaa62149cc56d8149f40f8fc832b", class: "flex text-center justify-center p-64" }, i("eds-spinner", { key: "2f65fbc0148f547f0876f815959fb49421bc4638", variant: "primary", size: "sm" })), this.error && !this.loading && i("div", { key: "aff2cbf02d158dfd3debf5a7494d842075f99520", class: "flex text-center justify-center p-16" }, i("span", { key: "7a57ff8cd4ed45700a053c2ff176905cb9d9a022", class: "text-error f-body-02" }, this.error)), this.showEmpty && i("div", { key: "f3dbed470148f9ab23d588b44efa7572cbdb4d2c", class: "dropdown-state" }, i("eds-icon-wrapper", { key: "161d9df9a6484a355363834042d1071aaf21bc97", icon: "search" }), i("div", { key: "8bea49fba074247e2290e912171c9e428e68f153" }, i("p", { key: "141e3e14dc335e570409da2cf8a85ab25fb88606", class: "f-body-02" }, "No results found"), i("p", { key: "1b38d8e25f4171b895a2f5c34cbbc7f38f631e21", class: "f-ui-04 text-lightest" }, "Try different keywords"))), this.hasResults && !this.loading && i("ul", { key: "63bbceeda1b9835905103e4f95ad474dc0998cf8", class: "dropdown-results" }, this.results.map((n, e) => i("li", { key: n.id, "data-index": e, class: {
+    return i("div", { key: "e3c15463b46aa6349efb86e4907d6f7bfabf682f", class: "search-wrapper" }, i("eds-input-field", { key: "f2164163925534652c62541b3e954d4bb66510bc", icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && i("div", { key: "f592d322fb3d1556743edc39713c8dbaa6449fa6", class: "search-dropdown", ref: (n) => this.dropdownRef = n }, this.loading && i("div", { key: "4d3171271b27f70650bbded9cb7c0b76799dc1a1", class: "flex text-center justify-center p-64" }, i("eds-spinner", { key: "74fed5cf70ba698468dd2ca03dc5ff4eb7aeb7db", variant: "primary", size: "sm" })), this.error && !this.loading && i("div", { key: "481fd52e321ff02ca61cc0877a61f577b6a1ebd7", class: "flex text-center justify-center p-16" }, i("span", { key: "073d2a12b960b3309e0ab597c41d36f946615ed6", class: "text-error f-body-02" }, this.error)), this.showEmpty && i("div", { key: "7b031eec1e6720f4cda6bc107ebc6f64f1c6e35f", class: "dropdown-state" }, i("eds-icon-wrapper", { key: "3ce91c3dcdaf27bd85f7ea4c855bab58b1208355", icon: "search" }), i("div", { key: "c1a9b0c3f62fc568fa9d34d41730da8960bcdd54" }, i("p", { key: "d3b87b4a6b06e81e5c62e817b924f762974c589e", class: "f-body-02" }, "No results found"), i("p", { key: "67fde47420811b9eaef805d9e6aa1b3515c74251", class: "f-ui-04 text-lightest" }, "Try different keywords"))), this.hasResults && !this.loading && i("ul", { key: "ba3a77467ba5e709bdf95dc793c316a18a135b64", class: "dropdown-results" }, this.results.map((n, e) => i("li", { key: n.id, "data-index": e, class: {
       "result-item": !0,
       "result-item--selected": e === this.selectedIndex
-    }, onClick: () => this.selectResult(n), onMouseEnter: () => this.selectedIndex = e }, i("div", { class: "result-header" }, i("span", { class: "f-body-02" }, n.title)), i("div", { class: "inline" }, i("eds-tag", { intent: "accent", label: n.source }), n.section && i("span", { class: "result-badge" }, n.section), i("span", { class: "f-ui-03-light text-lighter ml-8" }, n.url)), n.snippet && i("p", { class: "result-snippet" }, this.stripHtml(n.snippet))))), this.hasResults && !this.loading && i("div", { key: "ef57588a0e953a34178ddecc12555a96b66c6825", class: "dropdown-footer" }, i("span", { key: "637caa12e1bc804839e57d99dcd7a489d76f2547", class: "footer-hint" }, i("kbd", { key: "08dd472cf39b60995469384bc04949a77379ff09" }, "↑"), " ", i("kbd", { key: "c54bbf03ba530fbc12cc86a7a6a667a285b66071" }, "↓"), " navigate • ", i("kbd", { key: "20ff7d9a6ee0cae1dd0317a244c7d579c9a72b95" }, "↵"), " select • ", i("kbd", { key: "be3ce0fe05c79526bd9ebe2ca5d227ff33821aed" }, "esc"), " close"))));
+    }, onClick: () => this.selectResult(n), onMouseEnter: () => this.selectedIndex = e }, i("div", { class: "result-header" }, i("span", { class: "f-body-02" }, n.title)), i("div", { class: "inline" }, i("eds-tag", { intent: "accent", label: n.source }), n.section && i("span", { class: "result-badge" }, n.section), i("span", { class: "f-ui-03-light text-lighter ml-8" }, n.url)), n.snippet && i("p", { class: "result-snippet" }, this.stripHtml(n.snippet))))), this.hasResults && !this.loading && i("div", { key: "ccdceeb06f423b28868dbf5ec2a11c5b84c651d7", class: "dropdown-footer" }, i("span", { key: "e9dfb424b4dd277b11c6a630c673ec6368b09ef2", class: "footer-hint" }, i("kbd", { key: "4d045d4356b035c6efc7e029ea9e1f5bb4828b6b" }, "↑"), " ", i("kbd", { key: "5ee2913fe448ad3763ca9a70f474bfa9fcd3aad9" }, "↓"), " navigate • ", i("kbd", { key: "d745261bb53ecffae5ff41d53e349fd74d37b955" }, "↵"), " select •", " ", i("kbd", { key: "baa93b7af9e8ae8994f8e73c1bf7942f659b0491" }, "esc"), " close"))));
   }
   get el() {
     return y(this);
@@ -3873,14 +3871,11 @@ const ie = ":host{display:block;width:100%}p{margin:0}ol,ul,menu{list-style:none
 le.style = re;
 const oe = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-10{z-index:10}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.mr-auto{margin-right:auto}.w-\\[200px\\]{width:200px}.h-\\[85px\\]{height:85px}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hidden{display:none}.gap-x-2{-moz-column-gap:0.125rem;column-gap:0.125rem}.after\\:effect-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.whitespace-nowrap{white-space:nowrap}.\\!text-current{color:currentColor !important}.overflow-hidden{overflow:hidden}.after\\:\\!border-transparent::after{border-color:var(--transparent) !important}.hover\\:after\\:\\!border-transparent:hover::after{border-color:var(--transparent) !important}.after\\:opacity-0::after{opacity:0}.hover\\:after\\:opacity-100:hover::after{opacity:1}.px-16{padding-left:1rem;padding-right:1rem}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}}", ae = oe, se = class {
   constructor(n) {
-    m(this, n), this.toggleheadermenu = v(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
-  }
-  onAuthStatusChanged(n) {
-    var e;
-    this.isAuthenticated = (e = n.detail) === null || e === void 0 ? void 0 : e.authenticated;
+    m(this, n), this.toggleheadermenu = v(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1;
   }
   componentDidLoad() {
-    this.hostEl.querySelectorAll("eds-link").forEach((e) => this.emitContext(e));
+    var n, e;
+    ((e = (n = this.hostEl.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-link")) !== null && e !== void 0 ? e : []).forEach((r) => this.emitContext(r));
   }
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
@@ -3903,7 +3898,7 @@ const oe = ".block{display:block}.inline-block{display:inline-block}.inline{disp
       inverse: "text-default bg-inverse",
       strong: "text-inverse bg-strongest"
     }, e = n[this.headerVariant] || n.default, t = this.headerVariant === "strong" ? "color-white" : "color";
-    return i("header", { key: "937c78379bb6f3a97705862b2fa3f0f6ddd76d4c", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "d94837e8414d558f02039501d7b01ab550275ca7", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "02711bc6d80075a215761ce79698555f7b31bffa", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "e3f0033cce5a6145a4f457d1c2c7aebb767593f7", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, i("ul", { key: "85008ed8ceb8eca869d8730b38a8aa37aeb757ff", class: "flex gap-x-2" }, this.parsedLinks.map((r) => i("eds-link", { label: r.label, "aria-label": r.label, url: r.url, intent: "ghost", size: "large", icon: r.icon, external: r.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))), i("slot", { key: "35eb7af751f3da381fada990118fa0a37ce150b1" }), this.menuEnabled && i("div", { key: "121bba2b027fc21e8c77054f3de533e40fad6b96", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "00774810aabf8fa292ecca2210bcd9542a7cb0c2", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
+    return i("header", { key: "33f041754210d5fce8b190e63a6f19ac62262cfd", role: "banner", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "596d4b9cbb08fa95aa9b715599290ac91aff3f77", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "d13e83eca926b82f7406d5efb3f16555c25c167c", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "e120bef9e976e75d523bd6d1e65e8aecd7c6a694", role: "navigation", "aria-label": "Primary", class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, i("ul", { key: "ea3db252b028340a007a18b4cb1fb995fefd51b0", class: "flex gap-x-2" }, this.parsedLinks.map((r) => i("eds-link", { label: r.label, "aria-label": r.label, url: r.url, intent: "ghost", size: "large", icon: r.icon, external: r.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))), i("slot", { key: "47dfb8dcd8e77bd908236aef0cc0c3c5542de11e", name: "actions" }), this.menuEnabled && i("div", { key: "a6f4a3fb9834696d39a6831098c12f1a5a519a6b", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "2c6586152953caa33911d19fa69d3518cb73fc41", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
     return y(this);
@@ -4033,10 +4028,10 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "7d704bdd14072d6ce69632d6f2de3270ff393b87", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "c164d1584476f9fb101abb9e1233bed40c782eb9", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, i("picture", { key: "724f384b7b9f112727d3ab4ecdab5f769e581b26" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "8b12b640a9d66fba117676e6bd81659c72a8e15c", ref: (e) => this.img = e, class: {
+    } }, i("picture", { key: "70e20db2fe9bdf1a494313c6896e835ff3222f3c" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "164d758ed706139d2d4562775a91c9518c437d28", ref: (e) => this.img = e, class: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
@@ -4065,7 +4060,7 @@ const Et = class {
   }
   render() {
     const n = !!this.icon, e = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return i("div", { key: "4c49edfceefe448b6f5bb29284f0b757342a6003", class: "relative flex items-center" }, this.type === "textarea" ? i("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? i("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((t) => i("option", { value: t.value, selected: t.value === this.innerVal, key: t.value }, t.label))) : i("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0 }, this.type === "number" ? {
+    return i("div", { key: "069d8ed6f23b2d98bbc24b727cad0cbc94d1a956", class: "relative flex items-center" }, this.type === "textarea" ? i("textarea", { id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, class: `min-h-80 input input-textarea ${n ? "input-with-icon" : ""} ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput }) : this.type === "select" ? i("select", { id: this.inputId || this.name, name: this.name, required: this.required, disabled: this.disabled, class: `input input-select ${this.error ? "input-error" : ""} ${this.extraClass}`, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, onInput: this.handleInput, onChange: this.handleInput }, this.options.map((t) => i("option", { value: t.value, selected: t.value === this.innerVal, key: t.value }, t.label))) : i("input", Object.assign({ id: this.inputId || this.name, name: this.name, placeholder: this.placeholder, value: this.innerVal.toString(), required: this.required, disabled: this.disabled, type: this.type, checked: ["radio", "checkbox"].includes(this.type) ? this.checked : void 0 }, this.type === "number" ? {
       min: this.min,
       max: this.max,
       step: this.step
@@ -4074,7 +4069,7 @@ const Et = class {
               input ${this.type === "radio" ? "input-radio" : this.type === "checkbox" ? "input-checkbox" : ""}
               ${n && this.type !== "radio" && this.type !== "checkbox" ? "input-icon pl-36" : ""} 
               ${this.error ? "input-error" : ""}
-              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && i("span", { key: "df877332c68d4783d5f0f8d8beb94c1859cd00da", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && i("eds-icon-wrapper", { key: "94f7d3d75f5c578c10ab72b6140785b0b5988a13", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
+              `, "aria-invalid": this.error ? "true" : "false", "aria-describedby": e, maxlength: this.maxLength, onInput: this.handleInput, onChange: this.handleInput })), this.maxLength && this.type === "textarea" && i("span", { key: "2295538938128173047a5c81166cbee3d652cf25", class: `input-counter f-ui-05 absolute bottom-8 right-8 ${this.maxLengthReached ? "input-counter-error" : ""}` }, this.maxLength), this.icon && i("eds-icon-wrapper", { key: "70a5bc0c9019c25499c4c65ece50ddb602eb3345", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
     return y(this);
@@ -11896,7 +11891,7 @@ input[type="range"]::-webkit-slider-thumb {
   }
   render() {
     const n = Object.assign({ name: this.name, id: this.inputId, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleNativeInput, onChange: this.handleNativeChange, type: this.type, required: this.required, value: this.value, error: this.error, icon: this.icon, checked: this.checked }, this.type === "number" ? { min: this.min, max: this.max, step: this.step } : {});
-    return i("div", { key: "8351609cb76699040d692f3a99746970a1498bea" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4" }, i("div", { class: "flex justify-between mb-4" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((e) => i("div", { class: "flex items-center gap-x-4 gap-y-4", key: e.value }, i("eds-input", Object.assign({}, n, { value: e.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(e.value)) })), i("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? "text-lighter" : ""}` }, e.label)))) : i("div", { class: "flex items-center gap-x-8" }, i("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" || this.checked })), this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : i("div", null, i("div", { class: "flex justify-between mb-4" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? i("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? i("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required }) : this.type === "search" ? i("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
+    return i("div", { key: "75e326788d214bcbdd0b4b5204ac309a3e76f6eb" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4" }, i("div", { class: "flex justify-between mb-4" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.parsedOptions.map((e) => i("div", { class: "flex items-center gap-x-4 gap-y-4", key: e.value }, i("eds-input", Object.assign({}, n, { value: e.value, checked: typeof this.value == "string" && this.value.split(",").includes(String(e.value)) })), i("label", { htmlFor: this.name, class: `input-label-options ${this.disabled ? "text-lighter" : ""}` }, e.label)))) : i("div", { class: "flex items-center gap-x-8" }, i("eds-input", Object.assign({}, n, { value: this.value, checked: this.value === "on" || this.checked })), this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required })) : i("div", null, i("div", { class: "flex justify-between mb-4" }, this.label && i("eds-input-label", { name: this.inputId || this.name, label: this.label, disabled: this.disabled, required: this.required }), this.hint && i("p", { id: `${this.name}-hint`, class: "f-ui-05 text-lighter mt-8 ml-8" }, this.hint)), this.type === "select" ? i("eds-input-select", Object.assign({}, n, { options: this.parsedOptions })) : this.type === "file" ? i("input", { type: "file", id: this.inputId || this.name, name: this.name, onChange: this.onChangeNative, disabled: this.disabled, required: this.required }) : this.type === "search" ? i("eds-input-search", { name: "search-box" }) : this.type === "range" ? (() => {
       var e, t, r;
       const l = {
         name: n.name,
@@ -11907,7 +11902,7 @@ input[type="range"]::-webkit-slider-thumb {
         onChange: n.onChange
       }, a = this.parsedOptions, s = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
       return i("eds-input-range", Object.assign({}, l, { min: (e = a[0]) === null || e === void 0 ? void 0 : e.value, max: (t = a[1]) === null || t === void 0 ? void 0 : t.value, step: (r = a[2]) === null || r === void 0 ? void 0 : r.value, value: s }));
-    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "171ca8dfbf4b30a62a05d00f5296b1aaa3d964bd", class: "mt-6" }, i("eds-input-footer", { key: "c6b7d0a9dc574a5e0dba1e62ff77934e96b4dec1", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "83d2deb40af000499d6d12e33f33b7435372ff30", class: "mt-6" }, i("eds-input-footer", { key: "21035705fd8ef6dbe8d208d4e0b88467a4d4cb09", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
   }
   static get delegatesFocus() {
     return !0;
@@ -11922,7 +11917,7 @@ const pe = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.item
     m(this, n), this.name = void 0, this.errorMessage = void 0, this.message = void 0, this.error = !1, this.link = void 0;
   }
   render() {
-    return i("div", { key: "4c3c1cc26e2b003f49b3cfd1c2388833c305781b" }, this.error && this.errorMessage && i("div", { key: "7e14e3a77c99ee2700fd0cd8cb1e738c11e34823", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "700bc9b58a15e985903fc91abe4e41847d1cf761", icon: "warning" }), i("p", { key: "a90a0fb49221c15125a54a0413a926174c065319", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "24d7c4fb5de1bb54237282edf6e51a16f0475474", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "2f01a63b36409dfddd19416777f88008f358b1cb", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return i("div", { key: "f968c3f3cfa5d419fe2d736b8da4f1dfd5fca88f" }, this.error && this.errorMessage && i("div", { key: "780480b021c958a4d429b13a190ed630df98f539", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "3577ebdde2d337e393d7ae41b0b55d3eac046149", icon: "warning" }), i("p", { key: "c839fe81dcd8ee0fba4ffa53dd7ba5e65a39fa46", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "57833b0f0f58d36773401eaa0f37fd820ebe094c", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "2330e747a9274c6b9bcadf5ae4a770cfbab78b27", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
 };
 me.style = ue;
@@ -11931,7 +11926,7 @@ const xe = ".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(-
     m(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return i("label", { key: "51cf53579cea9effbf421c4f4ab45ef63f6770bf", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "381c4e1e014d43f726e997767c76565a1979e54a" }, i("span", { key: "08102ef7990f262bf56b6f5bcf70e2ef6ecb0670", "aria-hidden": "true" }, "*"), i("span", { key: "6d3c6f3af5a06c5a1ee2245240cb3fbbef6cf9a8", class: "sr-only" }, "required")));
+    return i("label", { key: "4760fa1b6a66b4ba30b689e65acc9f66e944210d", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "db3f8b321ab41765d9cc1e1d3b67ef2d58c1a53a" }, i("span", { key: "0c6f4ee8daab357ff4da750241c472b126cfbb98", "aria-hidden": "true" }, "*"), i("span", { key: "ad18af56b0f20be3c9ee7280c0610c958adfdb87", class: "sr-only" }, "required")));
   }
 };
 ve.style = ye;
@@ -11959,7 +11954,7 @@ const zt = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "c4ce20af554533837b8fc3f7bf69bd649e26b574", class: "relative flex flex-col items-start" }, i("input", { key: "924b247fd81481e648bbf44fec22185284014254", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), i("p", { key: "a3acfa464938748480e259cac4376a2be3512e6e", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
+    return i("div", { key: "7592e5f4c1154281fb0577af739451ea0f16dc17", class: "relative flex flex-col items-start" }, i("input", { key: "8d5d0b3b5b51665a340304ba56f6fd6b053d3c5f", id: this.inputId || this.name, name: this.name, min: this.min, max: this.max, step: this.step, value: this.sliderVal, required: this.required, disabled: this.disabled, type: "range", class: "w-full py-6 input", tabindex: "0", role: "slider", "aria-describedby": `desc_${this.name}`, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.sliderVal, onInput: this.onInput, onChange: this.onChange }), i("p", { key: "c040d2a7e6aae8662e33d393bf1e93b0c8c254dc", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
     return y(this);
@@ -11977,7 +11972,7 @@ const zt = class {
       this.search.emit({
         event: "change",
         value: e.target.value
-      }), I({
+      }), A({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -11996,8 +11991,8 @@ const zt = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "b1232c04e55c9f0bd7b864271ca855a3de242a73", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "67e51a49b994fc00cb48f2b55f54217097f4d837", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
-      key: "a6526f68a35145631254e4a0380a1298242c592e",
+    return i("div", { key: "e5065d821db5f66b4ddfccb84e911f8c9148d12c", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "e661107b6202d7529209c67622a9f27bb15de2fc", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
+      key: "1633e9108da6b675f1bcbddbbcb88e67843dddbf",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -12014,7 +12009,7 @@ const zt = class {
   get el() {
     return y(this);
   }
-}, At = class {
+}, It = class {
   constructor(n) {
     m(this, n), this.edsselect = v(this, "edsselect", 7), this.handleChange = (e) => {
       const t = e.target;
@@ -12023,12 +12018,12 @@ const zt = class {
   }
   render() {
     const n = this.inputId || this.name, e = this.placeholder || "Pick from the list", t = this.hasMessage || this.error ? `${this.name}-error` : void 0;
-    return i("div", { key: "b28b21c38ed5848cf08c0bc626f4ce32eddfb775", class: "relative" }, i("select", { key: "727f578d43cf12568d3d3b35548a30972fc46300", id: n, name: this.name, class: {
+    return i("div", { key: "640bbcca727ad0c511238335197bc533869f6229", class: "relative" }, i("select", { key: "75efd5a9c7951fce245a7ee8b89c35d712d06c08", id: n, name: this.name, class: {
       input: !0,
       "input-error": this.error,
       "px-4": !0,
       "py-2": !0
-    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": t, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "9283f69f3c723d65243d8f38b92ee2fcd16d187e", value: "", disabled: !0, hidden: !0 }, e), this.options.map((r, l) => i("option", { key: l, value: r.value, selected: r.value === this.value }, r.label))), i("span", { key: "63a0a9fc049f10141697028195aa28abb8d246f2", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, i("eds-icon-wrapper", { key: "aa756ea1d279a03ca7919518a15cd63b368a20a0", class: "w-20 h-20", icon: "chevron-right" })));
+    }, "aria-invalid": this.error ? "true" : "false", "aria-describedby": t, disabled: this.disabled, required: this.required, onChange: this.handleChange }, i("option", { key: "e8723f0f947dc8e07660a34d49eb769e4bebfd06", value: "", disabled: !0, hidden: !0 }, e), this.options.map((r, l) => i("option", { key: l, value: r.value, selected: r.value === this.value }, r.label))), i("span", { key: "23531f90fcaa854a8abff796e2879648987a56b9", class: "bg-dark rounded-xs absolute top-1/2 right-[6px] flex h-28 w-28 -translate-y-1/2 items-center justify-center" }, i("eds-icon-wrapper", { key: "6e836b9606c1444d8e97b78ebe1ea4cf092070e3", class: "w-20 h-20", icon: "chevron-right" })));
   }
 }, we = `*,
 ::before,
@@ -13405,7 +13400,7 @@ Make sure disabled buttons don't get the pointer cursor.
       n.preventDefault();
       return;
     }
-    I({
+    A({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
@@ -13439,7 +13434,7 @@ Make sure disabled buttons don't get the pointer cursor.
       isActive: this.current,
       hasIcon: !!this.icon
     }), e = !this.disabled, t = !this.label || this.hideLabelOnSmallScreen && this.icon, r = this.hideLabelOnSmallScreen ? "hidden lg:flex" : "";
-    return i("a", { key: "c09fd68443e1c98a1bfb679b669f9fecfb349548", class: `${n || ""} ${this.extraClass || ""}`, href: e ? this.url : void 0, target: this.external && e ? "_blank" : void 0, rel: this.external && e ? "noopener noreferrer" : void 0, tabIndex: e ? 0 : -1, "aria-label": t ? this.ariaLabel || "Link" : void 0, "aria-disabled": this.disabled ? "true" : void 0, "aria-current": this.current ? "page" : void 0, role: this.disabled ? "link" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, i("span", { key: "5bf88be39965ca8693daa611b4ca9a85cefb30d3", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "d92b36812200d809cbccfd9da7f2387a7de80699", class: r }, this.label), this.renderRightIcon()));
+    return i("a", { key: "5c190b2b079dfecb003883a8b25d3c258697c4d6", class: `${n || ""} ${this.extraClass || ""}`, href: e ? this.url : void 0, target: this.external && e ? "_blank" : void 0, rel: this.external && e ? "noopener noreferrer" : void 0, tabIndex: e ? 0 : -1, "aria-label": t ? this.ariaLabel || "Link" : void 0, "aria-disabled": this.disabled ? "true" : void 0, "aria-current": this.current ? "page" : void 0, role: this.disabled ? "link" : void 0, download: this.download ? "" : void 0, onClick: (l) => this.handleClick(l), onKeyDown: (l) => this.handleKeyDown(l) }, i("span", { key: "f4e89354ea8e252a26c85a560af9e7cfed7f8287", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "ca10c283dd14c3e3830baddec7ba193522a02e7c", class: r }, this.label), this.renderRightIcon()));
   }
   get el() {
     return y(this);
@@ -13459,7 +13454,7 @@ const Ee = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
    * - `action`: The action, set as "click".
    */
   handleClick() {
-    I({
+    A({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: "logo",
@@ -13493,14 +13488,14 @@ const Ee = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
   }
   render() {
     const n = this.getLogo();
-    return i("a", { key: "550cb4d73702a6a7053adfb5ebe67ff4201e98ad", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "141b0faa05a2d51d3ca97242aa910e53e910ad9d", innerHTML: n }));
+    return i("a", { key: "735f3592da7eed337c528731c28c6e708bbfcf82", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "5db166d68cb6e193d3dbc2a8ba4b54eae99aac44", innerHTML: n }));
   }
   get el() {
     return y(this);
   }
 };
 Fe.style = ze;
-const Ae = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}", Ie = Ae, Le = class {
+const Ie = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%}.bottom-0{bottom:0rem}.bottom-4{bottom:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.z-10{z-index:10}.z-\\[999999\\]{z-index:999999}.left-0{left:0rem}.left-1\\/2{left:50%}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.gap-12{gap:0.75rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}@media (min-width: 750px){.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}", Ae = Ie, Le = class {
   constructor(n) {
     m(this, n), this.consent = v(this, "consent", 7), this.heading = "Analytics Consent", this.description = "We use anonymous analytics to improve our services. No data is collected unless you give your consent. If you don't wish to send data right now, you can always re-enable analytics later by clicking the Cookies Preference button in the footer. However, by opting in today, you're joining a community that shapes our product's future—all while keeping your data completely anonymous.", this.optOutMessage = "You are already part of our community, and your anonymous data helps shape our product's future! Rest assured, your privacy is fully protected.", this.forceShow = !1, this.showNotice = !0;
   }
@@ -13586,7 +13581,7 @@ const Ae = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%
     return y(this);
   }
 };
-Le.style = Ie;
+Le.style = Ae;
 const _e = '.flex{display:flex}.justify-between{justify-content:space-between}.mt-4{margin-top:0.25rem}.mt-8{margin-top:0.5rem}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.grid{display:grid}.grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-11[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-11[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1)::before{inset-inline-start:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+11)::before{inset-inline-end:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-x"]>*:nth-child(11n+1):nth-last-child(-n+11)~*::before{border-bottom-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+11)::after{border-inline-end-width:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+11)::after{top:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)::after{bottom:0}.grid-cols-11[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(11n+1):nth-last-child(-n+11)~li::after{bottom:0}.f-ui-04{font-family:var(--f-ui-04-fontFamily);font-weight:var(--f-ui-04-fontWeight);font-size:var(--f-ui-04-fontSize);line-height:var(--f-ui-04-lineHeight);letter-spacing:var(--f-ui-04-letterSpacing)}.text-light{color:var(--grey-700)}', Te = _e, De = class {
   constructor(n) {
     m(this, n), this.nps = v(this, "nps", 7), this.min = 0, this.max = 10, this.question = void 0, this.leftLabel = void 0, this.rightLabel = void 0, this.selectedValue = null;
@@ -13631,10 +13626,10 @@ const _e = '.flex{display:flex}.justify-between{justify-content:space-between}.m
   }
   render() {
     const n = this.max - this.min + 1;
-    return i("div", { key: "51e0d272693fd42d1f239f8498d9a5744dead8d7", class: "eds-nps" }, i("eds-input-label", { key: "f9d3b65985e221f9608da3aba22cc1dc4dd54417", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "00b22eff70fd1dd3d210e17aaef5df2057f99bb7", role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: n }, (e, t) => {
+    return i("div", { key: "19326c22d2b5c9f2fbc97bfb3c3d958d14cdfa25", class: "eds-nps" }, i("eds-input-label", { key: "046239977d2dc639eabfc60a67df62011833a983", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "e296b8ff3a081f42263ee0c0a28ef3f304b1e1c0", role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: n }, (e, t) => {
       const r = this.min + t, l = r === this.selectedValue;
       return i("div", { class: "grid-col-span-1", key: r }, i("eds-button", { tabindex: l ? 0 : -1, label: `${r}`, "aria-label": `${r}`, intent: l ? "primary" : "ghost", "extra-class": "!block !px-0 w-full", triggerClick: () => this.handleClick(r) }));
-    })), i("div", { key: "7289bd6476a2080be3c02011240e2493b84079e5", class: "flex justify-between mt-8" }, i("span", { key: "ebfcebd9aa3d11cf298e44987debd8edef1f6e40", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "002f9878b267439af9f83f9ffd1b52eaef46b929", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
+    })), i("div", { key: "305bc5b2d162fc40fc56557291d37e29498563a2", class: "flex justify-between mt-8" }, i("span", { key: "7fe2191db8cacabed26f451ac0175f23ede3317e", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "a85aca88d4de2897d7ba04578cf57a844c660675", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
   }
   get el() {
     return y(this);
@@ -13792,7 +13787,7 @@ const $e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     }
   }
   render() {
-    return i("div", { key: "bf34cb68555555ef984592b261929cfb5ef93048" }, this.total > 0 && this.mode === "default" && i("p", { key: "47b8034e6fd839151cdaff04d4df43fec520ce40", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "d9d340393777b7b6e808fa21d38f691f1002b363", class: "text-light sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === "default" ? "pagination-info" : void 0, onKeyDown: this.handleKeyDown }, i("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, i("li", { class: "mr-auto" }, this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: this.prevLabel, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (e) => {
+    return i("div", { key: "1ddd5a3ee9c843a06e5f8f446ae8420a6e0df259" }, this.total > 0 && this.mode === "default" && i("p", { key: "87b18c6b1fc475e335f829a4f61b7a8883dc7b9e", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "d5af6f58fc41d83c7e9519bbaa76fb31e6cbb522", class: "text-light sr-only" }, "Results:"), this.pageResults()), this.mode === "navigator" || this.lastPage && this.lastPage > 1 ? i("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === "default" ? "pagination-info" : void 0, onKeyDown: this.handleKeyDown }, i("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, i("li", { class: "mr-auto" }, this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: this.prevLabel, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (e) => {
       this.mode === "default" && !this.isFirstPage() && this.handlePageClick(e, (this.currentPage || 1) - 1);
     } })) : i("eds-link", { label: this.prevLabel, url: this.mode === "navigator" ? this.prevUrl || "#" : this.isFirstPage() ? "#" : this.generateLink(this.currentPage - 1).url, disabled: this.mode === "navigator" ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "strong", "hide-label-on-small-screen": !0, class: "!p-8 lg:!pr-12" })), this.mode === "default" && this.links.map((e, t) => i("li", { key: t, class: "f-ui-02 flex h-36 items-center justify-center" }, typeof e == "string" ? i("span", { class: "flex items-center justify-center", "aria-hidden": "true" }, e) : this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: e.label, "aria-label": e.current ? `Current page, page ${e.label}` : `Go to page ${e.label}`, "aria-current": e.current ? "page" : void 0, size: "small", "extra-class": "!p-8 pagination-button", intent: e.current ? "secondary" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(e.label)) })) : i("eds-link", { url: e.url, "aria-label": e.ariaLabel, label: e.label, current: e.current, "aria-current": e.current ? "page" : void 0, size: "small", class: "!p-8", intent: e.current ? "secondary" : "ghost", onClick: (r) => this.handlePageClick(r, parseInt(e.label)) }))), i("li", { class: "ml-auto" }, this.useButtons ? i("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(-1) }, i("eds-button", { label: this.nextLabel, disabled: this.mode === "navigator" ? !this.nextUrl : this.isLastPage(), "aria-label": "Go to next page", size: "small", "icon-small": "true", icon: "chevron-right", intent: "ghost", "extra-class": "!p-8 lg:!pl-12 pagination-button", onClick: (e) => {
       this.mode === "default" && !this.isLastPage() && this.handlePageClick(e, (this.currentPage || 1) + 1);
@@ -13857,7 +13852,7 @@ const Ne = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     r > this.ratingCount && (r = 1), r < 1 && (r = this.ratingCount), this.onSelect(r);
   }
   render() {
-    return i("div", { key: "764b3b37545e97f028423fd5760b882e6151f767", id: "rating-buttons", role: "group", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (n) => this.handleKeyNav(n) }, Array.from({ length: this.ratingCount }, (n, e) => {
+    return i("div", { key: "8dcde2afdc0db27d3f6be48f1d58cc7c7f88b0f0", id: "rating-buttons", role: "group", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (n) => this.handleKeyNav(n) }, Array.from({ length: this.ratingCount }, (n, e) => {
       const t = e + 1, r = t <= this.selectedRating, l = this.selectedRating === t;
       return i("eds-button", {
         ref: (a) => this.buttonRefs[e] = a,
@@ -13937,7 +13932,7 @@ const je = ":host{display:block}.spinner{box-sizing:border-box;border-radius:50%
       alignItems: "center",
       justifyContent: "center"
     };
-    return i(ln, { key: "dbf06a1430e3a69314ec016937a9b3ba89229353" }, i("div", { key: "12a51b0eed154fd2c6b6ae4ce586630a8f61164a", class: "spinner-overlay", style: r }, i("span", { key: "0e63b80c45efec7b226b5f4277fe00e4f7bc4f1b", class: "spinner", style: t }), this.message && i("p", { key: "8625d4589ec26c9513d1dc7a53fa17b9874fcf3c", class: "f-body-01" }, this.message)));
+    return i(ln, { key: "e4c2f4762d214028c2e97666040e05ad5651debf" }, i("div", { key: "e12572cb0195a84402847b0fc723ad2198196661", class: "spinner-overlay", style: r }, i("span", { key: "6aa3b28a4e79951a5bbb46f6d7d845baf3761d14", class: "spinner", style: t }), this.message && i("p", { key: "5817378b525ecb8d8a211105b73a2db00067fbe3", class: "f-body-01" }, this.message)));
   }
 };
 Be.style = We;
@@ -13995,14 +13990,14 @@ const qe = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
   }
   /** Render the semantic heading element as a clickable control only in linear mode */
   renderHeading(n, e) {
-    const t = this.headingLevel;
+    const t = this.headingLevel, r = this.activeStep === e;
     if (this.type === "linear") {
-      const r = e > this.activeStep && this.isNextDisabledFor(this.activeStep), l = (s) => {
-        r || (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.handleTitleClick(e));
-      }, a = this.activeStep === e;
-      return i(t, { class: `eds-steps__title ${r ? "is-disabled" : ""}`, role: "button", tabindex: r ? -1 : 0, "aria-disabled": r ? "true" : "false", "aria-expanded": a, "aria-controls": `eds-step-panel-${e}`, onClick: () => !r && this.handleTitleClick(e), onKeyDown: l }, n);
+      const l = e > this.activeStep && this.isNextDisabledFor(this.activeStep), a = (s) => {
+        l || (s.key === "Enter" || s.key === " ") && (s.preventDefault(), this.handleTitleClick(e));
+      };
+      return i(t, { class: `eds-steps__title ${l ? "is-disabled" : ""}`, role: "button", tabindex: l ? -1 : 0, "aria-disabled": l ? "true" : "false", "aria-expanded": r, "aria-controls": `eds-step-panel-${e}`, onClick: () => !l && this.handleTitleClick(e), onKeyDown: a }, n);
     }
-    return i(t, { class: "eds-steps__title" }, n);
+    return i(t, null, n);
   }
   render() {
     const n = this.parsedSteps;
@@ -14117,7 +14112,7 @@ Ye.style = Ge;
 const Xe = ":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.switch:focus{outline:2px solid #005fcc;outline-offset:2px}.switch:focus:not(:focus-visible){outline:none}.switch:focus-visible{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}", Ke = Xe, Ze = class {
   constructor(n) {
     m(this, n), this.uiswitch = v(this, "uiswitch", 7), this.toggleSwitch = () => {
-      this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), I({
+      this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), A({
         category: "ui-component",
         tag: this.el.tagName.toLowerCase(),
         name: this.checked ? this.labelOn : this.labelOff || "",
@@ -14131,11 +14126,11 @@ const Xe = ":host{display:inline-block}.switch-container{display:inline-flex;ali
     const n = `switch-${Math.random().toString(36).substr(2, 9)}`, e = [];
     this.labelOff && e.push(`${n}-off`), this.labelOn && e.push(`${n}-on`);
     const t = e.length === 0 ? this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : "Toggle switch" : void 0;
-    return i("div", { key: "d73bf797be76e256e065ab8b4fbe68a44802d3f1", class: "switch-container" }, this.labelOff && i("span", { key: "f4897e3d9948358a82bd61ea26c86e0d2eba81b5", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "a01753fce0fedbf8a25d2cd64c662da8e69fef95", id: n, tabindex: this.disabled ? "-1" : "0", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-labelledby": e.length > 0 ? e.join(" ") : void 0, "aria-label": t, class: {
+    return i("div", { key: "34573e6f2b377e168039a13afb4d5fe981f575ad", class: "switch-container" }, this.labelOff && i("span", { key: "1728e1aac88d275cd6bee0aaf50e93e3a421944d", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "5d35387a9bf808923bd94f5d64528cca1e4055d5", id: n, tabindex: this.disabled ? "-1" : "0", type: "button", role: "switch", "aria-checked": this.checked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false", "aria-labelledby": e.length > 0 ? e.join(" ") : void 0, "aria-label": t, class: {
       switch: !0,
       "switch--checked": this.checked,
       "switch--disabled": this.disabled
-    }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, i("span", { key: "eee315ce803b246cbe73e9d42635cbaa775febdb", class: "switch-handle" })), this.labelOn && i("span", { key: "f1229ffea8041dea2237a032292a4465fc76e216", id: `${n}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
+    }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, i("span", { key: "d8e0e1e3b562b4ac894998641cb7c813578e1a3f", class: "switch-handle" })), this.labelOn && i("span", { key: "86b56fbbc537e9f08d11a509a1cb0e19d8dc3c39", id: `${n}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
   }
   get el() {
     return y(this);
@@ -14219,7 +14214,7 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return n.slice(e, e + this.rowsPerPage);
   }
   handlePageChange(n) {
-    this.currentPage = n, I({
+    this.currentPage = n, A({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
@@ -14252,7 +14247,7 @@ const Je = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return a ? s : i("eds-tooltip", { content: r.label }, s);
   }
   emitAction(n, e, t) {
-    I({
+    A({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/action`,
@@ -14379,7 +14374,7 @@ const et = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     } }, n ? { "data-tab-active": "true" } : {});
   }
   handleTabClick(n, e, t = !0) {
-    n < 0 || n >= this.parsedTabs.length || (this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((r, l) => Object.assign(Object.assign({}, r), { active: l === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), t && I({
+    n < 0 || n >= this.parsedTabs.length || (this.activeIndex = n, this.parsedTabs = this.parsedTabs.map((r, l) => Object.assign(Object.assign({}, r), { active: l === n })), this.tab.emit({ tabId: this.identifier, index: n, name: e }), t && A({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: (e == null ? void 0 : e.toLowerCase()) || "",
@@ -14410,10 +14405,10 @@ const et = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;-
     t !== e && this.handleTabClick(t, this.parsedTabs[t].label, !0);
   }
   render() {
-    return i("div", { key: "bab7b3d6a9e6e66ab6476827ecc06a3e3c7244be", id: `${this.identifier}` }, i("div", { key: "e20639e1842936b6c1fe24b19ca7f94ccc09d18f", class: "scroller-x overflow-x-auto relative z-[1] mx-auto px-16 pt-8 lg:px-28 after:border-soft before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, i("nav", { key: "e3f4e385e1bfb1f5abc75697697ab9a6a8124b6b", role: "tablist", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+    return i("div", { key: "29c8adfbd79bae86919e8b72f13d9a8a4d1c1d41", id: `${this.identifier}` }, i("div", { key: "94ec3243a35be9db63846b253133fd323fb3759c", class: "scroller-x overflow-x-auto relative z-[1] mx-auto px-16 pt-8 lg:px-28 after:border-soft before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, i("nav", { key: "52c337db80f21714a7d3da26b21663c34f5dd836", role: "tablist", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
       const t = "button", r = this.getTabOptions(n.active, e), l = e === this.activeIndex;
       return i(t, Object.assign({}, r, { type: "button", role: "tab", "aria-selected": n.active ? "true" : "false", tabIndex: l ? 0 : -1, "aria-label": n.ariaLabel || n.label, "aria-controls": `panel-${e}`, id: `tab-${e}`, ref: (a) => this.setTabRef(a, e), onClick: () => this.handleTabClick(e, n.label, !0), onKeyDown: (a) => this.onKeyDown(a, e) }), n.label || n.ariaLabel);
-    }))), i("div", { key: "f958fca5abaeeba0b6fcc900b91fa1309508dc57", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { role: "tabpanel", id: `panel-${e}`, "aria-labelledby": `tab-${e}`, hidden: e !== this.activeIndex, tabIndex: e === this.activeIndex ? 0 : -1, class: "effect-focus" }, i("slot", { name: `panel-${e}` })))));
+    }))), i("div", { key: "9462805200c71ebac037ac5933c156eb9c25ed5c", class: "tab-panels" }, this.parsedTabs.map((n, e) => i("div", { role: "tabpanel", id: `panel-${e}`, "aria-labelledby": `tab-${e}`, hidden: e !== this.activeIndex, tabIndex: e === this.activeIndex ? 0 : -1, class: "effect-focus" }, i("slot", { name: `panel-${e}` })))));
   }
   get el() {
     return y(this);
@@ -14459,7 +14454,7 @@ const rt = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
   }
   render() {
     const n = ot({ intent: this.intent, size: this.size });
-    return i("span", { key: "a00f436391013091c78f15bc53d91b0b01d8f4bb", class: n }, this.label);
+    return i("span", { key: "6a229183bdaf96687e1f71ca3938a22c1259546e", class: n }, this.label);
   }
 };
 at.style = lt;
@@ -14525,7 +14520,7 @@ const ht = ".relative{position:relative}.absolute{position:absolute}.inline-bloc
   }
   /** fire analytics on every hover */
   handleHover() {
-    I({
+    A({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: this.content.toLowerCase(),
@@ -14534,7 +14529,7 @@ const ht = ".relative{position:relative}.absolute{position:absolute}.inline-bloc
   }
   render() {
     const n = this.position === "bottom" ? "top-full mt-2" : "bottom-full mb-2";
-    return i("div", { key: "c2ae55fbf9fefb2748db770d98f12f679022a416", class: "relative w-full inline-block group" }, i("slot", { key: "5151e3269cb39d3caba960eee7155a3d5171c8cd" }), i("div", { key: "8956683d968d77d88133dc231975d258aca3d1d3", class: `absolute ${n}
+    return i("div", { key: "67fbc86d5f9ecfde1d5a0a588f4fb8be2050af0b", class: "relative w-full inline-block group" }, i("slot", { key: "b304174862dd4d5ca93418ecb0d2b4fc2c80427c" }), i("div", { key: "fcd874d53d0e17b7d3be2c6552571f82fbde6506", class: `absolute ${n}
             rounded-xs bg-strongest text-inverse 
             f-ui-03-light pointer-events-none 
             z-10 px-4 opacity-0 transition-opacity duration-150 ease-in-out
@@ -14576,7 +14571,7 @@ const pt = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
   }
   render() {
     const n = this.parsedUser, e = this.expanded ? "chevron-down" : "chevron-right";
-    return i("div", { key: "68836f7fc63986d1ef1e5d1775258358db3418c6", class: "block" }, i("div", { key: "3b5be3d2d700ce3e1a800c33adde9b55bb07fda0", class: "flex items-center" }, i("eds-dropdown", { key: "f3f97f19aac315031f428d190f1e143429bcd860", ref: (t) => this.dropdownEl = t, label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: e, class: "text-default", onDropdown: this.handleDropdown }, i("div", { key: "6a6bccaa4e8b0e68460ac50e3edc8d9fc3612e00", class: "min-w-[280px] p-8" }, i("div", { key: "97a9b4d9c0e0873162103461a542cf401be06c2f", class: "flex gap-x-16", "data-dropdown-no-close": !0 }, i("eds-avatar", { key: "f89cee9f0ad6549e60ebb3ade437d1dd0c2e6eb6", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "black" }), i("div", { key: "b9fc649a35280ecebe57955b85844f3a78c4db04", class: "max-w-full" }, n.name && i("p", { key: "b2914fca3ddabc4d12fa2c6cee83a98505fd110a", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "68ec348104e36b6fbf9c5fc47e254f3cfc4ca85b", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "3b7720aaa30597a49acf61b6c3ff0c1f1cc3bfd8", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "28cdba1fb361b84e9cb0a7ce904ec39cf13d022e", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "c1cddbb24c72749c4ea07e2e0311da61af6e9886" }))))));
+    return i("div", { key: "62bb8a684095f97b6105acdb5d9803c66edba913", class: "block" }, i("div", { key: "350ff5d7b4f47686f7b39662b176f24e719d54e3", class: "flex items-center" }, i("eds-dropdown", { key: "e3b196b127572d038b5ae6bbf00330911ca41e94", ref: (t) => this.dropdownEl = t, label: this.dropdownLabel, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: e, class: "text-default", onDropdown: this.handleDropdown }, i("div", { key: "a311fd57839b87054afc7aca9c40ce5772b1350b", class: "min-w-[280px] p-8" }, i("div", { key: "bc8c5b7147718def37bab1adb2715f9ff0074822", class: "flex gap-x-16", "data-dropdown-no-close": !0 }, i("eds-avatar", { key: "c9207d4ecab0507981bb047ee6c59ee4400b5121", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "black" }), i("div", { key: "c6ec78d935ee851ef5e8080bf30a7ff9c4603bf1", class: "max-w-full" }, n.name && i("p", { key: "c39af63002f1449b049d4be13927da5d51599aca", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "d8eaa141490abb1ad917e2da03d4a588ef6d6779", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "904aef6596a85ae438b98bd5ab67c7c7e2299d75", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "0cd0a2d8cc59d8b054f36188b4c18182e6a7f919", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "a41332bcf086d01a458218b74a1812dc55911925" }))))));
   }
   get hostEl() {
     return y(this);
@@ -14585,7 +14580,7 @@ const pt = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
 mt.style = ut;
 export {
   En as eds_accordion,
-  In as eds_alert,
+  An as eds_alert,
   Tn as eds_avatar,
   Rn as eds_block_break,
   Pn as eds_breadcrumb,
@@ -14603,7 +14598,7 @@ export {
   ve as eds_input_label,
   zt as eds_input_range,
   Ft as eds_input_search,
-  At as eds_input_select,
+  It as eds_input_select,
   Ce as eds_link,
   Fe as eds_logo,
   Le as eds_matomo_notice,