@ebrains/vue 2.1.0 → 2.2.0

package/{eds-accordion_33.entry-CH6A78x3.mjs → eds-accordion_34.entry-KgOmCv2f.mjs}

@@ -1,14 +1,14 @@
-import { r as p, c as S, h as i, g as y, H as hn } from "./index-UwPjPR0d.mjs";
-import { s as A, m as fn, a as en } from "./analytics-d99780e3-Bay18Oil.mjs";
+import { r as p, c as w, h as i, g as y, H as hn } from "./index-zMBfbHLg.mjs";
+import { s as I, m as fn, a as en } from "./analytics-d99780e3-Bay18Oil.mjs";
 import { c as N } from "./index-39c58238-BwYCDOHZ.mjs";
 import { p as R } from "./sharedUtils-a550989c-Ci3Tx3jc.mjs";
 import { h as tn } from "./logo-color-7f1fd803-CFgbXdt8.mjs";
-import { h as bn, a as mn, b as un, c as xn, v as pn, d as yn, e as vn, f as wn, g as kn } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
+import { h as bn, a as mn, b as un, c as pn, v as xn, d as yn, e as vn, f as wn, g as kn } from "./logo-white-no-bg-f382f86f-YhfmNmGG.mjs";
 const Sn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}", Cn = Sn, En = class {
   constructor(n) {
-    p(this, n), this.accordion = S(this, "accordion", 7), this.handleClick = () => {
+    p(this, n), this.accordion = w(this, "accordion", 7), this.handleClick = () => {
       var e;
-      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), A({
+      this.isExpanded = !this.isExpanded, this.accordion.emit(this.isExpanded), this.setPanelHeight(), I({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -261,7 +261,7 @@ p {
   }
 }), In = class {
   constructor(n) {
-    p(this, n), this.edsalert = S(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;
+    p(this, n), this.edsalert = w(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;
   }
   componentWillLoad() {
     this.withBtn = !!this.pressableLabel;
@@ -557,7 +557,7 @@ const $n = ".border-softer{border-color:rgba(0, 0, 0, .1)}.border-default{border
   }
 };
 Rn.style = On;
-const Pn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", Dn = Pn, Nn = class {
+const Dn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.125rem * var(--tw-space-x-reverse));margin-left:calc(0.125rem * calc(1 - var(--tw-space-x-reverse)))}.px-2{padding-left:0.125rem;padding-right:0.125rem}.w-20{width:1.25rem}.w-28{width:1.75rem}.w-32{width:2rem}.w-44{width:2.75rem}.h-20{height:1.25rem}.h-24{height:1.5rem}.h-28{height:1.75rem}.h-32{height:2rem}@media (min-width: 750px){.md\\:block{display:block}}", Pn = Dn, Nn = class {
   constructor(n) {
     p(this, n), this.updateScreenSize = () => {
       const e = window.innerWidth;
@@ -641,8 +641,8 @@ const Pn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
     return i("nav", { key: "0625a234ec9f5095abbeaafa11e56bceb0432764", "aria-label": "Breadcrumb" }, i("ol", { key: "3898a4b048eca6c606a6948b26ec25a608cb908e", class: "flex items-center space-x-2" }, n.map((e, t) => {
       const r = t === n.length - 1;
       return i("li", { class: "flex items-center" }, e.isHidden ? i("eds-link", { label: "...", url: "#", intent: "strong", current: !1, "aria-label": "...", size: "small", "icon-small": "false", icon: "chevron-right" }) : (() => {
-        const { fullLabel: l } = this.getLabels(e, r), a = r ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
-        return i("eds-link", Object.assign({ label: l, url: e.url, intent: a, disabled: r, current: r, "aria-label": l, size: "small", "icon-small": "false" }, r ? { "aria-current": "page" } : {}));
+        const { fullLabel: l } = this.getLabels(e, r), s = r ? this.intent === "strong" ? "weak" : this.intent === "weak" ? "strong" : this.intent : this.intent;
+        return i("eds-link", Object.assign({ label: l, url: e.url, intent: s, disabled: r, current: r, "aria-label": l, size: "small", "icon-small": "false" }, r ? { "aria-current": "page" } : {}));
       })(), !r && !e.isHidden && i("eds-icon-wrapper", { icon: "chevron-right", class: "w-20 h-20" }));
     })));
   }
@@ -655,7 +655,7 @@ const Pn = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset
     };
   }
 };
-Nn.style = Dn;
+Nn.style = Pn;
 const Hn = `*,
 ::before,
 ::after {
@@ -1680,7 +1680,7 @@ button,
       n.preventDefault();
       return;
     }
-    A({
+    I({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
@@ -1729,7 +1729,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
    * @public
    */
   var t = function(r) {
-    var l = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, a = 0, c = {}, d = {
+    var l = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, s = 0, c = {}, d = {
       /**
        * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
        * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
@@ -1784,8 +1784,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @memberof Prism
        */
       util: {
-        encode: function s(o) {
-          return o instanceof b ? new b(o.type, s(o.content), o.alias) : Array.isArray(o) ? o.map(s) : o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function a(o) {
+          return o instanceof b ? new b(o.type, a(o.content), o.alias) : Array.isArray(o) ? o.map(a) : o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
         },
         /**
          * Returns the name of the type of the given value.
@@ -1803,8 +1803,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * type(String)    === 'Function'
          * type(/abc+/)    === 'RegExp'
          */
-        type: function(s) {
-          return Object.prototype.toString.call(s).slice(8, -1);
+        type: function(a) {
+          return Object.prototype.toString.call(a).slice(8, -1);
         },
         /**
          * Returns a unique number for the given object. Later calls will still return the same number.
@@ -1812,8 +1812,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @param {Object} obj
          * @returns {number}
          */
-        objId: function(s) {
-          return s.__id || Object.defineProperty(s, "__id", { value: ++a }), s.__id;
+        objId: function(a) {
+          return a.__id || Object.defineProperty(a, "__id", { value: ++s }), a.__id;
         },
         /**
          * Creates a deep clone of the given object.
@@ -1825,7 +1825,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @returns {T}
          * @template T
          */
-        clone: function s(o, g) {
+        clone: function a(o, g) {
           g = g || {};
           var h, f;
           switch (d.util.type(o)) {
@@ -1835,7 +1835,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
               h = /** @type {Record<string, any>} */
               {}, g[f] = h;
               for (var u in o)
-                o.hasOwnProperty(u) && (h[u] = s(o[u], g));
+                o.hasOwnProperty(u) && (h[u] = a(o[u], g));
               return (
                 /** @type {any} */
                 h
@@ -1844,7 +1844,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
               return f = d.util.objId(o), g[f] ? g[f] : (h = [], g[f] = h, /** @type {Array} */
               /** @type {any} */
               o.forEach(function(x, m) {
-                h[m] = s(x, g);
+                h[m] = a(x, g);
               }), /** @type {any} */
               h);
             default:
@@ -1859,12 +1859,12 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @param {Element} element
          * @returns {string}
          */
-        getLanguage: function(s) {
-          for (; s; ) {
-            var o = l.exec(s.className);
+        getLanguage: function(a) {
+          for (; a; ) {
+            var o = l.exec(a.className);
             if (o)
               return o[1].toLowerCase();
-            s = s.parentElement;
+            a = a.parentElement;
           }
           return "none";
         },
@@ -1875,8 +1875,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(s, o) {
-          s.className = s.className.replace(RegExp(l, "gi"), ""), s.classList.add("language-" + o);
+        setLanguage: function(a, o) {
+          a.className = a.className.replace(RegExp(l, "gi"), ""), a.classList.add("language-" + o);
         },
         /**
          * Returns the script element that is currently executing.
@@ -1896,11 +1896,11 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           try {
             throw new Error();
           } catch (h) {
-            var s = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(h.stack) || [])[1];
-            if (s) {
+            var a = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(h.stack) || [])[1];
+            if (a) {
               var o = document.getElementsByTagName("script");
               for (var g in o)
-                if (o[g].src == s)
+                if (o[g].src == a)
                   return o[g];
             }
             return null;
@@ -1925,14 +1925,14 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(s, o, g) {
-          for (var h = "no-" + o; s; ) {
-            var f = s.classList;
+        isActive: function(a, o, g) {
+          for (var h = "no-" + o; a; ) {
+            var f = a.classList;
             if (f.contains(o))
               return !0;
             if (f.contains(h))
               return !1;
-            s = s.parentElement;
+            a = a.parentElement;
           }
           return !!g;
         }
@@ -1980,8 +1980,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(s, o) {
-          var g = d.util.clone(d.languages[s]);
+        extend: function(a, o) {
+          var g = d.util.clone(d.languages[a]);
           for (var h in o)
             g[h] = o[h];
           return g;
@@ -2061,10 +2061,10 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(s, o, g, h) {
+        insertBefore: function(a, o, g, h) {
           h = h || /** @type {any} */
           d.languages;
-          var f = h[s], u = {};
+          var f = h[a], u = {};
           for (var x in f)
             if (f.hasOwnProperty(x)) {
               if (x == o)
@@ -2072,20 +2072,20 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
                   g.hasOwnProperty(m) && (u[m] = g[m]);
               g.hasOwnProperty(x) || (u[x] = f[x]);
             }
-          var w = h[s];
-          return h[s] = u, d.languages.DFS(d.languages, function(z, $) {
-            $ === w && z != s && (this[z] = u);
+          var k = h[a];
+          return h[a] = u, d.languages.DFS(d.languages, function(z, $) {
+            $ === k && z != a && (this[z] = u);
           }), u;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function s(o, g, h, f) {
+        DFS: function a(o, g, h, f) {
           f = f || {};
           var u = d.util.objId;
           for (var x in o)
             if (o.hasOwnProperty(x)) {
               g.call(o, x, o[x], h || x);
-              var m = o[x], w = d.util.type(m);
-              w === "Object" && !f[u(m)] ? (f[u(m)] = !0, s(m, g, null, f)) : w === "Array" && !f[u(m)] && (f[u(m)] = !0, s(m, g, x, f));
+              var m = o[x], k = d.util.type(m);
+              k === "Object" && !f[u(m)] ? (f[u(m)] = !0, a(m, g, null, f)) : k === "Array" && !f[u(m)] && (f[u(m)] = !0, a(m, g, x, f));
             }
         }
       },
@@ -2102,8 +2102,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @memberof Prism
        * @public
        */
-      highlightAll: function(s, o) {
-        d.highlightAllUnder(document, s, o);
+      highlightAll: function(a, o) {
+        d.highlightAllUnder(document, a, o);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -2120,10 +2120,10 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(s, o, g) {
+      highlightAllUnder: function(a, o, g) {
         var h = {
           callback: g,
-          container: s,
+          container: a,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
         d.hooks.run("before-highlightall", h), h.elements = Array.prototype.slice.apply(h.container.querySelectorAll(h.selector)), d.hooks.run("before-all-elements-highlight", h);
@@ -2158,18 +2158,18 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @memberof Prism
        * @public
        */
-      highlightElement: function(s, o, g) {
-        var h = d.util.getLanguage(s), f = d.languages[h];
-        d.util.setLanguage(s, h);
-        var u = s.parentElement;
+      highlightElement: function(a, o, g) {
+        var h = d.util.getLanguage(a), f = d.languages[h];
+        d.util.setLanguage(a, h);
+        var u = a.parentElement;
         u && u.nodeName.toLowerCase() === "pre" && d.util.setLanguage(u, h);
-        var x = s.textContent, m = {
-          element: s,
+        var x = a.textContent, m = {
+          element: a,
           language: h,
           grammar: f,
           code: x
         };
-        function w($) {
+        function k($) {
           m.highlightedCode = $, d.hooks.run("before-insert", m), m.element.innerHTML = m.highlightedCode, d.hooks.run("after-highlight", m), d.hooks.run("complete", m), g && g.call(m.element);
         }
         if (d.hooks.run("before-sanity-check", m), u = m.element.parentElement, u && u.nodeName.toLowerCase() === "pre" && !u.hasAttribute("tabindex") && u.setAttribute("tabindex", "0"), !m.code) {
@@ -2177,20 +2177,20 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           return;
         }
         if (d.hooks.run("before-highlight", m), !m.grammar) {
-          w(d.util.encode(m.code));
+          k(d.util.encode(m.code));
           return;
         }
         if (o && r.Worker) {
           var z = new Worker(d.filename);
           z.onmessage = function($) {
-            w($.data);
+            k($.data);
           }, z.postMessage(JSON.stringify({
             language: m.language,
             code: m.code,
             immediateClose: !0
           }));
         } else
-          w(d.highlight(m.code, m.grammar, m.language));
+          k(d.highlight(m.code, m.grammar, m.language));
       },
       /**
        * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
@@ -2212,9 +2212,9 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(s, o, g) {
+      highlight: function(a, o, g) {
         var h = {
-          code: s,
+          code: a,
           grammar: o,
           language: g
         };
@@ -2246,15 +2246,15 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        *     }
        * });
        */
-      tokenize: function(s, o) {
+      tokenize: function(a, o) {
         var g = o.rest;
         if (g) {
           for (var h in g)
             o[h] = g[h];
           delete o.rest;
         }
-        var f = new T();
-        return P(f, f.head, s), L(s, f, o, f.head, 0), j(f);
+        var f = new _();
+        return D(f, f.head, a), A(a, f, o, f.head, 0), j(f);
       },
       /**
        * @namespace
@@ -2275,9 +2275,9 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(s, o) {
+        add: function(a, o) {
           var g = d.hooks.all;
-          g[s] = g[s] || [], g[s].push(o);
+          g[a] = g[a] || [], g[a].push(o);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -2288,8 +2288,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(s, o) {
-          var g = d.hooks.all[s];
+        run: function(a, o) {
+          var g = d.hooks.all[a];
           if (!(!g || !g.length))
             for (var h = 0, f; f = g[h++]; )
               f(o);
@@ -2298,21 +2298,21 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       Token: b
     };
     r.Prism = d;
-    function b(s, o, g, h) {
-      this.type = s, this.content = o, this.alias = g, this.length = (h || "").length | 0;
+    function b(a, o, g, h) {
+      this.type = a, this.content = o, this.alias = g, this.length = (h || "").length | 0;
     }
-    b.stringify = function s(o, g) {
+    b.stringify = function a(o, g) {
       if (typeof o == "string")
         return o;
       if (Array.isArray(o)) {
         var h = "";
-        return o.forEach(function(w) {
-          h += s(w, g);
+        return o.forEach(function(k) {
+          h += a(k, g);
         }), h;
       }
       var f = {
         type: o.type,
-        content: s(o.content, g),
+        content: a(o.content, g),
         tag: "span",
         classes: ["token", o.type],
         attributes: {},
@@ -2324,85 +2324,85 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         x += " " + m + '="' + (f.attributes[m] || "").replace(/"/g, "&quot;") + '"';
       return "<" + f.tag + ' class="' + f.classes.join(" ") + '"' + x + ">" + f.content + "</" + f.tag + ">";
     };
-    function k(s, o, g, h) {
-      s.lastIndex = o;
-      var f = s.exec(g);
+    function S(a, o, g, h) {
+      a.lastIndex = o;
+      var f = a.exec(g);
       if (f && h && f[1]) {
         var u = f[1].length;
         f.index += u, f[0] = f[0].slice(u);
       }
       return f;
     }
-    function L(s, o, g, h, f, u) {
+    function A(a, o, g, h, f, u) {
       for (var x in g)
         if (!(!g.hasOwnProperty(x) || !g[x])) {
           var m = g[x];
           m = Array.isArray(m) ? m : [m];
-          for (var w = 0; w < m.length; ++w) {
-            if (u && u.cause == x + "," + w)
+          for (var k = 0; k < m.length; ++k) {
+            if (u && u.cause == x + "," + k)
               return;
-            var z = m[w], $ = z.inside, Z = !!z.lookbehind, J = !!z.greedy, sn = z.alias;
+            var z = m[k], $ = z.inside, Z = !!z.lookbehind, J = !!z.greedy, sn = z.alias;
             if (J && !z.pattern.global) {
               var dn = z.pattern.toString().match(/[imsuy]*$/)[0];
               z.pattern = RegExp(z.pattern.source, dn + "g");
             }
-            for (var Q = z.pattern || z, F = h.next, _ = f; F !== o.tail && !(u && _ >= u.reach); _ += F.value.length, F = F.next) {
-              var D = F.value;
-              if (o.length > s.length)
+            for (var Q = z.pattern || z, F = h.next, T = f; F !== o.tail && !(u && T >= u.reach); T += F.value.length, F = F.next) {
+              var P = F.value;
+              if (o.length > a.length)
                 return;
-              if (!(D instanceof b)) {
-                var W = 1, I;
+              if (!(P instanceof b)) {
+                var W = 1, L;
                 if (J) {
-                  if (I = k(Q, _, s, Z), !I || I.index >= s.length)
+                  if (L = S(Q, T, a, Z), !L || L.index >= a.length)
                     break;
-                  var B = I.index, cn = I.index + I[0].length, O = _;
+                  var B = L.index, cn = L.index + L[0].length, O = T;
                   for (O += F.value.length; B >= O; )
                     F = F.next, O += F.value.length;
-                  if (O -= F.value.length, _ = O, F.value instanceof b)
+                  if (O -= F.value.length, T = O, F.value instanceof b)
                     continue;
                   for (var H = F; H !== o.tail && (O < cn || typeof H.value == "string"); H = H.next)
                     W++, O += H.value.length;
-                  W--, D = s.slice(_, O), I.index -= _;
-                } else if (I = k(Q, 0, D, Z), !I)
+                  W--, P = a.slice(T, O), L.index -= T;
+                } else if (L = S(Q, 0, P, Z), !L)
                   continue;
-                var B = I.index, q = I[0], V = D.slice(0, B), nn = D.slice(B + q.length), G = _ + D.length;
+                var B = L.index, q = L[0], V = P.slice(0, B), nn = P.slice(B + q.length), G = T + P.length;
                 u && G > u.reach && (u.reach = G);
                 var M = F.prev;
-                V && (M = P(o, M, V), _ += V.length), U(o, M, W);
+                V && (M = D(o, M, V), T += V.length), U(o, M, W);
                 var gn = new b(x, $ ? d.tokenize(q, $) : q, sn, q);
-                if (F = P(o, M, gn), nn && P(o, F, nn), W > 1) {
+                if (F = D(o, M, gn), nn && D(o, F, nn), W > 1) {
                   var Y = {
-                    cause: x + "," + w,
+                    cause: x + "," + k,
                     reach: G
                   };
-                  L(s, o, g, F.prev, _, Y), u && Y.reach > u.reach && (u.reach = Y.reach);
+                  A(a, o, g, F.prev, T, Y), u && Y.reach > u.reach && (u.reach = Y.reach);
                 }
               }
             }
           }
         }
     }
-    function T() {
-      var s = { value: null, prev: null, next: null }, o = { value: null, prev: s, next: null };
-      s.next = o, this.head = s, this.tail = o, this.length = 0;
+    function _() {
+      var a = { value: null, prev: null, next: null }, o = { value: null, prev: a, next: null };
+      a.next = o, this.head = a, this.tail = o, this.length = 0;
     }
-    function P(s, o, g) {
+    function D(a, o, g) {
       var h = o.next, f = { value: g, prev: o, next: h };
-      return o.next = f, h.prev = f, s.length++, f;
+      return o.next = f, h.prev = f, a.length++, f;
     }
-    function U(s, o, g) {
-      for (var h = o.next, f = 0; f < g && h !== s.tail; f++)
+    function U(a, o, g) {
+      for (var h = o.next, f = 0; f < g && h !== a.tail; f++)
         h = h.next;
-      o.next = h, h.prev = o, s.length -= f;
+      o.next = h, h.prev = o, a.length -= f;
     }
-    function j(s) {
-      for (var o = [], g = s.head.next; g !== s.tail; )
+    function j(a) {
+      for (var o = [], g = a.head.next; g !== a.tail; )
         o.push(g.value), g = g.next;
       return o;
     }
     if (!r.document)
-      return r.addEventListener && (d.disableWorkerMessageHandler || r.addEventListener("message", function(s) {
-        var o = JSON.parse(s.data), g = o.language, h = o.code, f = o.immediateClose;
+      return r.addEventListener && (d.disableWorkerMessageHandler || r.addEventListener("message", function(a) {
+        var o = JSON.parse(a.data), g = o.language, h = o.code, f = o.immediateClose;
         r.postMessage(d.highlight(h, d.languages[g], g)), f && r.close();
       }, !1)), d;
     var C = d.util.currentScript();
@@ -2507,12 +2507,12 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
      * @example
      * addInlined('style', 'css');
      */
-    value: function(l, a) {
+    value: function(l, s) {
       var c = {};
-      c["language-" + a] = {
+      c["language-" + s] = {
         pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
         lookbehind: !0,
-        inside: t.languages[a]
+        inside: t.languages[s]
       }, c.cdata = /^<!\[CDATA\[|\]\]>$/i;
       var d = {
         "included-cdata": {
@@ -2520,9 +2520,9 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
           inside: c
         }
       };
-      d["language-" + a] = {
+      d["language-" + s] = {
         pattern: /[\s\S]+/,
-        inside: t.languages[a]
+        inside: t.languages[s]
       };
       var b = {};
       b[l] = {
@@ -2628,8 +2628,8 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       },
       punctuation: /[(){};:,]/
     }, r.languages.css.atrule.inside.rest = r.languages.css;
-    var a = r.languages.markup;
-    a && (a.tag.addInlined("style", "css"), a.tag.addAttribute("style", "css"));
+    var s = r.languages.markup;
+    s && (s.tag.addInlined("style", "css"), s.tag.addAttribute("style", "css"));
   }(t), t.languages.clike = {
     comment: [
       {
@@ -2796,7 +2796,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
     var r = "Loading…", l = function(C, v) {
       return "✖ Error " + C + " while fetching file: " + v;
-    }, a = "✖ Error: File does not exist or is empty", c = {
+    }, s = "✖ Error: File does not exist or is empty", c = {
       js: "javascript",
       py: "python",
       rb: "ruby",
@@ -2806,52 +2806,52 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       bat: "batch",
       h: "c",
       tex: "latex"
-    }, d = "data-src-status", b = "loading", k = "loaded", L = "failed", T = "pre[data-src]:not([" + d + '="' + k + '"]):not([' + d + '="' + b + '"])';
-    function P(C, v, E) {
-      var s = new XMLHttpRequest();
-      s.open("GET", C, !0), s.onreadystatechange = function() {
-        s.readyState == 4 && (s.status < 400 && s.responseText ? v(s.responseText) : s.status >= 400 ? E(l(s.status, s.statusText)) : E(a));
-      }, s.send(null);
+    }, d = "data-src-status", b = "loading", S = "loaded", A = "failed", _ = "pre[data-src]:not([" + d + '="' + S + '"]):not([' + d + '="' + b + '"])';
+    function D(C, v, E) {
+      var a = new XMLHttpRequest();
+      a.open("GET", C, !0), a.onreadystatechange = function() {
+        a.readyState == 4 && (a.status < 400 && a.responseText ? v(a.responseText) : a.status >= 400 ? E(l(a.status, a.statusText)) : E(s));
+      }, a.send(null);
     }
     function U(C) {
       var v = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(C || "");
       if (v) {
-        var E = Number(v[1]), s = v[2], o = v[3];
-        return s ? o ? [E, Number(o)] : [E, void 0] : [E, E];
+        var E = Number(v[1]), a = v[2], o = v[3];
+        return a ? o ? [E, Number(o)] : [E, void 0] : [E, E];
       }
     }
     t.hooks.add("before-highlightall", function(C) {
-      C.selector += ", " + T;
+      C.selector += ", " + _;
     }), t.hooks.add("before-sanity-check", function(C) {
       var v = (
         /** @type {HTMLPreElement} */
         C.element
       );
-      if (v.matches(T)) {
+      if (v.matches(_)) {
         C.code = "", v.setAttribute(d, b);
         var E = v.appendChild(document.createElement("CODE"));
         E.textContent = r;
-        var s = v.getAttribute("data-src"), o = C.language;
+        var a = v.getAttribute("data-src"), o = C.language;
         if (o === "none") {
-          var g = (/\.(\w+)$/.exec(s) || [, "none"])[1];
+          var g = (/\.(\w+)$/.exec(a) || [, "none"])[1];
           o = c[g] || g;
         }
         t.util.setLanguage(E, o), t.util.setLanguage(v, o);
         var h = t.plugins.autoloader;
-        h && h.loadLanguages(o), P(
-          s,
+        h && h.loadLanguages(o), D(
+          a,
           function(f) {
-            v.setAttribute(d, k);
+            v.setAttribute(d, S);
             var u = U(v.getAttribute("data-range"));
             if (u) {
-              var x = f.split(/\r\n?|\n/g), m = u[0], w = u[1] == null ? x.length : u[1];
-              m < 0 && (m += x.length), m = Math.max(0, Math.min(m - 1, x.length)), w < 0 && (w += x.length), w = Math.max(0, Math.min(w, x.length)), f = x.slice(m, w).join(`
+              var x = f.split(/\r\n?|\n/g), m = u[0], k = u[1] == null ? x.length : u[1];
+              m < 0 && (m += x.length), m = Math.max(0, Math.min(m - 1, x.length)), k < 0 && (k += x.length), k = Math.max(0, Math.min(k, x.length)), f = x.slice(m, k).join(`
 `), v.hasAttribute("data-start") || v.setAttribute("data-start", String(m + 1));
             }
             E.textContent = f, t.highlightElement(E);
           },
           function(f) {
-            v.setAttribute(d, L), E.textContent = f;
+            v.setAttribute(d, A), E.textContent = f;
           }
         );
       }
