@everchron/ec-shards 8.9.7 → 8.9.9

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ee, watch as le, openBlock as o, createBlock as y, resolveDynamicComponent as Te, unref as ie, normalizeClass as v, createElementBlock as l, normalizeStyle as z, resolveComponent as p, createVNode as b, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as x, renderSlot as g, Transition as xe, withCtx as w, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as ys, isRef as ti, onMounted as bs, useSlots as si, ref as Ke, watchEffect as bt, withKeys as U, Teleport as ii, withDirectives as Ge, vShow as ft, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as G, pushScopeId as he, popScopeId as ve, Fragment as Z, renderList as pe, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
+import { defineAsyncComponent as ee, watch as le, openBlock as o, createBlock as y, resolveDynamicComponent as Te, unref as ie, normalizeClass as v, createElementBlock as l, normalizeStyle as z, resolveComponent as p, createVNode as b, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as x, renderSlot as m, Transition as ze, withCtx as w, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as ys, isRef as ti, onMounted as bs, useSlots as si, ref as Ke, watchEffect as bt, withKeys as U, Teleport as ii, withDirectives as Ge, vShow as ft, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as G, pushScopeId as he, popScopeId as ve, Fragment as Z, renderList as pe, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
 const te = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -198,7 +198,7 @@ function vi(e, s, t, a, n, i) {
         D(" " + x(t.headline), 1)
       ])) : u("", !0),
       e.$slots.default ? (o(), l("div", hi, [
-        g(e.$slots, "default", {}, void 0, !0)
+        m(e.$slots, "default", {}, void 0, !0)
       ])) : u("", !0)
     ]),
     t.actionLabel ? (o(), l("button", {
@@ -215,21 +215,22 @@ const ks = /* @__PURE__ */ _(pi, [["render", vi], ["__scopeId", "data-v-3dba37f1
 const _i = {
   name: "ecs-action-toolbar"
 }, yi = {
+  key: 0,
   class: "ecs-action-toolbar",
   role: "toolbar",
   "aria-label": "Actions"
 };
 function bi(e, s, t, a, n, i) {
-  return o(), y(xe, { name: "action-bar" }, {
+  return o(), y(ze, { name: "action-bar" }, {
     default: w(() => [
-      f("div", yi, [
-        g(e.$slots, "default", {}, void 0, !0)
-      ])
+      e.$slots.default ? (o(), l("div", yi, [
+        m(e.$slots, "default", {}, void 0, !0)
+      ])) : u("", !0)
     ]),
     _: 3
   });
 }
-const ki = /* @__PURE__ */ _(_i, [["render", bi], ["__scopeId", "data-v-901a41f4"]]);
+const ki = /* @__PURE__ */ _(_i, [["render", bi], ["__scopeId", "data-v-87d509ba"]]);
 const xi = {
   name: "ecs-audio",
   props: {
@@ -279,7 +280,7 @@ function Bi(e, s, t, a, n, i) {
     }, null, 8, Ci)) : u("", !0)
   ], 8, wi);
 }
-const ry = /* @__PURE__ */ _(xi, [["render", Bi], ["__scopeId", "data-v-4e7ca115"]]);
+const oy = /* @__PURE__ */ _(xi, [["render", Bi], ["__scopeId", "data-v-4e7ca115"]]);
 const zi = {
   __name: "sticker",
   props: {
@@ -468,7 +469,7 @@ const Ii = {
       return r > 255 ? r = 255 : r < 0 && (r = 0), (t ? "#" : "") + (r | i << 8 | n << 16).toString(16);
     }
   }
-}, Ei = ["role", "aria-label"], $i = { key: 0 };
+}, $i = ["role", "aria-label"], Ei = { key: 0 };
 function Pi(e, s, t, a, n, i) {
   const r = p("ecs-sticker");
   return o(), l("div", {
@@ -477,12 +478,12 @@ function Pi(e, s, t, a, n, i) {
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
-    this.image ? u("", !0) : (o(), l("span", $i, x(i.userInitial), 1)),
+    this.image ? u("", !0) : (o(), l("span", Ei, x(i.userInitial), 1)),
     t.relevantBadge ? (o(), y(r, {
       key: 1,
       type: "badge"
     })) : u("", !0)
-  ], 14, Ei);
+  ], 14, $i);
 }
 const Ti = /* @__PURE__ */ _(Ii, [["render", Pi], ["__scopeId", "data-v-cdd70b4e"]]);
 const Mi = {
@@ -560,7 +561,7 @@ function Li(e, s, t, a, n, i) {
     class: v(["ecs-banner", [t.type, { fixed: t.fixed }]]),
     role: "alert"
   }, [
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     t.dismissable ? (o(), l("button", {
       key: 0,
       onClick: s[0] || (s[0] = (...d) => i.dismiss && i.dismiss(...d)),
@@ -576,7 +577,7 @@ function Li(e, s, t, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const ly = /* @__PURE__ */ _(Mi, [["render", Li], ["__scopeId", "data-v-888a84fc"]]);
+const ry = /* @__PURE__ */ _(Mi, [["render", Li], ["__scopeId", "data-v-888a84fc"]]);
 const Oi = {
   name: "ecs-breadcrumb",
   props: {
@@ -598,10 +599,10 @@ function Ai(e, s, t, a, n, i) {
     class: v(["ecs-breadcrumb", i.sizeClass]),
     "aria-label": "breadcrumb"
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const cy = /* @__PURE__ */ _(Oi, [["render", Ai], ["__scopeId", "data-v-d1ff2486"]]);
+const ly = /* @__PURE__ */ _(Oi, [["render", Ai], ["__scopeId", "data-v-d1ff2486"]]);
 const Ni = {
   name: "ecs-breadcrumb-button",
   emits: ["click"],
@@ -655,12 +656,12 @@ function Fi(e, s, t, a, n, i) {
       size: "20"
     })) : u("", !0),
     t.type != "more" ? (o(), l("span", Di, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ])) : u("", !0),
     b(c)
   ], 2);
 }
-const dy = /* @__PURE__ */ _(Ni, [["render", Fi], ["__scopeId", "data-v-7fb9bc8d"]]);
+const cy = /* @__PURE__ */ _(Ni, [["render", Fi], ["__scopeId", "data-v-7fb9bc8d"]]);
 const Ri = {
   name: "ecs-breadcrumb-title"
 }, Vi = {
@@ -669,10 +670,10 @@ const Ri = {
 };
 function Hi(e, s, t, a, n, i) {
   return o(), l("div", Vi, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const uy = /* @__PURE__ */ _(Ri, [["render", Hi], ["__scopeId", "data-v-422cc046"]]);
+const dy = /* @__PURE__ */ _(Ri, [["render", Hi], ["__scopeId", "data-v-422cc046"]]);
 const qi = {
   name: "ecs-flex-row",
   props: {
@@ -727,7 +728,7 @@ function Wi(e, s, t, a, n, i) {
     class: v(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, i.wrapClass]]),
     style: z(i.gapStyle)
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 6);
 }
 const Me = /* @__PURE__ */ _(qi, [["render", Wi], ["__scopeId", "data-v-c8b221b0"]]);
@@ -739,19 +740,19 @@ function zt(e, s, t) {
   var a, n, i, r, c;
   s == null && (s = 100);
   function d() {
-    var m = Date.now() - r;
-    m < s && m >= 0 ? a = setTimeout(d, s - m) : (a = null, t || (c = e.apply(i, n), i = n = null));
+    var h = Date.now() - r;
+    h < s && h >= 0 ? a = setTimeout(d, s - h) : (a = null, t || (c = e.apply(i, n), i = n = null));
   }
-  var h = function() {
+  var g = function() {
     i = this, n = arguments, r = Date.now();
-    var m = t && !a;
-    return a || (a = setTimeout(d, s)), m && (c = e.apply(i, n), i = n = null), c;
+    var h = t && !a;
+    return a || (a = setTimeout(d, s)), h && (c = e.apply(i, n), i = n = null), c;
   };
-  return h.clear = function() {
+  return g.clear = function() {
     a && (clearTimeout(a), a = null);
-  }, h.flush = function() {
+  }, g.flush = function() {
     a && (c = e.apply(i, n), i = n = null, clearTimeout(a), a = null);
-  }, h;
+  }, g;
 }
 zt.debounce = zt;
 var kt = zt;
@@ -792,16 +793,16 @@ function qe(e, s, t) {
   s === void 0 && (s = !1), t === void 0 && (t = !1);
   var a = e.getBoundingClientRect(), n = 1, i = 1;
   s && ce(e) && (n = e.offsetWidth > 0 && He(a.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && He(a.height) / e.offsetHeight || 1);
-  var r = Fe(e) ? oe(e) : window, c = r.visualViewport, d = !ws() && t, h = (a.left + (d && c ? c.offsetLeft : 0)) / n, m = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, B = a.height / i;
+  var r = Fe(e) ? oe(e) : window, c = r.visualViewport, d = !ws() && t, g = (a.left + (d && c ? c.offsetLeft : 0)) / n, h = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, B = a.height / i;
   return {
     width: k,
     height: B,
-    top: m,
-    right: h + k,
-    bottom: m + B,
-    left: h,
-    x: h,
-    y: m
+    top: h,
+    right: g + k,
+    bottom: h + B,
+    left: g,
+    x: g,
+    y: h
   };
 }
 function Mt(e) {
@@ -820,7 +821,7 @@ function ji(e) {
 function Gi(e) {
   return e === oe(e) || !ce(e) ? Mt(e) : ji(e);
 }
-function we(e) {
+function xe(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function Le(e) {
@@ -852,7 +853,7 @@ function Ki(e, s, t) {
     x: 0,
     y: 0
   };
-  return (a || !a && !t) && ((we(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (a || !a && !t) && ((xe(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   Ot(i)) && (c = Gi(s)), ce(s) ? (d = qe(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Lt(i))), {
     x: r.left + c.scrollLeft - d.x,
     y: r.top + c.scrollTop - d.y,
@@ -870,7 +871,7 @@ function At(e) {
   };
 }
 function pt(e) {
-  return we(e) === "html" ? e : (
+  return xe(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -882,7 +883,7 @@ function pt(e) {
   );
 }
 function Ss(e) {
-  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : ce(e) && Ot(e) ? e : Ss(pt(e));
+  return ["html", "body", "#document"].indexOf(xe(e)) >= 0 ? e.ownerDocument.body : ce(e) && Ot(e) ? e : Ss(pt(e));
 }
 function Je(e, s) {
   var t;
@@ -894,7 +895,7 @@ function Je(e, s) {
   );
 }
 function Yi(e) {
-  return ["table", "td", "th"].indexOf(we(e)) >= 0;
+  return ["table", "td", "th"].indexOf(xe(e)) >= 0;
 }
 function es(e) {
   return !ce(e) || // https://github.com/popperjs/popper-core/issues/837
@@ -908,7 +909,7 @@ function Xi(e) {
       return null;
   }
   var n = pt(e);
-  for (Tt(n) && (n = n.host); ce(n) && ["html", "body"].indexOf(we(n)) < 0; ) {
+  for (Tt(n) && (n = n.host); ce(n) && ["html", "body"].indexOf(xe(n)) < 0; ) {
     var i = Ie(n);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || s && i.willChange === "filter" || s && i.filter && i.filter !== "none")
       return n;
@@ -919,7 +920,7 @@ function Xi(e) {
 function tt(e) {
   for (var s = oe(e), t = es(e); t && Yi(t) && Ie(t).position === "static"; )
     t = es(t);
-  return t && (we(t) === "html" || we(t) === "body" && Ie(t).position === "static") ? s : t || Xi(e) || s;
+  return t && (xe(t) === "html" || xe(t) === "body" && Ie(t).position === "static") ? s : t || Xi(e) || s;
 }
 var ne = "top", ge = "bottom", me = "right", ae = "left", Nt = "auto", st = [ne, ge, me, ae], We = "start", et = "end", Zi = "clippingParents", Cs = "viewport", Ye = "popper", Ji = "reference", ts = /* @__PURE__ */ st.reduce(function(e, s) {
   return e.concat([s + "-" + We, s + "-" + et]);
@@ -979,8 +980,8 @@ function gn(e, s) {
   var t = oe(e), a = Le(e), n = t.visualViewport, i = a.clientWidth, r = a.clientHeight, c = 0, d = 0;
   if (n) {
     i = n.width, r = n.height;
-    var h = ws();
-    (h || !h && s === "fixed") && (c = n.offsetLeft, d = n.offsetTop);
+    var g = ws();
+    (g || !g && s === "fixed") && (c = n.offsetLeft, d = n.offsetTop);
   }
   return {
     width: i,
@@ -1012,7 +1013,7 @@ function zs(e, s) {
   }
   return !1;
 }
-function Et(e) {
+function $t(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1025,18 +1026,18 @@ function hn(e, s) {
   return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
 }
 function ss(e, s, t) {
-  return s === Cs ? Et(gn(e, t)) : Fe(s) ? hn(s, t) : Et(mn(Le(e)));
+  return s === Cs ? $t(gn(e, t)) : Fe(s) ? hn(s, t) : $t(mn(Le(e)));
 }
 function vn(e) {
   var s = Je(pt(e)), t = ["absolute", "fixed"].indexOf(Ie(e).position) >= 0, a = t && ce(e) ? tt(e) : e;
   return Fe(a) ? s.filter(function(n) {
-    return Fe(n) && zs(n, a) && we(n) !== "body";
+    return Fe(n) && zs(n, a) && xe(n) !== "body";
   }) : [];
 }
 function _n(e, s, t, a) {
-  var n = s === "clippingParents" ? vn(e) : [].concat(s), i = [].concat(n, [t]), r = i[0], c = i.reduce(function(d, h) {
-    var m = ss(e, h, a);
-    return d.top = Ne(m.top, d.top), d.right = dt(m.right, d.right), d.bottom = dt(m.bottom, d.bottom), d.left = Ne(m.left, d.left), d;
+  var n = s === "clippingParents" ? vn(e) : [].concat(s), i = [].concat(n, [t]), r = i[0], c = i.reduce(function(d, g) {
+    var h = ss(e, g, a);
+    return d.top = Ne(h.top, d.top), d.right = dt(h.right, d.right), d.bottom = dt(h.bottom, d.bottom), d.left = Ne(h.left, d.left), d;
   }, ss(e, r, a));
   return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
 }
@@ -1082,21 +1083,21 @@ function Is(e) {
         y: s.y
       };
   }
-  var h = n ? Dt(n) : null;
-  if (h != null) {
-    var m = h === "y" ? "height" : "width";
+  var g = n ? Dt(n) : null;
+  if (g != null) {
+    var h = g === "y" ? "height" : "width";
     switch (i) {
       case We:
-        d[h] = d[h] - (s[m] / 2 - t[m] / 2);
+        d[g] = d[g] - (s[h] / 2 - t[h] / 2);
         break;
       case et:
-        d[h] = d[h] + (s[m] / 2 - t[m] / 2);
+        d[g] = d[g] + (s[h] / 2 - t[h] / 2);
         break;
     }
   }
   return d;
 }
-function Es() {
+function $s() {
   return {
     top: 0,
     right: 0,
@@ -1104,8 +1105,8 @@ function Es() {
     left: 0
   };
 }
-function $s(e) {
-  return Object.assign({}, Es(), e);
+function Es(e) {
+  return Object.assign({}, $s(), e);
 }
 function Ps(e, s) {
   return s.reduce(function(t, a) {
@@ -1114,12 +1115,12 @@ function Ps(e, s) {
 }
 function Ft(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Zi : c, h = t.rootBoundary, m = h === void 0 ? Cs : h, k = t.elementContext, B = k === void 0 ? Ye : k, I = t.altBoundary, S = I === void 0 ? !1 : I, $ = t.padding, P = $ === void 0 ? 0 : $, O = $s(typeof P != "number" ? P : Ps(P, st)), V = B === Ye ? Ji : Ye, R = e.rects.popper, T = e.elements[S ? V : B], A = _n(Fe(T) ? T : T.contextElement || Le(e.elements.popper), d, m, r), E = qe(e.elements.reference), N = Is({
-    reference: E,
+  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Zi : c, g = t.rootBoundary, h = g === void 0 ? Cs : g, k = t.elementContext, B = k === void 0 ? Ye : k, I = t.altBoundary, S = I === void 0 ? !1 : I, E = t.padding, P = E === void 0 ? 0 : E, O = Es(typeof P != "number" ? P : Ps(P, st)), V = B === Ye ? Ji : Ye, R = e.rects.popper, T = e.elements[S ? V : B], A = _n(Fe(T) ? T : T.contextElement || Le(e.elements.popper), d, h, r), $ = qe(e.elements.reference), N = Is({
+    reference: $,
     element: R,
     strategy: "absolute",
     placement: n
-  }), F = Et(Object.assign({}, R, N)), q = B === Ye ? F : E, W = {
+  }), F = $t(Object.assign({}, R, N)), q = B === Ye ? F : $, W = {
     top: A.top - q.top + O.top,
     bottom: q.bottom - A.bottom + O.bottom,
     left: A.left - q.left + O.left,
@@ -1128,8 +1129,8 @@ function Ft(e, s) {
   if (B === Ye && j) {
     var Q = j[n];
     Object.keys(W).forEach(function(K) {
-      var Ce = [me, ge].indexOf(K) >= 0 ? 1 : -1, de = [ne, ge].indexOf(K) >= 0 ? "y" : "x";
-      W[K] += Q[de] * Ce;
+      var Se = [me, ge].indexOf(K) >= 0 ? 1 : -1, de = [ne, ge].indexOf(K) >= 0 ? "y" : "x";
+      W[K] += Q[de] * Se;
     });
   }
   return W;
@@ -1149,9 +1150,9 @@ function ns() {
 function yn(e) {
   e === void 0 && (e = {});
   var s = e, t = s.defaultModifiers, a = t === void 0 ? [] : t, n = s.defaultOptions, i = n === void 0 ? is : n;
-  return function(c, d, h) {
-    h === void 0 && (h = i);
-    var m = {
+  return function(c, d, g) {
+    g === void 0 && (g = i);
+    var h = {
       placement: "bottom",
       orderedModifiers: [],
       options: Object.assign({}, is, i),
@@ -1163,15 +1164,15 @@ function yn(e) {
       attributes: {},
       styles: {}
     }, k = [], B = !1, I = {
-      state: m,
+      state: h,
       setOptions: function(O) {
-        var V = typeof O == "function" ? O(m.options) : O;
-        $(), m.options = Object.assign({}, i, m.options, V), m.scrollParents = {
+        var V = typeof O == "function" ? O(h.options) : O;
+        E(), h.options = Object.assign({}, i, h.options, V), h.scrollParents = {
           reference: Fe(c) ? Je(c) : c.contextElement ? Je(c.contextElement) : [],
           popper: Je(d)
         };
-        var R = un(pn([].concat(a, m.options.modifiers)));
-        return m.orderedModifiers = R.filter(function(T) {
+        var R = un(pn([].concat(a, h.options.modifiers)));
+        return h.orderedModifiers = R.filter(function(T) {
           return T.enabled;
         }), S(), I.update();
       },
@@ -1182,26 +1183,26 @@ function yn(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!B) {
-          var O = m.elements, V = O.reference, R = O.popper;
+          var O = h.elements, V = O.reference, R = O.popper;
           if (ns(V, R)) {
-            m.rects = {
-              reference: Ki(V, tt(R), m.options.strategy === "fixed"),
+            h.rects = {
+              reference: Ki(V, tt(R), h.options.strategy === "fixed"),
               popper: At(R)
-            }, m.reset = !1, m.placement = m.options.placement, m.orderedModifiers.forEach(function(W) {
-              return m.modifiersData[W.name] = Object.assign({}, W.data);
+            }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(W) {
+              return h.modifiersData[W.name] = Object.assign({}, W.data);
             });
-            for (var T = 0; T < m.orderedModifiers.length; T++) {
-              if (m.reset === !0) {
-                m.reset = !1, T = -1;
+            for (var T = 0; T < h.orderedModifiers.length; T++) {
+              if (h.reset === !0) {
+                h.reset = !1, T = -1;
                 continue;
               }
-              var A = m.orderedModifiers[T], E = A.fn, N = A.options, F = N === void 0 ? {} : N, q = A.name;
-              typeof E == "function" && (m = E({
-                state: m,
+              var A = h.orderedModifiers[T], $ = A.fn, N = A.options, F = N === void 0 ? {} : N, q = A.name;
+              typeof $ == "function" && (h = $({
+                state: h,
                 options: F,
                 name: q,
                 instance: I
-              }) || m);
+              }) || h);
             }
           }
         }
@@ -1210,34 +1211,34 @@ function yn(e) {
       // not necessary (debounced to run at most once-per-tick)
       update: fn(function() {
         return new Promise(function(P) {
-          I.forceUpdate(), P(m);
+          I.forceUpdate(), P(h);
         });
       }),
       destroy: function() {
-        $(), B = !0;
+        E(), B = !0;
       }
     };
     if (!ns(c, d))
       return I;
-    I.setOptions(h).then(function(P) {
-      !B && h.onFirstUpdate && h.onFirstUpdate(P);
+    I.setOptions(g).then(function(P) {
+      !B && g.onFirstUpdate && g.onFirstUpdate(P);
     });
     function S() {
-      m.orderedModifiers.forEach(function(P) {
+      h.orderedModifiers.forEach(function(P) {
         var O = P.name, V = P.options, R = V === void 0 ? {} : V, T = P.effect;
         if (typeof T == "function") {
           var A = T({
-            state: m,
+            state: h,
             name: O,
             instance: I,
             options: R
-          }), E = function() {
+          }), $ = function() {
           };
-          k.push(A || E);
+          k.push(A || $);
         }
       });
     }
-    function $() {
+    function E() {
       k.forEach(function(P) {
         return P();
       }), k = [];
@@ -1249,12 +1250,12 @@ var lt = {
   passive: !0
 };
 function bn(e) {
-  var s = e.state, t = e.instance, a = e.options, n = a.scroll, i = n === void 0 ? !0 : n, r = a.resize, c = r === void 0 ? !0 : r, d = oe(s.elements.popper), h = [].concat(s.scrollParents.reference, s.scrollParents.popper);
-  return i && h.forEach(function(m) {
-    m.addEventListener("scroll", t.update, lt);
+  var s = e.state, t = e.instance, a = e.options, n = a.scroll, i = n === void 0 ? !0 : n, r = a.resize, c = r === void 0 ? !0 : r, d = oe(s.elements.popper), g = [].concat(s.scrollParents.reference, s.scrollParents.popper);
+  return i && g.forEach(function(h) {
+    h.addEventListener("scroll", t.update, lt);
   }), c && d.addEventListener("resize", t.update, lt), function() {
-    i && h.forEach(function(m) {
-      m.removeEventListener("scroll", t.update, lt);
+    i && g.forEach(function(h) {
+      h.removeEventListener("scroll", t.update, lt);
     }), c && d.removeEventListener("resize", t.update, lt);
   };
 }
@@ -1297,51 +1298,51 @@ function Cn(e, s) {
   };
 }
 function as(e) {
-  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, r = e.offsets, c = e.position, d = e.gpuAcceleration, h = e.adaptive, m = e.roundOffsets, k = e.isFixed, B = r.x, I = B === void 0 ? 0 : B, S = r.y, $ = S === void 0 ? 0 : S, P = typeof m == "function" ? m({
+  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, r = e.offsets, c = e.position, d = e.gpuAcceleration, g = e.adaptive, h = e.roundOffsets, k = e.isFixed, B = r.x, I = B === void 0 ? 0 : B, S = r.y, E = S === void 0 ? 0 : S, P = typeof h == "function" ? h({
     x: I,
-    y: $
+    y: E
   }) : {
     x: I,
-    y: $
+    y: E
   };
-  I = P.x, $ = P.y;
+  I = P.x, E = P.y;
   var O = r.hasOwnProperty("x"), V = r.hasOwnProperty("y"), R = ae, T = ne, A = window;
-  if (h) {
-    var E = tt(t), N = "clientHeight", F = "clientWidth";
-    if (E === oe(t) && (E = Le(t), Ie(E).position !== "static" && c === "absolute" && (N = "scrollHeight", F = "scrollWidth")), E = E, n === ne || (n === ae || n === me) && i === et) {
+  if (g) {
+    var $ = tt(t), N = "clientHeight", F = "clientWidth";
+    if ($ === oe(t) && ($ = Le(t), Ie($).position !== "static" && c === "absolute" && (N = "scrollHeight", F = "scrollWidth")), $ = $, n === ne || (n === ae || n === me) && i === et) {
       T = ge;
-      var q = k && E === A && A.visualViewport ? A.visualViewport.height : (
+      var q = k && $ === A && A.visualViewport ? A.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        E[N]
+        $[N]
       );
-      $ -= q - a.height, $ *= d ? 1 : -1;
+      E -= q - a.height, E *= d ? 1 : -1;
     }
     if (n === ae || (n === ne || n === ge) && i === et) {
       R = me;
-      var W = k && E === A && A.visualViewport ? A.visualViewport.width : (
+      var W = k && $ === A && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        E[F]
+        $[F]
       );
       I -= W - a.width, I *= d ? 1 : -1;
     }
   }
   var j = Object.assign({
     position: c
-  }, h && Sn), Q = m === !0 ? Cn({
+  }, g && Sn), Q = h === !0 ? Cn({
     x: I,
-    y: $
+    y: E
   }, oe(t)) : {
     x: I,
-    y: $
+    y: E
   };
-  if (I = Q.x, $ = Q.y, d) {
+  if (I = Q.x, E = Q.y, d) {
     var K;
-    return Object.assign({}, j, (K = {}, K[T] = V ? "0" : "", K[R] = O ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
+    return Object.assign({}, j, (K = {}, K[T] = V ? "0" : "", K[R] = O ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + E + "px)" : "translate3d(" + I + "px, " + E + "px, 0)", K));
   }
-  return Object.assign({}, j, (s = {}, s[T] = V ? $ + "px" : "", s[R] = O ? I + "px" : "", s.transform = "", s));
+  return Object.assign({}, j, (s = {}, s[T] = V ? E + "px" : "", s[R] = O ? I + "px" : "", s.transform = "", s));
 }
 function Bn(e) {
-  var s = e.state, t = e.options, a = t.gpuAcceleration, n = a === void 0 ? !0 : a, i = t.adaptive, r = i === void 0 ? !0 : i, c = t.roundOffsets, d = c === void 0 ? !0 : c, h = {
+  var s = e.state, t = e.options, a = t.gpuAcceleration, n = a === void 0 ? !0 : a, i = t.adaptive, r = i === void 0 ? !0 : i, c = t.roundOffsets, d = c === void 0 ? !0 : c, g = {
     placement: ke(s.placement),
     variation: je(s.placement),
     popper: s.elements.popper,
@@ -1349,12 +1350,12 @@ function Bn(e) {
     gpuAcceleration: n,
     isFixed: s.options.strategy === "fixed"
   };
-  s.modifiersData.popperOffsets != null && (s.styles.popper = Object.assign({}, s.styles.popper, as(Object.assign({}, h, {
+  s.modifiersData.popperOffsets != null && (s.styles.popper = Object.assign({}, s.styles.popper, as(Object.assign({}, g, {
     offsets: s.modifiersData.popperOffsets,
     position: s.options.strategy,
     adaptive: r,
     roundOffsets: d
-  })))), s.modifiersData.arrow != null && (s.styles.arrow = Object.assign({}, s.styles.arrow, as(Object.assign({}, h, {
+  })))), s.modifiersData.arrow != null && (s.styles.arrow = Object.assign({}, s.styles.arrow, as(Object.assign({}, g, {
     offsets: s.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1374,13 +1375,13 @@ function In(e) {
   var s = e.state;
   Object.keys(s.elements).forEach(function(t) {
     var a = s.styles[t] || {}, n = s.attributes[t] || {}, i = s.elements[t];
-    !ce(i) || !we(i) || (Object.assign(i.style, a), Object.keys(n).forEach(function(r) {
+    !ce(i) || !xe(i) || (Object.assign(i.style, a), Object.keys(n).forEach(function(r) {
       var c = n[r];
       c === !1 ? i.removeAttribute(r) : i.setAttribute(r, c === !0 ? "" : c);
     }));
   });
 }
-function En(e) {
+function $n(e) {
   var s = e.state, t = {
     popper: {
       position: s.options.strategy,
@@ -1395,24 +1396,24 @@ function En(e) {
   };
   return Object.assign(s.elements.popper.style, t.popper), s.styles = t, s.elements.arrow && Object.assign(s.elements.arrow.style, t.arrow), function() {
     Object.keys(s.elements).forEach(function(a) {
-      var n = s.elements[a], i = s.attributes[a] || {}, r = Object.keys(s.styles.hasOwnProperty(a) ? s.styles[a] : t[a]), c = r.reduce(function(d, h) {
-        return d[h] = "", d;
+      var n = s.elements[a], i = s.attributes[a] || {}, r = Object.keys(s.styles.hasOwnProperty(a) ? s.styles[a] : t[a]), c = r.reduce(function(d, g) {
+        return d[g] = "", d;
       }, {});
-      !ce(n) || !we(n) || (Object.assign(n.style, c), Object.keys(i).forEach(function(d) {
+      !ce(n) || !xe(n) || (Object.assign(n.style, c), Object.keys(i).forEach(function(d) {
         n.removeAttribute(d);
       }));
     });
   };
 }
-const $n = {
+const En = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
   fn: In,
-  effect: En,
+  effect: $n,
   requires: ["computeStyles"]
 };
-var Pn = [kn, wn, zn, $n], Tn = /* @__PURE__ */ yn({
+var Pn = [kn, wn, zn, En], Tn = /* @__PURE__ */ yn({
   defaultModifiers: Pn
 });
 function Mn(e) {
@@ -1426,14 +1427,14 @@ function Ln(e, s, t) {
   return a > t ? t : a;
 }
 function On(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !1 : r, d = t.boundary, h = t.rootBoundary, m = t.altBoundary, k = t.padding, B = t.tether, I = B === void 0 ? !0 : B, S = t.tetherOffset, $ = S === void 0 ? 0 : S, P = Ft(s, {
+  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !1 : r, d = t.boundary, g = t.rootBoundary, h = t.altBoundary, k = t.padding, B = t.tether, I = B === void 0 ? !0 : B, S = t.tetherOffset, E = S === void 0 ? 0 : S, P = Ft(s, {
     boundary: d,
-    rootBoundary: h,
+    rootBoundary: g,
     padding: k,
-    altBoundary: m
-  }), O = ke(s.placement), V = je(s.placement), R = !V, T = Dt(O), A = Mn(T), E = s.modifiersData.popperOffsets, N = s.rects.reference, F = s.rects.popper, q = typeof $ == "function" ? $(Object.assign({}, s.rects, {
+    altBoundary: h
+  }), O = ke(s.placement), V = je(s.placement), R = !V, T = Dt(O), A = Mn(T), $ = s.modifiersData.popperOffsets, N = s.rects.reference, F = s.rects.popper, q = typeof E == "function" ? E(Object.assign({}, s.rects, {
     placement: s.placement
-  })) : $, W = typeof q == "number" ? {
+  })) : E, W = typeof q == "number" ? {
     mainAxis: q,
     altAxis: q
   } : Object.assign({
@@ -1443,17 +1444,17 @@ function On(e) {
     x: 0,
     y: 0
   };
-  if (E) {
+  if ($) {
     if (i) {
-      var K, Ce = T === "y" ? ne : ae, de = T === "y" ? ge : me, Y = T === "y" ? "height" : "width", J = E[T], ye = J + P[Ce], Be = J - P[de], X = I ? -F[Y] / 2 : 0, re = V === We ? N[Y] : F[Y], $e = V === We ? -F[Y] : -N[Y], nt = s.elements.arrow, Ve = I && nt ? At(nt) : {
+      var K, Se = T === "y" ? ne : ae, de = T === "y" ? ge : me, Y = T === "y" ? "height" : "width", J = $[T], ye = J + P[Se], Ce = J - P[de], X = I ? -F[Y] / 2 : 0, re = V === We ? N[Y] : F[Y], Ee = V === We ? -F[Y] : -N[Y], nt = s.elements.arrow, Ve = I && nt ? At(nt) : {
         width: 0,
         height: 0
-      }, Pe = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ue = Pe[Ce], at = Pe[de], Oe = Qe(0, N[Y], Ve[Y]), vt = R ? N[Y] / 2 - X - Oe - Ue - W.mainAxis : re - Oe - Ue - W.mainAxis, Us = R ? -N[Y] / 2 + X + Oe + at + W.mainAxis : $e + Oe + at + W.mainAxis, _t = s.elements.arrow && tt(s.elements.arrow), Ks = _t ? T === "y" ? _t.clientTop || 0 : _t.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[T]) != null ? K : 0, Ys = J + vt - jt - Ks, Xs = J + Us - jt, Gt = Qe(I ? dt(ye, Ys) : ye, J, I ? Ne(Be, Xs) : Be);
-      E[T] = Gt, Q[T] = Gt - J;
+      }, Pe = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : $s(), Ue = Pe[Se], at = Pe[de], Oe = Qe(0, N[Y], Ve[Y]), vt = R ? N[Y] / 2 - X - Oe - Ue - W.mainAxis : re - Oe - Ue - W.mainAxis, Us = R ? -N[Y] / 2 + X + Oe + at + W.mainAxis : Ee + Oe + at + W.mainAxis, _t = s.elements.arrow && tt(s.elements.arrow), Ks = _t ? T === "y" ? _t.clientTop || 0 : _t.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[T]) != null ? K : 0, Ys = J + vt - jt - Ks, Xs = J + Us - jt, Gt = Qe(I ? dt(ye, Ys) : ye, J, I ? Ne(Ce, Xs) : Ce);
+      $[T] = Gt, Q[T] = Gt - J;
     }
     if (c) {
-      var Ut, Zs = T === "x" ? ne : ae, Js = T === "x" ? ge : me, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + P[Zs], Yt = Ae - P[Js], yt = [ne, ae].indexOf(O) !== -1, Xt = (Ut = j == null ? void 0 : j[A]) != null ? Ut : 0, Zt = yt ? Kt : Ae - N[ot] - F[ot] - Xt + W.altAxis, Jt = yt ? Ae + N[ot] + F[ot] - Xt - W.altAxis : Yt, Qt = I && yt ? Ln(Zt, Ae, Jt) : Qe(I ? Zt : Kt, Ae, I ? Jt : Yt);
-      E[A] = Qt, Q[A] = Qt - Ae;
+      var Ut, Zs = T === "x" ? ne : ae, Js = T === "x" ? ge : me, Ae = $[A], ot = A === "y" ? "height" : "width", Kt = Ae + P[Zs], Yt = Ae - P[Js], yt = [ne, ae].indexOf(O) !== -1, Xt = (Ut = j == null ? void 0 : j[A]) != null ? Ut : 0, Zt = yt ? Kt : Ae - N[ot] - F[ot] - Xt + W.altAxis, Jt = yt ? Ae + N[ot] + F[ot] - Xt - W.altAxis : Yt, Qt = I && yt ? Ln(Zt, Ae, Jt) : Qe(I ? Zt : Kt, Ae, I ? Jt : Yt);
+      $[A] = Qt, Q[A] = Qt - Ae;
     }
     s.modifiersData[a] = Q;
   }
@@ -1487,22 +1488,22 @@ function os(e) {
 }
 function Fn(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, h = d === void 0 ? Bs : d, m = je(a), k = m ? c ? ts : ts.filter(function(S) {
-    return je(S) === m;
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, g = d === void 0 ? Bs : d, h = je(a), k = h ? c ? ts : ts.filter(function(S) {
+    return je(S) === h;
   }) : st, B = k.filter(function(S) {
-    return h.indexOf(S) >= 0;
+    return g.indexOf(S) >= 0;
   });
   B.length === 0 && (B = k);
-  var I = B.reduce(function(S, $) {
-    return S[$] = Ft(e, {
-      placement: $,
+  var I = B.reduce(function(S, E) {
+    return S[E] = Ft(e, {
+      placement: E,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[ke($)], S;
+    })[ke(E)], S;
   }, {});
-  return Object.keys(I).sort(function(S, $) {
-    return I[S] - I[$];
+  return Object.keys(I).sort(function(S, E) {
+    return I[S] - I[E];
   });
 }
 function Rn(e) {
@@ -1514,32 +1515,32 @@ function Rn(e) {
 function Vn(e) {
   var s = e.state, t = e.options, a = e.name;
   if (!s.modifiersData[a]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, h = t.padding, m = t.boundary, k = t.rootBoundary, B = t.altBoundary, I = t.flipVariations, S = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), V = O === P, R = d || (V || !S ? [ct(P)] : Rn(P)), T = [P].concat(R).reduce(function(Ve, Pe) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, g = t.padding, h = t.boundary, k = t.rootBoundary, B = t.altBoundary, I = t.flipVariations, S = I === void 0 ? !0 : I, E = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), V = O === P, R = d || (V || !S ? [ct(P)] : Rn(P)), T = [P].concat(R).reduce(function(Ve, Pe) {
       return Ve.concat(ke(Pe) === Nt ? Fn(s, {
         placement: Pe,
-        boundary: m,
+        boundary: h,
         rootBoundary: k,
-        padding: h,
+        padding: g,
         flipVariations: S,
-        allowedAutoPlacements: $
+        allowedAutoPlacements: E
       }) : Pe);
-    }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, q = T[0], W = 0; W < T.length; W++) {
-      var j = T[W], Q = ke(j), K = je(j) === We, Ce = [ne, ge].indexOf(Q) >= 0, de = Ce ? "width" : "height", Y = Ft(s, {
+    }, []), A = s.rects.reference, $ = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, q = T[0], W = 0; W < T.length; W++) {
+      var j = T[W], Q = ke(j), K = je(j) === We, Se = [ne, ge].indexOf(Q) >= 0, de = Se ? "width" : "height", Y = Ft(s, {
         placement: j,
-        boundary: m,
+        boundary: h,
         rootBoundary: k,
         altBoundary: B,
-        padding: h
-      }), J = Ce ? K ? me : ae : K ? ge : ne;
-      A[de] > E[de] && (J = ct(J));
-      var ye = ct(J), Be = [];
-      if (i && Be.push(Y[Q] <= 0), c && Be.push(Y[J] <= 0, Y[ye] <= 0), Be.every(function(Ve) {
+        padding: g
+      }), J = Se ? K ? me : ae : K ? ge : ne;
+      A[de] > $[de] && (J = ct(J));
+      var ye = ct(J), Ce = [];
+      if (i && Ce.push(Y[Q] <= 0), c && Ce.push(Y[J] <= 0, Y[ye] <= 0), Ce.every(function(Ve) {
         return Ve;
       })) {
         q = j, F = !1;
         break;
       }
-      N.set(j, Be);
+      N.set(j, Ce);
     }
     if (F)
       for (var X = S ? 3 : 1, re = function(Pe) {
@@ -1552,8 +1553,8 @@ function Vn(e) {
         });
         if (Ue)
           return q = Ue, "break";
-      }, $e = X; $e > 0; $e--) {
-        var nt = re($e);
+      }, Ee = X; Ee > 0; Ee--) {
+        var nt = re(Ee);
         if (nt === "break")
           break;
       }
@@ -1583,10 +1584,10 @@ function qn(e, s, t) {
   };
 }
 function Wn(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.offset, i = n === void 0 ? [0, 0] : n, r = Bs.reduce(function(m, k) {
-    return m[k] = qn(k, s.rects, i), m;
-  }, {}), c = r[s.placement], d = c.x, h = c.y;
-  s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += d, s.modifiersData.popperOffsets.y += h), s.modifiersData[a] = r;
+  var s = e.state, t = e.options, a = e.name, n = t.offset, i = n === void 0 ? [0, 0] : n, r = Bs.reduce(function(h, k) {
+    return h[k] = qn(k, s.rects, i), h;
+  }, {}), c = r[s.placement], d = c.x, g = c.y;
+  s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += d, s.modifiersData.popperOffsets.y += g), s.modifiersData[a] = r;
 }
 const jn = {
   name: "offset",
@@ -1598,13 +1599,13 @@ const jn = {
 var Gn = function(s, t) {
   return s = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : s, $s(typeof s != "number" ? s : Ps(s, st));
+  })) : s, Es(typeof s != "number" ? s : Ps(s, st));
 };
 function Un(e) {
-  var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = ke(t.placement), d = Dt(c), h = [ae, me].indexOf(c) >= 0, m = h ? "height" : "width";
+  var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = ke(t.placement), d = Dt(c), g = [ae, me].indexOf(c) >= 0, h = g ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Gn(n.padding, t), B = At(i), I = d === "y" ? ne : ae, S = d === "y" ? ge : me, $ = t.rects.reference[m] + t.rects.reference[d] - r[d] - t.rects.popper[m], P = r[d] - t.rects.reference[d], O = tt(i), V = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = $ / 2 - P / 2, T = k[I], A = V - B[m] - k[S], E = V / 2 - B[m] / 2 + R, N = Qe(T, E, A), F = d;
-    t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
+    var k = Gn(n.padding, t), B = At(i), I = d === "y" ? ne : ae, S = d === "y" ? ge : me, E = t.rects.reference[h] + t.rects.reference[d] - r[d] - t.rects.popper[h], P = r[d] - t.rects.reference[d], O = tt(i), V = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = E / 2 - P / 2, T = k[I], A = V - B[h] - k[S], $ = V / 2 - B[h] / 2 + R, N = Qe(T, $, A), F = d;
+    t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - $, s);
   }
 }
 function Kn(e) {
@@ -1633,19 +1634,19 @@ function Xn({
   const d = Qs({
     isOpen: !1,
     popperInstance: null
-  }), h = ($) => {
+  }), g = (E) => {
     var P;
     (P = d.popperInstance) == null || P.setOptions((O) => ({
       ...O,
-      modifiers: [...O.modifiers, { name: "eventListeners", enabled: $ }]
+      modifiers: [...O.modifiers, { name: "eventListeners", enabled: E }]
     }));
-  }, m = () => h(!0), k = () => h(!1), B = () => {
+  }, h = () => g(!0), k = () => g(!1), B = () => {
     d.isOpen && (d.isOpen = !1, s("close:popper"));
   }, I = () => {
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
-  le([() => d.isOpen, i], async ([$]) => {
-    $ ? (await S(), m()) : k();
+  le([() => d.isOpen, i], async ([E]) => {
+    E ? (await S(), h()) : k();
   });
   const S = async () => {
     await ei(), d.popperInstance = Tn(c.value, r.value, {
@@ -1675,8 +1676,8 @@ function Xn({
     }), d.popperInstance.update();
   };
   return Pt(() => {
-    var $;
-    ($ = d.popperInstance) == null || $.destroy();
+    var E;
+    (E = d.popperInstance) == null || E.destroy();
   }), {
     ...ys(d),
     open: I,
@@ -1847,8 +1848,8 @@ const ia = ["onKeyup", "aria-open"], na = {
   setup(e, { emit: s }) {
     const t = e, a = si();
     let n = null;
-    const i = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), r = Ke(!1), c = Ke(null), d = Ke(null), h = Ke(!1), m = Ke(!1), k = () => {
-      a.content ? m.value = !0 : m.value = !1;
+    const i = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), r = Ke(!1), c = Ke(null), d = Ke(null), g = Ke(!1), h = Ke(!1), k = () => {
+      a.content ? h.value = !0 : h.value = !1;
     };
     bs(() => {
       const X = a.default();
@@ -1856,20 +1857,20 @@ const ia = ["onKeyup", "aria-open"], na = {
         return console.error(
           `[Popper]: The <Popper> component expects only one child element at its root. You passed ${X.length} child nodes.`
         );
-      (a.content !== void 0 || S.value) && (m.value = !0), n = new MutationObserver(k);
+      (a.content !== void 0 || S.value) && (h.value = !0), n = new MutationObserver(k);
     });
     const {
       arrowPadding: B,
       closeDelay: I,
       content: S,
-      disableClickAway: $,
+      disableClickAway: E,
       disabled: P,
       interactive: O,
       locked: V,
       offsetDistance: R,
       offsetSkid: T,
       openDelay: A,
-      placement: E,
+      placement: $,
       show: N
     } = ys(t), { isOpen: F, open: q, close: W } = Xn({
       arrowPadding: B,
@@ -1877,11 +1878,11 @@ const ia = ["onKeyup", "aria-open"], na = {
       locked: V,
       offsetDistance: R,
       offsetSkid: T,
-      placement: E,
+      placement: $,
       popperNode: c,
       triggerNode: d
-    }), j = be(() => N.value !== null), Q = be(() => P.value || !m.value), K = be(() => F.value && !Q.value), Ce = be(
-      () => !$.value && !j.value
+    }), j = be(() => N.value !== null), Q = be(() => P.value || !h.value), K = be(() => F.value && !Q.value), Se = be(
+      () => !E.value && !j.value
     );
     be(
       () => O.value ? `border: ${R.value}px solid transparent; margin: -${R.value}px;` : null
@@ -1890,21 +1891,21 @@ const ia = ["onKeyup", "aria-open"], na = {
       Q.value || j.value || (Y.clear(), r.value = !0, de());
     }, ye = async () => {
       j.value || (de.clear(), r.value = !1, Y());
-    }, Be = () => {
+    }, Ce = () => {
       F.value ? ye() : J();
     };
-    return le([m, P], ([X, re]) => {
+    return le([h, P], ([X, re]) => {
       F.value && (!X || re) && W();
     }), le(F, (X) => {
-      X ? h.value = !0 : kt.debounce(() => {
-        h.value = !1;
+      X ? g.value = !0 : kt.debounce(() => {
+        g.value = !1;
       }, 200);
     }), bt(() => {
       j.value && (N.value ? de() : Y());
     }), bt(() => {
-      Ce.value && Jn(c, ye);
+      Se.value && Jn(c, ye);
     }), le(S, (X) => {
-      X ? m.value = !0 : m.value = !1;
+      X ? h.value = !0 : h.value = !1;
     }), bt(() => {
       c.value && n.observe(c.value, {
         childList: !0,
@@ -1912,35 +1913,35 @@ const ia = ["onKeyup", "aria-open"], na = {
       });
     }), Pt(() => n.disconnect()), (X, re) => (o(), l("div", {
       class: "ecs-popover-root",
-      onMouseleave: re[2] || (re[2] = ($e) => e.hover && ye())
+      onMouseleave: re[2] || (re[2] = (Ee) => e.hover && ye())
     }, [
       f("div", {
         ref_key: "triggerNode",
         ref: d,
-        onMouseover: re[0] || (re[0] = ($e) => e.hover && J()),
-        onClick: Be,
+        onMouseover: re[0] || (re[0] = (Ee) => e.hover && J()),
+        onClick: Ce,
         onFocus: J,
         onKeyup: U(ye, ["esc"]),
         "aria-describedby": i,
         "aria-open": r.value || null,
         class: "ecs-popover-trigger"
       }, [
-        g(X.$slots, "default", {}, void 0, !0)
+        m(X.$slots, "default", {}, void 0, !0)
       ], 40, ia),
       (o(), y(ii, { to: "body" }, [
-        b(xe, { name: "fade" }, {
+        b(ze, { name: "fade" }, {
           default: w(() => [
             e.persistent || r.value ? Ge((o(), l("div", {
               key: 0,
-              onClick: re[1] || (re[1] = ($e) => !ie(O) && ye()),
+              onClick: re[1] || (re[1] = (Ee) => !ie(O) && ye()),
               class: "ecs-popover popper",
               ref_key: "popperNode",
               ref: c,
               id: i
             }, [
-              g(X.$slots, "content", {
+              m(X.$slots, "content", {
                 close: ie(W),
-                isOpen: h.value
+                isOpen: g.value
               }, () => [
                 D(x(ie(S)), 1)
               ], !0),
@@ -2042,10 +2043,10 @@ function ra(e, s, t, a, n, i) {
     persistent: t.persistent || null
   }), {
     content: w((c) => [
-      g(e.$slots, "content", ni(ai(c)))
+      m(e.$slots, "content", ni(ai(c)))
     ]),
     default: w(() => [
-      g(e.$slots, "default")
+      m(e.$slots, "default")
     ]),
     _: 3
   }, 16, ["placement", "disableClickAway", "offsetSkid", "offsetDistance", "disabled", "openDelay", "closeDelay", "show", "locked", "arrow", "persistent"]);
@@ -2066,7 +2067,7 @@ function ca(e, s, t, a, n, i) {
     role: "menu",
     "aria-orientation": "vertical"
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
 const da = /* @__PURE__ */ _(la, [["render", ca], ["__scopeId", "data-v-b0731279"]]);
@@ -2094,7 +2095,7 @@ function fa(e, s, t, a, n, i) {
       t.disabled ? "disabled" : ""
     ]])
   }, [
-    g(e.$slots, "default"),
+    m(e.$slots, "default"),
     b(r)
   ], 2);
 }
@@ -2143,7 +2144,7 @@ function ga(e, s, t, a, n, i) {
     style: z({ color: i.textColor })
   }, {
     default: w(() => [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
@@ -2283,7 +2284,7 @@ function _a(e, s, t, a, n, i) {
         class: "ecs-form-check-label",
         for: t.id || n.fallbackId
       }, [
-        g(e.$slots, "default", {}, void 0, !0),
+        m(e.$slots, "default", {}, void 0, !0),
         e.$slots.default && t.help ? (o(), y(r, {
           key: 0,
           type: "form"
@@ -2404,7 +2405,7 @@ function xa(e, s, t, a, n, i) {
         class: "ecs-form-check-label",
         for: n.id
       }, [
-        g(e.$slots, "default", {}, void 0, !0),
+        m(e.$slots, "default", {}, void 0, !0),
         e.$slots.default && t.help ? (o(), y(r, {
           key: 0,
           type: "form"
@@ -2514,7 +2515,7 @@ const Sa = {
   created() {
     this.switchId = this.generateUniqueId();
   }
-}, Ca = (e) => (he("data-v-de55e54f"), e = e(), ve(), e), Ba = { class: "ecs-switch-wrapper" }, za = ["aria-checked"], Ia = ["id", "name", "required", "disabled", "checked"], Ea = { class: "ecs-slide-switch" }, $a = /* @__PURE__ */ Ca(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Pa = ["for"];
+}, Ca = (e) => (he("data-v-de55e54f"), e = e(), ve(), e), Ba = { class: "ecs-switch-wrapper" }, za = ["aria-checked"], Ia = ["id", "name", "required", "disabled", "checked"], $a = { class: "ecs-slide-switch" }, Ea = /* @__PURE__ */ Ca(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Pa = ["for"];
 function Ta(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring");
   return o(), l("div", Ba, [
@@ -2539,8 +2540,8 @@ function Ta(e, s, t, a, n, i) {
         checked: n.checked || null,
         onChange: s[0] || (s[0] = (...c) => i.handleClick && i.handleClick(...c))
       }, null, 40, Ia),
-      f("div", Ea, [
-        $a,
+      f("div", $a, [
+        Ea,
         b(r, { radius: 20 })
       ])
     ], 10, za),
@@ -2548,7 +2549,7 @@ function Ta(e, s, t, a, n, i) {
       key: 0,
       for: n.switchId
     }, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 8, Pa)) : u("", !0)
   ]);
 }
@@ -2597,7 +2598,7 @@ function Aa(e, s, t, a, n, i) {
         role: "button",
         tabindex: "0"
       }, [
-        g(e.$slots, "default", {}, void 0, !0),
+        m(e.$slots, "default", {}, void 0, !0),
         b(r)
       ])
     ]),
@@ -2771,7 +2772,7 @@ function qa(e, s, t, a, n, i) {
       type: i.iconType,
       size: i.iconSize
     }, null, 8, ["type", "size"])) : u("", !0),
-    t.iconOnly ? u("", !0) : g(e.$slots, "default", { key: 1 }, void 0, !0),
+    t.iconOnly ? u("", !0) : m(e.$slots, "default", { key: 1 }, void 0, !0),
     b(c, {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
@@ -2813,18 +2814,18 @@ function qa(e, s, t, a, n, i) {
       type: i.iconType,
       size: i.iconSize
     }, null, 8, ["type", "size"])) : u("", !0),
-    t.iconOnly ? u("", !0) : g(e.$slots, "default", { key: 1 }, void 0, !0),
+    t.iconOnly ? u("", !0) : m(e.$slots, "default", { key: 1 }, void 0, !0),
     b(c, {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
     }, null, 8, ["inset", "danger"])
   ], 42, Va));
 }
-const Ee = /* @__PURE__ */ _(Da, [["render", qa], ["__scopeId", "data-v-a3459c11"]]);
+const $e = /* @__PURE__ */ _(Da, [["render", qa], ["__scopeId", "data-v-a3459c11"]]);
 const Wa = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: Vt, EcsRadiobutton: wa, EcsSwitch: Ms, EcsSortbutton: Na, EcsIcon: M, EcsFileIcon: Ls, EcsButton: Ee, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRadiobutton: wa, EcsSwitch: Ms, EcsSortbutton: Na, EcsIcon: M, EcsFileIcon: Ls, EcsButton: $e, EcsFocusRing: L },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -2995,7 +2996,7 @@ const Wa = {
   class: "after"
 };
 function lo(e, s, t, a, n, i) {
-  const r = p("ecs-checkbox"), c = p("ecs-radiobutton"), d = p("ecs-switch"), h = p("ecs-sortbutton"), m = p("ecs-focus-ring"), k = p("ecs-icon"), B = p("ecs-file-icon"), I = p("ecs-button");
+  const r = p("ecs-checkbox"), c = p("ecs-radiobutton"), d = p("ecs-switch"), g = p("ecs-sortbutton"), h = p("ecs-focus-ring"), k = p("ecs-icon"), B = p("ecs-file-icon"), I = p("ecs-button");
   return o(), l("li", null, [
     t.type === "checkbox" ? (o(), l("div", ja, [
       b(r, {
@@ -3007,7 +3008,7 @@ function lo(e, s, t, a, n, i) {
         indeterminate: t.indeterminate
       }, {
         default: w(() => [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["disabled", "value", "value-false", "value-true", "indeterminate"]),
@@ -3019,7 +3020,7 @@ function lo(e, s, t, a, n, i) {
         checked: t.value || null
       }, {
         default: w(() => [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["disabled", "checked"]),
@@ -3034,7 +3035,7 @@ function lo(e, s, t, a, n, i) {
         disabled: t.disabled || null
       }, {
         default: w(() => [
-          g(e.$slots, "default", {}, void 0, !0),
+          m(e.$slots, "default", {}, void 0, !0),
           t.help ? (o(), l("span", Xa, x(t.help), 1)) : u("", !0)
         ]),
         _: 3
@@ -3047,17 +3048,17 @@ function lo(e, s, t, a, n, i) {
       role: "menuitem",
       tabindex: "0"
     }, [
-      b(h, {
+      b(g, {
         sort: t.sort,
         disabled: t.disabled || null
       }, {
         default: w(() => [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["sort", "disabled"]),
       t.suffix ? (o(), l("span", Ja, x(t.suffix), 1)) : u("", !0),
-      b(m, { inset: 0 })
+      b(h, { inset: 0 })
     ])) : t.type === "link" ? (o(), l("a", {
       key: 4,
       onClick: s[6] || (s[6] = (S) => e.$emit("click", S)),
@@ -3085,7 +3086,7 @@ function lo(e, s, t, a, n, i) {
       }, null, 8, ["type"])) : u("", !0),
       f("span", eo, [
         f("span", to, [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ]),
         i.secondaryActionOptions.show ? (o(), y(I, {
           key: 0,
@@ -3110,7 +3111,7 @@ function lo(e, s, t, a, n, i) {
         type: t.hoverIcon,
         class: "hover-icon"
       }, null, 8, ["type"])) : u("", !0),
-      b(m, { inset: 0 })
+      b(h, { inset: 0 })
     ], 10, Qa)) : (o(), l("button", {
       key: 5,
       class: v(["ecs-popover-list-item", [
@@ -3137,7 +3138,7 @@ function lo(e, s, t, a, n, i) {
       }, null, 8, ["type"])) : u("", !0),
       f("span", no, [
         f("span", ao, [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ]),
         i.secondaryActionOptions.show ? (o(), y(I, {
           key: 0,
@@ -3163,7 +3164,7 @@ function lo(e, s, t, a, n, i) {
         size: "24",
         class: "hover-icon"
       }, null, 8, ["type"])) : u("", !0),
-      b(m, { inset: 0 })
+      b(h, { inset: 0 })
     ], 2))
   ]);
 }
@@ -3288,7 +3289,7 @@ function go(e, s, t, a, n, i) {
       type: i.iconType,
       spinning: t.loading || null
     }, null, 8, ["size", "color", "type", "spinning"])) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
@@ -3324,7 +3325,7 @@ function go(e, s, t, a, n, i) {
       type: i.iconType,
       spinning: t.loading || null
     }, null, 8, ["size", "color", "type", "spinning"])) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
@@ -3475,7 +3476,7 @@ const _o = {
   }
 }, yo = { class: "ecs-bulk-selector-check" };
 function bo(e, s, t, a, n, i) {
-  const r = p("ecs-checkbox"), c = p("ecs-button-toolbar"), d = p("ecs-popover-list-item"), h = p("ecs-separator"), m = p("ecs-popover-list"), k = p("ecs-popover"), B = p("ecs-flex-row");
+  const r = p("ecs-checkbox"), c = p("ecs-button-toolbar"), d = p("ecs-popover-list-item"), g = p("ecs-separator"), h = p("ecs-popover-list"), k = p("ecs-popover"), B = p("ecs-flex-row");
   return o(), y(B, {
     gap: 8,
     class: "ecs-bulk-selector"
@@ -3493,19 +3494,19 @@ function bo(e, s, t, a, n, i) {
           disabled: t.disabled || null
         }, {
           content: w(() => [
-            b(m, null, {
+            b(h, null, {
               default: w(() => [
                 (o(!0), l(Z, null, pe(t.options, (I, S) => (o(), y(d, {
                   key: S,
                   disabled: I.disabled || null,
-                  onClick: ($) => e.$emit("select", I.action)
+                  onClick: (E) => e.$emit("select", I.action)
                 }, {
                   default: w(() => [
                     D(x(I.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"]))), 128)),
-                t.familiesOption ? (o(), y(h, { key: 0 })) : u("", !0),
+                t.familiesOption ? (o(), y(g, { key: 0 })) : u("", !0),
                 t.familiesOption ? (o(), y(d, {
                   key: 1,
                   type: "switch",
@@ -3545,16 +3546,16 @@ function bo(e, s, t, a, n, i) {
     _: 1
   });
 }
-const fy = /* @__PURE__ */ _(_o, [["render", bo], ["__scopeId", "data-v-bd2e4560"]]);
+const uy = /* @__PURE__ */ _(_o, [["render", bo], ["__scopeId", "data-v-bd2e4560"]]);
 const ko = {
   name: "ecs-button-group"
 }, xo = { class: "ecs-button-group" };
 function wo(e, s, t, a, n, i) {
   return o(), l("div", xo, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const py = /* @__PURE__ */ _(ko, [["render", wo], ["__scopeId", "data-v-83c21366"]]);
+const fy = /* @__PURE__ */ _(ko, [["render", wo], ["__scopeId", "data-v-83c21366"]]);
 const So = {
   name: "ecs-button-collapse",
   emits: ["click"],
@@ -3656,7 +3657,7 @@ const zo = {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
 }, Io = ["aria-label", "aria-busy"];
-function Eo(e, s, t, a, n, i) {
+function $o(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("button", {
     class: v(["ecs-context-button", [t.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
@@ -3675,20 +3676,20 @@ function Eo(e, s, t, a, n, i) {
       class: "ecs-context-button-color",
       style: z(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     b(c)
   ], 14, Io);
 }
-const gy = /* @__PURE__ */ _(zo, [["render", Eo], ["__scopeId", "data-v-bbc83578"]]);
-const $o = {
+const py = /* @__PURE__ */ _(zo, [["render", $o], ["__scopeId", "data-v-bbc83578"]]);
+const Eo = {
   name: "ecs-context-button-group"
 }, Po = { class: "ecs-context-button-group" };
 function To(e, s, t, a, n, i) {
   return o(), l("div", Po, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const my = /* @__PURE__ */ _($o, [["render", To], ["__scopeId", "data-v-94a53b69"]]);
+const gy = /* @__PURE__ */ _(Eo, [["render", To], ["__scopeId", "data-v-94a53b69"]]);
 const Mo = {
   name: "ecs-button-dialog",
   emits: ["click"],
@@ -3731,14 +3732,14 @@ function Oo(e, s, t, a, n, i) {
       key: 0,
       type: i.iconType
     }, null, 8, ["type"])) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     b(c, {
       radius: 12,
       danger: t.type == "danger"
     }, null, 8, ["danger"])
   ], 10, Lo);
 }
-const hy = /* @__PURE__ */ _(Mo, [["render", Oo], ["__scopeId", "data-v-fe031b71"]]);
+const my = /* @__PURE__ */ _(Mo, [["render", Oo], ["__scopeId", "data-v-fe031b71"]]);
 const Ao = {
   name: "ecs-button-more",
   emits: ["click"],
@@ -3799,7 +3800,7 @@ function Do(e, s, t, a, n, i) {
       size: "12",
       color: "var(--color-gray-9)"
     })) : u("", !0),
-    t.type === "expand" ? g(e.$slots, "default", { key: 2 }, void 0, !0) : u("", !0),
+    t.type === "expand" ? m(e.$slots, "default", { key: 2 }, void 0, !0) : u("", !0),
     b(c)
   ], 10, No);
 }
@@ -3919,7 +3920,7 @@ const qo = {
 }, Wo = { class: "ecs-toolbar-button-group" };
 function jo(e, s, t, a, n, i) {
   return o(), l("div", Wo, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Ht = /* @__PURE__ */ _(qo, [["render", jo], ["__scopeId", "data-v-743ca90b"]]);
@@ -3996,7 +3997,7 @@ function Xo(e, s, t, a, n, i) {
     b(c)
   ], 10, Uo);
 }
-const vy = /* @__PURE__ */ _(Go, [["render", Xo], ["__scopeId", "data-v-098e1030"]]);
+const hy = /* @__PURE__ */ _(Go, [["render", Xo], ["__scopeId", "data-v-098e1030"]]);
 const Zo = {
   name: "ecs-card",
   emits: ["click"],
@@ -4050,7 +4051,7 @@ function tr(e, s, t, a, n, i) {
     id: i.itemId
   }, [
     f("div", Qo, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
     f("div", er, [
       t.progress ? (o(), l("div", {
@@ -4061,7 +4062,7 @@ function tr(e, s, t, a, n, i) {
     ])
   ], 10, Jo);
 }
-const _y = /* @__PURE__ */ _(Zo, [["render", tr], ["__scopeId", "data-v-8d449816"]]);
+const vy = /* @__PURE__ */ _(Zo, [["render", tr], ["__scopeId", "data-v-8d449816"]]);
 const sr = {
   name: "ecs-citation-line",
   emits: ["change", "blur", "focus"],
@@ -4123,7 +4124,7 @@ function nr(e, s, t, a, n, i) {
         class: "ecs-citation-line-actions"
       }, {
         default: w(() => [
-          g(e.$slots, "actions", {}, void 0, !0)
+          m(e.$slots, "actions", {}, void 0, !0)
         ]),
         _: 3
       })) : u("", !0)
@@ -4131,7 +4132,7 @@ function nr(e, s, t, a, n, i) {
     _: 3
   });
 }
-const yy = /* @__PURE__ */ _(sr, [["render", nr], ["__scopeId", "data-v-cfd8e718"]]);
+const _y = /* @__PURE__ */ _(sr, [["render", nr], ["__scopeId", "data-v-cfd8e718"]]);
 var qt = {};
 Object.defineProperty(qt, "__esModule", {
   value: !0
@@ -4149,7 +4150,7 @@ var ar = qt.clickOutSide = {
 const rr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed"],
-  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Ee },
+  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: $e },
   directives: {
     clickOutSide: or
   },
@@ -4256,7 +4257,7 @@ const rr = {
   }
 }, lr = ["id"], cr = ["onClick", "role", "tabindex", "aria-disabled"], dr = { key: 1 };
 function ur(e, s, t, a, n, i) {
-  const r = p("ecs-icon"), c = p("ecs-button"), d = p("ecs-focus-ring"), h = oi("click-out-side");
+  const r = p("ecs-icon"), c = p("ecs-button"), d = p("ecs-focus-ring"), g = oi("click-out-side");
   return Ge((o(), l("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
@@ -4267,55 +4268,55 @@ function ur(e, s, t, a, n, i) {
       "aria-orientation": "vertical",
       tabindex: "0",
       onKeydown: [
-        s[0] || (s[0] = U(G((...m) => i.focusPrevious && i.focusPrevious(...m), ["prevent"]), ["up"])),
-        s[1] || (s[1] = U(G((...m) => i.focusNext && i.focusNext(...m), ["prevent"]), ["down"]))
+        s[0] || (s[0] = U(G((...h) => i.focusPrevious && i.focusPrevious(...h), ["prevent"]), ["up"])),
+        s[1] || (s[1] = U(G((...h) => i.focusNext && i.focusNext(...h), ["prevent"]), ["down"]))
       ],
       ref: "menu",
       id: "my-menu"
     }, [
-      (o(!0), l(Z, null, pe(t.options, (m, k) => (o(), l("li", {
+      (o(!0), l(Z, null, pe(t.options, (h, k) => (o(), l("li", {
         key: k,
-        onClick: G((B) => i.optionClicked(m), ["stop"]),
-        role: m.type === "divider" ? "separator" : "menuitem",
-        tabindex: m.type === "divider" || m.disabled ? "-1" : "0",
-        "aria-disabled": m.disabled || null,
+        onClick: G((B) => i.optionClicked(h), ["stop"]),
+        role: h.type === "divider" ? "separator" : "menuitem",
+        tabindex: h.type === "divider" || h.disabled ? "-1" : "0",
+        "aria-disabled": h.disabled || null,
         class: v([
-          m.type === "divider" ? "ecs-context-menu-divider" : "ecs-context-menu-item",
-          m.type === "danger" ? "danger" : "",
-          m.disabled ? "disabled" : ""
+          h.type === "divider" ? "ecs-context-menu-divider" : "ecs-context-menu-item",
+          h.type === "danger" ? "danger" : "",
+          h.disabled ? "disabled" : ""
         ])
       }, [
-        m.icon ? (o(), y(r, {
+        h.icon ? (o(), y(r, {
           key: 0,
-          type: m.icon,
+          type: h.icon,
           size: "20"
         }, null, 8, ["type"])) : u("", !0),
-        m.type != "divider" ? (o(), l("span", dr, x(m.name), 1)) : u("", !0),
-        m.nested ? (o(), y(c, {
+        h.type != "divider" ? (o(), l("span", dr, x(h.name), 1)) : u("", !0),
+        h.nested ? (o(), y(c, {
           key: 2,
-          onClick: G((B) => i.optionClicked(m.nested), ["stop"]),
-          icon: m.nested.icon,
-          title: m.nested.name,
-          "aria-label": m.nested.name,
-          disabled: m.nested.disabled || null,
+          onClick: G((B) => i.optionClicked(h.nested), ["stop"]),
+          icon: h.nested.icon,
+          title: h.nested.name,
+          "aria-label": h.nested.name,
+          disabled: h.nested.disabled || null,
           type: "secondary",
           "icon-only": "",
           size: "sml"
         }, null, 8, ["onClick", "icon", "title", "aria-label", "disabled"])) : u("", !0),
         b(d, {
-          danger: m.type == "danger"
+          danger: h.type == "danger"
         }, null, 8, ["danger"])
       ], 10, cr))), 128))
     ], 544)
   ], 14, lr)), [
-    [h, i.onClickOutside]
+    [g, i.onClickOutside]
   ]);
 }
-const by = /* @__PURE__ */ _(rr, [["render", ur], ["__scopeId", "data-v-f295a817"]]);
+const yy = /* @__PURE__ */ _(rr, [["render", ur], ["__scopeId", "data-v-f295a817"]]);
 const fr = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: Ee, EcsFocusRing: L, EcsFlexRow: Me },
+  components: { EcsButton: $e, EcsFocusRing: L, EcsFlexRow: Me },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -4433,7 +4434,7 @@ function _r(e, s, t, a, n, i) {
     f("div", pr, [
       t.removable ? (o(), y(r, {
         key: 0,
-        onClick: s[0] || (s[0] = (h) => e.$emit("remove", t.id)),
+        onClick: s[0] || (s[0] = (g) => e.$emit("remove", t.id)),
         type: "secondary",
         "icon-only": "",
         icon: "minus",
@@ -4443,8 +4444,8 @@ function _r(e, s, t, a, n, i) {
         "aria-label": t.removableTooltip
       }, null, 8, ["class", "title", "aria-label"])) : u("", !0),
       f("h3", {
-        onClick: s[1] || (s[1] = (...h) => i.toggleCollapse && i.toggleCollapse(...h)),
-        onKeydown: s[2] || (s[2] = U(G((...h) => i.toggleCollapse && i.toggleCollapse(...h), ["prevent"]), ["space"])),
+        onClick: s[1] || (s[1] = (...g) => i.toggleCollapse && i.toggleCollapse(...g)),
+        onKeydown: s[2] || (s[2] = U(G((...g) => i.toggleCollapse && i.toggleCollapse(...g), ["prevent"]), ["space"])),
         role: "button",
         class: v(["ecs-collapsable-headline", [t.headlineBold ? "ecs-headline-section-bold" : "ecs-headline-section", n.isVisible ? "" : "collapsed"]]),
         tabindex: "0",
@@ -4463,7 +4464,7 @@ function _r(e, s, t, a, n, i) {
           radius: 0
         }),
         e.$slots.controls ? (o(), l("div", hr, [
-          g(e.$slots, "controls", {}, void 0, !0)
+          m(e.$slots, "controls", {}, void 0, !0)
         ])) : u("", !0)
       ], 42, gr)
     ]),
@@ -4475,12 +4476,12 @@ function _r(e, s, t, a, n, i) {
       f("div", {
         class: v(["ecs-collapsable-content", i.contentPaddingClass])
       }, [
-        g(e.$slots, "default", {}, void 0, !0)
+        m(e.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 10, vr)
   ], 2);
 }
-const ky = /* @__PURE__ */ _(fr, [["render", _r], ["__scopeId", "data-v-4bf981c8"]]);
+const by = /* @__PURE__ */ _(fr, [["render", _r], ["__scopeId", "data-v-4bf981c8"]]);
 const yr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
@@ -4618,12 +4619,12 @@ function Cr(e, s, t, a, n, i) {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
         style: z(i.listMaxHeight)
       }, [
-        g(e.$slots, "default")
+        m(e.$slots, "default")
       ], 4)
     ], 10, Sr)
   ], 2);
 }
-const xy = /* @__PURE__ */ _(yr, [["render", Cr], ["__scopeId", "data-v-5e5716bc"]]);
+const ky = /* @__PURE__ */ _(yr, [["render", Cr], ["__scopeId", "data-v-5e5716bc"]]);
 const Br = {
   name: "ecs-skeleton-loader",
   props: {
@@ -4663,8 +4664,8 @@ const Br = {
 }, zr = (e) => (he("data-v-75354c78"), e = e(), ve(), e), Ir = {
   key: 1,
   class: "ecs-skeleton skeletons"
-}, Er = /* @__PURE__ */ zr(() => /* @__PURE__ */ f("div", { class: "skeleton skeleton-single" }, null, -1)), $r = [
-  Er
+}, $r = /* @__PURE__ */ zr(() => /* @__PURE__ */ f("div", { class: "skeleton skeleton-single" }, null, -1)), Er = [
+  $r
 ];
 function Pr(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), l("div", {
@@ -4675,7 +4676,7 @@ function Pr(e, s, t, a, n, i) {
     (o(!0), l(Z, null, pe(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
       class: v(["skeleton-wrap", "skeleton-line-height-" + t.lineHeight])
-    }, $r, 2))), 128))
+    }, Er, 2))), 128))
   ])) : (o(), l("div", {
     key: 2,
     class: v(["ecs-skeleton skeleton-wrap", "skeleton-line-height-" + t.lineHeight])
@@ -4686,10 +4687,10 @@ function Pr(e, s, t, a, n, i) {
     }, null, 4)
   ], 2));
 }
-const Se = /* @__PURE__ */ _(Br, [["render", Pr], ["__scopeId", "data-v-75354c78"]]);
+const we = /* @__PURE__ */ _(Br, [["render", Pr], ["__scopeId", "data-v-75354c78"]]);
 const Tr = {
   name: "ecs-formatted",
-  components: { EcsSkeletonLoader: Se },
+  components: { EcsSkeletonLoader: we },
   mixins: [_e],
   props: {
     /** Sets the general font size of the formatted text component to small. */
@@ -4729,7 +4730,7 @@ function Lr(e, s, t, a, n, i) {
       type: "multi",
       "line-height": t.small ? 1 : 2,
       count: t.skeletonCount
-    }, null, 8, ["line-height", "count"])) : g(e.$slots, "default", {
+    }, null, 8, ["line-height", "count"])) : m(e.$slots, "default", {
       key: 0,
       ref: "slot"
     })
@@ -4739,7 +4740,7 @@ const Ds = /* @__PURE__ */ _(Tr, [["render", Lr]]);
 const Or = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: Ti, EcsButton: Ee, EcsFormatted: Ds, EcsSkeletonLoader: Se },
+  components: { EcsAvatar: Ti, EcsButton: $e, EcsFormatted: Ds, EcsSkeletonLoader: we },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -4776,7 +4777,7 @@ const Or = {
   class: "ecs-comment-edit"
 };
 function jr(e, s, t, a, n, i) {
-  const r = p("ecs-skeleton-loader"), c = p("ecs-avatar"), d = p("ecs-button"), h = p("ecs-formatted");
+  const r = p("ecs-skeleton-loader"), c = p("ecs-avatar"), d = p("ecs-button"), g = p("ecs-formatted");
   return o(), l("div", {
     class: "ecs-comment",
     role: "comment",
@@ -4810,13 +4811,13 @@ function jr(e, s, t, a, n, i) {
         ])) : (o(), l("div", Fr, [
           f("span", Rr, x(t.userName), 1),
           f("span", Vr, [
-            g(e.$slots, "commentdate", {}, void 0, !0)
+            m(e.$slots, "commentdate", {}, void 0, !0)
           ])
         ]))
       ]),
       t.canEdit ? (o(), l("div", qr, [
         b(d, {
-          onClick: s[0] || (s[0] = (m) => e.$emit("edit", m)),
+          onClick: s[0] || (s[0] = (h) => e.$emit("edit", h)),
           type: "secondary",
           size: "sml",
           icon: "edit",
@@ -4824,7 +4825,7 @@ function jr(e, s, t, a, n, i) {
           title: "Edit Comment"
         }),
         b(d, {
-          onClick: s[1] || (s[1] = (m) => e.$emit("delete", m)),
+          onClick: s[1] || (s[1] = (h) => e.$emit("delete", h)),
           type: "danger",
           size: "sml",
           icon: "delete",
@@ -4833,12 +4834,12 @@ function jr(e, s, t, a, n, i) {
         })
       ])) : u("", !0)
     ]),
-    !e.$slots.editform && !t.loading ? (o(), y(h, {
+    !e.$slots.editform && !t.loading ? (o(), y(g, {
       key: 0,
       class: "ecs-comment-body"
     }, {
       default: w(() => [
-        g(e.$slots, "default", {}, void 0, !0)
+        m(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     })) : t.loading ? (o(), y(r, {
@@ -4847,18 +4848,18 @@ function jr(e, s, t, a, n, i) {
       count: 2,
       class: "ecs-comment-body"
     })) : (o(), l("div", Wr, [
-      g(e.$slots, "editform", {}, void 0, !0)
+      m(e.$slots, "editform", {}, void 0, !0)
     ]))
   ], 8, Ar);
 }
-const wy = /* @__PURE__ */ _(Or, [["render", jr], ["__scopeId", "data-v-cf696f66"]]);
+const xy = /* @__PURE__ */ _(Or, [["render", jr], ["__scopeId", "data-v-cf696f66"]]);
 const Gr = {}, Ur = { class: "ecs-comment-list" };
 function Kr(e, s) {
   return o(), l("div", Ur, [
-    g(e.$slots, "default")
+    m(e.$slots, "default")
   ]);
 }
-const Sy = /* @__PURE__ */ _(Gr, [["render", Kr]]);
+const wy = /* @__PURE__ */ _(Gr, [["render", Kr]]);
 function ut(e) {
   "@babel/helpers - typeof";
   return ut = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -5052,7 +5053,7 @@ function Zr(e) {
     g: 0,
     b: 0
   }, t = 1, a = null, n = null, i = null, r = !1, c = !1;
-  return typeof e == "string" && (e = vl(e)), ut(e) == "object" && (ze(e.r) && ze(e.g) && ze(e.b) ? (s = Jr(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : ze(e.h) && ze(e.s) && ze(e.v) ? (a = Ze(e.s), n = Ze(e.v), s = el(e.h, a, n), r = !0, c = "hsv") : ze(e.h) && ze(e.s) && ze(e.l) && (a = Ze(e.s), i = Ze(e.l), s = Qr(e.h, a, i), r = !0, c = "hsl"), e.hasOwnProperty("a") && (t = e.a)), t = Fs(t), {
+  return typeof e == "string" && (e = vl(e)), ut(e) == "object" && (Be(e.r) && Be(e.g) && Be(e.b) ? (s = Jr(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : Be(e.h) && Be(e.s) && Be(e.v) ? (a = Ze(e.s), n = Ze(e.v), s = el(e.h, a, n), r = !0, c = "hsv") : Be(e.h) && Be(e.s) && Be(e.l) && (a = Ze(e.s), i = Ze(e.l), s = Qr(e.h, a, i), r = !0, c = "hsl"), e.hasOwnProperty("a") && (t = e.a)), t = Fs(t), {
     ok: r,
     format: e.format || c,
     r: Math.min(255, Math.max(s.r, 0)),
@@ -5097,8 +5098,8 @@ function rs(e, s, t) {
 function Qr(e, s, t) {
   var a, n, i;
   e = H(e, 360), s = H(s, 100), t = H(t, 100);
-  function r(h, m, k) {
-    return k < 0 && (k += 1), k > 1 && (k -= 1), k < 1 / 6 ? h + (m - h) * 6 * k : k < 1 / 2 ? m : k < 2 / 3 ? h + (m - h) * (2 / 3 - k) * 6 : h;
+  function r(g, h, k) {
+    return k < 0 && (k += 1), k > 1 && (k -= 1), k < 1 / 6 ? g + (h - g) * 6 * k : k < 1 / 2 ? h : k < 2 / 3 ? g + (h - g) * (2 / 3 - k) * 6 : g;
   }
   if (s === 0)
     a = n = i = t;
@@ -5139,10 +5140,10 @@ function ls(e, s, t) {
 }
 function el(e, s, t) {
   e = H(e, 360) * 6, s = H(s, 100), t = H(t, 100);
-  var a = Math.floor(e), n = e - a, i = t * (1 - s), r = t * (1 - n * s), c = t * (1 - (1 - n) * s), d = a % 6, h = [t, r, i, i, c, t][d], m = [c, t, t, r, i, i][d], k = [i, i, c, t, t, r][d];
+  var a = Math.floor(e), n = e - a, i = t * (1 - s), r = t * (1 - n * s), c = t * (1 - (1 - n) * s), d = a % 6, g = [t, r, i, i, c, t][d], h = [c, t, t, r, i, i][d], k = [i, i, c, t, t, r][d];
   return {
-    r: h * 255,
-    g: m * 255,
+    r: g * 255,
+    g: h * 255,
     b: k * 255
   };
 }
@@ -5277,14 +5278,14 @@ C.isReadable = function(e, s, t) {
 C.mostReadable = function(e, s, t) {
   var a = null, n = 0, i, r, c, d;
   t = t || {}, r = t.includeFallbackColors, c = t.level, d = t.size;
-  for (var h = 0; h < s.length; h++)
-    i = C.readability(e, s[h]), i > n && (n = i, a = C(s[h]));
+  for (var g = 0; g < s.length; g++)
+    i = C.readability(e, s[g]), i > n && (n = i, a = C(s[g]));
   return C.isReadable(e, a, {
     level: c,
     size: d
   }) || !r ? a : (t.includeFallbackColors = !1, C.mostReadable(e, ["#fff", "#000"], t));
 };
-var $t = C.names = {
+var Et = C.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -5434,7 +5435,7 @@ var $t = C.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, pl = C.hexNames = gl($t);
+}, pl = C.hexNames = gl(Et);
 function gl(e) {
   var s = {};
   for (var t in e)
@@ -5489,14 +5490,14 @@ var ue = function() {
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
 }();
-function ze(e) {
+function Be(e) {
   return !!ue.CSS_UNIT.exec(e);
 }
 function vl(e) {
   e = e.replace(Yr, "").replace(Xr, "").toLowerCase();
   var s = !1;
-  if ($t[e])
-    e = $t[e], s = !0;
+  if (Et[e])
+    e = Et[e], s = !0;
   else if (e == "transparent")
     return {
       r: 0,
@@ -5718,11 +5719,11 @@ function Il(e, s, t) {
   return s < t ? e < s ? s : e > t ? t : e : e < t ? t : e > s ? s : e;
 }
 const St = /* @__PURE__ */ xs(zl);
-function El(e) {
+function $l(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var Wt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Vs = Ll, Ol = Vs, Al = function() {
+var Wt = $l, El = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = El, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Vs = Ll, Ol = Vs, Al = function() {
   return Ol.Date.now();
 }, Nl = Al, Dl = /\s/;
 function Fl(e) {
@@ -5779,43 +5780,43 @@ function bc(e) {
 }
 var kc = bc, xc = Wt, Ct = Nl, _s = kc, wc = "Expected a function", Sc = Math.max, Cc = Math.min;
 function Bc(e, s, t) {
-  var a, n, i, r, c, d, h = 0, m = !1, k = !1, B = !0;
+  var a, n, i, r, c, d, g = 0, h = !1, k = !1, B = !0;
   if (typeof e != "function")
     throw new TypeError(wc);
-  s = _s(s) || 0, xc(t) && (m = !!t.leading, k = "maxWait" in t, i = k ? Sc(_s(t.maxWait) || 0, s) : i, B = "trailing" in t ? !!t.trailing : B);
-  function I(E) {
+  s = _s(s) || 0, xc(t) && (h = !!t.leading, k = "maxWait" in t, i = k ? Sc(_s(t.maxWait) || 0, s) : i, B = "trailing" in t ? !!t.trailing : B);
+  function I($) {
     var N = a, F = n;
-    return a = n = void 0, h = E, r = e.apply(F, N), r;
+    return a = n = void 0, g = $, r = e.apply(F, N), r;
   }
-  function S(E) {
-    return h = E, c = setTimeout(O, s), m ? I(E) : r;
+  function S($) {
+    return g = $, c = setTimeout(O, s), h ? I($) : r;
   }
-  function $(E) {
-    var N = E - d, F = E - h, q = s - N;
+  function E($) {
+    var N = $ - d, F = $ - g, q = s - N;
     return k ? Cc(q, i - F) : q;
   }
-  function P(E) {
-    var N = E - d, F = E - h;
+  function P($) {
+    var N = $ - d, F = $ - g;
     return d === void 0 || N >= s || N < 0 || k && F >= i;
   }
   function O() {
-    var E = Ct();
-    if (P(E))
-      return V(E);
-    c = setTimeout(O, $(E));
+    var $ = Ct();
+    if (P($))
+      return V($);
+    c = setTimeout(O, E($));
   }
-  function V(E) {
-    return c = void 0, B && a ? I(E) : (a = n = void 0, r);
+  function V($) {
+    return c = void 0, B && a ? I($) : (a = n = void 0, r);
   }
   function R() {
-    c !== void 0 && clearTimeout(c), h = 0, a = d = n = c = void 0;
+    c !== void 0 && clearTimeout(c), g = 0, a = d = n = c = void 0;
   }
   function T() {
     return c === void 0 ? r : V(Ct());
   }
   function A() {
-    var E = Ct(), N = P(E);
-    if (a = arguments, n = this, d = E, N) {
+    var $ = Ct(), N = P($);
+    if (a = arguments, n = this, d = $, N) {
       if (c === void 0)
         return S(d);
       if (k)
@@ -5825,12 +5826,12 @@ function Bc(e, s, t) {
   }
   return A.cancel = R, A.flush = T, A;
 }
-var zc = Bc, Ic = zc, Ec = Wt, $c = "Expected a function";
+var zc = Bc, Ic = zc, $c = Wt, Ec = "Expected a function";
 function Pc(e, s, t) {
   var a = !0, n = !0;
   if (typeof e != "function")
-    throw new TypeError($c);
-  return Ec(t) && (a = "leading" in t ? !!t.leading : a, n = "trailing" in t ? !!t.trailing : n), Ic(e, s, {
+    throw new TypeError(Ec);
+  return $c(t) && (a = "leading" in t ? !!t.leading : a, n = "trailing" in t ? !!t.trailing : n), Ic(e, s, {
     leading: a,
     maxWait: s,
     trailing: n
@@ -5873,7 +5874,7 @@ const Lc = {
       const t = this.$refs.container;
       if (!t)
         return;
-      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), h = St(c - i, 0, a), m = St(d - r, 0, n), k = h / a, B = St(-(m / n) + 1, 0, 1);
+      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = St(c - i, 0, a), h = St(d - r, 0, n), k = g / a, B = St(-(h / n) + 1, 0, 1);
       this.throttle(this.onChange, {
         h: this.colors.hsv.h,
         s: k,
@@ -5956,15 +5957,15 @@ const Vc = {
       const t = this.$refs.container;
       if (!t)
         return;
-      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), h = c - i, m = d - r;
+      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = c - i, h = d - r;
       let k, B;
-      this.direction === "vertical" ? (m < 0 ? k = 360 : m > n ? k = 0 : (B = -(m * 100 / n) + 100, k = 360 * B / 100), this.colors.hsl.h !== k && this.$emit("change", {
+      this.direction === "vertical" ? (h < 0 ? k = 360 : h > n ? k = 0 : (B = -(h * 100 / n) + 100, k = 360 * B / 100), this.colors.hsl.h !== k && this.$emit("change", {
         h: k,
         s: this.colors.hsl.s,
         l: this.colors.hsl.l,
         a: this.colors.hsl.a,
         source: "hsl"
-      })) : (h < 0 ? k = 0 : h > a ? k = 360 : (B = h * 100 / a, k = 360 * B / 100), this.colors.hsl.h !== k && this.$emit("change", {
+      })) : (g < 0 ? k = 0 : g > a ? k = 360 : (B = g * 100 / a, k = 360 * B / 100), this.colors.hsl.h !== k && this.$emit("change", {
         h: k,
         s: this.colors.hsl.s,
         l: this.colors.hsl.l,
@@ -6221,7 +6222,7 @@ const nd = {
   class: "ecs-color-picker-field--single"
 }, hd = ["aria-label", "aria-selected", "onClick"], vd = ["aria-label", "onClick"];
 function _d(e, s, t, a, n, i) {
-  const r = p("saturation"), c = p("hue"), d = p("alpha"), h = p("ed-in"), m = p("checkboard");
+  const r = p("saturation"), c = p("hue"), d = p("alpha"), g = p("ed-in"), h = p("checkboard");
   return o(), l("div", {
     role: "application",
     "aria-label": "Color picker",
@@ -6255,35 +6256,35 @@ function _d(e, s, t, a, n, i) {
     ])),
     !t.disableFields && !t.disableCustom ? (o(), l("div", dd, [
       f("div", ud, [
-        b(h, {
+        b(g, {
           label: "hex",
           modelValue: i.hex,
           onChange: i.inputChange
         }, null, 8, ["modelValue", "onChange"])
       ]),
       f("div", fd, [
-        b(h, {
+        b(g, {
           label: "r",
           modelValue: e.colors.rgba.r,
           onChange: i.inputChange
         }, null, 8, ["modelValue", "onChange"])
       ]),
       f("div", pd, [
-        b(h, {
+        b(g, {
           label: "g",
           modelValue: e.colors.rgba.g,
           onChange: i.inputChange
         }, null, 8, ["modelValue", "onChange"])
       ]),
       f("div", gd, [
-        b(h, {
+        b(g, {
           label: "b",
           modelValue: e.colors.rgba.b,
           onChange: i.inputChange
         }, null, 8, ["modelValue", "onChange"])
       ]),
       t.disableAlpha ? u("", !0) : (o(), l("div", md, [
-        b(h, {
+        b(g, {
           label: "a",
           modelValue: e.colors.a,
           "arrow-offset": 0.01,
@@ -6305,7 +6306,7 @@ function _d(e, s, t, a, n, i) {
           class: "ecs-color-picker-presets-color",
           onClick: (B) => i.handlePreset(k.hex)
         }, [
-          b(m)
+          b(h)
         ], 8, vd)) : (o(), l("div", {
           class: v(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
@@ -6402,10 +6403,10 @@ function kd(e, s, t, a, n, i) {
     _: 1
   });
 }
-const Cy = /* @__PURE__ */ _(bd, [["render", kd], ["__scopeId", "data-v-396c6ac9"]]);
+const Sy = /* @__PURE__ */ _(bd, [["render", kd], ["__scopeId", "data-v-396c6ac9"]]);
 const xd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: Se, EcsButtonTable: Ns, EcsButton: Ee, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsSkeletonLoader: we, EcsButtonTable: Ns, EcsButton: $e, EcsFocusRing: L },
   mixins: [_e],
   props: {
     /** If passed, an icon will be displayed in the data card. The icon prop must match a specific icons name. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -6488,15 +6489,15 @@ const xd = {
 }, wd = ["aria-busy", "tabindex"], Sd = {
   key: 0,
   class: "control"
-}, Cd = { class: "ecs-data-card-inner" }, Bd = { class: "ecs-data-card-row" }, zd = { class: "ecs-data-card-row-inner" }, Id = { class: "ecs-data-card-row-inner-text" }, Ed = {
+}, Cd = { class: "ecs-data-card-inner" }, Bd = { class: "ecs-data-card-row" }, zd = { class: "ecs-data-card-row-inner" }, Id = { class: "ecs-data-card-row-inner-text" }, $d = {
   key: 2,
   class: "ecs-data-card-actions"
-}, $d = {
+}, Ed = {
   key: 0,
   class: "ecs-data-card-row"
 }, Pd = { class: "ecs-data-card-row-inner" }, Td = ["id", "aria-hidden"], Md = { class: "ecs-data-card-expand-inner" };
 function Ld(e, s, t, a, n, i) {
-  const r = p("ecs-icon"), c = p("ecs-skeleton-loader"), d = p("ecs-button"), h = p("ecs-button-table"), m = p("ecs-focus-ring");
+  const r = p("ecs-icon"), c = p("ecs-skeleton-loader"), d = p("ecs-button"), g = p("ecs-button-table"), h = p("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-data-card", [
       e.$slots.meta ? "ecs-data-card-sml" : "",
@@ -6512,7 +6513,7 @@ function Ld(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1"
   }, [
     t.control && e.$slots.control ? (o(), l("div", Sd, [
-      g(e.$slots, "control", {}, void 0, !0)
+      m(e.$slots, "control", {}, void 0, !0)
     ])) : u("", !0),
     t.icon ? (o(), y(r, {
       key: 1,
@@ -6544,17 +6545,17 @@ function Ld(e, s, t, a, n, i) {
             class: "expand-button-left"
           }, null, 8, ["aria-controls", "aria-expanded", "icon", "active", "aria-label"])) : u("", !0),
           f("div", Id, [
-            g(e.$slots, "default", {}, void 0, !0)
+            m(e.$slots, "default", {}, void 0, !0)
           ]),
           t.loading ? (o(), y(c, {
             key: 1,
             type: "single",
             width: i.skeletonWidth(30, 70)
           }, null, 8, ["width"])) : u("", !0),
-          e.$slots.actions ? (o(), l("div", Ed, [
-            g(e.$slots, "actions", {}, void 0, !0)
+          e.$slots.actions ? (o(), l("div", $d, [
+            m(e.$slots, "actions", {}, void 0, !0)
           ])) : u("", !0),
-          t.expandable && t.expandPosition === "right" ? (o(), y(h, {
+          t.expandable && t.expandPosition === "right" ? (o(), y(g, {
             key: 3,
             onClick: s[1] || (s[1] = (k) => n.isExpanded = !n.isExpanded),
             "aria-controls": n.expandId,
@@ -6569,9 +6570,9 @@ function Ld(e, s, t, a, n, i) {
           }, null, 8, ["aria-controls", "aria-expanded", "active", "icon", "label"])) : u("", !0)
         ])
       ]),
-      e.$slots.meta ? (o(), l("div", $d, [
+      e.$slots.meta ? (o(), l("div", Ed, [
         f("div", Pd, [
-          g(e.$slots, "meta", {}, void 0, !0),
+          m(e.$slots, "meta", {}, void 0, !0),
           t.loading ? (o(), y(c, {
             key: 0,
             type: "single",
@@ -6586,20 +6587,20 @@ function Ld(e, s, t, a, n, i) {
         class: "ecs-data-card-expand"
       }, [
         f("div", Md, [
-          g(e.$slots, "expand", {}, void 0, !0)
+          m(e.$slots, "expand", {}, void 0, !0)
         ])
       ], 8, Td)), [
         [ft, n.isExpanded]
       ]) : u("", !0)
     ]),
-    t.hover ? (o(), y(m, {
+    t.hover ? (o(), y(h, {
       key: 3,
       inset: 0,
       radius: 0
     })) : u("", !0)
   ], 10, wd);
 }
-const By = /* @__PURE__ */ _(xd, [["render", Ld], ["__scopeId", "data-v-8dd053a6"]]);
+const Cy = /* @__PURE__ */ _(xd, [["render", Ld], ["__scopeId", "data-v-8dd053a6"]]);
 const Od = {
   name: "ecs-data-card-list"
 }, Ad = {
@@ -6608,10 +6609,10 @@ const Od = {
 };
 function Nd(e, s, t, a, n, i) {
   return o(), l("div", Ad, [
-    g(e.$slots, "default")
+    m(e.$slots, "default")
   ]);
 }
-const zy = /* @__PURE__ */ _(Od, [["render", Nd]]);
+const By = /* @__PURE__ */ _(Od, [["render", Nd]]);
 const Dd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
@@ -6666,23 +6667,23 @@ function qd(e, s, t, a, n, i) {
       class: v(["ecs-data-grid-head", t.sidebarOverlay ? "sidebar-space" : ""]),
       role: "row"
     }, [
-      g(e.$slots, "head", {}, void 0, !0)
+      m(e.$slots, "head", {}, void 0, !0)
     ], 2),
     e.$slots.empty ? (o(), l("div", Rd, [
-      g(e.$slots, "empty", {}, void 0, !0)
+      m(e.$slots, "empty", {}, void 0, !0)
     ])) : (o(), l("div", {
       key: 1,
       class: v(["ecs-data-grid-rows", [t.striped ? "striped" : "", t.sidebarOverlay ? "sidebar-space" : ""]])
     }, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 2)),
     e.$slots.pagination ? (o(), l("div", Vd, [
-      g(e.$slots, "pagination", {}, void 0, !0)
+      m(e.$slots, "pagination", {}, void 0, !0)
     ])) : u("", !0),
     t.disabled ? (o(), l("div", Hd)) : u("", !0)
   ], 46, Fd);
 }
-const Iy = /* @__PURE__ */ _(Dd, [["render", qd], ["__scopeId", "data-v-46caecef"]]);
+const zy = /* @__PURE__ */ _(Dd, [["render", qd], ["__scopeId", "data-v-46caecef"]]);
 const Wd = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "collapse"],
@@ -6741,7 +6742,7 @@ function Gd(e, s, t, a, n, i) {
       class: "ecs-data-grid-row-drop-zone"
     })) : u("", !0),
     t.state == "disabled" ? (o(), l("div", jd)) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
 const Ud = /* @__PURE__ */ _(Wd, [["render", Gd], ["__scopeId", "data-v-f4227c48"]]);
@@ -6796,7 +6797,7 @@ function Zd(e, s, t, a, n, i) {
       onCollapse: i.handleCollapse
     }, {
       default: w(() => [
-        g(e.$slots, "cells", {}, void 0, !0)
+        m(e.$slots, "cells", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["type", "onCollapse"]),
@@ -6804,11 +6805,11 @@ function Zd(e, s, t, a, n, i) {
       class: v(["ecs-data-grid-row-group-rows", n.isCollapsed ? "collapsed" : "expanded"]),
       "aria-hidden": n.isCollapsed || null
     }, [
-      g(e.$slots, "rows", {}, void 0, !0)
+      m(e.$slots, "rows", {}, void 0, !0)
     ], 10, Xd)
   ]);
 }
-const Ey = /* @__PURE__ */ _(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]);
+const Iy = /* @__PURE__ */ _(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]);
 const Jd = {
   name: "ecs-select",
   emits: [
@@ -6911,7 +6912,7 @@ function su(e, s, t, a, n, i) {
       name: t.name
     }), [
       t.placeholder ? (o(), l("option", eu)) : u("", !0),
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 16, Qd),
     t.placeholder && n.currentValue == "" ? (o(), l("span", tu, x(t.placeholder), 1)) : u("", !0)
   ], 2);
@@ -7186,7 +7187,7 @@ function mu(e, s, t, a, n, i) {
     }, [
       t.firstNonStaticCell ? (o(), l("div", ou)) : u("", !0),
       e.$slots.prefix ? (o(), l("div", ru, [
-        g(e.$slots, "prefix", {}, void 0, !0)
+        m(e.$slots, "prefix", {}, void 0, !0)
       ])) : u("", !0),
       t.icon ? (o(), y(r, {
         key: 2,
@@ -7197,16 +7198,16 @@ function mu(e, s, t, a, n, i) {
       }, null, 8, ["type", "title"])) : t.select ? (o(), y(c, {
         key: 3,
         modelValue: n.selectCellValue,
-        "onUpdate:modelValue": s[0] || (s[0] = (h) => n.selectCellValue = h),
-        onChange: s[1] || (s[1] = (h) => e.$emit("selection", n.selectCellValue)),
+        "onUpdate:modelValue": s[0] || (s[0] = (g) => n.selectCellValue = g),
+        onChange: s[1] || (s[1] = (g) => e.$emit("selection", n.selectCellValue)),
         type: "invisible"
       }, {
         default: w(() => [
-          (o(!0), l(Z, null, pe(t.select, (h, m) => (o(), l("option", {
-            key: m,
-            selected: h.selected,
-            value: h.value
-          }, x(h.name), 9, lu))), 128))
+          (o(!0), l(Z, null, pe(t.select, (g, h) => (o(), l("option", {
+            key: h,
+            selected: g.selected,
+            value: g.value
+          }, x(g.name), 9, lu))), 128))
         ]),
         _: 1
       }, 8, ["modelValue"])) : (o(), l("div", {
@@ -7214,10 +7215,10 @@ function mu(e, s, t, a, n, i) {
         class: "ecs-data-grid-head-cell-text",
         title: t.name
       }, x(t.name), 9, cu)),
-      g(e.$slots, "default", {}, void 0, !0),
+      m(e.$slots, "default", {}, void 0, !0),
       t.sortable ? (o(), l("button", {
         key: 5,
-        onClick: s[2] || (s[2] = (...h) => i.sortBy && i.sortBy(...h)),
+        onClick: s[2] || (s[2] = (...g) => i.sortBy && i.sortBy(...g)),
         class: v(["sort-button", t.sorting]),
         title: i.sortTitle
       }, [
@@ -7242,7 +7243,7 @@ function mu(e, s, t, a, n, i) {
         b(d)
       ], 10, du)) : u("", !0),
       e.$slots.suffix ? (o(), l("div", gu, [
-        g(e.$slots, "suffix", {}, void 0, !0)
+        m(e.$slots, "suffix", {}, void 0, !0)
       ])) : u("", !0)
     ], 14, au),
     t.fixedLeftLast ? (o(), l("div", {
@@ -7273,12 +7274,12 @@ function _u(e, s, t, a, n, i) {
     role: "tabpanel",
     "aria-labeled-by": t.ariaLabeledBy
   }, [
-    t.show ? g(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
+    t.show ? m(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
   ], 8, vu)), [
     [ft, t.show]
   ]);
 }
-const Py = /* @__PURE__ */ _(hu, [["render", _u], ["__scopeId", "data-v-ee025ab5"]]);
+const Ey = /* @__PURE__ */ _(hu, [["render", _u], ["__scopeId", "data-v-ee025ab5"]]);
 const yu = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
@@ -7437,7 +7438,7 @@ function Su(e, s, t, a, n, i) {
         collapsed: n.isCollapsed || null,
         type: "chevron"
       }, null, 8, ["onClick", "collapsed"])) : u("", !0),
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 12, ku),
     t.fixedLeftLast ? (o(), l("div", {
       key: 1,
@@ -7445,7 +7446,7 @@ function Su(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 6);
 }
-const Ty = /* @__PURE__ */ _(yu, [["render", Su], ["__scopeId", "data-v-ed970d99"]]), Cu = {
+const Py = /* @__PURE__ */ _(yu, [["render", Su], ["__scopeId", "data-v-ed970d99"]]), Cu = {
   name: "ecs-data-list"
 }, Bu = {
   class: "ecs-data-list",
@@ -7453,14 +7454,14 @@ const Ty = /* @__PURE__ */ _(yu, [["render", Su], ["__scopeId", "data-v-ed970d99
 };
 function zu(e, s, t, a, n, i) {
   return o(), l("div", Bu, [
-    g(e.$slots, "default")
+    m(e.$slots, "default")
   ]);
 }
-const My = /* @__PURE__ */ _(Cu, [["render", zu]]);
+const Ty = /* @__PURE__ */ _(Cu, [["render", zu]]);
 const Iu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
-  components: { EcsButtonMore: As, EcsSkeletonLoader: Se },
+  components: { EcsButtonMore: As, EcsSkeletonLoader: we },
   mixins: [_e],
   props: {
     /** The label that shows up to the left of the list item. Usually describes the content to the left, e.g.: "Type", "Profiles", etc. */
@@ -7560,7 +7561,7 @@ const Iu = {
   created() {
     this.expandId = this.generateUniqueId(), this.definitionId = this.generateUniqueId();
   }
-}, Eu = ["id"], $u = ["aria-busy", "aria-labelledby"], Pu = ["aria-valuenow"], Tu = ["id", "aria-hidden"];
+}, $u = ["id"], Eu = ["aria-busy", "aria-labelledby"], Pu = ["aria-valuenow"], Tu = ["id", "aria-hidden"];
 function Mu(e, s, t, a, n, i) {
   const r = p("ecs-button-more"), c = p("ecs-skeleton-loader");
   return o(), l("div", null, [
@@ -7590,7 +7591,7 @@ function Mu(e, s, t, a, n, i) {
           "aria-expanded": n.isVisible ? "true" : "false",
           onClick: i.toggleCollapse
         }, null, 8, ["active", "aria-controls", "aria-expanded", "onClick"])) : u("", !0)
-      ], 8, Eu)) : u("", !0),
+      ], 8, $u)) : u("", !0),
       f("div", {
         class: v(["ecs-data-list-data", [
           t.escape ? "ecs-data-list-data-escape" : "",
@@ -7605,7 +7606,7 @@ function Mu(e, s, t, a, n, i) {
           key: 1,
           type: "single",
           width: i.skeletonWidth(25, 70)
-        }, null, 8, ["width"])) : g(e.$slots, "default", { key: 0 }, void 0, !0),
+        }, null, 8, ["width"])) : m(e.$slots, "default", { key: 0 }, void 0, !0),
         t.progress ? (o(), l("div", {
           key: 2,
           class: "progress",
@@ -7613,7 +7614,7 @@ function Mu(e, s, t, a, n, i) {
           style: z({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, Pu)) : u("", !0)
-      ], 10, $u)
+      ], 10, Eu)
     ], 2),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
@@ -7622,11 +7623,11 @@ function Mu(e, s, t, a, n, i) {
       id: n.expandId,
       "aria-hidden": n.isVisible ? "false" : "true"
     }, [
-      g(e.$slots, "collapse", {}, void 0, !0)
+      m(e.$slots, "collapse", {}, void 0, !0)
     ], 10, Tu)) : u("", !0)
   ]);
 }
-const Ly = /* @__PURE__ */ _(Iu, [["render", Mu], ["__scopeId", "data-v-99c893a3"]]);
+const My = /* @__PURE__ */ _(Iu, [["render", Mu], ["__scopeId", "data-v-99c893a3"]]);
 const Lu = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
@@ -7697,17 +7698,17 @@ function Au(e, s, t, a, n, i) {
     onKeydown: s[0] || (s[0] = U((...r) => i.handleEnterKey && i.handleEnterKey(...r), ["enter"]))
   }, [
     f("div", Ou, [
-      g(e.$slots, "default")
+      m(e.$slots, "default")
     ]),
     e.$slots.actions ? (o(), l("div", {
       key: 0,
       class: v(["ecs-dialog-footer", [t.stackedFooter ? "ecs-dialog-footer-stacked" : ""]])
     }, [
-      g(e.$slots, "actions")
+      m(e.$slots, "actions")
     ], 2)) : u("", !0)
   ], 34)) : u("", !0);
 }
-const Oy = /* @__PURE__ */ _(Lu, [["render", Au]]);
+const Ly = /* @__PURE__ */ _(Lu, [["render", Au]]);
 const Nu = {
   __name: "state-icon",
   props: {
@@ -7814,13 +7815,13 @@ function Hu(e, s, t, a, n, i) {
         type: t.icon,
         "icon-color": t.iconColor
       }, null, 8, ["type", "icon-color"]),
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ])) : (o(), l("h3", Vu, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]))
   ]);
 }
-const Ay = /* @__PURE__ */ _(Fu, [["render", Hu], ["__scopeId", "data-v-6e05c98b"]]), qu = {
+const Oy = /* @__PURE__ */ _(Fu, [["render", Hu], ["__scopeId", "data-v-6e05c98b"]]), qu = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -7904,11 +7905,11 @@ function Uu(e, s, t, a, n, i) {
       style: z("background-color:" + t.indicator)
     }, null, 4)) : u("", !0),
     f("div", Gu, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Ny = /* @__PURE__ */ _(Wu, [["render", Uu], ["__scopeId", "data-v-800f5f8e"]]);
+const Ay = /* @__PURE__ */ _(Wu, [["render", Uu], ["__scopeId", "data-v-800f5f8e"]]);
 const Ku = {
   name: "ecs-document-state",
   components: {
@@ -7964,7 +7965,7 @@ function tf(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 8, Yu);
 }
-const Dy = /* @__PURE__ */ _(Ku, [["render", tf], ["__scopeId", "data-v-00c4c6d7"]]);
+const Ny = /* @__PURE__ */ _(Ku, [["render", tf], ["__scopeId", "data-v-00c4c6d7"]]);
 const sf = {
   props: {
     /** The initial value of the chart as a percentage. */
@@ -8054,7 +8055,7 @@ function rf(e, s, t, a, n, i) {
     ], 8, nf))
   ], 4);
 }
-const Fy = /* @__PURE__ */ _(sf, [["render", rf], ["__scopeId", "data-v-851d95d9"]]);
+const Dy = /* @__PURE__ */ _(sf, [["render", rf], ["__scopeId", "data-v-851d95d9"]]);
 const lf = {
   name: "ecs-empty-state",
   components: { EcsIcon: M },
@@ -8104,10 +8105,10 @@ function ff(e, s, t, a, n, i) {
       key: 2,
       class: v(["ecs-empty-state-message", t.size])
     }, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 2)) : u("", !0),
     e.$slots.actions ? (o(), l("div", uf, [
-      g(e.$slots, "actions", {}, void 0, !0)
+      m(e.$slots, "actions", {}, void 0, !0)
     ])) : u("", !0)
   ], 8, cf);
 }
@@ -8168,9 +8169,9 @@ const _f = {
   emits: ["onFileDrop", "cancel"],
   components: {
     EcsEmptyState: pf,
-    EcsSkeletonLoader: Se,
+    EcsSkeletonLoader: we,
     EcsProgress: vf,
-    EcsButton: Ee,
+    EcsButton: $e,
     EcsFocusRing: L,
     EcsFlexRow: Me,
     EcsSticker: Re,
@@ -8334,7 +8335,7 @@ const _f = {
   class: "ecs-dropzone-error-message"
 };
 function Bf(e, s, t, a, n, i) {
-  const r = p("ecs-skeleton-loader"), c = p("ecs-focus-ring"), d = p("ecs-text"), h = p("ecs-sticker"), m = p("ecs-flex-row"), k = p("ecs-progress"), B = p("ecs-empty-state"), I = p("ecs-button");
+  const r = p("ecs-skeleton-loader"), c = p("ecs-focus-ring"), d = p("ecs-text"), g = p("ecs-sticker"), h = p("ecs-flex-row"), k = p("ecs-progress"), B = p("ecs-empty-state"), I = p("ecs-button");
   return o(), l("div", {
     class: v(["ecs-dropzone", [
       t.error ? "ecs-dropzone-error" : "",
@@ -8378,13 +8379,13 @@ function Bf(e, s, t, a, n, i) {
             D(" to upload. ")
           ], 64)),
           e.$slots.customlabel ? (o(), l("div", xf, [
-            g(e.$slots, "customlabel", {}, void 0, !0)
+            m(e.$slots, "customlabel", {}, void 0, !0)
           ])) : u("", !0),
           e.$slots.hint && !t.uploadStats.show ? (o(), l("div", wf, [
-            g(e.$slots, "hint", {}, void 0, !0)
+            m(e.$slots, "hint", {}, void 0, !0)
           ])) : u("", !0),
           t.uploadStats.show ? (o(), l("div", Sf, [
-            b(m, {
+            b(h, {
               gap: 8,
               justify: "center"
             }, {
@@ -8399,13 +8400,13 @@ function Bf(e, s, t, a, n, i) {
                     D("Uploading")
                   ]),
                   _: 1
-                })) : (o(), y(m, {
+                })) : (o(), y(h, {
                   key: 1,
                   gap: 4,
                   title: "Slow network, please check your connection."
                 }, {
                   default: w(() => [
-                    b(h, { type: "warning" }),
+                    b(g, { type: "warning" }),
                     b(d, {
                       type: "label",
                       emphasized: "",
@@ -8450,7 +8451,7 @@ function Bf(e, s, t, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, yf);
 }
-const Ry = /* @__PURE__ */ _(_f, [["render", Bf], ["__scopeId", "data-v-973ea74d"]]);
+const Fy = /* @__PURE__ */ _(_f, [["render", Bf], ["__scopeId", "data-v-973ea74d"]]);
 const zf = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
@@ -8511,17 +8512,17 @@ const zf = {
       this.$emit("moreClick", e);
     }
   }
-}, If = ["title"], Ef = {
+}, If = ["title"], $f = {
   key: 1,
   class: "prepend"
-}, $f = ["title"], Pf = {
+}, Ef = ["title"], Pf = {
   key: 2,
   class: "append"
 };
 function Tf(e, s, t, a, n, i) {
-  const r = p("ecs-icon"), c = p("ecs-sticker"), d = p("ecs-focus-ring"), h = p("ecs-button-more");
+  const r = p("ecs-icon"), c = p("ecs-sticker"), d = p("ecs-focus-ring"), g = p("ecs-button-more");
   return o(), l("div", {
-    onClick: s[0] || (s[0] = G((...m) => i.handleClick && i.handleClick(...m), ["stop"])),
+    onClick: s[0] || (s[0] = G((...h) => i.handleClick && i.handleClick(...h), ["stop"])),
     tabindex: "0",
     role: "button",
     class: "ecs-entry-link"
@@ -8542,21 +8543,21 @@ function Tf(e, s, t, a, n, i) {
         type: t.sticker
       }, null, 8, ["type"])) : u("", !0)
     ], 8, If)) : u("", !0),
-    e.$slots.prepender ? (o(), l("div", Ef, [
-      g(e.$slots, "prepender", {}, void 0, !0)
+    e.$slots.prepender ? (o(), l("div", $f, [
+      m(e.$slots, "prepender", {}, void 0, !0)
     ])) : u("", !0),
     f("div", {
       class: v(["ecs-entry-link-label", t.emphasized ? "emphasized" : ""]),
       title: t.linkTitle
-    }, x(t.label), 11, $f),
+    }, x(t.label), 11, Ef),
     e.$slots.appender ? (o(), l("div", Pf, [
-      g(e.$slots, "appender", {}, void 0, !0)
+      m(e.$slots, "appender", {}, void 0, !0)
     ])) : u("", !0),
     b(d, {
       inset: 0,
       radius: 6
     }),
-    t.moreButton ? (o(), y(h, {
+    t.moreButton ? (o(), y(g, {
       key: 3,
       onClick: G(i.handleMoreButtonClick, ["stop"]),
       type: "ellipsis",
@@ -8565,10 +8566,10 @@ function Tf(e, s, t, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const Vy = /* @__PURE__ */ _(zf, [["render", Tf], ["__scopeId", "data-v-00b5ab33"]]);
+const Ry = /* @__PURE__ */ _(zf, [["render", Tf], ["__scopeId", "data-v-00b5ab33"]]);
 const Mf = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: M, EcsSkeletonLoader: Se, EcsFormatted: Ds },
+  components: { EcsIcon: M, EcsSkeletonLoader: we, EcsFormatted: Ds },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -8683,11 +8684,11 @@ function Hf(e, s, t, a, n, i) {
           small: i.smallFormatted
         }, {
           default: w(() => [
-            g(e.$slots, "default", {}, void 0, !0)
+            m(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", Ff, [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Rf, [
           f("span", {
             style: z("color:" + t.annotationColor)
@@ -8696,13 +8697,13 @@ function Hf(e, s, t, a, n, i) {
             style: z("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), l("div", Vf, [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ]))
       ], 64))
     ], 4)
   ], 2);
 }
-const Hy = /* @__PURE__ */ _(Mf, [["render", Hf], ["__scopeId", "data-v-f582192b"]]), qy = {
+const Vy = /* @__PURE__ */ _(Mf, [["render", Hf], ["__scopeId", "data-v-f582192b"]]), Hy = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8750,10 +8751,10 @@ const Hy = /* @__PURE__ */ _(Mf, [["render", Hf], ["__scopeId", "data-v-f582192b
 };
 function jf(e, s, t, a, n, i) {
   return o(), l("div", Wf, [
-    g(e.$slots, "default")
+    m(e.$slots, "default")
   ]);
 }
-const Wy = /* @__PURE__ */ _(qf, [["render", jf]]);
+const qy = /* @__PURE__ */ _(qf, [["render", jf]]);
 const Gf = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
@@ -8878,7 +8879,7 @@ const Gf = {
   class: "ecs-file-list-entry-edit"
 };
 function np(e, s, t, a, n, i) {
-  const r = p("ecs-focus-ring"), c = p("ecs-icon"), d = p("ecs-file-icon"), h = p("ecs-sticker"), m = p("ecs-button-table");
+  const r = p("ecs-focus-ring"), c = p("ecs-icon"), d = p("ecs-file-icon"), g = p("ecs-sticker"), h = p("ecs-button-table");
   return o(), l("div", {
     onClick: s[9] || (s[9] = (k) => e.$emit("click", k)),
     class: v(["ecs-file-list-entry", [
@@ -8890,7 +8891,7 @@ function np(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1"
   }, [
     t.hover ? (o(), y(r, { key: 0 })) : u("", !0),
-    b(xe, { name: "title" }, {
+    b(ze, { name: "title" }, {
       default: w(() => [
         t.showTitleEdit || !t.edit ? (o(), l("div", Kf, [
           t.icon ? (o(), y(c, {
@@ -8908,7 +8909,7 @@ function np(e, s, t, a, n, i) {
             onMouseleave: s[3] || (s[3] = (k) => n.interactiveHover = !1),
             type: t.fileIcon
           }, null, 8, ["onMouseover", "type"])) : u("", !0),
-          (t.icon || t.fileIcon) && t.sticker ? (o(), y(h, {
+          (t.icon || t.fileIcon) && t.sticker ? (o(), y(g, {
             key: 2,
             type: t.sticker
           }, null, 8, ["type"])) : u("", !0),
@@ -8922,14 +8923,14 @@ function np(e, s, t, a, n, i) {
               class: "title",
               "aria-errormessage": t.error ? n.errorId : null
             }, [
-              g(e.$slots, "default", {}, void 0, !0)
+              m(e.$slots, "default", {}, void 0, !0)
             ], 8, Yf)
           ], 32),
           f("div", Xf, [
             e.$slots.meta ? (o(), l("div", Zf, [
-              g(e.$slots, "meta", {}, void 0, !0)
+              m(e.$slots, "meta", {}, void 0, !0)
             ])) : u("", !0),
-            g(e.$slots, "controls", {}, void 0, !0),
+            m(e.$slots, "controls", {}, void 0, !0),
             t.error ? (o(), y(c, {
               key: 1,
               type: "warning",
@@ -8947,7 +8948,7 @@ function np(e, s, t, a, n, i) {
             }, [
               b(r)
             ], 10, Jf)) : u("", !0),
-            t.remove ? (o(), y(m, {
+            t.remove ? (o(), y(h, {
               key: 3,
               onClick: s[8] || (s[8] = (k) => e.$emit("remove", k)),
               loading: t.removeLoading || null,
@@ -8979,9 +8980,9 @@ function np(e, s, t, a, n, i) {
       id: n.expandId,
       "aria-hidden": n.isVisible ? "false" : "true"
     }, [
-      g(e.$slots, "collapse", {}, void 0, !0)
+      m(e.$slots, "collapse", {}, void 0, !0)
     ], 10, tp)) : u("", !0),
-    b(xe, { name: "edit" }, {
+    b(ze, { name: "edit" }, {
       default: w(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
@@ -8989,7 +8990,7 @@ function np(e, s, t, a, n, i) {
           id: n.editId
         }, [
           f("div", ip, [
-            g(e.$slots, "edit", {}, void 0, !0)
+            m(e.$slots, "edit", {}, void 0, !0)
           ], 512)
         ], 12, sp)) : u("", !0)
       ]),
@@ -8997,7 +8998,7 @@ function np(e, s, t, a, n, i) {
     })
   ], 10, Uf);
 }
-const jy = /* @__PURE__ */ _(Gf, [["render", np], ["__scopeId", "data-v-c870bb34"]]);
+const Wy = /* @__PURE__ */ _(Gf, [["render", np], ["__scopeId", "data-v-c870bb34"]]);
 const ap = { class: "ecs-flag" }, op = {
   __name: "flag",
   props: {
@@ -9056,7 +9057,7 @@ const ap = { class: "ecs-flag" }, op = {
       }, null, 8, ["alt"])) : u("", !0)
     ]));
   }
-}, Gy = /* @__PURE__ */ _(op, [["__scopeId", "data-v-bb2af2bc"]]);
+}, jy = /* @__PURE__ */ _(op, [["__scopeId", "data-v-bb2af2bc"]]);
 const rp = {
   name: "ecs-flex-col",
   props: {
@@ -9103,7 +9104,7 @@ function lp(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-flex-col", [i.columnClass, i.growClass, i.shrinkClass, i.autoMarginClass]])
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
 const cp = /* @__PURE__ */ _(rp, [["render", lp], ["__scopeId", "data-v-1d2ad846"]]);
@@ -9307,7 +9308,7 @@ function bp(e, s, t, a, n, i) {
     ]]),
     style: z({ maxHeight: t.height, padding: t.padding })
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 6);
 }
 const kp = /* @__PURE__ */ _(yp, [["render", bp], ["__scopeId", "data-v-fb2e8eb9"]]);
@@ -9317,7 +9318,7 @@ const xp = {
   components: {
     EcsInputSearch: _p,
     EcsScrollContainer: kp,
-    EcsButton: Ee
+    EcsButton: $e
   },
   props: {
     /** Determines if the folder selector control has a search bar to filter by folder name. */
@@ -9384,7 +9385,7 @@ function Cp(e, s, t, a, n, i) {
       t.searchable ? (o(), y(r, {
         key: 0,
         modelValue: n.searchInputValue,
-        "onUpdate:modelValue": s[0] || (s[0] = (h) => n.searchInputValue = h),
+        "onUpdate:modelValue": s[0] || (s[0] = (g) => n.searchInputValue = g),
         onInput: i.searchInput,
         type: "naked",
         "show-clear": i.showClear,
@@ -9410,13 +9411,13 @@ function Cp(e, s, t, a, n, i) {
       borderless: ""
     }, {
       default: w(() => [
-        e.$slots.default ? g(e.$slots, "default", { key: 0 }, void 0, !0) : (o(), l("div", Sp, x(t.emptyMessage), 1))
+        e.$slots.default ? m(e.$slots, "default", { key: 0 }, void 0, !0) : (o(), l("div", Sp, x(t.emptyMessage), 1))
       ]),
       _: 3
     }, 8, ["height", "padding"])
   ], 6);
 }
-const Uy = /* @__PURE__ */ _(xp, [["render", Cp], ["__scopeId", "data-v-feb6cf8d"]]);
+const Gy = /* @__PURE__ */ _(xp, [["render", Cp], ["__scopeId", "data-v-feb6cf8d"]]);
 const Bp = {
   name: "ecs-form-group",
   components: { EcsText: it },
@@ -9456,7 +9457,7 @@ function zp(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-form-group", t.error ? "error" : ""])
   }, [
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     i.hasHelp ? (o(), y(r, {
       key: 0,
       innerHTML: t.helpText,
@@ -9478,21 +9479,21 @@ function zp(e, s, t, a, n, i) {
   ], 2);
 }
 const Ip = /* @__PURE__ */ _(Bp, [["render", zp], ["__scopeId", "data-v-84b79086"]]);
-const Ep = {}, $p = { class: "ecs-form-headline" }, Pp = { class: "ecs-form-headline-main" }, Tp = {
+const $p = {}, Ep = { class: "ecs-form-headline" }, Pp = { class: "ecs-form-headline-main" }, Tp = {
   key: 0,
   class: "ecs-form-headline-controls"
 };
 function Mp(e, s) {
-  return o(), l("div", $p, [
+  return o(), l("div", Ep, [
     f("h2", Pp, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
     e.$slots.controls ? (o(), l("div", Tp, [
-      g(e.$slots, "controls", {}, void 0, !0)
+      m(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ]);
 }
-const Ky = /* @__PURE__ */ _(Ep, [["render", Mp], ["__scopeId", "data-v-16833f69"]]);
+const Uy = /* @__PURE__ */ _($p, [["render", Mp], ["__scopeId", "data-v-16833f69"]]);
 const Lp = {
   name: "ecs-form-set",
   props: {
@@ -9514,10 +9515,10 @@ function Np(e, s, t, a, n, i) {
     "aria-invalid": t.error || null
   }, [
     f("legend", Ap, x(t.title), 1),
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 10, Op);
 }
-const Yy = /* @__PURE__ */ _(Lp, [["render", Np], ["__scopeId", "data-v-c9188464"]]);
+const Ky = /* @__PURE__ */ _(Lp, [["render", Np], ["__scopeId", "data-v-c9188464"]]);
 const Dp = {
   name: "ecs-toolbar",
   props: {
@@ -9535,7 +9536,7 @@ const Dp = {
 };
 function Rp(e, s, t, a, n, i) {
   return o(), l("div", Fp, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
 const Vp = /* @__PURE__ */ _(Dp, [["render", Rp], ["__scopeId", "data-v-a6ddde36"]]);
@@ -9561,8 +9562,8 @@ const Hp = {
   }
 }, qp = { class: "ecs-toolbar-search" }, Wp = { class: "number" }, jp = { class: "type" }, Gp = { class: "ecs-toolbar-right-section" }, Up = { class: "ecs-toolbar-right-section" };
 function Kp(e, s, t, a, n, i) {
-  const r = p("ecs-button-toolbar-group"), c = p("ecs-flex-row"), d = p("ecs-flex-col"), h = p("ecs-toolbar");
-  return o(), y(h, { class: "ecs-index-toolbar" }, {
+  const r = p("ecs-button-toolbar-group"), c = p("ecs-flex-row"), d = p("ecs-flex-col"), g = p("ecs-toolbar");
+  return o(), y(g, { class: "ecs-index-toolbar" }, {
     default: w(() => [
       b(c, null, {
         default: w(() => [
@@ -9570,12 +9571,12 @@ function Kp(e, s, t, a, n, i) {
             default: w(() => [
               e.$slots.searchbuttons ? (o(), y(r, { key: 0 }, {
                 default: w(() => [
-                  g(e.$slots, "searchbuttons", {}, void 0, !0)
+                  m(e.$slots, "searchbuttons", {}, void 0, !0)
                 ]),
                 _: 3
               })) : u("", !0),
               f("div", qp, [
-                g(e.$slots, "search", {}, void 0, !0)
+                m(e.$slots, "search", {}, void 0, !0)
               ]),
               b(c, {
                 gap: 4,
@@ -9593,10 +9594,10 @@ function Kp(e, s, t, a, n, i) {
           b(d, { columns: 3 }, {
             default: w(() => [
               f("div", Gp, [
-                g(e.$slots, "actions-left", {}, void 0, !0)
+                m(e.$slots, "actions-left", {}, void 0, !0)
               ]),
               f("div", Up, [
-                g(e.$slots, "actions-right", {}, void 0, !0)
+                m(e.$slots, "actions-right", {}, void 0, !0)
               ])
             ]),
             _: 3
@@ -9608,7 +9609,7 @@ function Kp(e, s, t, a, n, i) {
     _: 3
   });
 }
-const Xy = /* @__PURE__ */ _(Hp, [["render", Kp], ["__scopeId", "data-v-3e639a35"]]);
+const Yy = /* @__PURE__ */ _(Hp, [["render", Kp], ["__scopeId", "data-v-3e639a35"]]);
 const Yp = {
   name: "ecs-info-tooltip",
   emits: ["click"],
@@ -9640,7 +9641,7 @@ function Xp(e, s, t, a, n, i) {
     }, null, 8, ["type"])
   ]);
 }
-const Zy = /* @__PURE__ */ _(Yp, [["render", Xp], ["__scopeId", "data-v-97a5e4d9"]]);
+const Xy = /* @__PURE__ */ _(Yp, [["render", Xp], ["__scopeId", "data-v-97a5e4d9"]]);
 const Zp = {
   name: "ecs-input",
   emits: ["update:modelValue", "change", "keyup", "blur"],
@@ -9799,7 +9800,7 @@ function ig(e, s, t, a, n, i) {
   return o(), l("span", {
     class: v(["ecs-input-group-addon", [i.iconClass, t.button ? "has-button" : ""]])
   }, [
-    g(e.$slots, "default"),
+    m(e.$slots, "default"),
     t.icon ? (o(), y(r, {
       key: 0,
       type: t.icon,
@@ -9808,14 +9809,14 @@ function ig(e, s, t, a, n, i) {
     }, null, 8, ["type"])) : u("", !0)
   ], 2);
 }
-const Jy = /* @__PURE__ */ _(sg, [["render", ig]]);
+const Zy = /* @__PURE__ */ _(sg, [["render", ig]]);
 const ng = {
   name: "ecs-input-connector"
 }, ag = { class: "ecs-input-group-addon connector" };
 function og(e, s, t, a, n, i) {
   return o(), l("span", ag);
 }
-const Qy = /* @__PURE__ */ _(ng, [["render", og]]);
+const Jy = /* @__PURE__ */ _(ng, [["render", og]]);
 const rg = {
   name: "ecs-input-float",
   emits: ["input"],
@@ -9912,7 +9913,7 @@ function ug(e, s, t, a, n, i) {
     f("label", { for: n.uniqueId }, x(t.label), 9, dg)
   ]);
 }
-const eb = /* @__PURE__ */ _(rg, [["render", ug], ["__scopeId", "data-v-3191dd13"]]);
+const Qy = /* @__PURE__ */ _(rg, [["render", ug], ["__scopeId", "data-v-3191dd13"]]);
 const fg = {
   props: {
     /** If the input group contains only one input element, set this prop to true. */
@@ -9926,10 +9927,10 @@ function pg(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-input-group", t.singleInput ? "ecs-input-group-single" : ""])
   }, [
-    g(e.$slots, "default")
+    m(e.$slots, "default")
   ], 2);
 }
-const tb = /* @__PURE__ */ _(fg, [["render", pg]]);
+const eb = /* @__PURE__ */ _(fg, [["render", pg]]);
 const gg = {
   name: "ecs-jumper-document",
   emits: [
@@ -10033,7 +10034,7 @@ function vg(e, s, t, a, n, i) {
     _: 1
   });
 }
-const sb = /* @__PURE__ */ _(gg, [["render", vg], ["__scopeId", "data-v-9ff41728"]]);
+const tb = /* @__PURE__ */ _(gg, [["render", vg], ["__scopeId", "data-v-9ff41728"]]);
 const _g = {
   name: "ecs-jumper-index",
   emits: [
@@ -10146,7 +10147,7 @@ function wg(e, s, t, a, n, i) {
     _: 1
   });
 }
-const ib = /* @__PURE__ */ _(_g, [["render", wg], ["__scopeId", "data-v-e2edd2d3"]]);
+const sb = /* @__PURE__ */ _(_g, [["render", wg], ["__scopeId", "data-v-e2edd2d3"]]);
 const Sg = {
   name: "ecs-jumper-page",
   emits: [
@@ -10202,11 +10203,11 @@ const Sg = {
       this.$emit("currentPageKeyPressed", e), e.stopPropagation(), e.key == "Enter" && e.preventDefault();
     }
   }
-}, Cg = { class: "ecs-viewer-pages" }, Bg = { class: "ecs-viewer-pages-inner" }, zg = { class: "ecs-viewer-pages-pagination" }, Ig = { class: "total-pages" }, Eg = {
+}, Cg = { class: "ecs-viewer-pages" }, Bg = { class: "ecs-viewer-pages-inner" }, zg = { class: "ecs-viewer-pages-pagination" }, Ig = { class: "total-pages" }, $g = {
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
-}, $g = { class: "ecs-viewer-pages-pagination" }, Pg = { class: "total-pages-relative" }, Tg = { class: "total-pages-relative" }, Mg = {
+}, Eg = { class: "ecs-viewer-pages-pagination" }, Pg = { class: "total-pages-relative" }, Tg = { class: "total-pages-relative" }, Mg = {
   key: 1,
   class: "ecs-viewer-pages-pagination"
 }, Lg = ["innerHTML"], Og = { class: "total-pages" };
@@ -10224,9 +10225,9 @@ function Ag(e, s, t, a, n, i) {
             id: "currPage"
           }, x(t.currentPage), 33),
           f("div", Ig, "of " + x(t.lastPage), 1),
-          t.isTranscriptMissingPages ? (o(), l("span", Eg, "*")) : u("", !0)
+          t.isTranscriptMissingPages ? (o(), l("span", $g, "*")) : u("", !0)
         ]),
-        f("div", $g, [
+        f("div", Eg, [
           f("div", Pg, x(i.altPageNumber) + " ", 1),
           f("div", Tg, "of " + x(t.pageCount), 1)
         ])
@@ -10245,7 +10246,7 @@ function Ag(e, s, t, a, n, i) {
     ])
   ]);
 }
-const nb = /* @__PURE__ */ _(Sg, [["render", Ag], ["__scopeId", "data-v-0346f2c1"]]), Ng = {
+const ib = /* @__PURE__ */ _(Sg, [["render", Ag], ["__scopeId", "data-v-0346f2c1"]]), Ng = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -10301,7 +10302,7 @@ function Dg(e, s, t, a, n, i) {
     onClick: s[0] || (s[0] = (r) => i.onPaneClick(r, e._.uid)),
     style: z(e.style)
   }, [
-    g(e.$slots, "default")
+    m(e.$slots, "default")
   ], 4);
 }
 const Fg = /* @__PURE__ */ _(Ng, [["render", Dg]]);
@@ -10419,9 +10420,9 @@ const Rg = {
       };
       const a = 0 + (this.pushOtherPanes ? 0 : t.prevPanesSize), n = 100 - (this.pushOtherPanes ? 0 : t.nextPanesSize), i = Math.max(Math.min(this.getCurrentDragPercentage(e), n), a);
       let r = [s, s + 1], c = this.panes[r[0]] || null, d = this.panes[r[1]] || null;
-      const h = c.max < 100 && i >= c.max + t.prevPanesSize, m = d.max < 100 && i <= 100 - (d.max + this.sumNextPanesSize(s + 1));
-      if (h || m) {
-        h ? (c.size = c.max, d.size = Math.max(100 - c.max - t.prevPanesSize - t.nextPanesSize, 0)) : (c.size = Math.max(100 - d.max - t.prevPanesSize - this.sumNextPanesSize(s + 1), 0), d.size = d.max);
+      const g = c.max < 100 && i >= c.max + t.prevPanesSize, h = d.max < 100 && i <= 100 - (d.max + this.sumNextPanesSize(s + 1));
+      if (g || h) {
+        g ? (c.size = c.max, d.size = Math.max(100 - c.max - t.prevPanesSize - t.nextPanesSize, 0)) : (c.size = Math.max(100 - d.max - t.prevPanesSize - this.sumNextPanesSize(s + 1), 0), d.size = d.max);
         return;
       }
       if (this.pushOtherPanes) {
@@ -10656,8 +10657,8 @@ function jg(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-index-layout", [t.backgroundWhite ? "background-white" : ""]])
   }, [
-    g(e.$slots, "toolbar", {}, void 0, !0),
-    g(e.$slots, "action-toolbar", {}, void 0, !0),
+    m(e.$slots, "toolbar", {}, void 0, !0),
+    m(e.$slots, "action-toolbar", {}, void 0, !0),
     f("div", {
       class: v(["ecs-index-layout-wrap", [t.indent ? "indent" : ""]])
     }, [
@@ -10671,7 +10672,7 @@ function jg(e, s, t, a, n, i) {
               class: "ecs-index-layout-table scrollbar"
             }, {
               default: w(() => [
-                g(e.$slots, "default", {}, void 0, !0)
+                m(e.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }, 8, ["size", "minSize", "maxSize"]),
@@ -10682,17 +10683,17 @@ function jg(e, s, t, a, n, i) {
               maxSize: t.splitPaneSizes[1].maxSize
             }, {
               default: w(() => [
-                g(e.$slots, "pane", {}, void 0, !0)
+                m(e.$slots, "pane", {}, void 0, !0)
               ]),
               _: 3
             }, 8, ["size", "minSize", "maxSize"])) : u("", !0)
           ]),
           _: 3
         })) : (o(), l("div", qg, [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ])),
         e.$slots.pagination ? (o(), l("div", Wg, [
-          g(e.$slots, "pagination", {}, void 0, !0)
+          m(e.$slots, "pagination", {}, void 0, !0)
         ])) : u("", !0)
       ]),
       e.$slots.sidebar ? (o(), l("div", {
@@ -10700,12 +10701,12 @@ function jg(e, s, t, a, n, i) {
         class: v(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
         style: z(i.sidebarPosition)
       }, [
-        g(e.$slots, "sidebar", {}, void 0, !0)
+        m(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
     ], 2)
   ], 2);
 }
-const ab = /* @__PURE__ */ _(Vg, [["render", jg], ["__scopeId", "data-v-7e2fc186"]]);
+const nb = /* @__PURE__ */ _(Vg, [["render", jg], ["__scopeId", "data-v-7e2fc186"]]);
 const Gg = {
   name: "ecs-layout-directory",
   props: {
@@ -10729,26 +10730,26 @@ const Gg = {
 };
 function Jg(e, s, t, a, n, i) {
   return o(), l("div", Ug, [
-    g(e.$slots, "toolbar", {}, void 0, !0),
-    g(e.$slots, "action-toolbar", {}, void 0, !0),
+    m(e.$slots, "toolbar", {}, void 0, !0),
+    m(e.$slots, "action-toolbar", {}, void 0, !0),
     f("div", Kg, [
       f("div", Yg, [
         e.$slots.directory ? (o(), l("aside", Xg, [
-          g(e.$slots, "directory", {}, void 0, !0)
+          m(e.$slots, "directory", {}, void 0, !0)
         ])) : u("", !0),
         f("main", {
           class: v(["ecs-directory-layout-entry scrollbar", [e.$slots.sidebar ? "has-sidebar" : ""]])
         }, [
-          g(e.$slots, "default", {}, void 0, !0)
+          m(e.$slots, "default", {}, void 0, !0)
         ], 2),
         e.$slots.sidebar ? (o(), l("div", Zg, [
-          g(e.$slots, "sidebar", {}, void 0, !0)
+          m(e.$slots, "sidebar", {}, void 0, !0)
         ])) : u("", !0)
       ])
     ])
   ]);
 }
-const ob = /* @__PURE__ */ _(Gg, [["render", Jg], ["__scopeId", "data-v-dd8572c4"]]);
+const ab = /* @__PURE__ */ _(Gg, [["render", Jg], ["__scopeId", "data-v-dd8572c4"]]);
 const Qg = {
   name: "ecs-layout-data-table",
   components: { EcsActionToolbar: ki },
@@ -10785,18 +10786,18 @@ function om(e, s, t, a, n, i) {
   }, [
     f("main", em, [
       e.$slots.toolbar ? (o(), l("div", tm, [
-        g(e.$slots, "toolbar", {}, void 0, !0)
+        m(e.$slots, "toolbar", {}, void 0, !0)
       ])) : u("", !0),
       e.$slots.actionbar ? Ge((o(), y(r, { key: 1 }, {
         default: w(() => [
-          g(e.$slots, "actionbar", {}, void 0, !0)
+          m(e.$slots, "actionbar", {}, void 0, !0)
         ]),
         _: 3
       }, 512)), [
         [ft, t.showActionbar]
       ]) : u("", !0),
       f("div", sm, [
-        g(e.$slots, "default", {}, void 0, !0)
+        m(e.$slots, "default", {}, void 0, !0)
       ])
     ]),
     e.$slots.sidebarcontent || e.$slots.sidebarheader ? (o(), l("aside", {
@@ -10805,16 +10806,16 @@ function om(e, s, t, a, n, i) {
     }, [
       f("div", im, [
         e.$slots.sidebarheader ? (o(), l("div", nm, [
-          g(e.$slots, "sidebarheader", {}, void 0, !0)
+          m(e.$slots, "sidebarheader", {}, void 0, !0)
         ])) : u("", !0),
         f("div", am, [
-          g(e.$slots, "sidebarcontent", {}, void 0, !0)
+          m(e.$slots, "sidebarcontent", {}, void 0, !0)
         ])
       ])
     ], 2)) : u("", !0)
   ], 2);
 }
-const rb = /* @__PURE__ */ _(Qg, [["render", om], ["__scopeId", "data-v-83846ef9"]]);
+const ob = /* @__PURE__ */ _(Qg, [["render", om], ["__scopeId", "data-v-83846ef9"]]);
 const rm = {
   name: "ecs-legend-item",
   emits: ["click"],
@@ -10913,13 +10914,13 @@ function um(e, s, t, a, n, i) {
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const lb = /* @__PURE__ */ _(rm, [["render", um], ["__scopeId", "data-v-3e5473d4"]]);
+const rb = /* @__PURE__ */ _(rm, [["render", um], ["__scopeId", "data-v-3e5473d4"]]);
 const fm = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Me,
     EcsSticker: Re,
-    EcsSkeletonLoader: Se
+    EcsSkeletonLoader: we
   },
   props: {
     /** Determines the type of log message, which also impacts the styling of it. */
@@ -10985,14 +10986,14 @@ function mm(e, s, t, a, n, i) {
           type: "single",
           width: 40,
           class: "skeleton-text"
-        })) : g(e.$slots, "default", { key: 1 }, void 0, !0)
+        })) : m(e.$slots, "default", { key: 1 }, void 0, !0)
       ]),
       t.meta && !t.loading ? (o(), l("div", gm, x(t.meta), 1)) : u("", !0)
     ]),
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const cb = /* @__PURE__ */ _(fm, [["render", mm], ["__scopeId", "data-v-d461aa9b"]]);
+const lb = /* @__PURE__ */ _(fm, [["render", mm], ["__scopeId", "data-v-d461aa9b"]]);
 const hm = {
   name: "ecs-map",
   components: { EcsFocusRing: L },
@@ -11038,7 +11039,7 @@ function ym(e, s, t, a, n, i) {
     ], 8, vm)
   ], 2);
 }
-const db = /* @__PURE__ */ _(hm, [["render", ym], ["__scopeId", "data-v-e2371c57"]]);
+const cb = /* @__PURE__ */ _(hm, [["render", ym], ["__scopeId", "data-v-e2371c57"]]);
 const bm = {
   name: "ecs-modal",
   props: {
@@ -11097,7 +11098,7 @@ const bm = {
   class: "ecs-modal-footer-wrap"
 }, Cm = /* @__PURE__ */ km(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
 function Bm(e, s, t, a, n, i) {
-  return o(), y(xe, { name: "dialog-fade" }, {
+  return o(), y(ze, { name: "dialog-fade" }, {
     default: w(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11108,13 +11109,13 @@ function Bm(e, s, t, a, n, i) {
           style: z(i.fixedHeightStyle)
         }, [
           e.$slots.header ? (o(), l("div", xm, [
-            g(e.$slots, "header", {}, void 0, !0)
+            m(e.$slots, "header", {}, void 0, !0)
           ])) : u("", !0),
           f("div", wm, [
-            g(e.$slots, "default", {}, void 0, !0)
+            m(e.$slots, "default", {}, void 0, !0)
           ]),
           e.$slots.footer ? (o(), l("div", Sm, [
-            g(e.$slots, "footer", {}, void 0, !0)
+            m(e.$slots, "footer", {}, void 0, !0)
           ])) : u("", !0)
         ], 4),
         Cm
@@ -11123,12 +11124,12 @@ function Bm(e, s, t, a, n, i) {
     _: 3
   });
 }
-const ub = /* @__PURE__ */ _(bm, [["render", Bm], ["__scopeId", "data-v-04163948"]]);
+const db = /* @__PURE__ */ _(bm, [["render", Bm], ["__scopeId", "data-v-04163948"]]);
 const zm = {
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
-    EcsButton: Ee,
+    EcsButton: $e,
     EcsFocusRing: L
   },
   props: {
@@ -11164,7 +11165,7 @@ const zm = {
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, Em = { class: "ecs-modal-header-main-inner" }, $m = {
+}, $m = { class: "ecs-modal-header-main-inner" }, Em = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
@@ -11174,8 +11175,8 @@ function Pm(e, s, t, a, n, i) {
     class: v(["ecs-modal-header", i.typeClass])
   }, [
     f("div", Im, [
-      f("div", Em, [
-        g(e.$slots, "default", {}, void 0, !0)
+      f("div", $m, [
+        m(e.$slots, "default", {}, void 0, !0)
       ]),
       b(r, {
         onClick: s[0] || (s[0] = (c) => e.$emit("close")),
@@ -11190,12 +11191,12 @@ function Pm(e, s, t, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    e.$slots.extension ? (o(), l("div", $m, [
-      g(e.$slots, "extension", {}, void 0, !0)
+    e.$slots.extension ? (o(), l("div", Em, [
+      m(e.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const fb = /* @__PURE__ */ _(zm, [["render", Pm], ["__scopeId", "data-v-14ff8a6b"]]);
+const ub = /* @__PURE__ */ _(zm, [["render", Pm], ["__scopeId", "data-v-14ff8a6b"]]);
 const Tm = {
   name: "ecs-modal-footer"
 }, Mm = { class: "ecs-modal-footer" }, Lm = {
@@ -11205,14 +11206,14 @@ const Tm = {
 function Am(e, s, t, a, n, i) {
   return o(), l("div", Mm, [
     e.$slots.secondary ? (o(), l("div", Lm, [
-      g(e.$slots, "secondary", {}, void 0, !0)
+      m(e.$slots, "secondary", {}, void 0, !0)
     ])) : u("", !0),
     f("div", Om, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const pb = /* @__PURE__ */ _(Tm, [["render", Am], ["__scopeId", "data-v-ac286496"]]);
+const fb = /* @__PURE__ */ _(Tm, [["render", Am], ["__scopeId", "data-v-ac286496"]]);
 const Nm = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
@@ -11320,7 +11321,7 @@ function Fm(e, s, t, a, n, i) {
       disabled: t.disabled || null,
       class: t.alignment == "right" ? "right" : ""
     }), [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 16, Dm),
     b(c, {
       inset: t.size == "xsml" ? -2 : -4
@@ -11402,7 +11403,7 @@ function Um(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-multiselect-search-token", i.typeClass]),
     tabindex: "0",
-    onKeydown: s[3] || (s[3] = U((h) => e.$emit("remove", h), ["delete"]))
+    onKeydown: s[3] || (s[3] = U((g) => e.$emit("remove", g), ["delete"]))
   }, [
     t.icon || t.operator || t.operatorSwitch ? (o(), l("div", Hm, [
       b(r, {
@@ -11419,16 +11420,16 @@ function Um(e, s, t, a, n, i) {
         class: "operator-select"
       }, {
         default: w(() => [
-          (o(!0), l(Z, null, pe(t.operatorSelectOptions, (h) => (o(), l("option", {
-            value: h,
-            key: h
-          }, x(h), 9, Wm))), 128))
+          (o(!0), l(Z, null, pe(t.operatorSelectOptions, (g) => (o(), l("option", {
+            value: g,
+            key: g
+          }, x(g), 9, Wm))), 128))
         ]),
         _: 1
       }, 8, ["onChange", "value"])) : u("", !0),
       t.operatorSwitch ? (o(), l("button", {
         key: 2,
-        onClick: s[0] || (s[0] = (...h) => i.handleOperatorToggle && i.handleOperatorToggle(...h)),
+        onClick: s[0] || (s[0] = (...g) => i.handleOperatorToggle && i.handleOperatorToggle(...g)),
         title: "Toggle operator",
         "aria-label": "Toggle operator",
         class: v([t.type === "default" ? "has" : "not", "toggle"])
@@ -11450,10 +11451,10 @@ function Um(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", jm, [
       t.descriptor ? (o(), l("div", Gm, x(t.descriptor), 1)) : u("", !0),
-      g(e.$slots, "default", {}, void 0, !0),
+      m(e.$slots, "default", {}, void 0, !0),
       f("button", {
-        onClick: s[1] || (s[1] = (h) => e.$emit("remove", h)),
-        onKeyup: s[2] || (s[2] = U((h) => e.$emit("remove", h), ["enter"])),
+        onClick: s[1] || (s[1] = (g) => e.$emit("remove", g)),
+        onKeyup: s[2] || (s[2] = U((g) => e.$emit("remove", g), ["enter"])),
         class: "remove",
         title: "Remove",
         "aria-label": "Remove"
@@ -11468,7 +11469,7 @@ function Um(e, s, t, a, n, i) {
     ])
   ], 34);
 }
-const gb = /* @__PURE__ */ _(Vm, [["render", Um], ["__scopeId", "data-v-57205caa"]]);
+const pb = /* @__PURE__ */ _(Vm, [["render", Um], ["__scopeId", "data-v-57205caa"]]);
 const Km = {
   name: "ecs-multiselect-token",
   emits: ["remove"],
@@ -11484,7 +11485,7 @@ function Ym(e, s, t, a, n, i) {
     tabindex: "0",
     onKeydown: s[1] || (s[1] = U((d) => e.$emit("remove", d), ["delete"]))
   }, [
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     f("button", {
       onClick: s[0] || (s[0] = (d) => e.$emit("remove", d)),
       class: "remove"
@@ -11498,7 +11499,7 @@ function Ym(e, s, t, a, n, i) {
     ])
   ], 32);
 }
-const mb = /* @__PURE__ */ _(Km, [["render", Ym], ["__scopeId", "data-v-ce139540"]]);
+const gb = /* @__PURE__ */ _(Km, [["render", Ym], ["__scopeId", "data-v-ce139540"]]);
 const Xm = {
   name: "ecs-multiselect-option",
   components: {
@@ -11531,10 +11532,10 @@ function Jm(e, s, t, a, n, i) {
       type: t.icon,
       size: "20"
     }, null, 8, ["type"])) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 10, Zm);
 }
-const hb = /* @__PURE__ */ _(Xm, [["render", Jm], ["__scopeId", "data-v-ceac7867"]]);
+const mb = /* @__PURE__ */ _(Xm, [["render", Jm], ["__scopeId", "data-v-ceac7867"]]);
 const Qm = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
@@ -11709,7 +11710,7 @@ const Qm = {
 };
 function mh(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-button-toolbar"), d = p("ecs-alert");
-  return o(), y(xe, { name: "fade" }, {
+  return o(), y(ze, { name: "fade" }, {
     default: w(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11736,7 +11737,7 @@ function mh(e, s, t, a, n, i) {
             ])
           ]),
           e.$slots.headercontrols ? (o(), l("div", nh, [
-            g(e.$slots, "headercontrols", {}, void 0, !0)
+            m(e.$slots, "headercontrols", {}, void 0, !0)
           ])) : u("", !0),
           e.$slots.sidebar && n.width <= 1500 ? (o(), y(c, {
             key: 1,
@@ -11750,7 +11751,7 @@ function mh(e, s, t, a, n, i) {
             class: "sidebar-button"
           }, null, 8, ["onClick", "icon", "title", "active", "badge", "badge-color", "loading"])) : u("", !0),
           b(c, {
-            onClick: s[0] || (s[0] = (h) => e.$emit("close")),
+            onClick: s[0] || (s[0] = (g) => e.$emit("close")),
             disabled: t.closeDisabled || null,
             icon: "close"
           }, {
@@ -11768,7 +11769,7 @@ function mh(e, s, t, a, n, i) {
           class: "ecs-overlay-alert"
         }, {
           default: w(() => [
-            g(e.$slots, "alert", {}, void 0, !0)
+            m(e.$slots, "alert", {}, void 0, !0)
           ]),
           _: 3
         })) : u("", !0),
@@ -11778,7 +11779,7 @@ function mh(e, s, t, a, n, i) {
           "aria-busy": t.blockContent || null
         }, [
           e.$slots.tabs ? (o(), l("div", oh, [
-            g(e.$slots, "tabs", {}, void 0, !0)
+            m(e.$slots, "tabs", {}, void 0, !0)
           ])) : u("", !0),
           f("div", {
             ref: "innerContent",
@@ -11788,15 +11789,15 @@ function mh(e, s, t, a, n, i) {
               class: v(["ecs-overlay-content-inner-inner", e.$slots.sidebar && !t.fullWidth && n.width > 1500 ? "has-sidebar" : " "]),
               style: z({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
-              g(e.$slots, "default", {}, void 0, !0)
+              m(e.$slots, "default", {}, void 0, !0)
             ], 6),
             e.$slots.sidebar && n.width > 1500 ? (o(), l("div", rh, [
-              g(e.$slots, "sidebar", {}, void 0, !0)
+              m(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
-            b(xe, { name: "slide" }, {
+            b(ze, { name: "slide" }, {
               default: w(() => [
                 e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", lh, [
-                  g(e.$slots, "sidebar", {}, void 0, !0)
+                  m(e.$slots, "sidebar", {}, void 0, !0)
                 ])) : u("", !0)
               ]),
               _: 3
@@ -11811,7 +11812,7 @@ function mh(e, s, t, a, n, i) {
               class: "ecs-overlay-footer-content-inner",
               style: z({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
-              g(e.$slots, "footer", {}, void 0, !0)
+              m(e.$slots, "footer", {}, void 0, !0)
             ], 4),
             e.$slots.sidebar && n.width > 1500 ? (o(), l("div", ph)) : u("", !0),
             n.footerScrollSpacer ? (o(), l("div", gh)) : u("", !0)
@@ -11822,12 +11823,12 @@ function mh(e, s, t, a, n, i) {
     _: 3
   });
 }
-const vb = /* @__PURE__ */ _(Qm, [["render", mh], ["__scopeId", "data-v-fb905e2c"]]);
+const hb = /* @__PURE__ */ _(Qm, [["render", mh], ["__scopeId", "data-v-fb905e2c"]]);
 const hh = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
-    EcsButton: Ee,
+    EcsButton: $e,
     EcsSelect: js,
     EcsFlexRow: Me,
     EcsIcon: M
@@ -11925,18 +11926,15 @@ const hh = {
       this.$emit("updatePage", Number(e));
     }
   }
-}, Gs = (e) => (he("data-v-ee55bc73"), e = e(), ve(), e), vh = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Page", -1)), _h = ["value", "selected"], yh = {
+}, Gs = (e) => (he("data-v-ca016e63"), e = e(), ve(), e), vh = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Page", -1)), _h = ["value", "selected"], yh = {
   key: 0,
   class: "total"
 }, bh = {
   key: 1,
   class: "ecs-pagination-range"
-}, kh = {
-  key: 0,
-  class: "separator"
-}, xh = { class: "ecs-pagination-tabs" }, wh = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), Sh = ["value", "selected"];
-function Ch(e, s, t, a, n, i) {
-  const r = p("ecs-button"), c = p("ecs-flex-row"), d = p("ecs-select"), h = p("ecs-icon");
+}, kh = { class: "ecs-pagination-tabs" }, xh = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), wh = ["value", "selected"];
+function Sh(e, s, t, a, n, i) {
+  const r = p("ecs-button"), c = p("ecs-flex-row"), d = p("ecs-select");
   return o(), l("div", {
     class: v(["ecs-pagination", [
       t.theme === "bordered" ? "ecs-pagination-bordered" : "",
@@ -11955,7 +11953,7 @@ function Ch(e, s, t, a, n, i) {
           b(c, null, {
             default: w(() => [
               b(r, {
-                onClick: s[0] || (s[0] = (m) => e.$emit("firstPage", m)),
+                onClick: s[0] || (s[0] = (g) => e.$emit("firstPage", g)),
                 disabled: i.disabledPrev,
                 icon: "chevron-double-left",
                 "icon-only": "",
@@ -11965,7 +11963,7 @@ function Ch(e, s, t, a, n, i) {
                 "data-test": "pagination-first-button"
               }, null, 8, ["disabled"]),
               b(r, {
-                onClick: s[1] || (s[1] = (m) => e.$emit("prevPage", m)),
+                onClick: s[1] || (s[1] = (g) => e.$emit("prevPage", g)),
                 disabled: i.disabledPrev,
                 icon: "chevron-left",
                 "icon-only": "",
@@ -11982,16 +11980,16 @@ function Ch(e, s, t, a, n, i) {
               vh,
               b(d, {
                 modelValue: n.updatedCurrentPage,
-                "onUpdate:modelValue": s[2] || (s[2] = (m) => n.updatedCurrentPage = m),
+                "onUpdate:modelValue": s[2] || (s[2] = (g) => n.updatedCurrentPage = g),
                 disabled: i.disabledPageSelect,
                 size: "sml"
               }, {
                 default: w(() => [
-                  (o(!0), l(Z, null, pe(t.totalPages, (m) => (o(), l("option", {
-                    key: m,
-                    value: m,
-                    selected: m === t.currentPage
-                  }, x(m), 9, _h))), 128))
+                  (o(!0), l(Z, null, pe(t.totalPages, (g) => (o(), l("option", {
+                    key: g,
+                    value: g,
+                    selected: g === t.currentPage
+                  }, x(g), 9, _h))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue", "disabled"]),
@@ -12002,7 +12000,7 @@ function Ch(e, s, t, a, n, i) {
           b(c, null, {
             default: w(() => [
               b(r, {
-                onClick: s[3] || (s[3] = (m) => e.$emit("nextPage", m)),
+                onClick: s[3] || (s[3] = (g) => e.$emit("nextPage", g)),
                 disabled: i.disabledNext,
                 icon: "chevron-right",
                 "icon-only": "",
@@ -12012,7 +12010,7 @@ function Ch(e, s, t, a, n, i) {
                 "data-test": "pagination-next-button"
               }, null, 8, ["disabled"]),
               b(r, {
-                onClick: s[4] || (s[4] = (m) => e.$emit("lastPage", m)),
+                onClick: s[4] || (s[4] = (g) => e.$emit("lastPage", g)),
                 disabled: i.disabledNext,
                 icon: "chevron-double-right",
                 "icon-only": "",
@@ -12029,33 +12027,12 @@ function Ch(e, s, t, a, n, i) {
           f("span", null, x(t.itemRangeFrom) + " to " + x(t.itemRangeTo), 1),
           D(" of "),
           f("span", null, x(t.itemRangeTotal), 1)
-        ])) : u("", !0),
-        b(xe, { name: "fade" }, {
-          default: w(() => [
-            t.loading ? (o(), y(c, {
-              key: 0,
-              gap: 4,
-              class: v(e.$slots.tabs && t.type == "paginated" ? "push-right" : "")
-            }, {
-              default: w(() => [
-                !e.$slots.tabs && t.type == "paginated" ? (o(), l("div", kh)) : u("", !0),
-                b(h, {
-                  type: "loading",
-                  spinning: "",
-                  size: "24",
-                  color: "#858E9E"
-                })
-              ]),
-              _: 1
-            }, 8, ["class"])) : u("", !0)
-          ]),
-          _: 1
-        })
+        ])) : u("", !0)
       ]),
       _: 1
     }, 8, ["style"]),
-    f("div", xh, [
-      g(e.$slots, "tabs", {}, void 0, !0)
+    f("div", kh, [
+      m(e.$slots, "tabs", {}, void 0, !0)
     ]),
     t.showItemsPerPage && t.type == "paginated" ? (o(), y(c, {
       key: 0,
@@ -12063,20 +12040,20 @@ function Ch(e, s, t, a, n, i) {
       class: "ecs-pagination-items"
     }, {
       default: w(() => [
-        wh,
+        xh,
         b(d, {
           modelValue: n.updatedItemsPerPageSelected,
-          "onUpdate:modelValue": s[5] || (s[5] = (m) => n.updatedItemsPerPageSelected = m),
-          onChange: s[6] || (s[6] = (m) => e.$emit("itemsPerPage", Number(n.updatedItemsPerPageSelected))),
+          "onUpdate:modelValue": s[5] || (s[5] = (g) => n.updatedItemsPerPageSelected = g),
+          onChange: s[6] || (s[6] = (g) => e.$emit("itemsPerPage", Number(n.updatedItemsPerPageSelected))),
           disabled: t.loading || null,
           size: "sml"
         }, {
           default: w(() => [
-            (o(!0), l(Z, null, pe(t.itemsPerPage, (m) => (o(), l("option", {
-              key: m,
-              value: m,
-              selected: m === t.itemsPerPageSelected
-            }, x(m), 9, Sh))), 128))
+            (o(!0), l(Z, null, pe(t.itemsPerPage, (g) => (o(), l("option", {
+              key: g,
+              value: g,
+              selected: g === t.itemsPerPageSelected
+            }, x(g), 9, wh))), 128))
           ]),
           _: 1
         }, 8, ["modelValue", "disabled"])
@@ -12089,14 +12066,14 @@ function Ch(e, s, t, a, n, i) {
       class: "ecs-pagination-controls"
     }, {
       default: w(() => [
-        g(e.$slots, "controls", {}, void 0, !0)
+        m(e.$slots, "controls", {}, void 0, !0)
       ]),
       _: 3
     })) : u("", !0)
   ], 2);
 }
-const _b = /* @__PURE__ */ _(hh, [["render", Ch], ["__scopeId", "data-v-ee55bc73"]]);
-const Bh = {
+const vb = /* @__PURE__ */ _(hh, [["render", Sh], ["__scopeId", "data-v-ca016e63"]]);
+const Ch = {
   name: "ecs-party-entry",
   components: { EcsIcon: M, EcsSticker: Re },
   props: {
@@ -12179,11 +12156,11 @@ const Bh = {
         return "#000";
     }
   }
-}, zh = {
+}, Bh = {
   key: 3,
   class: "ecs-party-entry-background"
 };
-function Ih(e, s, t, a, n, i) {
+function zh(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-sticker");
   return o(), l("div", {
     class: v(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
@@ -12201,7 +12178,7 @@ function Ih(e, s, t, a, n, i) {
       type: "shared"
     })) : u("", !0),
     f("span", null, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
     t.icon && t.iconPosition == "right" ? (o(), y(r, {
       key: 2,
@@ -12210,11 +12187,11 @@ function Ih(e, s, t, a, n, i) {
       style: z("margin-left:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
-    t.background ? (o(), l("div", zh)) : u("", !0)
+    t.background ? (o(), l("div", Bh)) : u("", !0)
   ], 6);
 }
-const yb = /* @__PURE__ */ _(Bh, [["render", Ih], ["__scopeId", "data-v-c6300895"]]);
-const Eh = {
+const _b = /* @__PURE__ */ _(Ch, [["render", zh], ["__scopeId", "data-v-c6300895"]]);
+const Ih = {
   name: "ecs-popover-header",
   components: { EcsIcon: M, EcsText: it },
   props: {
@@ -12234,14 +12211,14 @@ const Eh = {
       return !!this.$slots.default;
     }
   }
-}, $h = { class: "ecs-popover-header" }, Ph = { class: "ecs-popover-header-title" }, Th = {
+}, $h = { class: "ecs-popover-header" }, Eh = { class: "ecs-popover-header-title" }, Ph = {
   key: 0,
   class: "ecs-popover-header-actions"
 };
-function Mh(e, s, t, a, n, i) {
+function Th(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-text");
   return o(), l("header", $h, [
-    f("div", Ph, [
+    f("div", Eh, [
       t.icon ? (o(), y(r, {
         key: 0,
         type: t.icon,
@@ -12259,13 +12236,13 @@ function Mh(e, s, t, a, n, i) {
         _: 1
       })
     ]),
-    i.hasControls ? (o(), l("div", Th, [
-      g(e.$slots, "default", {}, void 0, !0)
+    i.hasControls ? (o(), l("div", Ph, [
+      m(e.$slots, "default", {}, void 0, !0)
     ])) : u("", !0)
   ]);
 }
-const bb = /* @__PURE__ */ _(Eh, [["render", Mh], ["__scopeId", "data-v-c7ef1a5a"]]);
-const Lh = {
+const yb = /* @__PURE__ */ _(Ih, [["render", Th], ["__scopeId", "data-v-c7ef1a5a"]]);
+const Mh = {
   props: {
     /** Turns the popover list headline into a sticky headline. This means it will always stay fixed at the top of a scroll container until another popover list headline reaches the top. */
     sticky: {
@@ -12273,27 +12250,27 @@ const Lh = {
       default: !1
     }
   }
-}, Oh = {
+}, Lh = {
   key: 0,
   class: "ecs-popover-list-title-controls"
 };
-function Ah(e, s, t, a, n, i) {
+function Oh(e, s, t, a, n, i) {
   return o(), l("li", {
     class: v(["ecs-popover-list-title", [t.sticky ? "ecs-popover-list-title-sticky" : "ecs-popover-list-title-default", t.sticky && e.$slots.controls ? "has-controls" : ""]]),
     role: "heading"
   }, [
     f("span", null, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.controls ? (o(), l("div", Oh, [
-      g(e.$slots, "controls", {}, void 0, !0)
+    e.$slots.controls ? (o(), l("div", Lh, [
+      m(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const kb = /* @__PURE__ */ _(Lh, [["render", Ah], ["__scopeId", "data-v-dcc071bc"]]);
-const Nh = {
+const bb = /* @__PURE__ */ _(Mh, [["render", Oh], ["__scopeId", "data-v-dcc071bc"]]);
+const Ah = {
   name: "ecs-rating-star-read",
-  components: { EcsSkeletonLoader: Se },
+  components: { EcsSkeletonLoader: we },
   props: {
     /** Sets the star rating count.  */
     rating: {
@@ -12322,8 +12299,8 @@ const Nh = {
       return this.size && this.size !== "" ? `ecs-rating-read-${this.size}` : this.size;
     }
   }
-}, Dh = ["aria-busy", "aria-label"], Fh = ["data-maximum", "data-rating"];
-function Rh(e, s, t, a, n, i) {
+}, Nh = ["aria-busy", "aria-label"], Dh = ["data-maximum", "data-rating"];
+function Fh(e, s, t, a, n, i) {
   const r = p("ecs-skeleton-loader");
   return o(), l("div", {
     class: v(["ecs-rating-read", [i.sizeClass]]),
@@ -12340,14 +12317,14 @@ function Rh(e, s, t, a, n, i) {
       class: "ecs-stars-read",
       "data-maximum": t.maximum,
       "data-rating": t.rating
-    }, null, 8, Fh))
-  ], 10, Dh);
+    }, null, 8, Dh))
+  ], 10, Nh);
 }
-const Vh = /* @__PURE__ */ _(Nh, [["render", Rh], ["__scopeId", "data-v-8f28e1c1"]]);
-const Hh = {
+const Rh = /* @__PURE__ */ _(Ah, [["render", Fh], ["__scopeId", "data-v-8f28e1c1"]]);
+const Vh = {
   name: "ecs-rating-favorability",
   emits: ["click"],
-  components: { EcsIcon: M, EcsSkeletonLoader: Se },
+  components: { EcsIcon: M, EcsSkeletonLoader: we },
   props: {
     /** If set, the favorability icon will have a label as well. */
     label: {
@@ -12421,8 +12398,8 @@ const Hh = {
       }
     }
   }
-}, qh = ["aria-busy"], Wh = ["title"];
-function jh(e, s, t, a, n, i) {
+}, Hh = ["aria-busy"], qh = ["title"];
+function Wh(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-skeleton-loader");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -12434,7 +12411,7 @@ function jh(e, s, t, a, n, i) {
       title: i.labelText
     }, [
       b(r, { type: i.iconType }, null, 8, ["type"])
-    ], 10, Wh),
+    ], 10, qh),
     t.label ? (o(), l("span", {
       key: 0,
       class: v(["label", t.loading ? "loading" : ""])
@@ -12451,13 +12428,13 @@ function jh(e, s, t, a, n, i) {
       width: 100,
       style: { width: "calc(100% - 30px)" }
     })) : u("", !0)
-  ], 10, qh);
+  ], 10, Hh);
 }
-const Gh = /* @__PURE__ */ _(Hh, [["render", jh], ["__scopeId", "data-v-359930b9"]]);
-const Uh = {
+const jh = /* @__PURE__ */ _(Vh, [["render", Wh], ["__scopeId", "data-v-359930b9"]]);
+const Gh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
-  components: { EcsCheckbox: Vt, EcsRatingStarRead: Vh, EcsRatingFavorability: Gh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRatingStarRead: Rh, EcsRatingFavorability: jh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
   props: {
     label: {
       type: String,
@@ -12516,18 +12493,18 @@ const Uh = {
       return this.active ? "active" : "subtle";
     }
   }
-}, Kh = { class: "filter-description" }, Yh = {
+}, Uh = { class: "filter-description" }, Kh = {
   key: 0,
   class: "filter-count"
-}, Xh = { style: { "margin-left": "12px" } }, Zh = { class: "static-label" }, Jh = {
+}, Yh = { style: { "margin-left": "12px" } }, Xh = { class: "static-label" }, Zh = {
   key: 0,
   class: "filter-count"
-}, Qh = { key: 2 }, ev = {
+}, Jh = { key: 2 }, Qh = {
   key: 3,
   class: "filter-count"
 };
-function tv(e, s, t, a, n, i) {
-  const r = p("ecs-icon"), c = p("ecs-focus-ring"), d = p("ecs-rating-favorability"), h = p("ecs-rating-star-read"), m = p("ecs-switch"), k = p("ecs-checkbox");
+function ev(e, s, t, a, n, i) {
+  const r = p("ecs-icon"), c = p("ecs-focus-ring"), d = p("ecs-rating-favorability"), g = p("ecs-rating-star-read"), h = p("ecs-switch"), k = p("ecs-checkbox");
   return o(), l("li", {
     class: v(["ecs-quicklinks-link", [
       i.typeClass,
@@ -12542,8 +12519,8 @@ function tv(e, s, t, a, n, i) {
       role: "button"
     }, [
       b(r, { type: t.icon }, null, 8, ["type"]),
-      f("span", Kh, x(t.label), 1),
-      t.count ? (o(), l("small", Yh, x(t.count), 1)) : u("", !0),
+      f("span", Uh, x(t.label), 1),
+      t.count ? (o(), l("small", Kh, x(t.count), 1)) : u("", !0),
       b(c)
     ])) : t.type === "favorability" ? (o(), l("div", {
       key: 1,
@@ -12558,10 +12535,10 @@ function tv(e, s, t, a, n, i) {
         label: !1,
         disabled: t.disabled || null
       }, null, 8, ["type", "rating", "disabled"]),
-      f("label", Xh, [
-        f("span", Zh, x(t.label), 1)
+      f("label", Yh, [
+        f("span", Xh, x(t.label), 1)
       ]),
-      t.count ? (o(), l("small", Jh, x(t.count), 1)) : u("", !0),
+      t.count ? (o(), l("small", Zh, x(t.count), 1)) : u("", !0),
       b(c)
     ])) : (o(), y(k, {
       key: 2,
@@ -12572,10 +12549,10 @@ function tv(e, s, t, a, n, i) {
       disabled: t.disabled || null
     }, {
       default: w(() => [
-        t.type === "rating" ? (o(), y(h, {
+        t.type === "rating" ? (o(), y(g, {
           key: 0,
           rating: t.rating
-        }, null, 8, ["rating"])) : t.type === "switch" ? (o(), y(m, {
+        }, null, 8, ["rating"])) : t.type === "switch" ? (o(), y(h, {
           key: 1,
           onInput: s[2] || (s[2] = (B) => e.$emit("toggle", B)),
           value: t.valueToggle,
@@ -12587,15 +12564,15 @@ function tv(e, s, t, a, n, i) {
             D(x(t.label), 1)
           ]),
           _: 1
-        }, 8, ["value", "disabled"])) : (o(), l("span", Qh, x(t.label), 1)),
-        t.count ? (o(), l("small", ev, x(t.count), 1)) : u("", !0)
+        }, 8, ["value", "disabled"])) : (o(), l("span", Jh, x(t.label), 1)),
+        t.count ? (o(), l("small", Qh, x(t.count), 1)) : u("", !0)
       ]),
       _: 1
     }, 8, ["value", "value-false", "value-true", "disabled"]))
   ], 2);
 }
-const xb = /* @__PURE__ */ _(Uh, [["render", tv], ["__scopeId", "data-v-fe97cca0"]]);
-const sv = {
+const kb = /* @__PURE__ */ _(Gh, [["render", ev], ["__scopeId", "data-v-fe97cca0"]]);
+const tv = {
   name: "ecs-rating-star-write",
   emits: ["click"],
   props: {
@@ -12615,53 +12592,53 @@ const sv = {
       default: 0
     }
   }
-}, ht = (e) => (he("data-v-37aaedf8"), e = e(), ve(), e), iv = {
+}, ht = (e) => (he("data-v-37aaedf8"), e = e(), ve(), e), sv = {
   key: 0,
   class: "ecs-rating-reset"
-}, nv = { class: "ecs-rating-write" }, av = ["checked"], ov = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), rv = ["checked"], lv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), cv = ["checked"], dv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), uv = ["checked"], fv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1));
-function pv(e, s, t, a, n, i) {
+}, iv = { class: "ecs-rating-write" }, nv = ["checked"], av = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), ov = ["checked"], rv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), lv = ["checked"], cv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), dv = ["checked"], uv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1));
+function fv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-rating-form", [t.large ? "ecs-rating-form-lg" : ""]])
   }, [
-    t.unrated ? (o(), l("button", iv)) : u("", !0),
-    f("div", nv, [
+    t.unrated ? (o(), l("button", sv)) : u("", !0),
+    f("div", iv, [
       f("input", {
         type: "radio",
         value: "1",
         class: "star",
         onClick: s[0] || (s[0] = (r) => e.$emit("click", r)),
         checked: t.value == 1 || null
-      }, null, 8, av),
-      ov,
+      }, null, 8, nv),
+      av,
       f("input", {
         type: "radio",
         value: "2",
         class: "star",
         onClick: s[1] || (s[1] = (r) => e.$emit("click", r)),
         checked: t.value == 2 || null
-      }, null, 8, rv),
-      lv,
+      }, null, 8, ov),
+      rv,
       f("input", {
         type: "radio",
         value: "3",
         class: "star",
         onClick: s[2] || (s[2] = (r) => e.$emit("click", r)),
         checked: t.value == 3 || null
-      }, null, 8, cv),
-      dv,
+      }, null, 8, lv),
+      cv,
       f("input", {
         type: "radio",
         value: "4",
         class: "star",
         onClick: s[3] || (s[3] = (r) => e.$emit("click", r)),
         checked: t.value == 4 || null
-      }, null, 8, uv),
-      fv
+      }, null, 8, dv),
+      uv
     ])
   ], 2);
 }
-const wb = /* @__PURE__ */ _(sv, [["render", pv], ["__scopeId", "data-v-37aaedf8"]]);
-const gv = {
+const xb = /* @__PURE__ */ _(tv, [["render", fv], ["__scopeId", "data-v-37aaedf8"]]);
+const pv = {
   name: "ecs-section",
   props: {
     /** Adds a headline to the section. */
@@ -12710,11 +12687,11 @@ const gv = {
       return `ecs-section-content-padding-${this.contentPadding}`;
     }
   }
-}, mv = {
+}, gv = {
   key: 0,
   class: "ecs-section-controls"
 };
-function hv(e, s, t, a, n, i) {
+function mv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-section", [
       t.borderTop ? "ecs-section-border-top" : "",
@@ -12728,8 +12705,8 @@ function hv(e, s, t, a, n, i) {
       class: v(["ecs-section-headline", [t.headlineBold ? "ecs-headline-section-bold" : "ecs-headline-section", e.$slots.controls ? "has-buttons" : ""]])
     }, [
       D(x(t.title) + " ", 1),
-      e.$slots.controls ? (o(), l("div", mv, [
-        g(e.$slots, "controls", {}, void 0, !0)
+      e.$slots.controls ? (o(), l("div", gv, [
+        m(e.$slots, "controls", {}, void 0, !0)
       ])) : u("", !0)
     ], 2)) : u("", !0),
     f("div", {
@@ -12738,12 +12715,12 @@ function hv(e, s, t, a, n, i) {
         i.contentPaddingClass
       ]])
     }, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 2)
   ], 2);
 }
-const Sb = /* @__PURE__ */ _(gv, [["render", hv], ["__scopeId", "data-v-06167820"]]);
-const vv = {
+const wb = /* @__PURE__ */ _(pv, [["render", mv], ["__scopeId", "data-v-06167820"]]);
+const hv = {
   name: "ecs-segments",
   emits: ["click"],
   components: { EcsIcon: M },
@@ -12784,8 +12761,8 @@ const vv = {
     }
   }
   */
-}, _v = ["for"], yv = ["name", "value", "id", "checked", "disabled", "onClick"], bv = ["title"];
-function kv(e, s, t, a, n, i) {
+}, vv = ["for"], _v = ["name", "value", "id", "checked", "disabled", "onClick"], yv = ["title"];
+function bv(e, s, t, a, n, i) {
   const r = p("ecs-icon");
   return o(), l("div", {
     class: v(["ecs-segments", [t.inline ? "ecs-segments-inline" : ""]])
@@ -12802,7 +12779,7 @@ function kv(e, s, t, a, n, i) {
         checked: t.value == c.id || null,
         disabled: c.disabled || null,
         onClick: (d) => e.$emit("click", c.id)
-      }, null, 8, yv),
+      }, null, 8, _v),
       f("span", {
         class: "ecs-segment",
         title: c.title
@@ -12815,12 +12792,12 @@ function kv(e, s, t, a, n, i) {
           color: "#2F333C"
         }, null, 8, ["class", "type"])) : u("", !0),
         D(" " + x(c.label), 1)
-      ], 8, bv)
-    ], 8, _v))), 128))
+      ], 8, yv)
+    ], 8, vv))), 128))
   ], 2);
 }
-const Cb = /* @__PURE__ */ _(vv, [["render", kv], ["__scopeId", "data-v-053b5298"]]);
-const xv = {
+const Sb = /* @__PURE__ */ _(hv, [["render", bv], ["__scopeId", "data-v-053b5298"]]);
+const kv = {
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
@@ -12860,14 +12837,14 @@ const xv = {
       default: !1
     }
   }
-}, wv = (e) => (he("data-v-00e842c6"), e = e(), ve(), e), Sv = ["aria-checked", "tabindex"], Cv = /* @__PURE__ */ wv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Bv = {
+}, xv = (e) => (he("data-v-00e842c6"), e = e(), ve(), e), wv = ["aria-checked", "tabindex"], Sv = /* @__PURE__ */ xv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Cv = {
   key: 1,
   class: "label"
-}, zv = {
+}, Bv = {
   key: 2,
   class: "help"
 };
-function Iv(e, s, t, a, n, i) {
+function zv(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
@@ -12880,34 +12857,34 @@ function Iv(e, s, t, a, n, i) {
     "aria-checked": t.selected ? "true" : "false",
     tabindex: t.disabled ? "-1" : "0"
   }, [
-    Cv,
+    Sv,
     t.illustration ? (o(), l("div", {
       key: 0,
       class: v(["illustration", t.illustration])
     }, null, 2)) : u("", !0),
-    t.label ? (o(), l("div", Bv, x(t.label), 1)) : u("", !0),
-    t.helpText ? (o(), l("div", zv, x(t.helpText), 1)) : u("", !0),
+    t.label ? (o(), l("div", Cv, x(t.label), 1)) : u("", !0),
+    t.helpText ? (o(), l("div", Bv, x(t.helpText), 1)) : u("", !0),
     b(r, {
       inset: -6,
       radius: 12
     })
-  ], 42, Sv);
+  ], 42, wv);
 }
-const Bb = /* @__PURE__ */ _(xv, [["render", Iv], ["__scopeId", "data-v-00e842c6"]]);
-const Ev = {
+const Cb = /* @__PURE__ */ _(kv, [["render", zv], ["__scopeId", "data-v-00e842c6"]]);
+const Iv = {
   name: "ecs-sequence-map"
 }, $v = {
   class: "ecs-sequence-map",
   role: "navigation",
   "aria-label": "Steps"
 };
-function Pv(e, s, t, a, n, i) {
+function Ev(e, s, t, a, n, i) {
   return o(), l("div", $v, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const zb = /* @__PURE__ */ _(Ev, [["render", Pv], ["__scopeId", "data-v-69c3c73d"]]);
-const Tv = {
+const Bb = /* @__PURE__ */ _(Iv, [["render", Ev], ["__scopeId", "data-v-69c3c73d"]]);
+const Pv = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
   components: { EcsIcon: M, EcsFocusRing: L },
@@ -12938,8 +12915,8 @@ const Tv = {
       default: !1
     }
   }
-}, Mv = (e) => (he("data-v-9fd5b3f7"), e = e(), ve(), e), Lv = ["aria-busy"], Ov = { class: "count" }, Av = /* @__PURE__ */ Mv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
-function Nv(e, s, t, a, n, i) {
+}, Tv = (e) => (he("data-v-9fd5b3f7"), e = e(), ve(), e), Mv = ["aria-busy"], Lv = { class: "count" }, Ov = /* @__PURE__ */ Tv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
+function Av(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("button", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -12951,7 +12928,7 @@ function Nv(e, s, t, a, n, i) {
     ]]),
     "aria-busy": t.loading || null
   }, [
-    f("span", Ov, [
+    f("span", Lv, [
       D(x(t.step) + " ", 1),
       t.loading ? (o(), y(r, {
         key: 0,
@@ -12960,13 +12937,13 @@ function Nv(e, s, t, a, n, i) {
         size: "34"
       })) : u("", !0)
     ]),
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     b(c, { inset: 4 }),
-    Av
-  ], 10, Lv);
+    Ov
+  ], 10, Mv);
 }
-const Ib = /* @__PURE__ */ _(Tv, [["render", Nv], ["__scopeId", "data-v-9fd5b3f7"]]);
-const Dv = {
+const zb = /* @__PURE__ */ _(Pv, [["render", Av], ["__scopeId", "data-v-9fd5b3f7"]]);
+const Nv = {
   name: "ecs-tab-bar",
   props: {
     /** Determines the visual style of the tab bar. `standard` are regular tabs, `sidebar` should only be used for the tab bar that controls sidebar tabs, `segment` is a tab bar that visually looks the same as an ecs-segment control, `sheet` should be used for table sheets, and `modal` for tabs that are inside ecs-modal headers. */
@@ -12991,16 +12968,16 @@ const Dv = {
     }
   }
 };
-function Fv(e, s, t, a, n, i) {
+function Dv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-tab-bar", [i.typeClass, i.directionClass]]),
     role: "tablist"
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Rv = /* @__PURE__ */ _(Dv, [["render", Fv], ["__scopeId", "data-v-aadcd808"]]);
-const Vv = {
+const Fv = /* @__PURE__ */ _(Nv, [["render", Dv], ["__scopeId", "data-v-aadcd808"]]);
+const Rv = {
   name: "ecs-tabs",
   props: {
     /** Sets the height of the tabs area to 100%. */
@@ -13010,19 +12987,19 @@ const Vv = {
     }
   }
 };
-function Hv(e, s, t, a, n, i) {
+function Vv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-tab-content", [t.fill ? "ecs-tab-content-fill" : ""]])
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
+    m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const qv = /* @__PURE__ */ _(Vv, [["render", Hv], ["__scopeId", "data-v-0fe19168"]]);
-const Wv = {
+const Hv = /* @__PURE__ */ _(Rv, [["render", Vv], ["__scopeId", "data-v-0fe19168"]]);
+const qv = {
   name: "ecs-sidebar",
   components: {
-    EcsTabBar: Rv,
-    EcsTabs: qv
+    EcsTabBar: Fv,
+    EcsTabs: Hv
   },
   props: {
     /** Expands the sidebar. */
@@ -13053,31 +13030,31 @@ const Wv = {
       return this.expanded ? "height: calc(100% - 10px)" : "height:" + (2 + 36 * this.tabCount) + "px";
     }
   }
-}, jv = { class: "ecs-sidebar-tabs" };
-function Gv(e, s, t, a, n, i) {
+}, Wv = { class: "ecs-sidebar-tabs" };
+function jv(e, s, t, a, n, i) {
   const r = p("ecs-tab-bar"), c = p("ecs-tabs");
   return o(), l("aside", {
     class: v(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
     style: z(i.height)
   }, [
-    f("div", jv, [
+    f("div", Wv, [
       b(r, { type: "sidebar" }, {
         default: w(() => [
-          g(e.$slots, "tab-buttons", {}, void 0, !0)
+          m(e.$slots, "tab-buttons", {}, void 0, !0)
         ]),
         _: 3
       })
     ]),
     b(c, null, {
       default: w(() => [
-        g(e.$slots, "tabs", {}, void 0, !0)
+        m(e.$slots, "tabs", {}, void 0, !0)
       ]),
       _: 3
     })
   ], 6);
 }
-const Eb = /* @__PURE__ */ _(Wv, [["render", Gv], ["__scopeId", "data-v-5e877161"]]);
-const Uv = {
+const Ib = /* @__PURE__ */ _(qv, [["render", jv], ["__scopeId", "data-v-5e877161"]]);
+const Gv = {
   name: "ecs-sidebar-content",
   props: {
     /** Adds an inner padding to the content area. */
@@ -13091,20 +13068,20 @@ const Uv = {
       default: !1
     }
   }
-}, Kv = {
+}, Uv = {
   key: 0,
   class: "ecs-sidebar-content-blocked"
 };
-function Yv(e, s, t, a, n, i) {
+function Kv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-sidebar-content scrollbar", [t.indent ? "ecs-sidebar-content-indent" : ""]])
   }, [
-    g(e.$slots, "default", {}, void 0, !0),
-    t.blockContent ? (o(), l("div", Kv)) : u("", !0)
+    m(e.$slots, "default", {}, void 0, !0),
+    t.blockContent ? (o(), l("div", Uv)) : u("", !0)
   ], 2);
 }
-const $b = /* @__PURE__ */ _(Uv, [["render", Yv], ["__scopeId", "data-v-4bee4a71"]]);
-const Xv = {
+const $b = /* @__PURE__ */ _(Gv, [["render", Kv], ["__scopeId", "data-v-4bee4a71"]]);
+const Yv = {
   name: "ecs-sidebar-footer",
   props: {
     /** Reduces the inner padding. */
@@ -13114,26 +13091,26 @@ const Xv = {
     }
   }
 };
-function Zv(e, s, t, a, n, i) {
+function Xv(e, s, t, a, n, i) {
   return o(), l("footer", {
     class: v(["ecs-sidebar-footer", [e.$slots.extension ? "has-extension" : ""]])
   }, [
-    g(e.$slots, "alert", {}, void 0, !0),
+    m(e.$slots, "alert", {}, void 0, !0),
     e.$slots.extension ? (o(), l("div", {
       key: 0,
       class: v(["ecs-sidebar-footer-extension", [t.condensed ? "condensed" : ""]])
     }, [
-      g(e.$slots, "extension", {}, void 0, !0)
+      m(e.$slots, "extension", {}, void 0, !0)
     ], 2)) : u("", !0),
     f("div", {
       class: v(["ecs-sidebar-footer-inner", [t.condensed ? "ecs-sidebar-footer-inner-condensed" : ""]])
     }, [
-      g(e.$slots, "default", {}, void 0, !0)
+      m(e.$slots, "default", {}, void 0, !0)
     ], 2)
   ], 2);
 }
-const Pb = /* @__PURE__ */ _(Xv, [["render", Zv], ["__scopeId", "data-v-0c35a678"]]);
-const Jv = {
+const Eb = /* @__PURE__ */ _(Yv, [["render", Xv], ["__scopeId", "data-v-0c35a678"]]);
+const Zv = {
   name: "ecs-sidebar-header",
   props: {
     /** Determines if the sub header area should be expanded. */
@@ -13147,43 +13124,43 @@ const Jv = {
       default: !1
     }
   }
-}, Qv = { class: "ecs-sidebar-header" }, e_ = { class: "ecs-sidebar-header-row" }, t_ = { class: "ecs-sidebar-header-title" }, s_ = { class: "ecs-sidebar-header-controls" }, i_ = {
+}, Jv = { class: "ecs-sidebar-header" }, Qv = { class: "ecs-sidebar-header-row" }, e_ = { class: "ecs-sidebar-header-title" }, t_ = { class: "ecs-sidebar-header-controls" }, s_ = {
   key: 0,
   class: "ecs-sidebar-header-row sub-header"
-}, n_ = {
+}, i_ = {
   key: 0,
   class: "ecs-sidebar-header-row sub-header"
 };
-function a_(e, s, t, a, n, i) {
-  return o(), l("header", Qv, [
-    f("div", e_, [
-      f("div", t_, [
-        g(e.$slots, "default", {}, void 0, !0)
+function n_(e, s, t, a, n, i) {
+  return o(), l("header", Jv, [
+    f("div", Qv, [
+      f("div", e_, [
+        m(e.$slots, "default", {}, void 0, !0)
       ]),
-      f("div", s_, [
-        g(e.$slots, "primary-controls", {}, void 0, !0)
+      f("div", t_, [
+        m(e.$slots, "primary-controls", {}, void 0, !0)
       ])
     ]),
-    b(xe, { name: "expansion" }, {
+    b(ze, { name: "expansion" }, {
       default: w(() => [
-        t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", i_, [
-          g(e.$slots, "subheader", {}, void 0, !0)
+        t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", s_, [
+          m(e.$slots, "subheader", {}, void 0, !0)
         ])) : u("", !0)
       ]),
       _: 3
     }),
-    b(xe, { name: "expansion" }, {
+    b(ze, { name: "expansion" }, {
       default: w(() => [
-        t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", n_, [
-          g(e.$slots, "tertiaryheader", {}, void 0, !0)
+        t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", i_, [
+          m(e.$slots, "tertiaryheader", {}, void 0, !0)
         ])) : u("", !0)
       ]),
       _: 3
     })
   ]);
 }
-const Tb = /* @__PURE__ */ _(Jv, [["render", a_], ["__scopeId", "data-v-20db91a4"]]);
-const o_ = {
+const Pb = /* @__PURE__ */ _(Zv, [["render", n_], ["__scopeId", "data-v-20db91a4"]]);
+const a_ = {
   name: "ecs-structured-content",
   props: {
     /** Wraps the right column into a separate row, leaving more space for each column. */
@@ -13192,24 +13169,24 @@ const o_ = {
       default: !1
     }
   }
-}, r_ = { class: "ecs-structured-content-left" }, l_ = {
+}, o_ = { class: "ecs-structured-content-left" }, r_ = {
   key: 0,
   class: "ecs-structured-content-right"
 };
-function c_(e, s, t, a, n, i) {
+function l_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-structured-content", t.vertical ? "ecs-structured-content-vertical" : ""])
   }, [
-    f("div", r_, [
-      g(e.$slots, "default", {}, void 0, !0)
+    f("div", o_, [
+      m(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.extend ? (o(), l("div", l_, [
-      g(e.$slots, "extend", {}, void 0, !0)
+    e.$slots.extend ? (o(), l("div", r_, [
+      m(e.$slots, "extend", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const Mb = /* @__PURE__ */ _(o_, [["render", c_], ["__scopeId", "data-v-cec887e2"]]);
-const d_ = {
+const Tb = /* @__PURE__ */ _(a_, [["render", l_], ["__scopeId", "data-v-cec887e2"]]);
+const c_ = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
   props: {
@@ -13260,8 +13237,8 @@ const d_ = {
       this.selectedTitle = this.swatches[this.swatches.findIndex((e) => e.hex === this.selectedColor)].title;
     }
   }
-}, u_ = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
-function f_(e, s, t, a, n, i) {
+}, d_ = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
+function u_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-swatches", i.sizeClass]),
     role: "radiogroup"
@@ -13280,11 +13257,11 @@ function f_(e, s, t, a, n, i) {
       "aria-checked": n.selectedColor == r.hex ? "true" : "false",
       class: v(["ecs-swatches-color", n.selectedColor == r.hex ? "active" : ""]),
       style: z({ backgroundColor: r.hex, color: r.hex })
-    }, null, 46, u_))), 128))
+    }, null, 46, d_))), 128))
   ], 2);
 }
-const Lb = /* @__PURE__ */ _(d_, [["render", f_], ["__scopeId", "data-v-74fe1e26"]]);
-const p_ = {
+const Mb = /* @__PURE__ */ _(c_, [["render", u_], ["__scopeId", "data-v-74fe1e26"]]);
+const f_ = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -13317,18 +13294,18 @@ const p_ = {
   mounted() {
     !this.ariaLabeledBy || this.ariaLabeledBy.trim();
   }
-}, g_ = ["aria-labelledby"];
-function m_(e, s, t, a, n, i) {
+}, p_ = ["aria-labelledby"];
+function g_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-tab-pane", [t.show ? "show" : "", t.flex ? "ecs-tab-pane-flex" : "", i.directionClass]]),
     role: "tabpanel",
     "aria-labelledby": t.ariaLabeledBy
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
-  ], 10, g_);
+    m(e.$slots, "default", {}, void 0, !0)
+  ], 10, p_);
 }
-const Ob = /* @__PURE__ */ _(p_, [["render", m_], ["__scopeId", "data-v-273aa82d"]]);
-const h_ = {
+const Lb = /* @__PURE__ */ _(f_, [["render", g_], ["__scopeId", "data-v-273aa82d"]]);
+const m_ = {
   name: "ecs-tab-button",
   emits: ["click"],
   components: {
@@ -13404,11 +13381,11 @@ const h_ = {
       }
     }
   }
-}, v_ = (e) => (he("data-v-97affa42"), e = e(), ve(), e), __ = ["disabled", "aria-selected", "aria-controls", "aria-label"], y_ = {
+}, h_ = (e) => (he("data-v-97affa42"), e = e(), ve(), e), v_ = ["disabled", "aria-selected", "aria-controls", "aria-label"], __ = {
   key: 2,
   class: "shortcut"
-}, b_ = /* @__PURE__ */ v_(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
-function k_(e, s, t, a, n, i) {
+}, y_ = /* @__PURE__ */ h_(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
+function b_(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-sticker"), d = p("ecs-focus-ring");
   return o(), l("button", {
     class: v(["ecs-tab-button", [
@@ -13423,7 +13400,7 @@ function k_(e, s, t, a, n, i) {
     "aria-label": t.ariaLabel,
     role: "tab",
     ref: "tabButton",
-    onClick: s[0] || (s[0] = (...h) => i.handleClick && i.handleClick(...h))
+    onClick: s[0] || (s[0] = (...g) => i.handleClick && i.handleClick(...g))
   }, [
     t.icon ? (o(), y(r, {
       key: 0,
@@ -13433,17 +13410,17 @@ function k_(e, s, t, a, n, i) {
       key: 1,
       type: t.sticker
     }, null, 8, ["type"])) : u("", !0),
-    g(e.$slots, "default", {}, void 0, !0),
-    t.shortcut ? (o(), l("span", y_, x(t.shortcut), 1)) : u("", !0),
+    m(e.$slots, "default", {}, void 0, !0),
+    t.shortcut ? (o(), l("span", __, x(t.shortcut), 1)) : u("", !0),
     b(d, { inset: 0 }),
-    b_
-  ], 10, __);
+    y_
+  ], 10, v_);
 }
-const Ab = /* @__PURE__ */ _(h_, [["render", k_], ["__scopeId", "data-v-97affa42"]]);
-const x_ = {
+const Ob = /* @__PURE__ */ _(m_, [["render", b_], ["__scopeId", "data-v-97affa42"]]);
+const k_ = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: Se, EcsFocusRing: L },
+  components: { EcsSkeletonLoader: we, EcsFocusRing: L },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -13487,11 +13464,11 @@ const x_ = {
       this.$emit("click", e);
     }
   }
-}, w_ = ["role", "tabindex", "aria-busy"], S_ = {
+}, x_ = ["role", "tabindex", "aria-busy"], w_ = {
   key: 0,
   class: "count"
 };
-function C_(e, s, t, a, n, i) {
+function S_(e, s, t, a, n, i) {
   const r = p("ecs-skeleton-loader"), c = p("ecs-focus-ring");
   return o(), l("span", {
     class: v(["ecs-tag", [
@@ -13505,8 +13482,8 @@ function C_(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null
   }, [
-    g(e.$slots, "default", {}, void 0, !0),
-    t.count ? (o(), l("span", S_, x(t.count), 1)) : u("", !0),
+    m(e.$slots, "default", {}, void 0, !0),
+    t.count ? (o(), l("span", w_, x(t.count), 1)) : u("", !0),
     t.loading ? (o(), y(r, {
       key: 1,
       type: "single",
@@ -13514,22 +13491,22 @@ function C_(e, s, t, a, n, i) {
       style: { width: "calc(100% - 20px)" }
     })) : u("", !0),
     b(c)
-  ], 10, w_);
+  ], 10, x_);
 }
-const Nb = /* @__PURE__ */ _(x_, [["render", C_], ["__scopeId", "data-v-0c30f3a8"]]);
-const B_ = {
+const Ab = /* @__PURE__ */ _(k_, [["render", S_], ["__scopeId", "data-v-0c30f3a8"]]);
+const C_ = {
   name: "ecs-tag-cloud"
-}, z_ = {
+}, B_ = {
   class: "ecs-tag-cloud",
   role: "list"
 };
-function I_(e, s, t, a, n, i) {
-  return o(), l("div", z_, [
-    g(e.$slots, "default", {}, void 0, !0)
+function z_(e, s, t, a, n, i) {
+  return o(), l("div", B_, [
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Db = /* @__PURE__ */ _(B_, [["render", I_], ["__scopeId", "data-v-4334fe7e"]]);
-const E_ = {
+const Nb = /* @__PURE__ */ _(C_, [["render", z_], ["__scopeId", "data-v-4334fe7e"]]);
+const I_ = {
   name: "ecs-toast",
   emits: ["action"],
   components: { EcsFocusRing: L },
@@ -13560,7 +13537,7 @@ function $_(e, s, t, a, n, i) {
     role: "alert",
     "aria-live": "assertive"
   }, [
-    g(e.$slots, "default", {}, void 0, !0),
+    m(e.$slots, "default", {}, void 0, !0),
     t.button ? (o(), l("button", {
       key: 0,
       onClick: s[0] || (s[0] = (c) => e.$emit("action")),
@@ -13574,25 +13551,25 @@ function $_(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const Fb = /* @__PURE__ */ _(E_, [["render", $_], ["__scopeId", "data-v-86de0a28"]]);
-const P_ = {
+const Db = /* @__PURE__ */ _(I_, [["render", $_], ["__scopeId", "data-v-86de0a28"]]);
+const E_ = {
   name: "ecs-toasts"
-}, T_ = {
+}, P_ = {
   class: "ecs-toasts",
   "aria-live": "polite"
 };
-function M_(e, s, t, a, n, i) {
-  return o(), l("div", T_, [
+function T_(e, s, t, a, n, i) {
+  return o(), l("div", P_, [
     b(ci, { name: "transition-toast" }, {
       default: w(() => [
-        g(e.$slots, "default", {}, void 0, !0)
+        m(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     })
   ]);
 }
-const Rb = /* @__PURE__ */ _(P_, [["render", M_], ["__scopeId", "data-v-451fee48"]]);
-const L_ = {
+const Fb = /* @__PURE__ */ _(E_, [["render", T_], ["__scopeId", "data-v-451fee48"]]);
+const M_ = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -13611,20 +13588,20 @@ const L_ = {
       default: !1
     }
   }
-}, O_ = ["aria-busy"], A_ = {
+}, L_ = ["aria-busy"], O_ = {
   key: 0,
   class: "healthy"
-}, N_ = {
+}, A_ = {
   key: 1,
   class: "repairing"
-}, D_ = {
+}, N_ = {
   key: 2,
   class: "corrupted"
-}, F_ = {
+}, D_ = {
   key: 3,
   class: "loading"
 };
-function R_(e, s, t, a, n, i) {
+function F_(e, s, t, a, n, i) {
   const r = p("ecs-icon");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
@@ -13635,20 +13612,20 @@ function R_(e, s, t, a, n, i) {
       type: "toolbar-transcript",
       color: "#929AA9"
     }),
-    t.state == "healthy" ? (o(), l("div", A_)) : u("", !0),
-    t.state == "repairing" ? (o(), l("div", N_)) : u("", !0),
-    t.state == "corrupted" ? (o(), l("div", D_)) : u("", !0),
-    t.state == "loading" ? (o(), l("span", F_, [
+    t.state == "healthy" ? (o(), l("div", O_)) : u("", !0),
+    t.state == "repairing" ? (o(), l("div", A_)) : u("", !0),
+    t.state == "corrupted" ? (o(), l("div", N_)) : u("", !0),
+    t.state == "loading" ? (o(), l("span", D_, [
       b(r, {
         type: "loading",
         size: "18px",
         color: "#202127"
       })
     ])) : u("", !0)
-  ], 10, O_);
+  ], 10, L_);
 }
-const Vb = /* @__PURE__ */ _(L_, [["render", R_], ["__scopeId", "data-v-9ceb80a6"]]);
-const V_ = {
+const Rb = /* @__PURE__ */ _(M_, [["render", F_], ["__scopeId", "data-v-9ceb80a6"]]);
+const R_ = {
   name: "ecs-tree-list",
   props: {
     /** Optional unique ID for the list. */
@@ -13662,18 +13639,18 @@ const V_ = {
       default: "tree"
     }
   }
-}, H_ = ["id", "role"];
-function q_(e, s, t, a, n, i) {
+}, V_ = ["id", "role"];
+function H_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-tree-view-list",
     id: t.id,
     role: t.role
   }, [
-    g(e.$slots, "default", {}, void 0, !0)
-  ], 8, H_);
+    m(e.$slots, "default", {}, void 0, !0)
+  ], 8, V_);
 }
-const Hb = /* @__PURE__ */ _(V_, [["render", q_], ["__scopeId", "data-v-b2d4ee72"]]);
-const W_ = {
+const Vb = /* @__PURE__ */ _(R_, [["render", H_], ["__scopeId", "data-v-b2d4ee72"]]);
+const q_ = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
   components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
@@ -13797,14 +13774,14 @@ const W_ = {
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, j_ = ["tabindex"], G_ = {
+}, W_ = ["tabindex"], j_ = {
   key: 3,
   class: "ecs-tree-view-entry-control"
-}, U_ = {
+}, G_ = {
   key: 5,
   class: "ecs-tree-view-entry-actions"
-}, K_ = ["id", "aria-hidden"];
-function Y_(e, s, t, a, n, i) {
+}, U_ = ["id", "aria-hidden"];
+function K_(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring"), c = p("ecs-button-collapse"), d = p("ecs-icon");
   return o(), l("div", null, [
     f("div", {
@@ -13818,8 +13795,8 @@ function Y_(e, s, t, a, n, i) {
       role: "treeitem",
       tabindex: i.isSelectable ? "0" : "-1",
       onKeydown: [
-        s[2] || (s[2] = U(G((...h) => i.focusPrevious && i.focusPrevious(...h), ["prevent"]), ["up"])),
-        s[3] || (s[3] = U(G((...h) => i.focusNext && i.focusNext(...h), ["prevent"]), ["down"]))
+        s[2] || (s[2] = U(G((...g) => i.focusPrevious && i.focusPrevious(...g), ["prevent"]), ["up"])),
+        s[3] || (s[3] = U(G((...g) => i.focusNext && i.focusNext(...g), ["prevent"]), ["down"]))
       ]
     }, [
       i.isSelectable ? (o(), y(r, { key: 0 })) : u("", !0),
@@ -13838,45 +13815,45 @@ function Y_(e, s, t, a, n, i) {
         color: t.iconColor,
         size: i.iconSize
       }, null, 8, ["type", "color", "size"])) : u("", !0),
-      e.$slots.control ? (o(), l("div", G_, [
-        g(e.$slots, "control", {}, void 0, !0)
+      e.$slots.control ? (o(), l("div", j_, [
+        m(e.$slots, "control", {}, void 0, !0)
       ])) : u("", !0),
       f("span", {
-        onClick: s[0] || (s[0] = (h) => e.$emit("click", h)),
+        onClick: s[0] || (s[0] = (g) => e.$emit("click", g)),
         class: v(["title", t.titleOverflow ? "overflow" : ""])
       }, [
-        g(e.$slots, "default", {}, void 0, !0)
+        m(e.$slots, "default", {}, void 0, !0)
       ], 2),
       t.afterLabel ? (o(), l("span", {
         key: 4,
-        onClick: s[1] || (s[1] = (h) => e.$emit("click", h)),
+        onClick: s[1] || (s[1] = (g) => e.$emit("click", g)),
         class: "after-label"
       }, x(t.afterLabel), 1)) : u("", !0),
-      e.$slots.actions ? (o(), l("div", U_, [
-        g(e.$slots, "actions", {}, void 0, !0)
+      e.$slots.actions ? (o(), l("div", G_, [
+        m(e.$slots, "actions", {}, void 0, !0)
       ])) : u("", !0)
-    ], 42, j_),
+    ], 42, W_),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
       class: v(n.isVisible ? "collapse-show" : "collapse-hide"),
       id: n.expandId,
       "aria-hidden": n.isVisible ? "false" : "true"
     }, [
-      g(e.$slots, "collapse", {}, void 0, !0)
-    ], 10, K_)) : u("", !0)
+      m(e.$slots, "collapse", {}, void 0, !0)
+    ], 10, U_)) : u("", !0)
   ]);
 }
-const qb = /* @__PURE__ */ _(W_, [["render", Y_], ["__scopeId", "data-v-5ad9b59c"]]);
-const X_ = {
+const Hb = /* @__PURE__ */ _(q_, [["render", K_], ["__scopeId", "data-v-5ad9b59c"]]);
+const Y_ = {
   name: "ecs-tree-list-headline"
-}, Z_ = { class: "ecs-tree-view-headline" };
-function J_(e, s, t, a, n, i) {
-  return o(), l("div", Z_, [
-    g(e.$slots, "default", {}, void 0, !0)
+}, X_ = { class: "ecs-tree-view-headline" };
+function Z_(e, s, t, a, n, i) {
+  return o(), l("div", X_, [
+    m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Wb = /* @__PURE__ */ _(X_, [["render", J_], ["__scopeId", "data-v-a5153e06"]]);
-const Q_ = {
+const qb = /* @__PURE__ */ _(Y_, [["render", Z_], ["__scopeId", "data-v-a5153e06"]]);
+const J_ = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
   components: { EcsInput: tg, EcsAlert: ks, EcsFormGroup: Ip },
@@ -13923,27 +13900,27 @@ const Q_ = {
   mounted() {
     this.uniqueId = "input-" + this.generateUniqueId();
   }
-}, ey = ["for"], ty = { class: "ecs-type-confirmation-verb" };
-function sy(e, s, t, a, n, i) {
+}, Q_ = ["for"], ey = { class: "ecs-type-confirmation-verb" };
+function ty(e, s, t, a, n, i) {
   const r = p("ecs-input"), c = p("ecs-form-group"), d = p("ecs-alert");
   return o(), y(d, {
     headline: t.headline,
     type: t.alertType
   }, {
     default: w(() => [
-      g(e.$slots, "default", {}, void 0, !0),
+      m(e.$slots, "default", {}, void 0, !0),
       b(c, { class: "ecs-type-confirmation-input" }, {
         default: w(() => [
-          f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, ey),
+          f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, Q_),
           b(r, {
             modelValue: n.inputValue,
-            "onUpdate:modelValue": s[0] || (s[0] = (h) => n.inputValue = h),
+            "onUpdate:modelValue": s[0] || (s[0] = (g) => n.inputValue = g),
             onInput: i.checkVerb,
             error: n.inputValue.toLowerCase() !== t.verb.toLowerCase(),
             id: n.uniqueId,
             style: { "text-transform": "uppercase" }
           }, null, 8, ["modelValue", "onInput", "error", "id"]),
-          f("span", ty, x(i.upperCaseVerb), 1)
+          f("span", ey, x(i.upperCaseVerb), 1)
         ]),
         _: 1
       })
@@ -13951,8 +13928,8 @@ function sy(e, s, t, a, n, i) {
     _: 3
   }, 8, ["headline", "type"]);
 }
-const jb = /* @__PURE__ */ _(Q_, [["render", sy], ["__scopeId", "data-v-4dceb86b"]]);
-const iy = {
+const Wb = /* @__PURE__ */ _(J_, [["render", ty], ["__scopeId", "data-v-4dceb86b"]]);
+const sy = {
   name: "ecs-video",
   props: {
     /** URL to an optional poster image. */
@@ -13991,8 +13968,8 @@ const iy = {
     }
     */
   }
-}, ny = ["poster", "autoplay", "loop", "controls", "src"];
-function ay(e, s, t, a, n, i) {
+}, iy = ["poster", "autoplay", "loop", "controls", "src"];
+function ny(e, s, t, a, n, i) {
   return o(), l("video", {
     poster: t.posterImage,
     autoplay: t.autoplay,
@@ -14000,149 +13977,149 @@ function ay(e, s, t, a, n, i) {
     controls: t.controls,
     class: "ecs-video",
     src: t.mp4Source
-  }, null, 8, ny);
+  }, null, 8, iy);
 }
-const Gb = /* @__PURE__ */ _(iy, [["render", ay], ["__scopeId", "data-v-ce84fcb3"]]);
+const jb = /* @__PURE__ */ _(sy, [["render", ny], ["__scopeId", "data-v-ce84fcb3"]]);
 export {
   ki as EcsActionToolbar,
   ks as EcsAlert,
-  ry as EcsAudio,
+  oy as EcsAudio,
   Ti as EcsAvatar,
-  ly as EcsBanner,
-  cy as EcsBreadcrumb,
-  dy as EcsBreadcrumbButton,
-  uy as EcsBreadcrumbTitle,
-  fy as EcsBulkSelector,
-  Ee as EcsButton,
+  ry as EcsBanner,
+  ly as EcsBreadcrumb,
+  cy as EcsBreadcrumbButton,
+  dy as EcsBreadcrumbTitle,
+  uy as EcsBulkSelector,
+  $e as EcsButton,
   Os as EcsButtonCollapse,
-  gy as EcsButtonContext,
-  my as EcsButtonContextGroup,
-  hy as EcsButtonDialog,
-  py as EcsButtonGroup,
+  py as EcsButtonContext,
+  gy as EcsButtonContextGroup,
+  my as EcsButtonDialog,
+  fy as EcsButtonGroup,
   As as EcsButtonMore,
   Ns as EcsButtonTable,
   gt as EcsButtonToolbar,
   Ht as EcsButtonToolbarGroup,
-  vy as EcsButtonToolbarIcon,
-  _y as EcsCard,
+  hy as EcsButtonToolbarIcon,
+  vy as EcsCard,
   Vt as EcsCheckbox,
-  yy as EcsCitationLine,
-  ky as EcsCollapse,
-  xy as EcsCollectionControl,
+  _y as EcsCitationLine,
+  by as EcsCollapse,
+  ky as EcsCollectionControl,
   yd as EcsColorPicker,
-  Cy as EcsColorPickerInput,
-  wy as EcsComment,
-  Sy as EcsCommentList,
-  by as EcsContextMenu,
-  By as EcsDataCard,
-  zy as EcsDataCardList,
-  Iy as EcsDataGrid,
-  Ty as EcsDataGridCell,
-  Py as EcsDataGridGroup,
+  Sy as EcsColorPickerInput,
+  xy as EcsComment,
+  wy as EcsCommentList,
+  yy as EcsContextMenu,
+  Cy as EcsDataCard,
+  By as EcsDataCardList,
+  zy as EcsDataGrid,
+  Py as EcsDataGridCell,
+  Ey as EcsDataGridGroup,
   $y as EcsDataGridHeadCell,
   Ud as EcsDataGridRow,
-  Ey as EcsDataGridRowGroup,
-  My as EcsDataList,
-  Ly as EcsDataListItem,
-  Oy as EcsDialog,
-  Ay as EcsDialogHeader,
-  Ny as EcsDirectoryEntry,
-  Dy as EcsDocumentState,
-  Fy as EcsDonutChart,
-  Ry as EcsDropzone,
+  Iy as EcsDataGridRowGroup,
+  Ty as EcsDataList,
+  My as EcsDataListItem,
+  Ly as EcsDialog,
+  Oy as EcsDialogHeader,
+  Ay as EcsDirectoryEntry,
+  Ny as EcsDocumentState,
+  Dy as EcsDonutChart,
+  Fy as EcsDropzone,
   pf as EcsEmptyState,
-  Vy as EcsEntryLink,
-  Hy as EcsExcerptSnippet,
+  Ry as EcsEntryLink,
+  Vy as EcsExcerptSnippet,
   qu as EcsFavicon,
   Ls as EcsFileIcon,
-  Wy as EcsFileList,
-  jy as EcsFileListItem,
-  qy as EcsFillIcon,
-  Gy as EcsFlag,
+  qy as EcsFileList,
+  Wy as EcsFileListItem,
+  Hy as EcsFillIcon,
+  jy as EcsFlag,
   cp as EcsFlexCol,
   Me as EcsFlexRow,
   L as EcsFocusRing,
-  Uy as EcsFolderSelector,
+  Gy as EcsFolderSelector,
   Rt as EcsFormCheck,
   Ip as EcsFormGroup,
-  Ky as EcsFormHeadline,
-  Yy as EcsFormSet,
+  Uy as EcsFormHeadline,
+  Ky as EcsFormSet,
   Ds as EcsFormatted,
   M as EcsIcon,
-  Xy as EcsIndexToolbar,
-  Zy as EcsInfoTooltip,
+  Yy as EcsIndexToolbar,
+  Xy as EcsInfoTooltip,
   tg as EcsInput,
-  Jy as EcsInputAddon,
+  Zy as EcsInputAddon,
   gp as EcsInputClear,
-  Qy as EcsInputConnector,
-  eb as EcsInputFloat,
-  tb as EcsInputGroup,
+  Jy as EcsInputConnector,
+  Qy as EcsInputFloat,
+  eb as EcsInputGroup,
   _p as EcsInputSearch,
-  sb as EcsJumperDocument,
-  ib as EcsJumperIndex,
-  nb as EcsJumperPage,
-  rb as EcsLayoutDataTable,
-  ob as EcsLayoutDirectory,
-  ab as EcsLayoutIndex,
-  lb as EcsLegendItem,
-  cb as EcsLogMessage,
-  db as EcsMap,
-  ub as EcsModal,
-  pb as EcsModalFooter,
-  fb as EcsModalHeader,
-  hb as EcsMultiselectOption,
-  gb as EcsMultiselectSearchToken,
-  mb as EcsMultiselectToken,
-  vb as EcsOverlay,
-  _b as EcsPagination,
+  tb as EcsJumperDocument,
+  sb as EcsJumperIndex,
+  ib as EcsJumperPage,
+  ob as EcsLayoutDataTable,
+  ab as EcsLayoutDirectory,
+  nb as EcsLayoutIndex,
+  rb as EcsLegendItem,
+  lb as EcsLogMessage,
+  cb as EcsMap,
+  db as EcsModal,
+  fb as EcsModalFooter,
+  ub as EcsModalHeader,
+  mb as EcsMultiselectOption,
+  pb as EcsMultiselectSearchToken,
+  gb as EcsMultiselectToken,
+  hb as EcsOverlay,
+  vb as EcsPagination,
   Fg as EcsPane,
-  yb as EcsPartyEntry,
+  _b as EcsPartyEntry,
   Ts as EcsPopover,
-  bb as EcsPopoverHeader,
+  yb as EcsPopoverHeader,
   da as EcsPopoverList,
-  kb as EcsPopoverListHeadline,
+  bb as EcsPopoverListHeadline,
   co as EcsPopoverListItem,
   vf as EcsProgress,
-  xb as EcsQuicklink,
+  kb as EcsQuicklink,
   wa as EcsRadiobutton,
-  Gh as EcsRatingFavorability,
-  Vh as EcsRatingStarRead,
-  wb as EcsRatingStarWrite,
+  jh as EcsRatingFavorability,
+  Rh as EcsRatingStarRead,
+  xb as EcsRatingStarWrite,
   kp as EcsScrollContainer,
-  Sb as EcsSection,
-  Cb as EcsSegment,
+  wb as EcsSection,
+  Sb as EcsSegment,
   js as EcsSelect,
   Rm as EcsSelectText,
-  Bb as EcsSelectTile,
+  Cb as EcsSelectTile,
   vo as EcsSeparator,
-  zb as EcsSequenceMap,
-  Ib as EcsSequenceMapButton,
-  Eb as EcsSidebar,
+  Bb as EcsSequenceMap,
+  zb as EcsSequenceMapButton,
+  Ib as EcsSidebar,
   $b as EcsSidebarContent,
-  Pb as EcsSidebarFooter,
-  Tb as EcsSidebarHeader,
-  Se as EcsSkeletonLoader,
+  Eb as EcsSidebarFooter,
+  Pb as EcsSidebarHeader,
+  we as EcsSkeletonLoader,
   Na as EcsSortbutton,
   Rg as EcsSplitpanes,
   Du as EcsStateIcon,
   Re as EcsSticker,
-  Mb as EcsStructuredContent,
-  Lb as EcsSwatchesPicker,
+  Tb as EcsStructuredContent,
+  Mb as EcsSwatchesPicker,
   Ms as EcsSwitch,
-  Ob as EcsTab,
-  Rv as EcsTabBar,
-  Ab as EcsTabButton,
-  qv as EcsTabs,
-  Nb as EcsTag,
-  Db as EcsTagCloud,
+  Lb as EcsTab,
+  Fv as EcsTabBar,
+  Ob as EcsTabButton,
+  Hv as EcsTabs,
+  Ab as EcsTag,
+  Nb as EcsTagCloud,
   it as EcsText,
-  Fb as EcsToast,
-  Rb as EcsToasts,
+  Db as EcsToast,
+  Fb as EcsToasts,
   Vp as EcsToolbar,
-  Vb as EcsTranscriptState,
-  Hb as EcsTreeList,
-  Wb as EcsTreeListHeadline,
-  qb as EcsTreeListItem,
-  jb as EcsTypeConfirmation,
-  Gb as EcsVideo
+  Rb as EcsTranscriptState,
+  Vb as EcsTreeList,
+  qb as EcsTreeListHeadline,
+  Hb as EcsTreeListItem,
+  Wb as EcsTypeConfirmation,
+  jb as EcsVideo
 };