@@ -2864,7 +2864,7 @@ var rn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
        * @param {ParentNode} [container=document]
        */
       highlight: function(v) {
-        for (var E = (v || document).querySelectorAll(T), s = 0, o; o = E[s++]; )
+        for (var E = (v || document).querySelectorAll(_), a = 0, o; o = E[a++]; )
           t.highlightElement(o);
       }
     };
@@ -3153,22 +3153,22 @@ Prism.languages.py = Prism.languages.python;
     "operator",
     "punctuation",
     "number"
-  ], a = r.variable[1].inside, c = 0; c < l.length; c++)
-    a[l[c]] = n.languages.bash[l[c]];
+  ], s = r.variable[1].inside, c = 0; c < l.length; c++)
+    s[l[c]] = n.languages.bash[l[c]];
   n.languages.sh = n.languages.bash, n.languages.shell = n.languages.bash;
 })(Prism);
 (function(n) {
   var e = /[*&][^\s[\]{},]+/, t = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/, r = "(?:" + t.source + "(?:[ 	]+" + e.source + ")?|" + e.source + "(?:[ 	]+" + t.source + ")?)", l = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, function() {
     return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source;
-  }), a = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
+  }), s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
   function c(d, b) {
     b = (b || "").replace(/m/g, "") + "m";
-    var k = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
+    var S = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, function() {
       return r;
     }).replace(/<<value>>/g, function() {
       return d;
     });
-    return RegExp(k, b);
+    return RegExp(S, b);
   }
   n.languages.yaml = {
     scalar: {
@@ -3183,7 +3183,7 @@ Prism.languages.py = Prism.languages.python;
       pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, function() {
         return r;
       }).replace(/<<key>>/g, function() {
-        return "(?:" + l + "|" + a + ")";
+        return "(?:" + l + "|" + s + ")";
       })),
       lookbehind: !0,
       greedy: !0,
@@ -3210,7 +3210,7 @@ Prism.languages.py = Prism.languages.python;
       alias: "important"
     },
     string: {
-      pattern: c(a),
+      pattern: c(s),
       lookbehind: !0,
       greedy: !0
     },
@@ -3338,9 +3338,9 @@ const Bn = `:host{display:block;font-family:var(--font-family, 'Courier New', mo
 Mn.style = qn;
 const Un = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-shadow:0px 1.5px 2px rgba(0, 0, 0, 0.1);--tw-shadow-colored:0px 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.bg-inverse{background-color:var(--white)}.border-softest{border:2px solid rgba(0, 0, 0, .05)}.z-10{z-index:10}.z-on-top{z-index:99999}.absolute{position:absolute}.top-full{top:100%}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.gap-y-4{row-gap:0.25rem}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.left-0{left:0rem}.left-1\\/2{left:50%}.left-4{left:0.25rem}.left-\\[4px\\]{left:4px}.right-0{right:0rem}.right-4{right:0.25rem}.right-8{right:0.5rem}", Vn = Un, Gn = class {
   constructor(n) {
-    p(this, n), this.dropdown = S(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
+    p(this, n), this.dropdown = w(this, "dropdown", 7), this.focusableItems = [], this.handleClick = () => {
       var e;
-      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), A({
+      this.isOpen = !this.isOpen, this.isOpen ? (this.focusIndex = 0, this.focusItem()) : this.closeDropdown(), this.dropdown.emit({ expanded: this.isOpen }), I({
         category: "ui-component",
         parentContext: null,
         tag: this.host.tagName.toLowerCase(),
@@ -3414,7 +3414,7 @@ const Un = ".z-focus{z-index:99}.relative{position:relative}.shadow-small{--tw-s
   }
 };
 Gn.style = Vn;
-function K(n, e, t, r, l, a, c) {
+function K(n, e, t, r, l, s, c) {
   const d = [];
   if (r && !e) {
     const b = n.length > 30 ? `${n.slice(0, 27)}…` : n;
@@ -3422,29 +3422,29 @@ function K(n, e, t, r, l, a, c) {
   }
   if (t === "number") {
     const b = typeof e == "number" ? e : parseFloat(e);
-    isNaN(b) ? d.push(`${n} must be a valid number.`) : (typeof a == "number" && b < a && d.push(`${n} must be greater than or equal to ${a}.`), typeof c == "number" && b > c && d.push(`${n} must be less than or equal to ${c}.`));
+    isNaN(b) ? d.push(`${n} must be a valid number.`) : (typeof s == "number" && b < s && d.push(`${n} must be greater than or equal to ${s}.`), typeof c == "number" && b > c && d.push(`${n} must be less than or equal to ${c}.`));
   }
   return l && typeof e == "string" && e.length > l && d.push(`${n} must be at most ${l} characters.`), t === "email" && e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.toString()) && d.push("Invalid email format."), d;
 }
 function on(n, e, t) {
-  const a = Array.from(t.querySelectorAll("eds-input-field")).filter((d) => {
-    var b, k;
-    return ((k = (b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) === null || k === void 0 ? void 0 : k.length) > 0;
+  const s = Array.from(t.querySelectorAll("eds-input-field")).filter((d) => {
+    var b, S;
+    return ((S = (b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) === null || S === void 0 ? void 0 : S.length) > 0;
   }).flatMap((d) => {
     var b;
     return Array.from(((b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelectorAll(`input[name="${n}"]`)) || []);
   }).some((d) => d.checked), c = [];
-  return e && !a && c.push(`At least one option in ${n} is required.`), c;
+  return e && !s && c.push(`At least one option in ${n} is required.`), c;
 }
 function an(n, e, t) {
   var r;
-  const l = [], a = Array.from(t.querySelectorAll("eds-input-field")).find((d) => {
+  const l = [], s = Array.from(t.querySelectorAll("eds-input-field")).find((d) => {
     var b;
     return (b = d.shadowRoot) === null || b === void 0 ? void 0 : b.querySelector(`[name="${n}"]`);
   });
-  if (!a)
+  if (!s)
     return e && l.push(`${n} is required.`), l;
-  const c = (r = a.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(`[name="${n}"]`);
+  const c = (r = s.shadowRoot) === null || r === void 0 ? void 0 : r.querySelector(`[name="${n}"]`);
   return e && c && !c.checked && l.push(`${n} is required.`), l;
 }
 function Yn(n, e) {
@@ -3471,7 +3471,7 @@ function Kn(n) {
 }
 function Zn(n, e, t, r) {
   const l = {};
-  let a = !1;
+  let s = !1;
   return n.forEach((c) => {
     var d;
     if (!r(c, t)) {
@@ -3481,31 +3481,31 @@ function Zn(n, e, t, r) {
     if (c.type !== "hidden")
       if ((c.type === "checkbox" || c.type === "radio") && !c.options) {
         const b = an(c.name, c.required, e);
-        b.length > 0 && (l[c.name] = b, a = !0);
+        b.length > 0 && (l[c.name] = b, s = !0);
       } else if (c.options && (c.type === "checkbox" || c.type === "radio")) {
         const b = on(c.name, c.required, e);
-        b.length > 0 && (l[c.name] = b, a = !0);
+        b.length > 0 && (l[c.name] = b, s = !0);
       } else if (c.type === "rating") {
         const b = Xn(e);
         if (b) {
-          const k = b.getAttribute("selected-rating"), L = k !== null ? parseInt(k, 10) : 0, T = K(c.name, L, c.type, c.required);
-          T.length > 0 && (l[c.name] = T, a = !0);
+          const S = b.getAttribute("selected-rating"), A = S !== null ? parseInt(S, 10) : 0, _ = K(c.name, A, c.type, c.required);
+          _.length > 0 && (l[c.name] = _, s = !0);
         }
       } else if (c.type === "nps") {
         const b = Kn(e);
         if (b && b.shadowRoot) {
-          const k = (d = b.shadowRoot.querySelector('div[role="radio"][aria-checked="true"] eds-button')) === null || d === void 0 ? void 0 : d.getAttribute("aria-label");
-          (k !== null ? parseInt(k, 10) : null) === null && c.required && (l[c.name] = ["This field is required."], a = !0);
-        } else c.required && (l[c.name] = ["This field is required."], a = !0);
+          const S = (d = b.shadowRoot.querySelector('eds-button[tabindex="0"]')) === null || d === void 0 ? void 0 : d.getAttribute("aria-label"), A = S !== null ? parseInt(S, 10) : NaN, _ = Number.isInteger(A) && A >= 0 && A <= 10 ? A : NaN;
+          isNaN(_) && c.required && (l[c.name] = ["This field is required."], s = !0);
+        } else c.required && (l[c.name] = ["This field is required."], s = !0);
         return;
       } else {
         const b = Yn(e, c.name);
         if (b) {
-          const k = b.value, L = K(c.name, k, c.type, c.required, c.maxlength, c.min, c.max);
-          L.length > 0 && (l[c.name] = L, a = !0);
+          const S = b.value, A = K(c.name, S, c.type, c.required, c.maxlength, c.min, c.max);
+          A.length > 0 && (l[c.name] = A, s = !0);
         }
       }
-  }), { errors: l, hasError: a };
+  }), { errors: l, hasError: s };
 }
 function Jn(n, e, t) {
   return n.type === "checkbox" || n.type === "radio" ? n.options ? on(n.name, n.required, t) : an(n.name, n.required, t) : K(n.name, e, n.type, n.required, n.maxlength, n.min, n.max);
@@ -3519,13 +3519,13 @@ function Qn({
 }) {
   const r = Object.assign({}, t);
   return e.forEach((l) => {
-    const a = n[l.name];
-    a !== void 0 && (r[l.name] = a);
+    const s = n[l.name];
+    s !== void 0 && (r[l.name] = s);
   }), { updatedValues: r };
 }
-const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}", ee = ne, te = class {
+const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.f-body-01 b,.f-body-01 strong{font-weight:var(--f-body-01---bold-weight, bold)}.f-body-02 b,.f-body-02 strong{font-weight:var(--f-body-02---bold-weight, bold)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.rounded-sm{border-radius:8px}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-2{border-width:2px}.mt-20{margin-top:1.25rem}.mt-32{margin-top:2rem}.mb-32{margin-bottom:2rem}.pt-28{padding-top:1.75rem}.pl-8{padding-left:0.5rem}.pl-16{padding-left:1rem}.border-l-2{border-left-width:2px}.gap-y-8{row-gap:0.5rem}.gap-y-16{row-gap:1rem}.gap-y-24{row-gap:1.5rem}.border-group{border-left:1px solid var(--soft-color, #ddd);padding-left:1rem}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.shadow-hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.rounded-lg{border-radius:16px}.px-16{padding-left:1rem;padding-right:1rem}.pb-16{padding-bottom:1rem}.p-32{padding:2rem}", ee = ne, te = class {
   constructor(n) {
-    p(this, n), this.form = S(this, "form", 7), this.name = "eds-form", this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
+    p(this, n), this.form = w(this, "form", 7), this.name = "eds-form", this.title = void 0, this.description = void 0, this.setFormUrl = !0, this.formBtn = !0, this.formBtnLabel = "Submit", this.buttonIntent = "primary", this.errorMessage = "Some fields in your form are incorrect.", this.fields = [], this.groups = [], this.initData = {}, this.formStyle = "default", this.values = {}, this.isSubmitting = !1, this.hasError = !1, this.errors = {}, this.parsedFields = [], this.parsedGroups = [];
   }
   async setData(n) {
     this.populateFormWithInitData(n);
@@ -3583,12 +3583,12 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
         const r = t.shadowRoot.querySelector("input, textarea, select");
         if (r && r.name)
           if (r.type === "checkbox" || r.type === "radio") {
-            const a = Array.from(t.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((c) => c.value);
-            n.append(r.name, a.join(","));
+            const s = Array.from(t.shadowRoot.querySelectorAll(`input[name="${r.name}"]:checked`)).map((c) => c.value);
+            n.append(r.name, s.join(","));
           } else if (r.type === "file") {
             const l = r;
-            l.files && l.files.length > 0 && Array.from(l.files).forEach((a) => {
-              n.append(l.name, a);
+            l.files && l.files.length > 0 && Array.from(l.files).forEach((s) => {
+              n.append(l.name, s);
             });
           } else
             n.append(r.name, r.value);
@@ -3606,8 +3606,8 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     let r = t.value;
     if (t.type === "checkbox") {
       const l = this.values[e.name] || "";
-      let a = l ? l.split(",") : [];
-      t.checked ? a.includes(t.value) || a.push(t.value) : a = a.filter((c) => c !== t.value), r = a.join(",");
+      let s = l ? l.split(",") : [];
+      t.checked ? s.includes(t.value) || s.push(t.value) : s = s.filter((c) => c !== t.value), r = s.join(",");
     } else if (t.type === "radio") {
       if (!t.checked)
         return;
@@ -3625,8 +3625,8 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
     const t = n.target;
     if (t.type === "radio" && !t.checked)
       return;
-    const r = t.value, l = Object.assign({}, this.errors), a = Jn(e, t.value, this.formEl);
-    a.length > 0 ? l[e.name] = a : delete l[e.name], this.errors = l, this.hasError = Object.keys(l).length > 0, this.form.emit({
+    const r = t.value, l = Object.assign({}, this.errors), s = Jn(e, t.value, this.formEl);
+    s.length > 0 ? l[e.name] = s : delete l[e.name], this.errors = l, this.hasError = Object.keys(l).length > 0, this.form.emit({
       event: "input",
       field: e.name,
       value: r,
@@ -3666,7 +3666,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
           success: !1,
           message: this.errorMessage
           //data: this.makeFormData()
-        }), A({
+        }), I({
           category: "ui-component",
           parentContext: null,
           tag: this.el.tagName.toLowerCase(),
@@ -3681,7 +3681,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
         validated: !0,
         message: "Form data validated successfully"
         //data: this.getFormData()
-      }), A({
+      }), I({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -3693,6 +3693,8 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
   get groupedFields() {
     const n = {};
     return this.parsedGroups.forEach((e) => n[e.id] = []), n.__ungrouped = [], this.parsedFields.forEach((e) => {
+      if (!this.isFieldVisible(e))
+        return;
       const t = e.groupId || "__ungrouped";
       n[t] || (n[t] = []), n[t].push(e);
     }), n;
@@ -3703,17 +3705,17 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
       return null;
     if (n.type === "rating") {
       const l = this.values[n.name] || 0;
-      return i("div", { class: "form-group rating-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `rating-${n.name}`, label: n.label, disabled: n.disabled, required: n.required })), i("eds-rating", { id: `rating-${n.name}`, "rating-type": n.ratingType, "rating-count": n.ratingCount, "selected-rating": l, onRating: (a) => this.handleRating(a, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, message: n.message, "error-message": (e = this.errors[n.name]) === null || e === void 0 ? void 0 : e.join("<br/>"), error: !!this.errors[n.name], link: n.link })));
+      return i("div", { class: "form-group rating-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `rating-${n.name}`, label: n.label, disabled: n.disabled, required: n.required })), i("eds-rating", { id: `rating-${n.name}`, "rating-type": n.ratingType, "rating-count": n.ratingCount, "selected-rating": l, onRating: (s) => this.handleRating(s, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, message: n.message, "error-message": (e = this.errors[n.name]) === null || e === void 0 ? void 0 : e.join("<br/>"), error: !!this.errors[n.name], link: n.link })));
     } else if (n.type === "nps")
-      return i("div", { class: "form-group nps-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `nps-${n.name}`, label: n.question, disabled: n.disabled, required: n.required })), i("eds-nps", { id: `nps-${n.name}`, "right-label": n.rightLabel, "left-label": n.leftLabel, onNps: (l) => this.handleNPS(l, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, message: n.message, "error-message": (t = this.errors[n.name]) === null || t === void 0 ? void 0 : t.join("<br/>"), error: !!this.errors[n.name], link: n.link })));
+      return i("div", { class: "form-group nps-field", key: n.name }, i("div", { class: "flex justify-between" }, n && i("eds-input-label", { name: `nps-${n.name}`, label: n.question, disabled: n.disabled, required: n.required })), i("eds-nps", { id: `nps-${n.name}`, "right-label": n.rightLabel, "left-label": n.leftLabel, onNps: (l) => this.handleNPS(l, n) }), i("div", { class: "mt-6" }, i("eds-input-footer", { id: `${n.name}-footer`, name: n.name, "error-message": (t = this.errors[n.name]) === null || t === void 0 ? void 0 : t.join("<br/>"), error: !!this.errors[n.name] })));
     return i("eds-input-field", { key: n.name, name: n.name, label: n.label, placeholder: n.placeholder, type: n.type, value: this.values[n.name], required: n.required, hint: n.hint, message: n.message, error: !!this.errors[n.name], errorMessage: (r = this.errors[n.name]) === null || r === void 0 ? void 0 : r.join("<br/>"), options: n.options, onInput: (l) => this.handleInput(l, n), onChangeNative: (l) => this.handleChange(l, n) });
   }
   async getData() {
     return this.makeFormData();
   }
   render() {
-    const n = this.parsedFields.filter((t) => t.type === "hidden"), e = this.groupedFields;
-    return i("form", { key: "a66997f39b5be347a4d502f77bcd1da9d1a274ac", ref: (t) => this.formEl = t, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "f8800d2ebe64b3279234ab8ebe20e535dc822872" }, i("slot", { key: "b4194073b281dec35a79a6cc974fdf7476a67807" }), n.map((t, r) => i("eds-input", { key: r, type: "hidden", name: t.name, value: t.value })), this.parsedGroups.filter((t) => Array.isArray(e[t.id]) && e[t.id].length > 0).map((t) => i("div", { class: "container mt-20", key: t.id }, i("span", { class: "f-body-02" }, i("b", null, t.title)), i("div", { class: "border-group mt-32 mb-32 flex flex-col gap-y-24" }, e[t.id].map((r) => this.renderField(r))))), i("div", { key: "2fc83ebb6b0a472f6853618602c37ee83adae9ff", class: "flex flex-col mt-20 gap-y-24" }, e.__ungrouped.map((t) => this.renderField(t)))), this.formBtn && i("div", { key: "91b569b1a4513945f3228c374ae45b52ea17f91d", class: "mt-32" }, i("eds-button", { key: "1a8feaecd5a7f292f8aeae3db900700b4f7fb8d4", intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
+    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: "ecf49eb81f18b444d059d3bdea4600f4ae594ea9", class: t, ref: (r) => this.formEl = r, autocomplete: "on", onSubmit: this.handleSubmit }, i("div", { key: "65137fb770f274431c7906326cdf49e0fee73b18", class: "flex flex-col gap-y-24" }, this.title && i("span", { key: "e4c5b4a7883c4569a657cc234f18f995480ec8df", role: "heading", class: "f-heading-04" }, this.title), this.description && i("span", { key: "65528e4600127f1cff4ce0e5be6f8a6bddc4c864", class: "f-body-02 text-light" }, this.description), i("slot", { key: "6230035a050386763723c2b60bd5e81b912762d7" })), 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: "container 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: "8116d30248f8461a842365470da9915200531028", class: "flex flex-col mt-32 gap-y-24" }, e.__ungrouped.map((r) => this.renderField(r))), this.formBtn && i("div", { key: "e2f1d3ca6a9f6a3b44c45e576150505c49e41dd1", class: "mt-32" }, i("eds-button", { key: "e312bf08b5db526c00497fafaa9476a225919aaf", intent: this.buttonIntent, label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })));
   }
   get el() {
     return y(this);
@@ -3728,7 +3730,7 @@ const ne = ".container{width:calc(var(--container-width, 100%) - (2 * var(--brea
 te.style = ee;
 const ie = ".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}}", re = ie, le = class {
   constructor(n) {
-    p(this, n), this.toggleheadermenu = S(this, "toggleheadermenu", 7), this.homeUrl = "/", this.links = void 0, this.headerVariant = "default", this.menuEnabled = !1, this.isMenuOpen = !1, this.isUserMenuOpen = !1, this.isAuthenticated = !1;
+    p(this, n), this.toggleheadermenu = w(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;
@@ -3758,14 +3760,14 @@ const ie = ".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: "812ad4427cbb3f4b0ca9e305870c35d63487dc59", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "531acdceb12ca45fea125091dee4d8a0ff39a10b", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "bb2708b3c8eacc575117bfed404b7c9db4fd05e2", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "a80192d7666416c29025a1ac5812946f14feec3f", 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: "fae258c468367837a9738bcbe2442709fdc601a0", 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: "9588ef20e19fda76115074c39d902eebead3c845" }), this.menuEnabled && i("div", { key: "ce2e43645a1c33ca7d6495acd820ad0a93cefdf9", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "ed73c7e7a6544f60eea9dbf43379ffe4967c0dbd", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
+    return i("header", { key: "a0f5bb7d9e850e9414db804019674d6bcbc8ea0b", class: `flex items-center justify-between relative z-10 ${e}` }, i("div", { key: "678d5b1583e6fa47c0eac8ce734e8ec34cd76ad9", class: "mr-auto w-[200px] h-[85px]" }, i("eds-logo", { key: "12ce9c42b266bbddfd75d2a8f0097708480a2490", type: t, href: this.homeUrl })), this.parsedLinks && i("nav", { key: "eb388b679d4e268dc7fc011bc2a6406a619287c8", 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: "c3f8689bb257166c50dd678287c8ad4f54eb315a", 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: "3f689a811a60052393a795937a908cf7d0604cc6" }), this.menuEnabled && i("div", { key: "506b953b455b72085d83bdaafc6855992075ddbe", class: "md:hidden flex overflow-hidden px-16" }, i("eds-button", { key: "5b526affd813549a6142efab255d6486a5e2dd66", "aria-label": "Menu", intent: this.headerVariant === "default" ? "ghost" : "ghostInverse", icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })));
   }
   get hostEl() {
     return y(this);
   }
 };
 le.style = re;
-const mt = class {
+const xt = class {
   constructor(n) {
     p(this, n), this.TagName = null, this.icon = "arrow-right", this.class = "", this.IconComponent = null;
   }
@@ -3888,10 +3890,10 @@ video {
   }
   render() {
     const n = {};
-    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "605bff5657ca79678517527a9462b31608e5af7a", class: {
+    return this.lazyload && (n.loading = "lazy", n.decoding = "async"), i("div", { key: "fec0dcf2ec178a953f4ced8a71b037030983670d", class: {
       "items-center justify-center": !0,
       "effect-bg-pattern": this.lazyload && this.showBg
-    } }, i("picture", { key: "0d0def26688c1ec7214211d02875160965e2ce48" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "c9c307a5fdf25d9792db2a76f4d08fcd27b50401", ref: (e) => this.img = e, class: {
+    } }, i("picture", { key: "0df010a6ed50519be0a2017bf12db7d1ab2fb208" }, this.formats.map((e) => i("source", { type: e.type, srcSet: e.srcset, media: e.media, sizes: this.sizes })), i("img", Object.assign({ key: "ea4275b2cc6be0cce5ab63f97d05454e3c4ee1dc", ref: (e) => this.img = e, class: {
       "effect-opacity object-cover object-center": !0,
       "opacity-100": this.loaded,
       "opacity-0": !this.loaded
@@ -3902,7 +3904,7 @@ video {
   }
 };
 se.style = ae;
-const ut = class {
+const yt = class {
   constructor(n) {
     p(this, n), this.handleInput = (e) => {
       const t = e.target;
@@ -3920,7 +3922,7 @@ const ut = class {
   }
   render() {
     const n = !!this.icon, e = this.hasMessage || this.error ? `${this.name}-error` : "";
-    return i("div", { key: "a26224d6345099df6bc5110d42b701980603f7f7", 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: "0a6386205f78655569bf93960a4e2664563e4014", 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
@@ -3929,7 +3931,7 @@ const ut = 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: "beb48d08d18b5ca5b054b1b579e2f9527af222e9", 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: "06948fe33c35c5830edd50a37411281865ef6d12", 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: "c78bf1501f682cde9a193ea6726baf2433566516", 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: "c07e7d5d8394292cf365f32838dfd837ccf168d6", class: `absolute top-1/2 left-[4px] -translate-y-1/2 ${this.disabled, "text-lightest"}`, icon: this.icon }));
   }
   get el() {
     return y(this);
@@ -11711,27 +11713,27 @@ input[type="range"]::-webkit-slider-thumb {
 
 `, ce = de, ge = class {
   constructor(n) {
-    p(this, n), this.edsinput = S(this, "edsinput", 7), this.edschange = S(this, "edschange", 7), this.handleNativeInput = (e) => {
+    p(this, n), this.edsinput = w(this, "edsinput", 7), this.edschange = w(this, "edschange", 7), this.handleNativeInput = (e) => {
       var t, r;
       if ((t = this.onInput) === null || t === void 0 || t.call(this, e), this.shouldEmitValue()) {
         const l = e.target;
-        let a = l.value;
+        let s = l.value;
         if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
           const c = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
-          a = Array.from(c).filter((d) => d.checked).map((d) => d.value);
-        } else this.type === "checkbox" ? a = l.checked : (this.type, a = l.value);
-        this.edsinput.emit({ value: a });
+          s = Array.from(c).filter((d) => d.checked).map((d) => d.value);
+        } else this.type === "checkbox" ? s = l.checked : (this.type, s = l.value);
+        this.edsinput.emit({ value: s });
       }
     }, this.handleNativeChange = (e) => {
       var t, r;
       if ((t = this.onChangeNative) === null || t === void 0 || t.call(this, e), this.shouldEmitValue()) {
         const l = e.target;
-        let a = l.value;
+        let s = l.value;
         if (this.type === "checkbox" && ((r = this.parsedOptions) === null || r === void 0 ? void 0 : r.length) > 0) {
           const c = this.hostEl.querySelectorAll(`input[type="checkbox"][name="${this.name}"]`);
-          a = Array.from(c).filter((d) => d.checked).map((d) => d.value);
-        } else this.type === "checkbox" ? a = l.checked : (this.type, a = l.value);
-        this.edschange.emit({ value: a });
+          s = Array.from(c).filter((d) => d.checked).map((d) => d.value);
+        } else this.type === "checkbox" ? s = l.checked : (this.type, s = l.value);
+        this.edschange.emit({ value: s });
       }
     }, this.name = void 0, this.inputId = void 0, this.placeholder = void 0, this.disabled = !1, this.required = !1, this.label = void 0, this.hint = void 0, this.icon = void 0, this.link = void 0, this.message = void 0, this.error = !1, this.checked = void 0, this.errorMessage = void 0, this.value = void 0, this.maxLength = void 0, this.min = void 0, this.max = void 0, this.step = void 0, this.options = void 0, this.type = "text", this.onChangeNative = void 0, this.onInput = void 0, this.exposeValueEvents = !0;
   }
@@ -11751,7 +11753,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: "615165ebb5980d2da414ad4028e053b46358eb4e" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4 mt-8" }, i("div", { class: "flex justify-between" }, 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" }, 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: "eaa1d9c1095204c82bd01eab0f19f80eeee64d05" }, this.type === "checkbox" || this.type === "radio" ? this.parsedOptions.length > 0 ? i("fieldset", { class: "space-y-4 mt-8" }, 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,
@@ -11760,9 +11762,9 @@ input[type="range"]::-webkit-slider-thumb {
         required: n.required,
         onInput: n.onInput,
         onChange: n.onChange
-      }, a = this.parsedOptions, c = 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: c }));
-    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "4ca8edfb4538caab53e89f16008683aea28adfbc", class: "mt-6" }, i("eds-input-footer", { key: "68053a16f607a277a5c806f3c830b24acf3b1f50", id: `${this.name}-footer`, name: this.name, message: this.message, "error-message": this.errorMessage, error: this.error, link: this.link })));
+      }, s = this.parsedOptions, c = typeof this.value == "string" ? parseFloat(this.value) : this.value || 0;
+      return i("eds-input-range", Object.assign({}, l, { min: (e = s[0]) === null || e === void 0 ? void 0 : e.value, max: (t = s[1]) === null || t === void 0 ? void 0 : t.value, step: (r = s[2]) === null || r === void 0 ? void 0 : r.value, value: c }));
+    })() : i("eds-input", Object.assign({}, n))), i("div", { key: "60e6c848d41591b2e9ec8c5cf8dd656ec8562c38", class: "mt-6" }, i("eds-input-footer", { key: "e9298e01dbab9aa6a98a486286b32024766348d1", 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;
@@ -11777,22 +11779,22 @@ const he = "p{margin:0}.text-error{color:var(--red-700)}.flex{display:flex}.item
     p(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: "58bce34f2ec417696ba03d6c8c0c77fa1d900f9a" }, this.error && this.errorMessage && i("div", { key: "be14dc0f6e9494c1ee436fd8f822112eab6d2ce2", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "aaa2010441b0bfe9445e4b6401115b29606ac507", icon: "warning" }), i("p", { key: "277ac1de538e873c7da9b592e60dfd276738025d", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "4f07c6efe398bb002322a35279e68b237eac860e", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "50d042530985eeafd7334b0bb38fd2c14aed0e3f", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
+    return i("div", { key: "54571d8f3c08a7a4f12e40728e02a7210ab0d345" }, this.error && this.errorMessage && i("div", { key: "db35f0c0dfa931d55d57a9c4ad3fffaeb4cea914", id: `error_${this.name}`, class: "text-error flex items-center" }, i("eds-icon-wrapper", { key: "63e401d86876829d8d2bbab887a66ef0dbd1837f", icon: "warning" }), i("p", { key: "81f8b0819a7cb119353c8ac38ab1df0cafb9d36f", class: "f-ui-04 ml-4 mb-4", innerHTML: this.errorMessage })), this.message && i("p", { key: "e5018623e2d8578864dc1f0b06d54e4a60ff9020", id: `desc_${this.name}`, class: "f-ui-05 text-lighter", innerHTML: this.message }), this.link && i("a", { key: "e7b6bde26ae02cf07ac8b8e6461282a4ba1355ed", href: this.link.url, class: "f-ui-05 effect-color hover:text-lighter underline underline-offset-4" }, this.link.label));
   }
 };
 be.style = fe;
-const me = ".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", ue = me, xe = class {
+const me = ".input-label{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.input-label b,.input-label strong{font-weight:var(--f-ui-02---bold-weight, bold)}.text-lighter{color:var(--grey-600)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}", ue = me, pe = class {
   constructor(n) {
     p(this, n), this.label = void 0, this.name = void 0, this.required = !1, this.disabled = !1;
   }
   render() {
-    return i("label", { key: "622cd7e26774448ca86c1168d0a287d7b61d3e29", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "c3162e765af70dd972e3cd0ca360cd3f52003f76" }, i("span", { key: "5bca5243c95399fefff4fa21b6c1477a287a3cb4", "aria-hidden": "true" }, "*"), i("span", { key: "bc1c229ac387161e4aa314498dbbc77fbab62955", class: "sr-only" }, "required")));
+    return i("label", { key: "90e0659383fd3be9a166457de5429385fe3bfe02", htmlFor: this.name, class: `input-label ${this.disabled ? "text-lighter" : ""}` }, this.label, this.required && i("span", { key: "4d417c45dd636bfd5872d846e5eb89ff3694a4d4" }, i("span", { key: "3924011891ee03e530fe25b269bf4231f3acd9cb", "aria-hidden": "true" }, "*"), i("span", { key: "2f343b6b4ab4cbd538189cfa404210cf676eefe7", class: "sr-only" }, "required")));
   }
 };
-xe.style = ue;
-const xt = class {
+pe.style = ue;
+const vt = class {
   constructor(n) {
-    p(this, n), this.edsrange = S(this, "edsrange", 7), this.onInput = (e) => {
+    p(this, n), this.edsrange = w(this, "edsrange", 7), this.onInput = (e) => {
       const t = e.target;
       this.sliderVal = parseInt(t.value, 10);
     }, this.onChange = (e) => {
@@ -11814,7 +11816,7 @@ const xt = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "51c9adb300d50eecb48de1547c0a0475692aa97b", class: "relative flex flex-col items-start" }, i("input", { key: "65ac18497d2a4307d7f5161951b87bb38cdad892", 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: "9b717fce31d2340f3b4bc4b5583e6b1e7764314f", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
+    return i("div", { key: "3fa2ef579847e66bcacc35afe202192b78a06975", class: "relative flex flex-col items-start" }, i("input", { key: "669cc03e44dfa1ae8eae758f82f41939de1be625", 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: "b3865e1bfacb423da277f4b76dfd0f3294f96cc6", id: `desc_${this.name}`, class: "block f-ui-05 mt-4 text-lighter" }, "Current value: ", this.sliderVal));
   }
   get el() {
     return y(this);
@@ -11824,15 +11826,15 @@ const xt = class {
       value: ["onValueChange"]
     };
   }
-}, pt = class {
+}, wt = class {
   constructor(n) {
-    p(this, n), this.search = S(this, "search", 7), this.keydownListener = (e) => {
+    p(this, n), this.search = w(this, "search", 7), this.keydownListener = (e) => {
       (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), this.inputElement && !this.disabled && this.inputElement.focus());
     }, this.onChange = (e) => {
       this.search.emit({
         event: "change",
         value: e.target.value
-      }), A({
+      }), I({
         category: "ui-component",
         parentContext: null,
         tag: this.el.tagName.toLowerCase(),
@@ -11851,8 +11853,8 @@ const xt = class {
     return this.inputElement;
   }
   render() {
-    return i("div", { key: "40f0faa26610671e0a89055e5a51fb17ab17c470", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "910f6681ae719608c6f2787de4b3871742dd290a", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
-      key: "77534918bd9f2bcd4014e5b201a4f7eb2c0753b4",
+    return i("div", { key: "ad7c42baf7c54ede5dca7dd2a6916557f46d33d6", class: "relative flex items-center" }, i("eds-icon-wrapper", { key: "6de80c397bae5e541de1ce3c2937bed860b58363", icon: "search", class: "absolute top-1/2 left-[4px] -translate-y-1/2 text-lightest", "aria-hidden": "true" }), i("input", {
+      key: "9637c5569c97061fde3735ecb58b6a6f81a10e15",
       id: this.inputId || this.name,
       name: this.name,
       placeholder: this.placeholder,
@@ -11869,23 +11871,23 @@ const xt = class {
   get el() {
     return y(this);
   }
-}, yt = class {
+}, kt = class {
   constructor(n) {
-    p(this, n), this.edsselect = S(this, "edsselect", 7), this.handleChange = (e) => {
+    p(this, n), this.edsselect = w(this, "edsselect", 7), this.handleChange = (e) => {
       const t = e.target;
       this.edsselect.emit(t.value);
     }, this.inputId = void 0, this.name = void 0, this.placeholder = void 0, this.disabled = !1, this.hasMessage = !1, this.error = !1, this.required = !1, this.options = [], this.value = void 0;
   }
   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: "f154a5f34a0d09cf6a02e24f13ed9af46532c76c", class: "relative" }, i("select", { key: "0982936337bcbec3e2b81f7edc1436506841c782", id: n, name: this.name, class: {
+    return i("div", { key: "06be08db809ec9970ca4d7bdbdcdf1c8f2bc8840", class: "relative" }, i("select", { key: "e4319592e6c2f0c71e0dc75ca2d854506bda70bc", 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: "7656fa514dec6b8b05bbb8d02636bf5e2ee8d213", 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: "8464aa5ef3eab675f493b582736c25a7edd88224", 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: "092271b13e4d496a85c55fbb5f1756805cd5d3de", 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: "a0ece38948f84a10ea8cd4c0a01b3f8b9730c7ef", 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: "8ce085e43d0ba6340e52b0666dc0a31abbf1a2f9", 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: "8b91b3fa3a819d04ede5d7816fcb2f04e66fd03b", class: "w-20 h-20", icon: "chevron-right" })));
   }
-}, pe = `*,
+}, xe = `*,
 ::before,
 ::after {
   box-sizing: border-box;
@@ -13122,7 +13124,7 @@ Make sure disabled buttons don't get the pointer cursor.
   .lg\\:flex {
     display: flex;
   }
-}`, ye = pe, ve = N([
+}`, ye = xe, ve = N([
   "relative inline-flex justify-center items-center py-8 rounded-sm",
   "effect-color effect-focus aria-disabled:text-lightest",
   "cursor-pointer",
@@ -13260,7 +13262,7 @@ Make sure disabled buttons don't get the pointer cursor.
       n.preventDefault();
       return;
     }
-    A({
+    I({
       category: "ui-component",
       parentContext: this.parentContext,
       tag: this.el.tagName.toLowerCase(),
@@ -13294,7 +13296,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: "929b7318ec6475113125e40d789476df76e59e38", 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: "4b965dcb07ebca43577b0dcd9f2d11495caa761a", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "a4327fe130fb8c3962096eff3415ad62e19230f4", class: r }, this.label), this.renderRightIcon()));
+    return i("a", { key: "bc82c9ea21f98ed71c812c8366ba8368c3ac5bf4", 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: "eed89377d27a476a7d7e70a8c40f3100b8089a0b", class: "z-1 relative inline-flex items-center justify-center" }, this.renderLeftIcon(), this.label && i("span", { key: "c6d09f0c54e092e53350014d6d89b67c35a8be71", class: r }, this.label), this.renderRightIcon()));
   }
   get el() {
     return y(this);
@@ -13314,7 +13316,7 @@ const ke = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
    * - `action`: The action, set as "click".
    */
   handleClick() {
-    A({
+    I({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: "logo",
@@ -13331,10 +13333,10 @@ const ke = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
         black: bn,
         "color-white": mn,
         white: un,
-        "no-bg": xn
+        "no-bg": pn
       },
       vertical: {
-        color: pn,
+        color: xn,
         black: yn,
         "color-white": vn,
         white: wn,
@@ -13348,7 +13350,7 @@ const ke = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
   }
   render() {
     const n = this.getLogo();
-    return i("a", { key: "fff2a45eb8b41f59026ff7033824484339e3c0a9", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "bc13988a739af1c94d5eadbabf558cbbb10927b8", innerHTML: n }));
+    return i("a", { key: "e5c4e4701d698282dc85561c8c434f0790fb2401", href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper", "aria-label": this.label }, i("div", { key: "32cc8649fe67b6c4a874b5c1aaa6d4d793b4c4c7", innerHTML: n }));
   }
   get el() {
     return y(this);
@@ -13357,7 +13359,7 @@ const ke = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{
 Ce.style = Se;
 const Ee = ".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))}}", ze = Ee, Fe = class {
   constructor(n) {
-    p(this, n), this.consent = S(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;
+    p(this, n), this.consent = w(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;
   }
   /**
    * Listens for global custom events to open the matomo-consent.
@@ -13444,7 +13446,7 @@ const Ee = ".fixed{position:fixed}.absolute{position:absolute}.w-full{width:100%
 Fe.style = ze;
 const Ae = '.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)}', Ie = Ae, Le = class {
   constructor(n) {
-    p(this, n), this.nps = S(this, "nps", 7), this.min = 0, this.max = 10, this.question = void 0, this.leftLabel = void 0, this.rightLabel = void 0, this.selectedValue = null;
+    p(this, n), this.nps = w(this, "nps", 7), this.min = 0, this.max = 10, this.question = void 0, this.leftLabel = void 0, this.rightLabel = void 0, this.selectedValue = null;
   }
   handleClick(n) {
     this.selectedValue = n, this.nps.emit(n);
@@ -13485,18 +13487,18 @@ const Ae = '.flex{display:flex}.justify-between{justify-content:space-between}.m
     this.handleClick(r), t.focus();
   }
   render() {
-    const n = this.max - this.min + 1, e = 0;
-    return i("div", { key: "d675e1e4ecc306511c0324d0b76ee66237cb6738", class: "eds-nps" }, i("eds-input-label", { key: "2eede06f6ee166c36b0cf315a35435c89c3c0ba5", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "16105649fe6b3b229127c9a741367a6381db774f", role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (t) => this.handleKeyNav(t) }, Array.from({ length: n }, (t, r) => {
-      const l = this.min + r, a = l === this.selectedValue, c = this.selectedValue === null ? r === e ? 0 : -1 : a ? 0 : -1;
-      return i("div", { class: "grid-col-span-1", key: l }, i("eds-button", { tabindex: c, label: `${l}`, "aria-label": `${l}`, intent: a ? "primary" : "ghost", "extra-class": "!block !px-0 w-full", triggerClick: () => this.handleClick(l) }));
-    })), i("div", { key: "e7bd70a4f1a8083d9c3e08fdf8de55999a27d92d", class: "flex justify-between mt-8" }, i("span", { key: "ea3fbbac20a162e7cf5f2d5e3321c8bc9297014e", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "3ff59cde0c532587ead8b8a1eaaff6c630e7e7ac", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
+    const n = this.max - this.min + 1;
+    return i("div", { key: "3831baab086cbf44a3d1511885f15bbab23c9cd2", class: "eds-nps" }, i("eds-input-label", { key: "f9bd8a812d1b65a634dfaa7aae704218dc79468c", id: "nps-question", name: "nps-question", label: this.question }), i("div", { key: "398f5225c5b4071c2570a74a9e642f5059bb7813", 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: "0acafaae3f2ce522ffbc245c5733ca509d4bf3c1", class: "flex justify-between mt-8" }, i("span", { key: "001e0be00b07ae2e831ea6af0c577a5eeecb9a56", class: "f-ui-04 text-light ml-4" }, this.leftLabel), i("span", { key: "99a12d89ea577fb2bb9c34241a2b9f0f254c284a", class: "f-ui-04 text-light mr-4" }, this.rightLabel)));
   }
   get el() {
     return y(this);
   }
 };
 Le.style = Ie;
-const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-light{color:var(--grey-700)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", Te = _e, $e = class {
+const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.text-light{color:var(--grey-700)}.text-lightest{color:var(--grey-500)}.mb-28{margin-bottom:1.75rem}.w-full{width:100%}.w-20{width:1.25rem}.h-20{height:1.25rem}.h-28{height:1.75rem}.h-32{height:2rem}.h-36{height:2.25rem}.text-center{text-align:center}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.\\!p-8{padding:0.5rem !important}.ml-4{margin-left:0.25rem}.mr-4{margin-right:0.25rem}.hidden{display:none}.gap-1{gap:0.0625rem}.py-4{padding-top:0.25rem;padding-bottom:0.25rem}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media (min-width: 900px){.lg\\:\\!pr-12{padding-right:0.75rem !important}.lg\\:flex{display:flex}}", Te = _e, $e = class {
   constructor(n) {
     p(this, n), this.handleKeyDown = (e) => {
       if (this.mode !== "default" || !this.useButtons)
@@ -13510,8 +13512,8 @@ const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
           const c = t.findIndex((d) => d.type === "page" && d.page === this.currentPage);
           l = c !== -1 ? c : 0;
         }
-        let a = l + r;
-        a >= t.length ? a = 0 : a < 0 && (a = t.length - 1), this.focusedIndex = a, this.focusPaginationItem(a);
+        let s = l + r;
+        s >= t.length ? s = 0 : s < 0 && (s = t.length - 1), this.focusedIndex = s, this.focusPaginationItem(s);
       } else if (e.key === "Home")
         e.preventDefault(), this.focusedIndex = 0, this.focusPaginationItem(0);
       else if (e.key === "End") {
@@ -13639,7 +13641,7 @@ const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     if (this.mode !== "navigator" && (this.useButtons && n.preventDefault(), e !== this.currentPage)) {
       this.links = this.links.map((r) => typeof r == "object" ? Object.assign(Object.assign({}, r), { current: parseInt(r.label) === e }) : r);
       const t = new CustomEvent("page", {
-        detail: e,
+        detail: { value: e },
         bubbles: !0,
         composed: !0
       });
@@ -13647,7 +13649,7 @@ const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
     }
   }
   render() {
-    return i("div", { key: "753a7e573a09e7fcb66eac9e11e00f690c49543d" }, this.total > 0 && this.mode === "default" && i("p", { key: "6286d71622614a835d471812a55d5c6bef37a13e", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "daa7bfa31e736a40c46641fed88653d51eeabc67", 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: "9379c40daaca176e67fb59918f1ca387cb4759b9" }, this.total > 0 && this.mode === "default" && i("p", { key: "d09f7f6b7de136987d5b52564bc60afb3775299a", class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, i("span", { key: "4af8f097a79c8fb0495838f06424f43e5e5dcddc", 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);
@@ -13664,9 +13666,9 @@ const _e = "ul,menu{list-style:none;margin:0;padding:0}.f-ui-03{font-family:var(
   }
 };
 $e.style = Te;
-const Oe = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", Re = Oe, Pe = class {
+const Oe = ":host{display:inline-block}.block{display:block}.stars{display:flex;gap:0.25rem;cursor:pointer}.star{color:var(--star-empty-color, #ccc);transition:color 0.2s ease-in-out}.star.filled{color:var(--green-500);}.star:hover,.star.filled:hover{transform:scale(1.2)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.mt-4{margin-top:0.25rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.my-4{margin-top:0.25rem;margin-bottom:0.25rem}.my-8{margin-top:0.5rem;margin-bottom:0.5rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.0625rem * var(--tw-space-x-reverse));margin-left:calc(0.0625rem * calc(1 - var(--tw-space-x-reverse)))}", Re = Oe, De = class {
   constructor(n) {
-    p(this, n), this.rating = S(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
+    p(this, n), this.rating = w(this, "rating", 7), this.buttonRefs = [], this.ratingType = "star", this.ratingCount = 5, this.selectedRating = 0;
   }
   /**
    * Lifecycle method that runs when the component has fully loaded.
@@ -13712,13 +13714,11 @@ const Oe = ":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: "bd72970d86f2dbb21d58671fc85feea3011749b3", id: "rating-buttons", role: "radiogroup", "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: "a7fc18897f2901f60432432899da18861e76edf6", 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,
+        ref: (s) => this.buttonRefs[e] = s,
         icon: this.ratingType,
-        role: "radio",
-        "aria-checked": l,
         "aria-label": `${t} ${this.ratingType}${t > 1 ? "s" : ""}`,
         onClick: () => this.onSelect(t),
         tabIndex: l || this.selectedRating === 0 && e === 0 ? 0 : -1,
@@ -13733,43 +13733,38 @@ const Oe = ":host{display:inline-block}.block{display:block}.stars{display:flex;
     return y(this);
   }
 };
-Pe.style = Re;
-const De = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-28{margin-bottom:1.75rem}", Ne = De, He = class {
+De.style = Re;
+const Pe = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.my-16{margin-top:1rem;margin-bottom:1rem}.mt-16{margin-top:1rem}.mb-28{margin-bottom:1.75rem}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.cursor-pointer{cursor:pointer}", Ne = Pe, He = class {
   constructor(n) {
-    p(this, n), this.step = S(this, "step", 7), this.handleNext = () => {
-      this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
+    p(this, n), this.step = w(this, "step", 7), this.finished = w(this, "finished", 7), this.next = w(this, "next", 7), this.back = w(this, "back", 7), this.handleNext = () => {
+      const e = this.parsedSteps.length - 1;
+      if (this.activeStep >= e) {
+        this.finished.emit();
+        return;
+      }
+      const t = this.activeStep + 1;
+      this.next.emit(t), !this.isNextDisabledFor(this.activeStep) && (this.activeStep = t, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1));
     }, this.handleBack = () => {
-      this.activeStep > 0 && (this.activeStep = this.activeStep - 1, this.step.emit(this.activeStep));
-    }, this.steps = [], this.type = "static", this.activeStep = 0;
+      if (this.activeStep > 0) {
+        const e = this.activeStep - 1;
+        this.back.emit(e), this.activeStep = e, this.step.emit(this.activeStep), Array.isArray(this.disableNext) || (this.disableNext = !1);
+      }
+    }, this.steps = [], this.type = "static", this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.disableNext = !1, this.headingLevel = "h4", this.activeStep = 0;
   }
-  /**
-   * Lifecycle method that runs when the component has fully loaded.
-   * It emits a custom event for each `eds-button` element contained within the breadcrumb.
-   */
   componentDidLoad() {
     var n;
     if (this.type === "linear") {
       const e = (n = this.el.shadowRoot) === null || n === void 0 ? void 0 : n.querySelectorAll("eds-button");
-      e == null || e.forEach((t) => {
-        this.emitContext(t);
-      });
+      e == null || e.forEach((t) => this.emitContext(t));
     }
   }
   activeStepChanged(n) {
     setTimeout(() => {
       var e;
       const t = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll(".step")[n];
-      t && t.querySelectorAll("eds-button").forEach((l) => {
-        this.emitContext(l);
-      });
+      t && t.querySelectorAll("eds-button").forEach((r) => this.emitContext(r));
     }, 50);
   }
-  /**
-   * Emits a custom event called `parentContext` for a given link element.
-   * This event provides context information about the breadcrumb component.
-   *
-   * @param linkElement - The link element to which the event will be dispatched.
-   */
   emitContext(n) {
     const e = new CustomEvent("parentContext", {
       detail: {
@@ -13779,18 +13774,23 @@ const De = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
     });
     n.dispatchEvent(e);
   }
-  handleStepClick(n) {
-    this.step.emit(n), this.type === "linear" && (this.activeStep = n);
-  }
-  /**
-   * Parse the JSON string into an array of steps.
-   */
   get parsedSteps() {
     return R(this.steps);
   }
+  isNextDisabledFor(n) {
+    return Array.isArray(this.disableNext) ? !!this.disableNext[n] : n === this.activeStep && !!this.disableNext;
+  }
+  /** Render the semantic heading element */
+  renderHeading(n) {
+    const e = this.headingLevel;
+    return i(e, null, n);
+  }
   render() {
     const n = this.parsedSteps;
-    return this.type === "linear" ? i("div", null, i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-28", key: t }, i("h3", { onClick: () => this.handleStepClick(t) }, e.title), this.activeStep === t && i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: t === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: t === 0, "extra-class": t === 0 ? "hidden" : "ml-8 block" })))))) : i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-28", key: t }, i("h3", null, e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
+    return this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => {
+      const r = t === n.length - 1;
+      return i("div", { class: "step mb-28", key: t }, this.renderHeading(e.title), this.activeStep === t && i("div", { class: "content grid gap-y-16" }, i("slot", { name: `step-${t}` }, i("div", { class: "f-body-02 text-lighter", innerHTML: e.content })), i("div", { class: "flex items-center mt-16" }, i("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: !0, onClick: this.handleBack, disabled: t === 0, class: t === 0 ? "hidden" : "block", size: "small" }), i("eds-button", { label: r ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: !0, onClick: this.handleNext, disabled: this.isNextDisabledFor(t), size: "small", class: "ml-8" })), i("slot", { name: `actions-${t}` })));
+    })) : i("div", { class: "steps" }, n.map((e, t) => i("div", { class: "step mb-28", key: t }, this.renderHeading(e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))));
   }
   get el() {
     return y(this);
@@ -13802,13 +13802,22 @@ const De = ".steps{position:sticky;margin-left:16px;margin-bottom:12px;border-le
   }
 };
 He.style = Ne;
-const je = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before{content:counter(step);position:absolute;left:-40px;top:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}", We = je, Be = class {
+const je = ".steps{position:sticky;margin-left:16px;border-left:1px solid var(--soft-color, #ddd);padding-left:23px;counter-reset:step}.steps h3{counter-increment:step;font-size:var(--f-heading-05-fontSize);font-weight:var(--f-heading-05-fontWeight);line-height:var(--f-heading-05-lineHeight);position:relative}.steps h3::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;border:1px solid #ccc;background:var(--grey-900);color:#fff;border-radius:50%}.steps h4,.steps h5{counter-increment:step;font-size:var(--f-heading-06-fontSize);font-weight:var(--f-heading-06-fontWeight);line-height:var(--f-heading-06-lineHeight);position:relative}.steps h4::before,.steps h5::before{content:counter(step);position:absolute;left:-40px;top:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;border:1px solid #ccc;background:#333;color:#fff;border-radius:50%}.steps blockquote{margin-top:16px;margin-bottom:16px;font-style:italic;color:#aaa;padding-left:6px}.steps-img-placeholder{width:100%;height:200px;background:linear-gradient(to bottom, #9CE142, #00C959, #00A595);}.bg-\\[\\#00A595\\]{--tw-bg-opacity:1;background-color:rgb(0 165 149 / var(--tw-bg-opacity))}.relative{position:relative}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}.text-inverse{color:var(--white)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.w-full{width:100%}.h-52{height:3.25rem}.h-96{height:6rem}.h-\\[200px\\]{height:200px}.mt-16{margin-top:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:0.75rem}.last\\:mb-0:last-child{margin-bottom:0rem}.last\\:mt-16:last-child{margin-top:1rem}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:16px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.border-2{border-width:2px}.p-8{padding:0.5rem}.p-24{padding:1.5rem}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.top-2{top:0.125rem}.bottom-2{bottom:0.125rem}.left-2{left:0.125rem}.right-2{right:0.125rem}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden{overflow:hidden}.space-y-8{--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.space-y-16{--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ml-8{margin-left:0.5rem}.gap-y-16{row-gap:1rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.block{display:block}.px-8{padding-left:0.5rem;padding-right:0.5rem}.pb-20{padding-bottom:1.25rem}", We = je, Be = class {
   constructor(n) {
-    p(this, n), this.step = S(this, "step", 7), this.handleNext = () => {
-      this.activeStep = this.activeStep + 1, this.activeStep < this.parsedSteps.length && this.step.emit(this.activeStep);
+    p(this, n), this.step = w(this, "step", 7), this.finished = w(this, "finished", 7), this.next = w(this, "next", 7), this.back = w(this, "back", 7), this.handleNext = () => {
+      const e = this.parsedSteps.length - 1;
+      if (this.activeStep >= e) {
+        this.finished.emit();
+        return;
+      }
+      const t = this.activeStep + 1;
+      this.next.emit(t), this.disableNext || (this.activeStep = t, this.step.emit(this.activeStep));
     }, this.handleBack = () => {
-      this.activeStep > 0 && (this.activeStep = this.activeStep - 1, this.step.emit(this.activeStep));
-    }, this.steps = [], this.type = "static", this.imageSrc = void 0, this.imageWidth = void 0, this.bg = !0, this.message = void 0, this.activeStep = 0;
+      if (this.activeStep > 0) {
+        const e = this.activeStep - 1;
+        this.back.emit(e), this.activeStep = e, this.step.emit(this.activeStep);
+      }
+    }, this.steps = [], this.type = "static", this.imageSrc = void 0, this.imageWidth = void 0, this.bg = !0, this.message = void 0, this.nextLabel = "Next", this.backLabel = "Back", this.finishLabel = "Finish", this.disableNext = !1, this.headingLevel = "h4", this.activeStep = 0;
   }
   componentDidLoad() {
     var n;
@@ -13843,20 +13852,22 @@ const je = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
       "border-softer effect-focus-within relative rounded-lg border-2"
     ].join(" ");
   }
-  handleStepClick(n) {
-    this.step.emit(n), this.type === "linear" && (this.activeStep = n);
-  }
   /**
    * Parses the steps property into an array of Step objects.
    */
   get parsedSteps() {
     return R(this.steps);
   }
+  /** Render the semantic heading element */
+  renderHeading(n) {
+    const e = this.headingLevel;
+    return i(e, null, n);
+  }
   render() {
     const n = this.parsedSteps;
-    return i("div", { key: "bbcec2dd9a5096eb0cecf0d413892e5708822f52", class: this.articleClasses() }, this.imageSrc ? i("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, i("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && i("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, i("div", { class: "p-24" }, i("span", { class: "text-inverse f-heading-04 " }, this.message))), i("div", { key: "db0618aad7d5986fcb0889f1c439be73f83a00df", class: "p-8" }, this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => i("div", { class: t === 0 ? "step" : "step space-y-16", key: t }, i("h3", { onClick: () => this.handleStepClick(t) }, e.title), this.activeStep === t && i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content })), i("eds-button", { label: t === n.length - 1 ? "Finish" : "Continue", intent: "primary", class: "next-btn", onClick: this.handleNext }), i("eds-button", { label: "Back", intent: "ghostInverse", onClick: this.handleBack, disabled: t === 0, "extra-class": t === 0 ? "hidden" : "ml-8 block" }))))) : (
+    return i("div", { key: "1ff00f17a85e9a3a9d7bef23694560acd77e7ee4", class: this.articleClasses() }, this.imageSrc ? i("div", { class: "w-full mb-12 rounded-t-lg overflow-hidden border-2" }, i("eds-img", { src: this.imageSrc, width: this.imageWidth, "with-bg": "true", "lazy-load": "true", alt: "Step illustration" })) : this.message && i("div", { class: "w-full bg-[#00A595] rounded-t-lg border-2" }, i("div", { class: "p-24" }, i("span", { class: "text-inverse f-heading-04 " }, this.message))), i("div", { key: "a0328e80df5d9447cfa5378eb9e45925f1f68c69", class: "pb-20 px-8" }, this.type === "linear" ? i("div", { class: "steps" }, n.map((e, t) => i("div", { class: t === 0 ? "step" : "step space-y-16", key: t }, this.renderHeading(e.title), this.activeStep === t && i("div", { class: "content grid gap-y-16" }, i("slot", { name: `step-${t}` }, i("div", { class: (t === n.length - 1, "f-body-02 text-lighter"), innerHTML: e.content })), i("div", { class: "flex items-center" }, i("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: !0, onClick: this.handleBack, disabled: t === 0, class: t === 0 ? "hidden" : "block", size: "small" }), i("eds-button", { label: t === n.length - 1 ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: !0, onClick: this.handleNext, disabled: this.disableNext, size: "small", class: "ml-8" })))))) : (
       // Static mode: show all steps with their content.
-      i("div", { class: "steps space-y-8" }, n.map((e, t) => i("div", { class: "step", key: t }, i("h3", { onClick: () => this.handleStepClick(t) }, e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter my-16", innerHTML: e.content }))))))
+      i("div", { class: "steps space-y-8" }, n.map((e, t) => i("div", { class: "step", key: t }, this.renderHeading(e.title), i("div", { class: "content" }, i("slot", { name: `step-${t}` }, i("div", { class: t === n.length - 1 ? "f-body-02 text-lighter mt-16" : "f-body-02 text-lighter", innerHTML: e.content }))))))
     )));
   }
   get el() {
@@ -13871,8 +13882,8 @@ const je = "h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}blockquote,d
 Be.style = We;
 const qe = ":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)}", Me = qe, Ue = class {
   constructor(n) {
-    p(this, n), this.uiswitch = S(this, "uiswitch", 7), this.toggleSwitch = () => {
-      this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), A({
+    p(this, n), this.uiswitch = w(this, "uiswitch", 7), this.toggleSwitch = () => {
+      this.disabled || (this.checked = !this.checked, this.uiswitch.emit({ value: this.checked }), I({
         category: "ui-component",
         tag: this.el.tagName.toLowerCase(),
         name: this.checked ? this.labelOn : this.labelOff || "",
@@ -13886,20 +13897,20 @@ const qe = ":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: "f4c99a2ec360af6030de11698bab82833b3f415f", class: "switch-container" }, this.labelOff && i("span", { key: "8bb8d063e744c194c0d44a0c371ae8224f9611cb", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "ccc49c8ac6f639707c90822e24f3ae3ab8f2c26c", 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: "95a833cbe8e736d7e747f6fdd8504dd8c169ea60", class: "switch-container" }, this.labelOff && i("span", { key: "a88de63c35409ab244a6cba5bd70a10728a08b2a", id: `${n}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff), i("button", { key: "d6573f05164f2b57063e9a97c3b983f32700bd7a", 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: "2275930bc9909c0a95c6c10e28f715fe1afe9294", class: "switch-handle" })), this.labelOn && i("span", { key: "d789fd15943c1fadf1f87c55059261eaf5e05a8f", 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: "35e6da3bb76779bfaad04d8990dec419524fb543", class: "switch-handle" })), this.labelOn && i("span", { key: "b14243d9d45dbdddb9473ad2c5696e07be9831d3", id: `${n}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn));
   }
   get el() {
     return y(this);
   }
 };
 Ue.style = Me;
-const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", Ge = Ve, Ye = class {
+const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.pt-32{padding-top:2rem}.pt-40{padding-top:2.5rem}.pt-48{padding-top:3rem}.pb-28{padding-bottom:1.75rem}.pb-60{padding-bottom:3.75rem}.mt-20{margin-top:1.25rem}.mt-28{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.overflow-x-auto{overflow-x:auto}.mt-6{margin-top:0.375rem}.p-0{padding:0rem}.p-4{padding:0.25rem}.m-0{margin:0rem}.border{border-width:1px}.border-softer{border:1px solid rgba(0, 0, 0, .1)}.even\\:bg-inverse-softer:nth-child(even){background-color:rgba(255, 255, 255, .15)}.px-8{padding-left:0.5rem;padding-right:0.5rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.break-words{overflow-wrap:anywhere}", Ge = Ve, Ye = class {
   constructor(n) {
-    p(this, n), this.rowaction = S(this, "rowaction", 7), this.handleResize = () => {
+    p(this, n), this.rowaction = w(this, "rowaction", 7), this.handleResize = () => {
       this.updateContainerWidth();
     }, this.onActionKeyDown = (e) => {
       var t;
@@ -13909,11 +13920,11 @@ const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
       const r = e.target, l = r.closest('[role="toolbar"]');
       if (!l)
         return;
-      const a = Array.from(l.querySelectorAll("eds-button")), c = a.indexOf(r);
+      const s = Array.from(l.querySelectorAll("eds-button")), c = s.indexOf(r);
       if (c === -1)
         return;
       let d;
-      e.key === "ArrowRight" ? d = (c + 1) % a.length : d = (c - 1 + a.length) % a.length, (t = a[d]) === null || t === void 0 || t.focus();
+      e.key === "ArrowRight" ? d = (c + 1) % s.length : d = (c - 1 + s.length) % s.length, (t = s[d]) === null || t === void 0 || t.focus();
     }, this.data = null, this.config = {}, this.rowsPerPage = 10, this.paginationEnabled = !0, this.searchEnabled = !1, this.hostWidth = void 0, this.columnSize = "default", this.actions = [], this.actionTemplate = void 0, this.parsedActions = [], this.dataColumns = [], this.tbData = [], this.columns = [], this.currentPage = 1, this.parsedConfig = {}, this.totalRows = 0, this.searchQuery = "", this.containerWidth = 0;
   }
   handleDataChange() {
@@ -13962,7 +13973,7 @@ const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     if (!this.shouldEnablePagination())
       return;
     const n = this.hostEl.shadowRoot.querySelector("eds-pagination");
-    n && !n.hasAttribute("listener-attached") && (n.addEventListener("page", (e) => this.handlePageChange(e.detail)), n.setAttribute("listener-attached", "true"));
+    n && !n.hasAttribute("listener-attached") && (n.addEventListener("page", (e) => this.handlePageChange(e.detail.value)), n.setAttribute("listener-attached", "true"));
   }
   getFilteredRows() {
     return this.tbData.filter((n) => Object.values(n).some((e) => e.toString().toLowerCase().includes(this.searchQuery.toLowerCase())));
@@ -13974,7 +13985,7 @@ const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
     return n.slice(e, e + this.rowsPerPage);
   }
   handlePageChange(n) {
-    this.currentPage = n, A({
+    this.currentPage = n, I({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/eds-pagination`,
@@ -13996,17 +14007,18 @@ const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
    */
   renderSingleActionCell(n, e) {
     var t;
-    const r = this.parsedActions.find((a) => a.name === n);
+    const r = this.parsedActions.find((d) => d.name === n);
     if (this.actionTemplate)
       return this.actionTemplate(e);
     if ((r.type || "button") === "checkbox") {
-      const a = (t = r.field) !== null && t !== void 0 ? t : r.name, c = !!e[a];
-      return i("eds-input-field", { name: `chc-${n}`, label: r.label, type: "checkbox", checked: c, onChange: (d) => this.emitAction(r.name, e, d.target.checked) });
+      const d = (t = r.field) !== null && t !== void 0 ? t : r.name, b = !!e[d];
+      return i("eds-input-field", { name: `chc-${n}`, label: r.label, type: "checkbox", checked: b, onChange: (S) => this.emitAction(r.name, e, S.target.checked) });
     }
-    return i("eds-button", { label: r.label, icon: r.icon, pill: !0, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(r.name, e) });
+    const s = r.showLabel === !0, c = i("eds-button", { icon: r.icon, label: s ? r.label : null, iconPos: "left", pill: !0, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(r.name, e) });
+    return s ? c : i("eds-tooltip", { content: r.label }, c);
   }
   emitAction(n, e, t) {
-    A({
+    I({
       category: "ui-component",
       parentContext: null,
       tag: `${this.hostEl.tagName.toLowerCase()}/action`,
@@ -14036,18 +14048,18 @@ const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
   }
   render() {
     const n = this.hostWidth && this.hostWidth.trim() !== "" ? Number(this.hostWidth) : this.containerWidth || 400, e = this.getVisibleColumnsCount(), t = e > 0 ? Math.floor(n / e * this.divisionFactor()) : 100, r = this.getPaginatedRows(), l = Math.ceil(this.totalRows / this.rowsPerPage);
-    return i("div", { key: "87e7cc3c87618ede91bb51d7a07cd597a438d6c5" }, this.searchEnabled && i("div", { key: "6b77700a913e272eef4c932d40c5c5d001ff6b5c" }, i("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (a) => this.handleSearch(a) })), i("div", { key: "6f2ffc7a3ba2cc8e8194670a7ecb9e237f7dc60a", class: "mt-20" }, i("table", { key: "0227d3029f30ab9928cd01ba8dc2eccde2073f47", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "c1f844d8413b596d5ca07d6b79ebd36c8a17f51f" }, i("tr", { key: "caadaaf66314e3ea7d47a748b6e899389a7e2d55", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((a) => {
+    return i("div", { key: "67cfdabc741af13585699e43e67ba0d204a60706" }, this.searchEnabled && i("div", { key: "208240b9832f9b2e9645cc9d7315a43bd47b54b3" }, i("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (s) => this.handleSearch(s) })), i("div", { key: "893924497d1535b7d29bc0b64ba48f4a3e366c43", class: "mt-20" }, i("table", { key: "a019fa4f2886d4c2aa4bddc88dc7b6d7aa63fdcb", class: "block overflow-x-auto mt-6 p-0" }, i("thead", { key: "a6360fea59c605878e443a23cf45d0f8a9644140" }, i("tr", { key: "09702e8838f32c52bf6314b59ec598c6fa55d609", class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((s) => {
       var c;
-      return a === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }) : !((c = this.parsedConfig[a]) === null || c === void 0) && c.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }, this.capitalize(a));
-    }))), i("tbody", { key: "da9286063f16a5c346ce8854361cb15573166a19" }, r.map((a) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((c) => {
+      return s === "actions" ? i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }) : !((c = this.parsedConfig[s]) === null || c === void 0) && c.hidden ? null : i("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${t - 4}px` } }, this.capitalize(s));
+    }))), i("tbody", { key: "5cdb3697e6c84921a823b40714a497f02c82e360" }, r.map((s) => i("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((c) => {
       var d;
       return c === "actions" ? i("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${t - 4}px` } }, i("div", { role: "toolbar", "aria-label": "Row actions", onKeyDown: this.onActionKeyDown, style: {
         display: "flex",
         gap: "0.5rem",
         justifyContent: "center",
         flexWrap: "wrap"
-      } }, this.parsedActions.map((b) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(b.name, a))))) : !((d = this.parsedConfig[c]) === null || d === void 0) && d.hidden ? null : i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${t - 4}px` } }, this.renderCell(a[c], c));
-    })))))), this.shouldEnablePagination() && i("div", { key: "b7e7991225cf9fb16ca882dc42c7adead202aac5", class: "mt-20" }, i("eds-pagination", { key: "011f209f89300357e6052ee4d118f353419d5a45", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
+      } }, this.parsedActions.map((b) => i("span", { style: { whiteSpace: "nowrap" } }, this.renderSingleActionCell(b.name, s))))) : !((d = this.parsedConfig[c]) === null || d === void 0) && d.hidden ? null : i("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${t - 4}px` } }, this.renderCell(s[c], c));
+    })))))), this.shouldEnablePagination() && i("div", { key: "f5af2cd6e65c3ed55ec2810ec4b1e3f891866271", class: "mt-20" }, i("eds-pagination", { key: "32965384707df502fb197712c73bb290e38ce040", currentPage: this.currentPage, lastPage: l, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })));
   }
   get hostEl() {
     return y(this);
@@ -14063,7 +14075,7 @@ const Ve = "table{text-indent:0;border-color:inherit;border-collapse:collapse;}.
 Ye.style = Ge;
 const Xe = "*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(147 197 253 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;}::before,::after{--tw-content:''}a{color:inherit;text-decoration:inherit}.relative{position:relative}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.whitespace-nowrap{white-space:nowrap}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus:focus-visible{outline-style:solid}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.focus-visible\\:text-default:focus-visible{color:var(--black)}.hover\\:text-default:hover{color:var(--black)}.border-2{border-width:2px}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.after\\:bottom-0::after{bottom:0rem}.after\\:border-0::after{border-width:0px}.after\\:border-b-2::after{border-bottom-width:2px}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:rounded-lg::after{border-radius:16px}.after\\:border-solid::after{border-style:solid}.after\\:border-3::after{border-width:3px}.after\\:border-accent::after{border-color:var(--green-500)}.after\\:opacity-0::after{opacity:0}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:after\\:opacity-100:focus-visible::after{opacity:1}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-lg{border-top-left-radius:16px}.rounded-tr-lg{border-top-right-radius:16px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-b-0{border-bottom-width:0px}.pr-28{padding-right:1.75rem}.pl-28{padding-left:1.75rem}.-mr-16{margin-right:-1rem}.-ml-16{margin-left:-1rem}.px-16{padding-left:1rem;padding-right:1rem}.py-12{padding-top:0.75rem;padding-bottom:0.75rem}.after\\:left-16::after{left:1rem}.after\\:right-16::after{right:1rem}.text-lighter{color:var(--grey-600)}.bg-dark{background-color:var(--grey-300)}.hover\\:bg-darker:hover{background-color:var(--grey-400)}.border-soft{border-color:var(--grey-400)}.border-softest{border-color:rgba(0, 0, 0, .05)}.bg-default{background-color:var(--grey-200)}.text-default{color:var(--black)}.z-99{z-index:99}.after\\:z-10::after{z-index:10}.before\\:bottom-0::before{bottom:0rem}.before\\:h-12::before{height:0.75rem}.before\\:opacity-5::before{opacity:0.05}.before\\:content-\\[\\'\\'\\]::before{--tw-content:'';content:var(--tw-content)}.before\\:absolute::before{position:absolute}.before\\:-bottom-2::before{bottom:-0.125rem}.after\\:inset-x-0::after{left:0rem;right:0rem}.before\\:inset-x-0::before{left:0rem;right:0rem}.before\\:h-3::before{height:0.1875rem}.before\\:bg-default::before{background-color:var(--grey-200)}.after\\:border-soft::after{border-color:rgba(0, 0, 0, .15 )}.after\\:border-softest::after{border-color:rgba(0, 0, 0, .05)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.before\\:bg-gradient-y::before{background:linear-gradient(to bottom, transparent, ease-in-out, black)}.scroller-x{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto{overflow-x:auto}.max-w-xxxl{max-width:2200px}.z-1{z-index:1}.mx-auto{margin-left:auto;margin-right:auto}.pt-8{padding-top:0.5rem}.pr-16{padding-right:1rem}.pl-16{padding-left:1rem}.inline-flex{display:inline-flex}@media (min-width: 900px){.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width: 2200px){.xxxl\\:px-0{padding-left:0rem;padding-right:0rem}}", Ke = Xe, Ze = class {
   constructor(n) {
-    p(this, n), this.tab = S(this, "tab", 7), this.tabRefs = [], this.setTabRef = (e, t) => {
+    p(this, n), this.tab = w(this, "tab", 7), this.tabRefs = [], this.setTabRef = (e, t) => {
       e && (this.tabRefs[t] = e);
     }, this.tabCva = N([
       "relative py-12",
@@ -14133,7 +14145,7 @@ const Xe = "*,::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 && A({
+    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({
       category: "ui-component",
       tag: this.el.tagName.toLowerCase(),
       name: (e == null ? void 0 : e.toLowerCase()) || "",
@@ -14164,10 +14176,10 @@ const Xe = "*,::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: "e3bd802f08f460d5f3e89860669fefe2a8006e59", id: `${this.identifier}` }, i("div", { key: "bcbd4afb8febec0520075c8e34269f184e2d9738", 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: "32e93b3ee6831918fd863fb23f1a5af1ae979201", role: "tablist", ref: (n) => this.tabContainer = n, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((n, e) => {
+    return i("div", { key: "7cb51cf475d45ee3e43877ee4d42565f5930613a", id: `${this.identifier}` }, i("div", { key: "4f3c6d23f9084f07e5728b72310b96798d20b724", 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: "4d55e72e9f437cef8be06931445f619196a973a7", 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: "ffe610574d342933121cbaca9bcb8fb483fde60b", 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}` })))));
+      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: (s) => this.setTabRef(s, e), onClick: () => this.handleTabClick(e, n.label, !0), onKeyDown: (s) => this.onKeyDown(s, e) }), n.label || n.ariaLabel);
+    }))), i("div", { key: "e75f877da39c25e912853fea5dc2438fc15c67b5", 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);
@@ -14213,7 +14225,7 @@ const Je = ".f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-u
   }
   render() {
     const n = nt({ intent: this.intent, size: this.size });
-    return i("span", { key: "939fafa4bc525b747956931f49b27e6125ecbb34", class: n }, this.label);
+    return i("span", { key: "e3fe041e8783a7d1bb5a281eb154e3c07851da38", class: n }, this.label);
   }
 };
 et.style = Qe;
@@ -14233,7 +14245,7 @@ const tt = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   }
 }), lt = class {
   constructor(n) {
-    p(this, n), this.toast = S(this, "toast", 7), this.dismissToast = () => {
+    p(this, n), this.toast = w(this, "toast", 7), this.dismissToast = () => {
       this.toast.emit({ visible: !1, label: "dismissed" }), this.visible = !1;
     }, this.message = void 0, this.intent = "default", this.duration = void 0, this.visible = !0;
   }
@@ -14273,9 +14285,37 @@ const tt = `.relative{position:relative}.right-4{right:0.25rem}.bottom-4{bottom:
   }
 };
 lt.style = it;
-const ot = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}", at = ot, st = class {
+const ot = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{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-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))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.top-full{top:100%}.bottom-full{bottom:100%}.right-full{right:100%}.left-full{left:100%}.mr-2{margin-right:0.125rem}.ml-2{margin-left:0.125rem}.mt-2{margin-top:0.125rem}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}.max-w-\\[20rem\\]{max-width:20rem}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.w-full{width:100%}", at = ot, st = class {
   constructor(n) {
-    p(this, n), this.user = void 0;
+    p(this, n), this.content = void 0, this.position = "top";
+  }
+  /** fire analytics on every hover */
+  handleHover() {
+    I({
+      category: "ui-component",
+      tag: this.el.tagName.toLowerCase(),
+      name: this.content.toLowerCase(),
+      action: "hover"
+    });
+  }
+  render() {
+    const n = this.position === "bottom" ? "top-full mt-2" : "bottom-full mb-2";
+    return i("div", { key: "135df7d17db03fb3bb7bbcc50ad9ee5d84a2bca2", class: "relative w-full inline-block group" }, i("slot", { key: "4c12874eeb942e33f9c62ea6f1077fd051f683b6" }), i("div", { key: "8bb7173d16889b2ae550dc0269d9e47e1dae00ac", 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
+            group-hover:opacity-100 whitespace-normal break-words`, role: "tooltip" }, this.content));
+  }
+  get el() {
+    return y(this);
+  }
+};
+st.style = at;
+const dt = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.text-default{color:var(--black)}.min-w-\\[280px\\]{min-width:280px}.p-8{padding:0.5rem}.gap-x-16{-moz-column-gap:1rem;column-gap:1rem}.gap-y-8{row-gap:0.5rem}.pb-16{padding-bottom:1rem}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1 )}.max-w-full{max-width:100%}.w-full{width:100%}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.mt-4{margin-top:0.25rem}.mt-16{margin-top:1rem}", ct = dt, gt = class {
+  constructor(n) {
+    p(this, n), this.handleDropdown = (e) => {
+      this.expanded = e.detail.expanded;
+    }, this.user = void 0, this.intent = "tertiary", this.expanded = !1;
   }
   /**
    * Helper getter to ensure we work with a User object.
@@ -14297,14 +14337,14 @@ const ot = "hr,p{margin:0}.block{display:block}.flex{display:flex}.flex-col{flex
     return `${((n = l.given_name) === null || n === void 0 ? void 0 : n.charAt(0)) || ""}${((e = l.family_name) === null || e === void 0 ? void 0 : e.charAt(0)) || ""}`.toUpperCase() || ((r = (t = l.name) === null || t === void 0 ? void 0 : t.charAt(0)) === null || r === void 0 ? void 0 : r.toUpperCase()) || "";
   }
   render() {
-    const n = this.parsedUser;
-    return i("div", { key: "8a1f10cc85d8e2707042c85bc597b76fb2d25da4", class: "block" }, i("div", { key: "a744de3d113920b8ff0d01ce273672b2bff57c97", class: "flex items-center" }, i("eds-dropdown", { key: "e9230372d79936a785050ebb3e41f40e73282a57", label: `Hi, ${n.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, i("div", { key: "7d4bd0ee0985c840a18764cac784726ff1c987fb", class: "min-w-[280px] p-8" }, i("div", { key: "603d6807988dd79cd4e7827918ff8932d8463fc3", class: "flex gap-x-16" }, i("eds-avatar", { key: "65ba89139cb6e3b6cb90c2072eb68cc7dc1da49c", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "grey" }), i("div", { key: "df35b758918ebccbdfe6630bd356e647522404e1", class: "max-w-full" }, n.name && i("p", { key: "7174f34445bb1a0b77a3c1b893421bd104832485", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "72d853f5014c03803dce7aa0a74d96847ed8c875", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "e406e2f3ca8504220ee9586a1d176c15c7236502", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "8fd3b42ab4eb3d1d70a0b827e3a03af8503c55d1", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "6a477155c256543b7793947d52feb3f5abb0df6e" }))))));
+    const n = this.parsedUser, e = this.expanded ? "chevron-down" : "chevron-right";
+    return i("div", { key: "965387104c4bd6cd3223c08f16d90146c098594c", class: "block" }, i("div", { key: "37fe5539cb058112ebe0d910439acb55b5abccd8", class: "flex items-center" }, i("eds-dropdown", { key: "17afc8dbae191aec1202ba04d85c41ed656a8c5b", label: `Hi, ${n.preferred_username}`, intent: this.intent, "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: e, class: "text-default", onDropdown: this.handleDropdown }, i("div", { key: "0228c1728b0b73e2504d2608339f9be408be09b8", class: "min-w-[280px] p-8" }, i("div", { key: "b83148ff8249bde91842b036da5506f9f5cbb145", class: "flex gap-x-16" }, i("eds-avatar", { key: "243a05bae2e4e592dc386b1897d824232d0bcfa6", "first-name": n.given_name, "last-name": n.family_name, initials: this.initials, color: "black" }), i("div", { key: "6938f54621aa89e61aa6639e8c88af4e262e0fec", class: "max-w-full" }, n.name && i("p", { key: "224ce5cf6819a9dd0c3794410a94da30cc4213bf", class: "f-ui-01 text-default w-full text-ellipsis" }, n.name), n.preferred_username && i("p", { key: "096ac761149763ef4305ef5e9bf1f4b593a0fe4f", class: "f-ui-03-light text-light mt-4" }, n.preferred_username), n.email && i("p", { key: "79f7da3c6c5efc1f521991c403184cf050b3d2e7", class: "f-ui-03-light text-light mt-4" }, n.email))), i("div", { key: "52ce98bcc290902605ebd427ee8ab72ac9af3d62", class: "text-default flex w-full flex-col gap-y-8" }, i("slot", { key: "88d1b250c434830347e0eb813214382ce899c485" }))))));
   }
   get hostEl() {
     return y(this);
   }
 };
-st.style = at;
+gt.style = ct;
 export {
   En as eds_accordion,
   In as eds_alert,
@@ -14316,21 +14356,21 @@ export {
   Gn as eds_dropdown,
   te as eds_form,
   le as eds_header,
-  mt as eds_icon_wrapper,
+  xt as eds_icon_wrapper,
   se as eds_img,
-  ut as eds_input,
+  yt as eds_input,
   ge as eds_input_field,
   be as eds_input_footer,
-  xe as eds_input_label,
-  xt as eds_input_range,
-  pt as eds_input_search,
-  yt as eds_input_select,
+  pe as eds_input_label,
+  vt as eds_input_range,
+  wt as eds_input_search,
+  kt as eds_input_select,
   we as eds_link,
   Ce as eds_logo,
   Fe as eds_matomo_notice,
   Le as eds_nps,
   $e as eds_pagination,
-  Pe as eds_rating,
+  De as eds_rating,
   He as eds_steps,
   Be as eds_steps_v2,
   Ue as eds_switch,
@@ -14338,5 +14378,6 @@ export {
   Ze as eds_tabs,
   et as eds_tag,
   lt as eds_toast,
-  st as eds_user
+  st as eds_tooltip,
+  gt as eds_user
 };