@everchron/ec-shards 8.9.16 → 8.10.1

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 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";
+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 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 ve, popScopeId as _e, Fragment as Z, renderList as ge, 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) => {
@@ -220,7 +220,7 @@ const _i = {
   "aria-label": "Actions"
 };
 function bi(e, s, t, a, n, i) {
-  return o(), y(ze, {
+  return o(), y(xe, {
     name: "action-bar",
     appear: ""
   }, {
@@ -282,7 +282,7 @@ function Bi(e, s, t, a, n, i) {
     }, null, 8, Ci)) : u("", !0)
   ], 8, wi);
 }
-const oy = /* @__PURE__ */ _(xi, [["render", Bi], ["__scopeId", "data-v-4e7ca115"]]);
+const ry = /* @__PURE__ */ _(xi, [["render", Bi], ["__scopeId", "data-v-4e7ca115"]]);
 const zi = {
   __name: "sticker",
   props: {
@@ -471,7 +471,7 @@ const Ii = {
       return r > 255 ? r = 255 : r < 0 && (r = 0), (t ? "#" : "") + (r | i << 8 | n << 16).toString(16);
     }
   }
-}, $i = ["role", "aria-label"], Ei = { key: 0 };
+}, Ei = ["role", "aria-label"], $i = { key: 0 };
 function Pi(e, s, t, a, n, i) {
   const r = p("ecs-sticker");
   return o(), l("div", {
@@ -480,12 +480,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", Ei, x(i.userInitial), 1)),
+    this.image ? u("", !0) : (o(), l("span", $i, x(i.userInitial), 1)),
     t.relevantBadge ? (o(), y(r, {
       key: 1,
       type: "badge"
     })) : u("", !0)
-  ], 14, $i);
+  ], 14, Ei);
 }
 const Ti = /* @__PURE__ */ _(Ii, [["render", Pi], ["__scopeId", "data-v-cdd70b4e"]]);
 const Mi = {
@@ -579,7 +579,7 @@ function Li(e, s, t, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const ry = /* @__PURE__ */ _(Mi, [["render", Li], ["__scopeId", "data-v-888a84fc"]]);
+const ly = /* @__PURE__ */ _(Mi, [["render", Li], ["__scopeId", "data-v-888a84fc"]]);
 const Oi = {
   name: "ecs-breadcrumb",
   props: {
@@ -604,7 +604,7 @@ function Ai(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const ly = /* @__PURE__ */ _(Oi, [["render", Ai], ["__scopeId", "data-v-d1ff2486"]]);
+const cy = /* @__PURE__ */ _(Oi, [["render", Ai], ["__scopeId", "data-v-d1ff2486"]]);
 const Ni = {
   name: "ecs-breadcrumb-button",
   emits: ["click"],
@@ -663,19 +663,19 @@ function Fi(e, s, t, a, n, i) {
     b(c)
   ], 2);
 }
-const cy = /* @__PURE__ */ _(Ni, [["render", Fi], ["__scopeId", "data-v-7fb9bc8d"]]);
+const dy = /* @__PURE__ */ _(Ni, [["render", Fi], ["__scopeId", "data-v-7fb9bc8d"]]);
 const Ri = {
   name: "ecs-breadcrumb-title"
-}, Vi = {
+}, Hi = {
   class: "ecs-breadcrumb-title",
   "aria-current": "page"
 };
-function Hi(e, s, t, a, n, i) {
-  return o(), l("div", Vi, [
+function Vi(e, s, t, a, n, i) {
+  return o(), l("div", Hi, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const dy = /* @__PURE__ */ _(Ri, [["render", Hi], ["__scopeId", "data-v-422cc046"]]);
+const uy = /* @__PURE__ */ _(Ri, [["render", Vi], ["__scopeId", "data-v-422cc046"]]);
 const qi = {
   name: "ecs-flex-row",
   props: {
@@ -781,7 +781,7 @@ function Tt(e) {
   var s = oe(e).ShadowRoot;
   return e instanceof s || e instanceof ShadowRoot;
 }
-var Ne = Math.max, dt = Math.min, He = Math.round;
+var Ne = Math.max, dt = Math.min, Ve = Math.round;
 function It() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(s) {
@@ -794,7 +794,7 @@ function ws() {
 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);
+  s && ce(e) && (n = e.offsetWidth > 0 && Ve(a.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Ve(a.height) / e.offsetHeight || 1);
   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,
@@ -823,7 +823,7 @@ function ji(e) {
 function Gi(e) {
   return e === oe(e) || !ce(e) ? Mt(e) : ji(e);
 }
-function xe(e) {
+function we(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function Le(e) {
@@ -835,15 +835,15 @@ function Le(e) {
 function Lt(e) {
   return qe(Le(e)).left + Mt(e).scrollLeft;
 }
-function Ie(e) {
+function Ee(e) {
   return oe(e).getComputedStyle(e);
 }
 function Ot(e) {
-  var s = Ie(e), t = s.overflow, a = s.overflowX, n = s.overflowY;
+  var s = Ee(e), t = s.overflow, a = s.overflowX, n = s.overflowY;
   return /auto|scroll|overlay|hidden/.test(t + n + a);
 }
 function Ui(e) {
-  var s = e.getBoundingClientRect(), t = He(s.width) / e.offsetWidth || 1, a = He(s.height) / e.offsetHeight || 1;
+  var s = e.getBoundingClientRect(), t = Ve(s.width) / e.offsetWidth || 1, a = Ve(s.height) / e.offsetHeight || 1;
   return t !== 1 || a !== 1;
 }
 function Ki(e, s, t) {
@@ -855,7 +855,7 @@ function Ki(e, s, t) {
     x: 0,
     y: 0
   };
-  return (a || !a && !t) && ((xe(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (a || !a && !t) && ((we(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,
@@ -873,7 +873,7 @@ function At(e) {
   };
 }
 function pt(e) {
-  return xe(e) === "html" ? e : (
+  return we(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]
@@ -885,7 +885,7 @@ function pt(e) {
   );
 }
 function Ss(e) {
-  return ["html", "body", "#document"].indexOf(xe(e)) >= 0 ? e.ownerDocument.body : ce(e) && Ot(e) ? e : Ss(pt(e));
+  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : ce(e) && Ot(e) ? e : Ss(pt(e));
 }
 function Je(e, s) {
   var t;
@@ -897,22 +897,22 @@ function Je(e, s) {
   );
 }
 function Yi(e) {
-  return ["table", "td", "th"].indexOf(xe(e)) >= 0;
+  return ["table", "td", "th"].indexOf(we(e)) >= 0;
 }
 function es(e) {
   return !ce(e) || // https://github.com/popperjs/popper-core/issues/837
-  Ie(e).position === "fixed" ? null : e.offsetParent;
+  Ee(e).position === "fixed" ? null : e.offsetParent;
 }
 function Xi(e) {
   var s = /firefox/i.test(It()), t = /Trident/i.test(It());
   if (t && ce(e)) {
-    var a = Ie(e);
+    var a = Ee(e);
     if (a.position === "fixed")
       return null;
   }
   var n = pt(e);
-  for (Tt(n) && (n = n.host); ce(n) && ["html", "body"].indexOf(xe(n)) < 0; ) {
-    var i = Ie(n);
+  for (Tt(n) && (n = n.host); ce(n) && ["html", "body"].indexOf(we(n)) < 0; ) {
+    var i = Ee(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;
     n = n.parentNode;
@@ -920,11 +920,11 @@ function Xi(e) {
   return null;
 }
 function tt(e) {
-  for (var s = oe(e), t = es(e); t && Yi(t) && Ie(t).position === "static"; )
+  for (var s = oe(e), t = es(e); t && Yi(t) && Ee(t).position === "static"; )
     t = es(t);
-  return t && (xe(t) === "html" || xe(t) === "body" && Ie(t).position === "static") ? s : t || Xi(e) || s;
+  return t && (we(t) === "html" || we(t) === "body" && Ee(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) {
+var ne = "top", me = "bottom", he = "right", ae = "left", Nt = "auto", st = [ne, me, he, 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]);
 }, []), Bs = /* @__PURE__ */ [].concat(st, [Nt]).reduce(function(e, s) {
   return e.concat([s, s + "-" + We, s + "-" + et]);
@@ -994,7 +994,7 @@ function gn(e, s) {
 }
 function mn(e) {
   var s, t = Le(e), a = Mt(e), n = (s = e.ownerDocument) == null ? void 0 : s.body, i = Ne(t.scrollWidth, t.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), r = Ne(t.scrollHeight, t.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), c = -a.scrollLeft + Lt(e), d = -a.scrollTop;
-  return Ie(n || t).direction === "rtl" && (c += Ne(t.clientWidth, n ? n.clientWidth : 0) - i), {
+  return Ee(n || t).direction === "rtl" && (c += Ne(t.clientWidth, n ? n.clientWidth : 0) - i), {
     width: i,
     height: r,
     x: c,
@@ -1015,7 +1015,7 @@ function zs(e, s) {
   }
   return !1;
 }
-function $t(e) {
+function Et(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1028,12 +1028,12 @@ 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 ? $t(gn(e, t)) : Fe(s) ? hn(s, t) : $t(mn(Le(e)));
+  return s === Cs ? Et(gn(e, t)) : Fe(s) ? hn(s, t) : Et(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;
+  var s = Je(pt(e)), t = ["absolute", "fixed"].indexOf(Ee(e).position) >= 0, a = t && ce(e) ? tt(e) : e;
   return Fe(a) ? s.filter(function(n) {
-    return Fe(n) && zs(n, a) && xe(n) !== "body";
+    return Fe(n) && zs(n, a) && we(n) !== "body";
   }) : [];
 }
 function _n(e, s, t, a) {
@@ -1061,13 +1061,13 @@ function Is(e) {
         y: s.y - t.height
       };
       break;
-    case ge:
+    case me:
       d = {
         x: r,
         y: s.y + s.height
       };
       break;
-    case me:
+    case he:
       d = {
         x: s.x + s.width,
         y: c
@@ -1099,7 +1099,7 @@ function Is(e) {
   }
   return d;
 }
-function $s() {
+function Es() {
   return {
     top: 0,
     right: 0,
@@ -1107,8 +1107,8 @@ function $s() {
     left: 0
   };
 }
-function Es(e) {
-  return Object.assign({}, $s(), e);
+function $s(e) {
+  return Object.assign({}, Es(), e);
 }
 function Ps(e, s) {
   return s.reduce(function(t, a) {
@@ -1117,12 +1117,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, 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: $,
+  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, $ = t.padding, P = $ === void 0 ? 0 : $, O = $s(typeof P != "number" ? P : Ps(P, st)), H = B === Ye ? Ji : Ye, R = e.rects.popper, T = e.elements[S ? H : B], A = _n(Fe(T) ? T : T.contextElement || Le(e.elements.popper), d, h, r), E = qe(e.elements.reference), N = Is({
+    reference: E,
     element: R,
     strategy: "absolute",
     placement: n
-  }), F = $t(Object.assign({}, R, N)), q = B === Ye ? F : $, W = {
+  }), F = Et(Object.assign({}, R, N)), q = B === Ye ? F : E, W = {
     top: A.top - q.top + O.top,
     bottom: q.bottom - A.bottom + O.bottom,
     left: A.left - q.left + O.left,
@@ -1131,8 +1131,8 @@ function Ft(e, s) {
   if (B === Ye && j) {
     var Q = j[n];
     Object.keys(W).forEach(function(K) {
-      var Se = [me, ge].indexOf(K) >= 0 ? 1 : -1, de = [ne, ge].indexOf(K) >= 0 ? "y" : "x";
-      W[K] += Q[de] * Se;
+      var Be = [he, me].indexOf(K) >= 0 ? 1 : -1, ue = [ne, me].indexOf(K) >= 0 ? "y" : "x";
+      W[K] += Q[ue] * Be;
     });
   }
   return W;
@@ -1168,8 +1168,8 @@ function yn(e) {
     }, k = [], B = !1, I = {
       state: h,
       setOptions: function(O) {
-        var V = typeof O == "function" ? O(h.options) : O;
-        E(), h.options = Object.assign({}, i, h.options, V), h.scrollParents = {
+        var H = typeof O == "function" ? O(h.options) : O;
+        $(), h.options = Object.assign({}, i, h.options, H), h.scrollParents = {
           reference: Fe(c) ? Je(c) : c.contextElement ? Je(c.contextElement) : [],
           popper: Je(d)
         };
@@ -1185,10 +1185,10 @@ function yn(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!B) {
-          var O = h.elements, V = O.reference, R = O.popper;
-          if (ns(V, R)) {
+          var O = h.elements, H = O.reference, R = O.popper;
+          if (ns(H, R)) {
             h.rects = {
-              reference: Ki(V, tt(R), h.options.strategy === "fixed"),
+              reference: Ki(H, tt(R), h.options.strategy === "fixed"),
               popper: At(R)
             }, h.reset = !1, h.placement = h.options.placement, h.orderedModifiers.forEach(function(W) {
               return h.modifiersData[W.name] = Object.assign({}, W.data);
@@ -1198,8 +1198,8 @@ function yn(e) {
                 h.reset = !1, T = -1;
                 continue;
               }
-              var A = h.orderedModifiers[T], $ = A.fn, N = A.options, F = N === void 0 ? {} : N, q = A.name;
-              typeof $ == "function" && (h = $({
+              var A = h.orderedModifiers[T], E = A.fn, N = A.options, F = N === void 0 ? {} : N, q = A.name;
+              typeof E == "function" && (h = E({
                 state: h,
                 options: F,
                 name: q,
@@ -1217,7 +1217,7 @@ function yn(e) {
         });
       }),
       destroy: function() {
-        E(), B = !0;
+        $(), B = !0;
       }
     };
     if (!ns(c, d))
@@ -1227,20 +1227,20 @@ function yn(e) {
     });
     function S() {
       h.orderedModifiers.forEach(function(P) {
-        var O = P.name, V = P.options, R = V === void 0 ? {} : V, T = P.effect;
+        var O = P.name, H = P.options, R = H === void 0 ? {} : H, T = P.effect;
         if (typeof T == "function") {
           var A = T({
             state: h,
             name: O,
             instance: I,
             options: R
-          }), $ = function() {
+          }), E = function() {
           };
-          k.push(A || $);
+          k.push(A || E);
         }
       });
     }
-    function E() {
+    function $() {
       k.forEach(function(P) {
         return P();
       }), k = [];
@@ -1295,35 +1295,35 @@ var Sn = {
 function Cn(e, s) {
   var t = e.x, a = e.y, n = s.devicePixelRatio || 1;
   return {
-    x: He(t * n) / n || 0,
-    y: He(a * n) / n || 0
+    x: Ve(t * n) / n || 0,
+    y: Ve(a * n) / n || 0
   };
 }
 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, 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({
+  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, $ = S === void 0 ? 0 : S, P = typeof h == "function" ? h({
     x: I,
-    y: E
+    y: $
   }) : {
     x: I,
-    y: E
+    y: $
   };
-  I = P.x, E = P.y;
-  var O = r.hasOwnProperty("x"), V = r.hasOwnProperty("y"), R = ae, T = ne, A = window;
+  I = P.x, $ = P.y;
+  var O = r.hasOwnProperty("x"), H = r.hasOwnProperty("y"), R = ae, T = ne, A = window;
   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 && $ === A && A.visualViewport ? A.visualViewport.height : (
+    var E = tt(t), N = "clientHeight", F = "clientWidth";
+    if (E === oe(t) && (E = Le(t), Ee(E).position !== "static" && c === "absolute" && (N = "scrollHeight", F = "scrollWidth")), E = E, n === ne || (n === ae || n === he) && i === et) {
+      T = me;
+      var q = k && E === A && A.visualViewport ? A.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        $[N]
+        E[N]
       );
-      E -= q - a.height, E *= d ? 1 : -1;
+      $ -= q - a.height, $ *= d ? 1 : -1;
     }
-    if (n === ae || (n === ne || n === ge) && i === et) {
-      R = me;
-      var W = k && $ === A && A.visualViewport ? A.visualViewport.width : (
+    if (n === ae || (n === ne || n === me) && i === et) {
+      R = he;
+      var W = k && E === A && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        $[F]
+        E[F]
       );
       I -= W - a.width, I *= d ? 1 : -1;
     }
@@ -1332,16 +1332,16 @@ function as(e) {
     position: c
   }, g && Sn), Q = h === !0 ? Cn({
     x: I,
-    y: E
+    y: $
   }, oe(t)) : {
     x: I,
-    y: E
+    y: $
   };
-  if (I = Q.x, E = Q.y, d) {
+  if (I = Q.x, $ = 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, " + E + "px)" : "translate3d(" + I + "px, " + E + "px, 0)", K));
+    return Object.assign({}, j, (K = {}, K[T] = H ? "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, (s = {}, s[T] = V ? E + "px" : "", s[R] = O ? I + "px" : "", s.transform = "", s));
+  return Object.assign({}, j, (s = {}, s[T] = H ? $ + "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, g = {
@@ -1377,13 +1377,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) || !xe(i) || (Object.assign(i.style, a), Object.keys(n).forEach(function(r) {
+    !ce(i) || !we(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 $n(e) {
+function En(e) {
   var s = e.state, t = {
     popper: {
       position: s.options.strategy,
@@ -1401,21 +1401,21 @@ function $n(e) {
       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) || !xe(n) || (Object.assign(n.style, c), Object.keys(i).forEach(function(d) {
+      !ce(n) || !we(n) || (Object.assign(n.style, c), Object.keys(i).forEach(function(d) {
         n.removeAttribute(d);
       }));
     });
   };
 }
-const En = {
+const $n = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
   fn: In,
-  effect: $n,
+  effect: En,
   requires: ["computeStyles"]
 };
-var Pn = [kn, wn, zn, En], Tn = /* @__PURE__ */ yn({
+var Pn = [kn, wn, zn, $n], Tn = /* @__PURE__ */ yn({
   defaultModifiers: Pn
 });
 function Mn(e) {
@@ -1429,14 +1429,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, 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, {
+  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, $ = S === void 0 ? 0 : S, P = Ft(s, {
     boundary: d,
     rootBoundary: g,
     padding: k,
     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, {
+  }), O = ke(s.placement), H = je(s.placement), R = !H, 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, {
     placement: s.placement
-  })) : E, W = typeof q == "number" ? {
+  })) : $, W = typeof q == "number" ? {
     mainAxis: q,
     altAxis: q
   } : Object.assign({
@@ -1446,17 +1446,17 @@ function On(e) {
     x: 0,
     y: 0
   };
-  if ($) {
+  if (E) {
     if (i) {
-      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) : {
+      var K, Be = T === "y" ? ne : ae, ue = T === "y" ? me : he, Y = T === "y" ? "height" : "width", J = E[T], ye = J + P[Be], ze = J - P[ue], X = I ? -F[Y] / 2 : 0, re = H === We ? N[Y] : F[Y], $e = H === We ? -F[Y] : -N[Y], nt = s.elements.arrow, He = I && nt ? At(nt) : {
         width: 0,
         height: 0
-      }, 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;
+      }, Pe = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ue = Pe[Be], at = Pe[ue], Oe = Qe(0, N[Y], He[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(ze, Xs) : ze);
+      E[T] = Gt, Q[T] = Gt - J;
     }
     if (c) {
-      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;
+      var Ut, Zs = T === "x" ? ne : ae, Js = T === "x" ? me : he, 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;
     }
     s.modifiersData[a] = Q;
   }
@@ -1496,16 +1496,16 @@ function Fn(e, s) {
     return g.indexOf(S) >= 0;
   });
   B.length === 0 && (B = k);
-  var I = B.reduce(function(S, E) {
-    return S[E] = Ft(e, {
-      placement: E,
+  var I = B.reduce(function(S, $) {
+    return S[$] = Ft(e, {
+      placement: $,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[ke(E)], S;
+    })[ke($)], S;
   }, {});
-  return Object.keys(I).sort(function(S, E) {
-    return I[S] - I[E];
+  return Object.keys(I).sort(function(S, $) {
+    return I[S] - I[$];
   });
 }
 function Rn(e) {
@@ -1514,35 +1514,35 @@ function Rn(e) {
   var s = ct(e);
   return [os(e), s, os(s)];
 }
-function Vn(e) {
+function Hn(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, 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, {
+    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, $ = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), H = O === P, R = d || (H || !S ? [ct(P)] : Rn(P)), T = [P].concat(R).reduce(function(He, Pe) {
+      return He.concat(ke(Pe) === Nt ? Fn(s, {
         placement: Pe,
         boundary: h,
         rootBoundary: k,
         padding: g,
         flipVariations: S,
-        allowedAutoPlacements: E
+        allowedAutoPlacements: $
       }) : Pe);
-    }, []), 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, {
+    }, []), 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, Be = [ne, me].indexOf(Q) >= 0, ue = Be ? "width" : "height", Y = Ft(s, {
         placement: j,
         boundary: h,
         rootBoundary: k,
         altBoundary: B,
         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;
+      }), J = Be ? K ? he : ae : K ? me : ne;
+      A[ue] > E[ue] && (J = ct(J));
+      var ye = ct(J), ze = [];
+      if (i && ze.push(Y[Q] <= 0), c && ze.push(Y[J] <= 0, Y[ye] <= 0), ze.every(function(He) {
+        return He;
       })) {
         q = j, F = !1;
         break;
       }
-      N.set(j, Ce);
+      N.set(j, ze);
     }
     if (F)
       for (var X = S ? 3 : 1, re = function(Pe) {
@@ -1555,19 +1555,19 @@ function Vn(e) {
         });
         if (Ue)
           return q = Ue, "break";
-      }, Ee = X; Ee > 0; Ee--) {
-        var nt = re(Ee);
+      }, $e = X; $e > 0; $e--) {
+        var nt = re($e);
         if (nt === "break")
           break;
       }
     s.placement !== q && (s.modifiersData[a]._skip = !0, s.placement = q, s.reset = !0);
   }
 }
-const Hn = {
+const Vn = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Vn,
+  fn: Hn,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -1577,7 +1577,7 @@ function qn(e, s, t) {
   var a = ke(e), n = [ae, ne].indexOf(a) >= 0 ? -1 : 1, i = typeof t == "function" ? t(Object.assign({}, s, {
     placement: e
   })) : t, r = i[0], c = i[1];
-  return r = r || 0, c = (c || 0) * n, [ae, me].indexOf(a) >= 0 ? {
+  return r = r || 0, c = (c || 0) * n, [ae, he].indexOf(a) >= 0 ? {
     x: c,
     y: r
   } : {
@@ -1601,13 +1601,13 @@ const jn = {
 var Gn = function(s, t) {
   return s = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : s, Es(typeof s != "number" ? s : Ps(s, st));
+  })) : s, $s(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), g = [ae, me].indexOf(c) >= 0, h = g ? "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, he].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, 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);
+    var k = Gn(n.padding, t), B = At(i), I = d === "y" ? ne : ae, S = d === "y" ? me : he, $ = t.rects.reference[h] + t.rects.reference[d] - r[d] - t.rects.popper[h], P = r[d] - t.rects.reference[d], O = tt(i), H = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = $ / 2 - P / 2, T = k[I], A = H - B[h] - k[S], E = H / 2 - B[h] / 2 + R, N = Qe(T, E, A), F = d;
+    t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
 function Kn(e) {
@@ -1636,26 +1636,26 @@ function Xn({
   const d = Qs({
     isOpen: !1,
     popperInstance: null
-  }), g = (E) => {
+  }), g = ($) => {
     var P;
     (P = d.popperInstance) == null || P.setOptions((O) => ({
       ...O,
-      modifiers: [...O.modifiers, { name: "eventListeners", enabled: E }]
+      modifiers: [...O.modifiers, { name: "eventListeners", enabled: $ }]
     }));
   }, 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 ([E]) => {
-    E ? (await S(), h()) : k();
+  le([() => d.isOpen, i], async ([$]) => {
+    $ ? (await S(), h()) : k();
   });
   const S = async () => {
     await ei(), d.popperInstance = Tn(c.value, r.value, {
       placement: i.value,
       modifiers: [
         An,
-        Hn,
+        Vn,
         {
           name: "flip",
           enabled: !t.value
@@ -1678,8 +1678,8 @@ function Xn({
     }), d.popperInstance.update();
   };
   return Pt(() => {
-    var E;
-    (E = d.popperInstance) == null || E.destroy();
+    var $;
+    ($ = d.popperInstance) == null || $.destroy();
   }), {
     ...ys(d),
     open: I,
@@ -1865,35 +1865,35 @@ const ia = ["onKeyup", "aria-open"], na = {
       arrowPadding: B,
       closeDelay: I,
       content: S,
-      disableClickAway: E,
+      disableClickAway: $,
       disabled: P,
       interactive: O,
-      locked: V,
+      locked: H,
       offsetDistance: R,
       offsetSkid: T,
       openDelay: A,
-      placement: $,
+      placement: E,
       show: N
     } = ys(t), { isOpen: F, open: q, close: W } = Xn({
       arrowPadding: B,
       emit: s,
-      locked: V,
+      locked: H,
       offsetDistance: R,
       offsetSkid: T,
-      placement: $,
+      placement: E,
       popperNode: c,
       triggerNode: d
-    }), j = be(() => N.value !== null), Q = be(() => P.value || !h.value), K = be(() => F.value && !Q.value), Se = be(
-      () => !E.value && !j.value
+    }), j = be(() => N.value !== null), Q = be(() => P.value || !h.value), K = be(() => F.value && !Q.value), Be = be(
+      () => !$.value && !j.value
     );
     be(
       () => O.value ? `border: ${R.value}px solid transparent; margin: -${R.value}px;` : null
     );
-    const de = kt.debounce(q, A.value), Y = kt.debounce(W, I.value), J = async () => {
-      Q.value || j.value || (Y.clear(), r.value = !0, de());
+    const ue = kt.debounce(q, A.value), Y = kt.debounce(W, I.value), J = async () => {
+      Q.value || j.value || (Y.clear(), r.value = !0, ue());
     }, ye = async () => {
-      j.value || (de.clear(), r.value = !1, Y());
-    }, Ce = () => {
+      j.value || (ue.clear(), r.value = !1, Y());
+    }, ze = () => {
       F.value ? ye() : J();
     };
     return le([h, P], ([X, re]) => {
@@ -1903,9 +1903,9 @@ const ia = ["onKeyup", "aria-open"], na = {
         g.value = !1;
       }, 200);
     }), bt(() => {
-      j.value && (N.value ? de() : Y());
+      j.value && (N.value ? ue() : Y());
     }), bt(() => {
-      Se.value && Jn(c, ye);
+      Be.value && Jn(c, ye);
     }), le(S, (X) => {
       X ? h.value = !0 : h.value = !1;
     }), bt(() => {
@@ -1915,13 +1915,13 @@ const ia = ["onKeyup", "aria-open"], na = {
       });
     }), Pt(() => n.disconnect()), (X, re) => (o(), l("div", {
       class: "ecs-popover-root",
-      onMouseleave: re[2] || (re[2] = (Ee) => e.hover && ye())
+      onMouseleave: re[2] || (re[2] = ($e) => e.hover && ye())
     }, [
       f("div", {
         ref_key: "triggerNode",
         ref: d,
-        onMouseover: re[0] || (re[0] = (Ee) => e.hover && J()),
-        onClick: Ce,
+        onMouseover: re[0] || (re[0] = ($e) => e.hover && J()),
+        onClick: ze,
         onFocus: J,
         onKeyup: U(ye, ["esc"]),
         "aria-describedby": i,
@@ -1931,11 +1931,11 @@ const ia = ["onKeyup", "aria-open"], na = {
         m(X.$slots, "default", {}, void 0, !0)
       ], 40, ia),
       (o(), y(ii, { to: "body" }, [
-        b(ze, { name: "fade" }, {
+        b(xe, { name: "fade" }, {
           default: w(() => [
             e.persistent || r.value ? Ge((o(), l("div", {
               key: 0,
-              onClick: re[1] || (re[1] = (Ee) => !ie(O) && ye()),
+              onClick: re[1] || (re[1] = ($e) => !ie(O) && ye()),
               class: "ecs-popover popper",
               ref_key: "popperNode",
               ref: c,
@@ -2151,7 +2151,7 @@ function ga(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const it = /* @__PURE__ */ _(pa, [["render", ga], ["__scopeId", "data-v-b3c32482"]]), _e = {
+const it = /* @__PURE__ */ _(pa, [["render", ga], ["__scopeId", "data-v-b3c32482"]]), de = {
   data() {
     return {
       uniqueId: ""
@@ -2171,7 +2171,7 @@ const ma = {
   name: "ecs-checkbox",
   emits: ["input", "shiftClick"],
   components: { EcsFormCheck: Rt, EcsText: it },
-  mixins: [_e],
+  mixins: [de],
   props: {
     /** Name attribute of the input. */
     name: {
@@ -2301,12 +2301,12 @@ function _a(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const Vt = /* @__PURE__ */ _(ma, [["render", _a], ["__scopeId", "data-v-c0f055a3"]]);
+const Ht = /* @__PURE__ */ _(ma, [["render", _a], ["__scopeId", "data-v-c0f055a3"]]);
 const ya = {
   name: "ecs-radiobutton",
   emits: ["input", "change"],
   components: { EcsFormCheck: Rt, EcsText: it },
-  mixins: [_e],
+  mixins: [de],
   model: {
     prop: "checked",
     event: "input"
@@ -2427,7 +2427,7 @@ const Sa = {
   name: "ecs-switch",
   emits: ["input"],
   components: { EcsFocusRing: L },
-  mixins: [_e],
+  mixins: [de],
   props: {
     /** Sets the name attribute. */
     name: {
@@ -2517,7 +2517,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"], $a = { class: "ecs-slide-switch" }, Ea = /* @__PURE__ */ Ca(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Pa = ["for"];
+}, Ca = (e) => (ve("data-v-de55e54f"), e = e(), _e(), 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"];
 function Ta(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring");
   return o(), l("div", Ba, [
@@ -2542,8 +2542,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", $a, [
-        Ea,
+      f("div", Ea, [
+        $a,
         b(r, { radius: 20 })
       ])
     ], 10, za),
@@ -2583,7 +2583,7 @@ const Ma = {
       return this.sort && this.sort !== "" ? `active ${this.sort}` : this.sort;
     }
   }
-}, La = (e) => (he("data-v-dca05194"), e = e(), ve(), e), Oa = /* @__PURE__ */ La(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
+}, La = (e) => (ve("data-v-dca05194"), e = e(), _e(), e), Oa = /* @__PURE__ */ La(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
 function Aa(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring"), c = p("ecs-form-check");
   return o(), y(c, {
@@ -2732,7 +2732,7 @@ const Da = {
   mounted() {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, Fa = (e) => (he("data-v-a3459c11"), e = e(), ve(), e), Ra = ["href", "target", "aria-label", "aria-busy"], Va = ["aria-label", "aria-busy"], Ha = /* @__PURE__ */ Fa(() => /* @__PURE__ */ f("svg", {
+}, Fa = (e) => (ve("data-v-a3459c11"), e = e(), _e(), e), Ra = ["href", "target", "aria-label", "aria-busy"], Ha = ["aria-label", "aria-busy"], Va = /* @__PURE__ */ Fa(() => /* @__PURE__ */ f("svg", {
   width: "8",
   height: "6",
   viewBox: "0 0 8 6",
@@ -2789,7 +2789,7 @@ function qa(e, s, t, a, n, i) {
     ]]),
     onClick: s[6] || (s[6] = (d) => e.$emit("click", d))
   }, [
-    Ha,
+    Va,
     b(c, {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
@@ -2821,13 +2821,13 @@ function qa(e, s, t, a, n, i) {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
     }, null, 8, ["inset", "danger"])
-  ], 42, Va));
+  ], 42, Ha));
 }
-const $e = /* @__PURE__ */ _(Da, [["render", qa], ["__scopeId", "data-v-a3459c11"]]);
+const Se = /* @__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: $e, EcsFocusRing: L },
+  components: { EcsCheckbox: Ht, EcsRadiobutton: wa, EcsSwitch: Ms, EcsSortbutton: Na, EcsIcon: M, EcsFileIcon: Ls, EcsButton: Se, EcsFocusRing: L },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3401,7 +3401,7 @@ const vo = /* @__PURE__ */ _(mo, [["render", ho], ["__scopeId", "data-v-6c95c339
 const _o = {
   name: "ecs-bulk-selector",
   emits: ["select", "families", "checked"],
-  components: { EcsFlexRow: Me, EcsPopover: Ts, EcsPopoverList: da, EcsPopoverListItem: co, EcsButtonToolbar: gt, EcsCheckbox: Vt, EcsSeparator: vo },
+  components: { EcsFlexRow: Me, EcsPopover: Ts, EcsPopoverList: da, EcsPopoverListItem: co, EcsButtonToolbar: gt, EcsCheckbox: Ht, EcsSeparator: vo },
   props: {
     /** Array of available select options that should show up in the dropdown. Needs to contain objects for each popover-list-item, */
     options: {
@@ -3498,10 +3498,10 @@ function bo(e, s, t, a, n, i) {
           content: w(() => [
             b(h, null, {
               default: w(() => [
-                (o(!0), l(Z, null, pe(t.options, (I, S) => (o(), y(d, {
+                (o(!0), l(Z, null, ge(t.options, (I, S) => (o(), y(d, {
                   key: S,
                   disabled: I.disabled || null,
-                  onClick: (E) => e.$emit("select", I.action)
+                  onClick: ($) => e.$emit("select", I.action)
                 }, {
                   default: w(() => [
                     D(x(I.label), 1)
@@ -3548,7 +3548,7 @@ function bo(e, s, t, a, n, i) {
     _: 1
   });
 }
-const uy = /* @__PURE__ */ _(_o, [["render", bo], ["__scopeId", "data-v-bd2e4560"]]);
+const fy = /* @__PURE__ */ _(_o, [["render", bo], ["__scopeId", "data-v-bd2e4560"]]);
 const ko = {
   name: "ecs-button-group"
 }, xo = { class: "ecs-button-group" };
@@ -3557,7 +3557,7 @@ function wo(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const fy = /* @__PURE__ */ _(ko, [["render", wo], ["__scopeId", "data-v-83c21366"]]);
+const py = /* @__PURE__ */ _(ko, [["render", wo], ["__scopeId", "data-v-83c21366"]]);
 const So = {
   name: "ecs-button-collapse",
   emits: ["click"],
@@ -3659,7 +3659,7 @@ const zo = {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
 }, Io = ["aria-label", "aria-busy"];
-function $o(e, s, t, a, n, i) {
+function Eo(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" : ""]]),
@@ -3682,8 +3682,8 @@ function $o(e, s, t, a, n, i) {
     b(c)
   ], 14, Io);
 }
-const py = /* @__PURE__ */ _(zo, [["render", $o], ["__scopeId", "data-v-bbc83578"]]);
-const Eo = {
+const gy = /* @__PURE__ */ _(zo, [["render", Eo], ["__scopeId", "data-v-bbc83578"]]);
+const $o = {
   name: "ecs-context-button-group"
 }, Po = { class: "ecs-context-button-group" };
 function To(e, s, t, a, n, i) {
@@ -3691,7 +3691,7 @@ function To(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const gy = /* @__PURE__ */ _(Eo, [["render", To], ["__scopeId", "data-v-94a53b69"]]);
+const my = /* @__PURE__ */ _($o, [["render", To], ["__scopeId", "data-v-94a53b69"]]);
 const Mo = {
   name: "ecs-button-dialog",
   emits: ["click"],
@@ -3741,7 +3741,7 @@ function Oo(e, s, t, a, n, i) {
     }, null, 8, ["danger"])
   ], 10, Lo);
 }
-const my = /* @__PURE__ */ _(Mo, [["render", Oo], ["__scopeId", "data-v-fe031b71"]]);
+const hy = /* @__PURE__ */ _(Mo, [["render", Oo], ["__scopeId", "data-v-fe031b71"]]);
 const Ao = {
   name: "ecs-button-more",
   emits: ["click"],
@@ -3879,11 +3879,11 @@ const Fo = {
       return this.disabled || this.unreactive ? !0 : null;
     }
   }
-}, Ro = ["disabled", "aria-disabled", "aria-expanded", "aria-busy"], Vo = {
+}, Ro = ["disabled", "aria-disabled", "aria-expanded", "aria-busy"], Ho = {
   key: 1,
   class: "button-label"
 };
-function Ho(e, s, t, a, n, i) {
+function Vo(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("button", {
     class: v(["ecs-button-table", [
@@ -3908,7 +3908,7 @@ function Ho(e, s, t, a, n, i) {
       type: i.iconType,
       size: i.iconSize
     }, null, 8, ["type", "size"])) : u("", !0),
-    t.label != null ? (o(), l("div", Vo, x(t.label), 1)) : u("", !0),
+    t.label != null ? (o(), l("div", Ho, x(t.label), 1)) : u("", !0),
     t.chevron ? (o(), l("div", {
       key: 2,
       class: v(["chevron", t.active ? "expand" : ""])
@@ -3916,7 +3916,7 @@ function Ho(e, s, t, a, n, i) {
     b(c)
   ], 42, Ro);
 }
-const Ns = /* @__PURE__ */ _(Fo, [["render", Ho], ["__scopeId", "data-v-5ffbb68b"]]);
+const Ns = /* @__PURE__ */ _(Fo, [["render", Vo], ["__scopeId", "data-v-5ffbb68b"]]);
 const qo = {
   name: "ecs-toolbar-button-group"
 }, Wo = { class: "ecs-toolbar-button-group" };
@@ -3925,7 +3925,7 @@ function jo(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Ht = /* @__PURE__ */ _(qo, [["render", jo], ["__scopeId", "data-v-743ca90b"]]);
+const Vt = /* @__PURE__ */ _(qo, [["render", jo], ["__scopeId", "data-v-743ca90b"]]);
 const Go = {
   name: "ecs-toolbar-icon-button",
   emits: ["click"],
@@ -3999,7 +3999,7 @@ function Xo(e, s, t, a, n, i) {
     b(c)
   ], 10, Uo);
 }
-const hy = /* @__PURE__ */ _(Go, [["render", Xo], ["__scopeId", "data-v-098e1030"]]);
+const vy = /* @__PURE__ */ _(Go, [["render", Xo], ["__scopeId", "data-v-098e1030"]]);
 const Zo = {
   name: "ecs-card",
   emits: ["click"],
@@ -4064,7 +4064,7 @@ function tr(e, s, t, a, n, i) {
     ])
   ], 10, Jo);
 }
-const vy = /* @__PURE__ */ _(Zo, [["render", tr], ["__scopeId", "data-v-8d449816"]]);
+const _y = /* @__PURE__ */ _(Zo, [["render", tr], ["__scopeId", "data-v-8d449816"]]);
 const sr = {
   name: "ecs-citation-line",
   emits: ["change", "blur", "focus"],
@@ -4134,7 +4134,7 @@ function nr(e, s, t, a, n, i) {
     _: 3
   });
 }
-const _y = /* @__PURE__ */ _(sr, [["render", nr], ["__scopeId", "data-v-cfd8e718"]]);
+const yy = /* @__PURE__ */ _(sr, [["render", nr], ["__scopeId", "data-v-cfd8e718"]]);
 var qt = {};
 Object.defineProperty(qt, "__esModule", {
   value: !0
@@ -4152,7 +4152,7 @@ var ar = qt.clickOutSide = {
 const rr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed"],
-  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: $e },
+  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Se },
   directives: {
     clickOutSide: or
   },
@@ -4276,7 +4276,7 @@ function ur(e, s, t, a, n, i) {
       ref: "menu",
       id: "my-menu"
     }, [
-      (o(!0), l(Z, null, pe(t.options, (h, k) => (o(), l("li", {
+      (o(!0), l(Z, null, ge(t.options, (h, k) => (o(), l("li", {
         key: k,
         onClick: G((B) => i.optionClicked(h), ["stop"]),
         role: h.type === "divider" ? "separator" : "menuitem",
@@ -4314,11 +4314,11 @@ function ur(e, s, t, a, n, i) {
     [g, i.onClickOutside]
   ]);
 }
-const yy = /* @__PURE__ */ _(rr, [["render", ur], ["__scopeId", "data-v-f295a817"]]);
+const by = /* @__PURE__ */ _(rr, [["render", ur], ["__scopeId", "data-v-f295a817"]]);
 const fr = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: $e, EcsFocusRing: L, EcsFlexRow: Me },
+  components: { EcsButton: Se, EcsFocusRing: L, EcsFlexRow: Me },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -4483,12 +4483,12 @@ function _r(e, s, t, a, n, i) {
     ], 10, vr)
   ], 2);
 }
-const by = /* @__PURE__ */ _(fr, [["render", _r], ["__scopeId", "data-v-4bf981c8"]]);
+const ky = /* @__PURE__ */ _(fr, [["render", _r], ["__scopeId", "data-v-4bf981c8"]]);
 const yr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
   components: { EcsIcon: M, EcsFocusRing: L },
-  mixins: [_e],
+  mixins: [de],
   props: {
     /** Icon representing the type of selection. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
@@ -4605,7 +4605,7 @@ function Cr(e, s, t, a, n, i) {
         onMouseleave: s[1] || (s[1] = (...d) => i.toggleTooltip && i.toggleTooltip(...d)),
         title: i.fullTooltip
       }, [
-        (o(!0), l(Z, null, pe(t.collection, (d) => (o(), l("span", {
+        (o(!0), l(Z, null, ge(t.collection, (d) => (o(), l("span", {
           key: d.name
         }, [
           d.value ? (o(), l("span", wr, x(d.name), 1)) : u("", !0)
@@ -4626,7 +4626,7 @@ function Cr(e, s, t, a, n, i) {
     ], 10, Sr)
   ], 2);
 }
-const ky = /* @__PURE__ */ _(yr, [["render", Cr], ["__scopeId", "data-v-5e5716bc"]]);
+const xy = /* @__PURE__ */ _(yr, [["render", Cr], ["__scopeId", "data-v-5e5716bc"]]);
 const Br = {
   name: "ecs-skeleton-loader",
   props: {
@@ -4663,11 +4663,11 @@ const Br = {
       return this.type && this.type !== "" ? `skeleton-${this.type}` : this.type;
     }
   }
-}, zr = (e) => (he("data-v-75354c78"), e = e(), ve(), e), Ir = {
+}, zr = (e) => (ve("data-v-75354c78"), e = e(), _e(), e), Ir = {
   key: 1,
   class: "ecs-skeleton skeletons"
-}, $r = /* @__PURE__ */ zr(() => /* @__PURE__ */ f("div", { class: "skeleton skeleton-single" }, null, -1)), Er = [
-  $r
+}, Er = /* @__PURE__ */ zr(() => /* @__PURE__ */ f("div", { class: "skeleton skeleton-single" }, null, -1)), $r = [
+  Er
 ];
 function Pr(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), l("div", {
@@ -4675,10 +4675,10 @@ function Pr(e, s, t, a, n, i) {
     class: v(["ecs-skeleton skeleton", i.rectClass]),
     style: z({ width: t.width + "px", height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), l("div", Ir, [
-    (o(!0), l(Z, null, pe(parseInt(t.count), (r) => (o(), l("div", {
+    (o(!0), l(Z, null, ge(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
       class: v(["skeleton-wrap", "skeleton-line-height-" + t.lineHeight])
-    }, Er, 2))), 128))
+    }, $r, 2))), 128))
   ])) : (o(), l("div", {
     key: 2,
     class: v(["ecs-skeleton skeleton-wrap", "skeleton-line-height-" + t.lineHeight])
@@ -4689,11 +4689,11 @@ function Pr(e, s, t, a, n, i) {
     }, null, 4)
   ], 2));
 }
-const we = /* @__PURE__ */ _(Br, [["render", Pr], ["__scopeId", "data-v-75354c78"]]);
+const Ce = /* @__PURE__ */ _(Br, [["render", Pr], ["__scopeId", "data-v-75354c78"]]);
 const Tr = {
   name: "ecs-formatted",
-  components: { EcsSkeletonLoader: we },
-  mixins: [_e],
+  components: { EcsSkeletonLoader: Ce },
+  mixins: [de],
   props: {
     /** Sets the general font size of the formatted text component to small. */
     small: {
@@ -4742,7 +4742,7 @@ const Ds = /* @__PURE__ */ _(Tr, [["render", Lr]]);
 const Or = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: Ti, EcsButton: $e, EcsFormatted: Ds, EcsSkeletonLoader: we },
+  components: { EcsAvatar: Ti, EcsButton: Se, EcsFormatted: Ds, EcsSkeletonLoader: Ce },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -4768,7 +4768,7 @@ const Or = {
 }, Ar = ["aria-busy"], Nr = { class: "ecs-comment-header" }, Dr = { class: "ecs-comment-autor" }, Fr = {
   key: 2,
   class: "ecs-comment-meta"
-}, Rr = { class: "ecs-comment-meta-name" }, Vr = { class: "ecs-comment-meta-time" }, Hr = {
+}, Rr = { class: "ecs-comment-meta-name" }, Hr = { class: "ecs-comment-meta-time" }, Vr = {
   key: 3,
   class: "ecs-comment-meta loading"
 }, qr = {
@@ -4799,7 +4799,7 @@ function jr(e, s, t, a, n, i) {
           size: 32,
           rounded: ""
         }, null, 8, ["name", "image"])),
-        t.loading ? (o(), l("div", Hr, [
+        t.loading ? (o(), l("div", Vr, [
           b(r, {
             type: "single",
             "line-height": 3,
@@ -4812,7 +4812,7 @@ function jr(e, s, t, a, n, i) {
           })
         ])) : (o(), l("div", Fr, [
           f("span", Rr, x(t.userName), 1),
-          f("span", Vr, [
+          f("span", Hr, [
             m(e.$slots, "commentdate", {}, void 0, !0)
           ])
         ]))
@@ -4854,14 +4854,14 @@ function jr(e, s, t, a, n, i) {
     ]))
   ], 8, Ar);
 }
-const xy = /* @__PURE__ */ _(Or, [["render", jr], ["__scopeId", "data-v-cf696f66"]]);
+const wy = /* @__PURE__ */ _(Or, [["render", jr], ["__scopeId", "data-v-cf696f66"]]);
 const Gr = {}, Ur = { class: "ecs-comment-list" };
 function Kr(e, s) {
   return o(), l("div", Ur, [
     m(e.$slots, "default")
   ]);
 }
-const wy = /* @__PURE__ */ _(Gr, [["render", Kr]]);
+const Sy = /* @__PURE__ */ _(Gr, [["render", Kr]]);
 function ut(e) {
   "@babel/helpers - typeof";
   return ut = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -4960,14 +4960,14 @@ C.prototype = {
   },
   toPercentageRgb: function() {
     return {
-      r: Math.round(H(this._r, 255) * 100) + "%",
-      g: Math.round(H(this._g, 255) * 100) + "%",
-      b: Math.round(H(this._b, 255) * 100) + "%",
+      r: Math.round(V(this._r, 255) * 100) + "%",
+      g: Math.round(V(this._g, 255) * 100) + "%",
+      b: Math.round(V(this._b, 255) * 100) + "%",
       a: this._a
     };
   },
   toPercentageRgbString: function() {
-    return this._a == 1 ? "rgb(" + Math.round(H(this._r, 255) * 100) + "%, " + Math.round(H(this._g, 255) * 100) + "%, " + Math.round(H(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(H(this._r, 255) * 100) + "%, " + Math.round(H(this._g, 255) * 100) + "%, " + Math.round(H(this._b, 255) * 100) + "%, " + this._roundA + ")";
+    return this._a == 1 ? "rgb(" + Math.round(V(this._r, 255) * 100) + "%, " + Math.round(V(this._g, 255) * 100) + "%, " + Math.round(V(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(V(this._r, 255) * 100) + "%, " + Math.round(V(this._g, 255) * 100) + "%, " + Math.round(V(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
     return this._a === 0 ? "transparent" : this._a < 1 ? !1 : pl[cs(this._r, this._g, this._b, !0)] || !1;
@@ -5055,7 +5055,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" && (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), {
+  return typeof e == "string" && (e = vl(e)), ut(e) == "object" && (Ie(e.r) && Ie(e.g) && Ie(e.b) ? (s = Jr(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : Ie(e.h) && Ie(e.s) && Ie(e.v) ? (a = Ze(e.s), n = Ze(e.v), s = el(e.h, a, n), r = !0, c = "hsv") : Ie(e.h) && Ie(e.s) && Ie(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)),
@@ -5066,13 +5066,13 @@ function Zr(e) {
 }
 function Jr(e, s, t) {
   return {
-    r: H(e, 255) * 255,
-    g: H(s, 255) * 255,
-    b: H(t, 255) * 255
+    r: V(e, 255) * 255,
+    g: V(s, 255) * 255,
+    b: V(t, 255) * 255
   };
 }
 function rs(e, s, t) {
-  e = H(e, 255), s = H(s, 255), t = H(t, 255);
+  e = V(e, 255), s = V(s, 255), t = V(t, 255);
   var a = Math.max(e, s, t), n = Math.min(e, s, t), i, r, c = (a + n) / 2;
   if (a == n)
     i = r = 0;
@@ -5099,7 +5099,7 @@ 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);
+  e = V(e, 360), s = V(s, 100), t = V(t, 100);
   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;
   }
@@ -5116,7 +5116,7 @@ function Qr(e, s, t) {
   };
 }
 function ls(e, s, t) {
-  e = H(e, 255), s = H(s, 255), t = H(t, 255);
+  e = V(e, 255), s = V(s, 255), t = V(t, 255);
   var a = Math.max(e, s, t), n = Math.min(e, s, t), i, r, c = a, d = a - n;
   if (r = a === 0 ? 0 : d / a, a == n)
     i = 0;
@@ -5141,7 +5141,7 @@ function ls(e, s, t) {
   };
 }
 function el(e, s, t) {
-  e = H(e, 360) * 6, s = H(s, 100), t = H(t, 100);
+  e = V(e, 360) * 6, s = V(s, 100), t = V(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, 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: g * 255,
@@ -5150,15 +5150,15 @@ function el(e, s, t) {
   };
 }
 function cs(e, s, t, a) {
-  var n = [fe(Math.round(e).toString(16)), fe(Math.round(s).toString(16)), fe(Math.round(t).toString(16))];
+  var n = [pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16))];
   return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function tl(e, s, t, a, n) {
-  var i = [fe(Math.round(e).toString(16)), fe(Math.round(s).toString(16)), fe(Math.round(t).toString(16)), fe(Rs(a))];
+  var i = [pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16)), pe(Rs(a))];
   return n && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) && i[3].charAt(0) == i[3].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
 }
 function ds(e, s, t, a) {
-  var n = [fe(Rs(a)), fe(Math.round(e).toString(16)), fe(Math.round(s).toString(16)), fe(Math.round(t).toString(16))];
+  var n = [pe(Rs(a)), pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16))];
   return n.join("");
 }
 C.equals = function(e, s) {
@@ -5287,7 +5287,7 @@ C.mostReadable = function(e, s, t) {
     size: d
   }) || !r ? a : (t.includeFallbackColors = !1, C.mostReadable(e, ["#fff", "#000"], t));
 };
-var Et = C.names = {
+var $t = C.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -5437,7 +5437,7 @@ var Et = C.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, pl = C.hexNames = gl(Et);
+}, pl = C.hexNames = gl($t);
 function gl(e) {
   var s = {};
   for (var t in e)
@@ -5447,7 +5447,7 @@ function gl(e) {
 function Fs(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
-function H(e, s) {
+function V(e, s) {
   ml(e) && (e = "100%");
   var t = hl(e);
   return e = Math.min(s, Math.max(0, parseFloat(e))), t && (e = parseInt(e * s, 10) / 100), Math.abs(e - s) < 1e-6 ? 1 : e % s / parseFloat(s);
@@ -5464,7 +5464,7 @@ function ml(e) {
 function hl(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function fe(e) {
+function pe(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
 function Ze(e) {
@@ -5476,7 +5476,7 @@ function Rs(e) {
 function fs(e) {
   return se(e) / 255;
 }
-var ue = function() {
+var fe = function() {
   var e = "[-\\+]?\\d+%?", s = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + s + ")|(?:" + e + ")", a = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
@@ -5492,14 +5492,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 Be(e) {
-  return !!ue.CSS_UNIT.exec(e);
+function Ie(e) {
+  return !!fe.CSS_UNIT.exec(e);
 }
 function vl(e) {
   e = e.replace(Yr, "").replace(Xr, "").toLowerCase();
   var s = !1;
-  if (Et[e])
-    e = Et[e], s = !0;
+  if ($t[e])
+    e = $t[e], s = !0;
   else if (e == "transparent")
     return {
       r: 0,
@@ -5509,51 +5509,51 @@ function vl(e) {
       format: "name"
     };
   var t;
-  return (t = ue.rgb.exec(e)) ? {
+  return (t = fe.rgb.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = ue.rgba.exec(e)) ? {
+  } : (t = fe.rgba.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = ue.hsl.exec(e)) ? {
+  } : (t = fe.hsl.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = ue.hsla.exec(e)) ? {
+  } : (t = fe.hsla.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = ue.hsv.exec(e)) ? {
+  } : (t = fe.hsv.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = ue.hsva.exec(e)) ? {
+  } : (t = fe.hsva.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = ue.hex8.exec(e)) ? {
+  } : (t = fe.hex8.exec(e)) ? {
     r: se(t[1]),
     g: se(t[2]),
     b: se(t[3]),
     a: fs(t[4]),
     format: s ? "name" : "hex8"
-  } : (t = ue.hex6.exec(e)) ? {
+  } : (t = fe.hex6.exec(e)) ? {
     r: se(t[1]),
     g: se(t[2]),
     b: se(t[3]),
     format: s ? "name" : "hex"
-  } : (t = ue.hex4.exec(e)) ? {
+  } : (t = fe.hex4.exec(e)) ? {
     r: se(t[1] + "" + t[1]),
     g: se(t[2] + "" + t[2]),
     b: se(t[3] + "" + t[3]),
     a: fs(t[4] + "" + t[4]),
     format: s ? "name" : "hex8"
-  } : (t = ue.hex3.exec(e)) ? {
+  } : (t = fe.hex3.exec(e)) ? {
     r: se(t[1] + "" + t[1]),
     g: se(t[2] + "" + t[2]),
     b: se(t[3] + "" + t[3]),
@@ -5721,11 +5721,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 $l(e) {
+function El(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "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() {
+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")(), Hs = Ll, Ol = Hs, Al = function() {
   return Ol.Date.now();
 }, Nl = Al, Dl = /\s/;
 function Fl(e) {
@@ -5733,11 +5733,11 @@ function Fl(e) {
     ;
   return s;
 }
-var Rl = Fl, Vl = Rl, Hl = /^\s+/;
+var Rl = Fl, Hl = Rl, Vl = /^\s+/;
 function ql(e) {
-  return e && e.slice(0, Vl(e) + 1).replace(Hl, "");
+  return e && e.slice(0, Hl(e) + 1).replace(Vl, "");
 }
-var Wl = ql, jl = Vs, Gl = jl.Symbol, Hs = Gl, ps = Hs, qs = Object.prototype, Ul = qs.hasOwnProperty, Kl = qs.toString, Xe = ps ? ps.toStringTag : void 0;
+var Wl = ql, jl = Hs, Gl = jl.Symbol, Vs = Gl, ps = Vs, qs = Object.prototype, Ul = qs.hasOwnProperty, Kl = qs.toString, Xe = ps ? ps.toStringTag : void 0;
 function Yl(e) {
   var s = Ul.call(e, Xe), t = e[Xe];
   try {
@@ -5752,7 +5752,7 @@ var Xl = Yl, Zl = Object.prototype, Jl = Zl.toString;
 function Ql(e) {
   return Jl.call(e);
 }
-var ec = Ql, gs = Hs, tc = Xl, sc = ec, ic = "[object Null]", nc = "[object Undefined]", ms = gs ? gs.toStringTag : void 0;
+var ec = Ql, gs = Vs, tc = Xl, sc = ec, ic = "[object Null]", nc = "[object Undefined]", ms = gs ? gs.toStringTag : void 0;
 function ac(e) {
   return e == null ? e === void 0 ? nc : ic : ms && ms in Object(e) ? tc(e) : sc(e);
 }
@@ -5786,39 +5786,39 @@ function Bc(e, s, t) {
   if (typeof e != "function")
     throw new TypeError(wc);
   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($) {
+  function I(E) {
     var N = a, F = n;
-    return a = n = void 0, g = $, r = e.apply(F, N), r;
+    return a = n = void 0, g = E, r = e.apply(F, N), r;
   }
-  function S($) {
-    return g = $, c = setTimeout(O, s), h ? I($) : r;
+  function S(E) {
+    return g = E, c = setTimeout(O, s), h ? I(E) : r;
   }
-  function E($) {
-    var N = $ - d, F = $ - g, q = s - N;
+  function $(E) {
+    var N = E - d, F = E - g, q = s - N;
     return k ? Cc(q, i - F) : q;
   }
-  function P($) {
-    var N = $ - d, F = $ - g;
+  function P(E) {
+    var N = E - d, F = E - g;
     return d === void 0 || N >= s || N < 0 || k && F >= i;
   }
   function O() {
-    var $ = Ct();
-    if (P($))
-      return V($);
-    c = setTimeout(O, E($));
+    var E = Ct();
+    if (P(E))
+      return H(E);
+    c = setTimeout(O, $(E));
   }
-  function V($) {
-    return c = void 0, B && a ? I($) : (a = n = void 0, r);
+  function H(E) {
+    return c = void 0, B && a ? I(E) : (a = n = void 0, r);
   }
   function R() {
     c !== void 0 && clearTimeout(c), g = 0, a = d = n = c = void 0;
   }
   function T() {
-    return c === void 0 ? r : V(Ct());
+    return c === void 0 ? r : H(Ct());
   }
   function A() {
-    var $ = Ct(), N = P($);
-    if (a = arguments, n = this, d = $, N) {
+    var E = Ct(), N = P(E);
+    if (a = arguments, n = this, d = E, N) {
       if (c === void 0)
         return S(d);
       if (k)
@@ -5828,12 +5828,12 @@ function Bc(e, s, t) {
   }
   return A.cancel = R, A.flush = T, A;
 }
-var zc = Bc, Ic = zc, $c = Wt, Ec = "Expected a function";
+var zc = Bc, Ic = zc, Ec = Wt, $c = "Expected a function";
 function Pc(e, s, t) {
   var a = !0, n = !0;
   if (typeof e != "function")
-    throw new TypeError(Ec);
-  return $c(t) && (a = "leading" in t ? !!t.leading : a, n = "trailing" in t ? !!t.trailing : n), Ic(e, s, {
+    throw new TypeError($c);
+  return Ec(t) && (a = "leading" in t ? !!t.leading : a, n = "trailing" in t ? !!t.trailing : n), Ic(e, s, {
     leading: a,
     maxWait: s,
     trailing: n
@@ -5919,7 +5919,7 @@ function Fc(e, s, t, a, n, i) {
   ], 36);
 }
 const Rc = /* @__PURE__ */ _(Lc, [["render", Fc]]);
-const Vc = {
+const Hc = {
   name: "Hue",
   props: {
     modelValue: Object,
@@ -5985,7 +5985,7 @@ const Vc = {
       window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
     }
   }
-}, Hc = ["aria-valuenow"], qc = /* @__PURE__ */ f("div", { class: "ecs-hue-picker" }, null, -1), Wc = [
+}, Vc = ["aria-valuenow"], qc = /* @__PURE__ */ f("div", { class: "ecs-hue-picker" }, null, -1), Wc = [
   qc
 ];
 function jc(e, s, t, a, n, i) {
@@ -6008,10 +6008,10 @@ function jc(e, s, t, a, n, i) {
         style: z({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, Wc, 4)
-    ], 40, Hc)
+    ], 40, Vc)
   ], 2);
 }
-const Gc = /* @__PURE__ */ _(Vc, [["render", jc]]);
+const Gc = /* @__PURE__ */ _(Hc, [["render", jc]]);
 const Bt = {}, Uc = {
   name: "Checkboard",
   props: {
@@ -6301,7 +6301,7 @@ function _d(e, s, t, a, n, i) {
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
-      (o(!0), l(Z, null, pe(t.swatches, (k) => (o(), l(Z, null, [
+      (o(!0), l(Z, null, ge(t.swatches, (k) => (o(), l(Z, null, [
         e.isTransparent(k.hex) ? (o(), l("div", {
           key: "else-" + k.id,
           "aria-label": k.title,
@@ -6405,11 +6405,11 @@ function kd(e, s, t, a, n, i) {
     _: 1
   });
 }
-const Sy = /* @__PURE__ */ _(bd, [["render", kd], ["__scopeId", "data-v-396c6ac9"]]);
+const Cy = /* @__PURE__ */ _(bd, [["render", kd], ["__scopeId", "data-v-396c6ac9"]]);
 const xd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: we, EcsButtonTable: Ns, EcsButton: $e, EcsFocusRing: L },
-  mixins: [_e],
+  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Ns, EcsButton: Se, EcsFocusRing: L },
+  mixins: [de],
   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). */
     icon: {
@@ -6491,10 +6491,10 @@ 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" }, $d = {
+}, 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 = {
   key: 2,
   class: "ecs-data-card-actions"
-}, Ed = {
+}, $d = {
   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" };
@@ -6554,7 +6554,7 @@ function Ld(e, s, t, a, n, i) {
             type: "single",
             width: i.skeletonWidth(30, 70)
           }, null, 8, ["width"])) : u("", !0),
-          e.$slots.actions ? (o(), l("div", $d, [
+          e.$slots.actions ? (o(), l("div", Ed, [
             m(e.$slots, "actions", {}, void 0, !0)
           ])) : u("", !0),
           t.expandable && t.expandPosition === "right" ? (o(), y(g, {
@@ -6572,7 +6572,7 @@ 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", Ed, [
+      e.$slots.meta ? (o(), l("div", $d, [
         f("div", Pd, [
           m(e.$slots, "meta", {}, void 0, !0),
           t.loading ? (o(), y(c, {
@@ -6602,7 +6602,7 @@ function Ld(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, wd);
 }
-const Cy = /* @__PURE__ */ _(xd, [["render", Ld], ["__scopeId", "data-v-8dd053a6"]]);
+const By = /* @__PURE__ */ _(xd, [["render", Ld], ["__scopeId", "data-v-8dd053a6"]]);
 const Od = {
   name: "ecs-data-card-list"
 }, Ad = {
@@ -6614,7 +6614,7 @@ function Nd(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const By = /* @__PURE__ */ _(Od, [["render", Nd]]);
+const zy = /* @__PURE__ */ _(Od, [["render", Nd]]);
 const Dd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
@@ -6638,6 +6638,11 @@ const Dd = {
     bordered: {
       type: Boolean,
       default: !1
+    },
+    /** Determines if the table should have borders between the individual rows. */
+    borderRows: {
+      type: Boolean,
+      default: !0
     }
   },
   methods: {
@@ -6649,10 +6654,10 @@ const Dd = {
 }, Fd = ["aria-disabled"], Rd = {
   key: 0,
   class: "ecs-data-grid-empty"
-}, Vd = {
+}, Hd = {
   key: 2,
   class: "ecs-data-grid-pagination"
-}, Hd = {
+}, Vd = {
   key: 3,
   class: "ecs-data-grid-block"
 };
@@ -6660,7 +6665,7 @@ function qd(e, s, t, a, n, i) {
   return o(), l("div", {
     onScroll: s[0] || (s[0] = (...r) => i.tableScroll && i.tableScroll(...r)),
     ref: "dataGridScroller",
-    class: v(["ecs-data-grid scrollbar", [e.$slots.empty ? "empty" : "", t.bordered ? "bordered" : ""]]),
+    class: v(["ecs-data-grid scrollbar", [e.$slots.empty ? "empty" : "", t.bordered ? "bordered" : "", t.borderRows ? "border-rows" : ""]]),
     "aria-disabled": t.disabled || null,
     style: z({ overflow: t.disabled ? "hidden" : t.bordered ? "initial" : "auto" }),
     role: "table"
@@ -6679,13 +6684,13 @@ function qd(e, s, t, a, n, i) {
     }, [
       m(e.$slots, "default", {}, void 0, !0)
     ], 2)),
-    e.$slots.pagination ? (o(), l("div", Vd, [
+    e.$slots.pagination ? (o(), l("div", Hd, [
       m(e.$slots, "pagination", {}, void 0, !0)
     ])) : u("", !0),
-    t.disabled ? (o(), l("div", Hd)) : u("", !0)
+    t.disabled ? (o(), l("div", Vd)) : u("", !0)
   ], 46, Fd);
 }
-const zy = /* @__PURE__ */ _(Dd, [["render", qd], ["__scopeId", "data-v-46caecef"]]);
+const Iy = /* @__PURE__ */ _(Dd, [["render", qd], ["__scopeId", "data-v-67fc9746"]]);
 const Wd = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "collapse"],
@@ -6747,7 +6752,7 @@ function Gd(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Ud = /* @__PURE__ */ _(Wd, [["render", Gd], ["__scopeId", "data-v-f4227c48"]]);
+const Ud = /* @__PURE__ */ _(Wd, [["render", Gd], ["__scopeId", "data-v-16b82e41"]]);
 const Kd = {
   name: "ecs-data-grid-row-group",
   components: {
@@ -6811,7 +6816,7 @@ function Zd(e, s, t, a, n, i) {
     ], 10, Xd)
   ]);
 }
-const Iy = /* @__PURE__ */ _(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]);
+const Ey = /* @__PURE__ */ _(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]);
 const Jd = {
   name: "ecs-select",
   emits: [
@@ -7205,7 +7210,7 @@ function mu(e, s, t, a, n, i) {
         type: "invisible"
       }, {
         default: w(() => [
-          (o(!0), l(Z, null, pe(t.select, (g, h) => (o(), l("option", {
+          (o(!0), l(Z, null, ge(t.select, (g, h) => (o(), l("option", {
             key: h,
             selected: g.selected,
             value: g.value
@@ -7281,7 +7286,7 @@ function _u(e, s, t, a, n, i) {
     [ft, t.show]
   ]);
 }
-const Ey = /* @__PURE__ */ _(hu, [["render", _u], ["__scopeId", "data-v-ee025ab5"]]);
+const Py = /* @__PURE__ */ _(hu, [["render", _u], ["__scopeId", "data-v-ee025ab5"]]);
 const yu = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
@@ -7411,7 +7416,7 @@ const yu = {
   created() {
     this.cellWidth = this.width, this.cellFixedLeftOffset = this.fixedLeftOffset;
   }
-}, bu = (e) => (he("data-v-ed970d99"), e = e(), ve(), e), ku = ["data-column", "data-test"], xu = {
+}, bu = (e) => (ve("data-v-ed970d99"), e = e(), _e(), e), ku = ["data-column", "data-test"], xu = {
   key: 0,
   class: "first-cell-spacer"
 }, wu = /* @__PURE__ */ bu(() => /* @__PURE__ */ f("div", { class: "group-spacer" }, null, -1));
@@ -7448,7 +7453,7 @@ function Su(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 6);
 }
-const Py = /* @__PURE__ */ _(yu, [["render", Su], ["__scopeId", "data-v-ed970d99"]]), Cu = {
+const Ty = /* @__PURE__ */ _(yu, [["render", Su], ["__scopeId", "data-v-ed970d99"]]), Cu = {
   name: "ecs-data-list"
 }, Bu = {
   class: "ecs-data-list",
@@ -7459,12 +7464,12 @@ function zu(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const Ty = /* @__PURE__ */ _(Cu, [["render", zu]]);
+const My = /* @__PURE__ */ _(Cu, [["render", zu]]);
 const Iu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
-  components: { EcsButtonMore: As, EcsSkeletonLoader: we },
-  mixins: [_e],
+  components: { EcsButtonMore: As, EcsSkeletonLoader: Ce },
+  mixins: [de],
   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. */
     identifier: {
@@ -7563,7 +7568,7 @@ const Iu = {
   created() {
     this.expandId = this.generateUniqueId(), this.definitionId = this.generateUniqueId();
   }
-}, $u = ["id"], Eu = ["aria-busy", "aria-labelledby"], Pu = ["aria-valuenow"], Tu = ["id", "aria-hidden"];
+}, Eu = ["id"], $u = ["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, [
@@ -7593,7 +7598,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, $u)) : u("", !0),
+      ], 8, Eu)) : u("", !0),
       f("div", {
         class: v(["ecs-data-list-data", [
           t.escape ? "ecs-data-list-data-escape" : "",
@@ -7616,7 +7621,7 @@ function Mu(e, s, t, a, n, i) {
           style: z({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, Pu)) : u("", !0)
-      ], 10, Eu)
+      ], 10, $u)
     ], 2),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
@@ -7629,7 +7634,7 @@ function Mu(e, s, t, a, n, i) {
     ], 10, Tu)) : u("", !0)
   ]);
 }
-const My = /* @__PURE__ */ _(Iu, [["render", Mu], ["__scopeId", "data-v-99c893a3"]]);
+const Ly = /* @__PURE__ */ _(Iu, [["render", Mu], ["__scopeId", "data-v-99c893a3"]]);
 const Lu = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
@@ -7710,7 +7715,7 @@ function Au(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 34)) : u("", !0);
 }
-const Ly = /* @__PURE__ */ _(Lu, [["render", Au]]);
+const Oy = /* @__PURE__ */ _(Lu, [["render", Au]]);
 const Nu = {
   __name: "state-icon",
   props: {
@@ -7805,11 +7810,11 @@ const Fu = {
 }, Ru = {
   key: 0,
   class: "ecs-dialog-headline"
-}, Vu = {
+}, Hu = {
   key: 1,
   class: "ecs-dialog-headline-plain"
 };
-function Hu(e, s, t, a, n, i) {
+function Vu(e, s, t, a, n, i) {
   const r = p("ecs-state-icon");
   return o(), l("div", null, [
     t.icon ? (o(), l("h3", Ru, [
@@ -7818,12 +7823,12 @@ function Hu(e, s, t, a, n, i) {
         "icon-color": t.iconColor
       }, null, 8, ["type", "icon-color"]),
       m(e.$slots, "default", {}, void 0, !0)
-    ])) : (o(), l("h3", Vu, [
+    ])) : (o(), l("h3", Hu, [
       m(e.$slots, "default", {}, void 0, !0)
     ]))
   ]);
 }
-const Oy = /* @__PURE__ */ _(Fu, [["render", Hu], ["__scopeId", "data-v-6e05c98b"]]), qu = {
+const Ay = /* @__PURE__ */ _(Fu, [["render", Vu], ["__scopeId", "data-v-6e05c98b"]]), qu = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -7911,7 +7916,7 @@ function Uu(e, s, t, a, n, i) {
     ])
   ]);
 }
-const Ay = /* @__PURE__ */ _(Wu, [["render", Uu], ["__scopeId", "data-v-800f5f8e"]]);
+const Ny = /* @__PURE__ */ _(Wu, [["render", Uu], ["__scopeId", "data-v-800f5f8e"]]);
 const Ku = {
   name: "ecs-document-state",
   components: {
@@ -7967,7 +7972,7 @@ function tf(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 8, Yu);
 }
-const Ny = /* @__PURE__ */ _(Ku, [["render", tf], ["__scopeId", "data-v-00c4c6d7"]]);
+const Dy = /* @__PURE__ */ _(Ku, [["render", tf], ["__scopeId", "data-v-00c4c6d7"]]);
 const sf = {
   props: {
     /** The initial value of the chart as a percentage. */
@@ -8057,7 +8062,7 @@ function rf(e, s, t, a, n, i) {
     ], 8, nf))
   ], 4);
 }
-const Dy = /* @__PURE__ */ _(sf, [["render", rf], ["__scopeId", "data-v-851d95d9"]]);
+const Fy = /* @__PURE__ */ _(sf, [["render", rf], ["__scopeId", "data-v-851d95d9"]]);
 const lf = {
   name: "ecs-empty-state",
   components: { EcsIcon: M },
@@ -8171,9 +8176,9 @@ const _f = {
   emits: ["onFileDrop", "cancel"],
   components: {
     EcsEmptyState: pf,
-    EcsSkeletonLoader: we,
+    EcsSkeletonLoader: Ce,
     EcsProgress: vf,
-    EcsButton: $e,
+    EcsButton: Se,
     EcsFocusRing: L,
     EcsFlexRow: Me,
     EcsSticker: Re,
@@ -8453,7 +8458,7 @@ function Bf(e, s, t, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, yf);
 }
-const Fy = /* @__PURE__ */ _(_f, [["render", Bf], ["__scopeId", "data-v-973ea74d"]]);
+const Ry = /* @__PURE__ */ _(_f, [["render", Bf], ["__scopeId", "data-v-973ea74d"]]);
 const zf = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
@@ -8514,10 +8519,10 @@ const zf = {
       this.$emit("moreClick", e);
     }
   }
-}, If = ["title"], $f = {
+}, If = ["title"], Ef = {
   key: 1,
   class: "prepend"
-}, Ef = ["title"], Pf = {
+}, $f = ["title"], Pf = {
   key: 2,
   class: "append"
 };
@@ -8545,13 +8550,13 @@ 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", $f, [
+    e.$slots.prepender ? (o(), l("div", Ef, [
       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, Ef),
+    }, x(t.label), 11, $f),
     e.$slots.appender ? (o(), l("div", Pf, [
       m(e.$slots, "appender", {}, void 0, !0)
     ])) : u("", !0),
@@ -8568,10 +8573,10 @@ function Tf(e, s, t, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const Ry = /* @__PURE__ */ _(zf, [["render", Tf], ["__scopeId", "data-v-00b5ab33"]]);
+const Hy = /* @__PURE__ */ _(zf, [["render", Tf], ["__scopeId", "data-v-00b5ab33"]]);
 const Mf = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: M, EcsSkeletonLoader: we, EcsFormatted: Ds },
+  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsFormatted: Ds },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -8636,11 +8641,11 @@ const Mf = {
 }, Rf = {
   key: 2,
   class: "ecs-excerpt-content-rectangle"
-}, Vf = {
+}, Hf = {
   key: 3,
   class: "ecs-excerpt-content-regular"
 };
-function Hf(e, s, t, a, n, i) {
+function Vf(e, s, t, a, n, i) {
   const r = p("ecs-skeleton-loader"), c = p("ecs-icon"), d = p("ecs-formatted");
   return o(), l("div", {
     class: v(["ecs-excerpt-snippet", i.sizeClass])
@@ -8698,14 +8703,14 @@ function Hf(e, s, t, a, n, i) {
           f("div", {
             style: z("background-color:" + t.annotationColor)
           }, null, 4)
-        ])) : (o(), l("div", Vf, [
+        ])) : (o(), l("div", Hf, [
           m(e.$slots, "default", {}, void 0, !0)
         ]))
       ], 64))
     ], 4)
   ], 2);
 }
-const Vy = /* @__PURE__ */ _(Mf, [["render", Hf], ["__scopeId", "data-v-f582192b"]]), Hy = {
+const Vy = /* @__PURE__ */ _(Mf, [["render", Vf], ["__scopeId", "data-v-f582192b"]]), qy = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8756,7 +8761,7 @@ function jf(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const qy = /* @__PURE__ */ _(qf, [["render", jf]]);
+const Wy = /* @__PURE__ */ _(qf, [["render", jf]]);
 const Gf = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
@@ -8767,7 +8772,7 @@ const Gf = {
     EcsButtonTable: Ns,
     EcsFocusRing: L
   },
-  mixins: [_e],
+  mixins: [de],
   props: {
     /** Adds a button to the right of the list items, which allows to remove/delete the item. Emits the `@remove` event on click.  */
     remove: {
@@ -8893,7 +8898,7 @@ function np(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1"
   }, [
     t.hover ? (o(), y(r, { key: 0 })) : u("", !0),
-    b(ze, { name: "title" }, {
+    b(xe, { name: "title" }, {
       default: w(() => [
         t.showTitleEdit || !t.edit ? (o(), l("div", Kf, [
           t.icon ? (o(), y(c, {
@@ -8984,7 +8989,7 @@ function np(e, s, t, a, n, i) {
     }, [
       m(e.$slots, "collapse", {}, void 0, !0)
     ], 10, tp)) : u("", !0),
-    b(ze, { name: "edit" }, {
+    b(xe, { name: "edit" }, {
       default: w(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
@@ -9000,7 +9005,7 @@ function np(e, s, t, a, n, i) {
     })
   ], 10, Uf);
 }
-const Wy = /* @__PURE__ */ _(Gf, [["render", np], ["__scopeId", "data-v-c870bb34"]]);
+const jy = /* @__PURE__ */ _(Gf, [["render", np], ["__scopeId", "data-v-c870bb34"]]);
 const ap = { class: "ecs-flag" }, op = {
   __name: "flag",
   props: {
@@ -9059,7 +9064,7 @@ const ap = { class: "ecs-flag" }, op = {
       }, null, 8, ["alt"])) : u("", !0)
     ]));
   }
-}, jy = /* @__PURE__ */ _(op, [["__scopeId", "data-v-bb2af2bc"]]);
+}, Gy = /* @__PURE__ */ _(op, [["__scopeId", "data-v-bb2af2bc"]]);
 const rp = {
   name: "ecs-flex-col",
   props: {
@@ -9320,7 +9325,7 @@ const xp = {
   components: {
     EcsInputSearch: _p,
     EcsScrollContainer: kp,
-    EcsButton: $e
+    EcsButton: Se
   },
   props: {
     /** Determines if the folder selector control has a search bar to filter by folder name. */
@@ -9419,7 +9424,7 @@ function Cp(e, s, t, a, n, i) {
     }, 8, ["height", "padding"])
   ], 6);
 }
-const Gy = /* @__PURE__ */ _(xp, [["render", Cp], ["__scopeId", "data-v-feb6cf8d"]]);
+const Uy = /* @__PURE__ */ _(xp, [["render", Cp], ["__scopeId", "data-v-feb6cf8d"]]);
 const Bp = {
   name: "ecs-form-group",
   components: { EcsText: it },
@@ -9481,12 +9486,12 @@ function zp(e, s, t, a, n, i) {
   ], 2);
 }
 const Ip = /* @__PURE__ */ _(Bp, [["render", zp], ["__scopeId", "data-v-84b79086"]]);
-const $p = {}, Ep = { class: "ecs-form-headline" }, Pp = { class: "ecs-form-headline-main" }, Tp = {
+const Ep = {}, $p = { 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", Ep, [
+  return o(), l("div", $p, [
     f("h2", Pp, [
       m(e.$slots, "default", {}, void 0, !0)
     ]),
@@ -9495,7 +9500,7 @@ function Mp(e, s) {
     ])) : u("", !0)
   ]);
 }
-const Uy = /* @__PURE__ */ _($p, [["render", Mp], ["__scopeId", "data-v-16833f69"]]);
+const Ky = /* @__PURE__ */ _(Ep, [["render", Mp], ["__scopeId", "data-v-16833f69"]]);
 const Lp = {
   name: "ecs-form-set",
   props: {
@@ -9520,7 +9525,7 @@ function Np(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 10, Op);
 }
-const Ky = /* @__PURE__ */ _(Lp, [["render", Np], ["__scopeId", "data-v-c9188464"]]);
+const Yy = /* @__PURE__ */ _(Lp, [["render", Np], ["__scopeId", "data-v-c9188464"]]);
 const Dp = {
   name: "ecs-toolbar",
   props: {
@@ -9541,10 +9546,10 @@ function Rp(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Vp = /* @__PURE__ */ _(Dp, [["render", Rp], ["__scopeId", "data-v-a6ddde36"]]);
-const Hp = {
+const Hp = /* @__PURE__ */ _(Dp, [["render", Rp], ["__scopeId", "data-v-a6ddde36"]]);
+const Vp = {
   name: "ecs-index-toolbar",
-  components: { EcsToolbar: Vp, EcsButtonToolbarGroup: Ht, EcsFlexCol: cp, EcsFlexRow: Me },
+  components: { EcsToolbar: Hp, EcsButtonToolbarGroup: Vt, EcsFlexCol: cp, EcsFlexRow: Me },
   props: {
     /** The label used to describe the objects shown in the index view. E.g.: "Entries", "Profiles", etc. */
     type: {
@@ -9611,7 +9616,7 @@ function Kp(e, s, t, a, n, i) {
     _: 3
   });
 }
-const Yy = /* @__PURE__ */ _(Hp, [["render", Kp], ["__scopeId", "data-v-3e639a35"]]);
+const Xy = /* @__PURE__ */ _(Vp, [["render", Kp], ["__scopeId", "data-v-3e639a35"]]);
 const Yp = {
   name: "ecs-info-tooltip",
   emits: ["click"],
@@ -9643,7 +9648,7 @@ function Xp(e, s, t, a, n, i) {
     }, null, 8, ["type"])
   ]);
 }
-const Xy = /* @__PURE__ */ _(Yp, [["render", Xp], ["__scopeId", "data-v-97a5e4d9"]]);
+const Zy = /* @__PURE__ */ _(Yp, [["render", Xp], ["__scopeId", "data-v-97a5e4d9"]]);
 const Zp = {
   name: "ecs-input",
   emits: ["update:modelValue", "change", "keyup", "blur"],
@@ -9811,18 +9816,18 @@ function ig(e, s, t, a, n, i) {
     }, null, 8, ["type"])) : u("", !0)
   ], 2);
 }
-const Zy = /* @__PURE__ */ _(sg, [["render", ig]]);
+const Jy = /* @__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 Jy = /* @__PURE__ */ _(ng, [["render", og]]);
+const Qy = /* @__PURE__ */ _(ng, [["render", og]]);
 const rg = {
   name: "ecs-input-float",
   emits: ["input"],
-  mixins: [_e],
+  mixins: [de],
   props: {
     /** Input type, supports most HTML5 types. */
     type: {
@@ -9915,7 +9920,7 @@ function ug(e, s, t, a, n, i) {
     f("label", { for: n.uniqueId }, x(t.label), 9, dg)
   ]);
 }
-const Qy = /* @__PURE__ */ _(rg, [["render", ug], ["__scopeId", "data-v-3191dd13"]]);
+const eb = /* @__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. */
@@ -9932,7 +9937,7 @@ function pg(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ], 2);
 }
-const eb = /* @__PURE__ */ _(fg, [["render", pg]]);
+const tb = /* @__PURE__ */ _(fg, [["render", pg]]);
 const gg = {
   name: "ecs-jumper-document",
   emits: [
@@ -9942,7 +9947,7 @@ const gg = {
     "selectCurEntryText",
     "blur"
   ],
-  components: { EcsButtonToolbar: gt, EcsButtonToolbarGroup: Ht },
+  components: { EcsButtonToolbar: gt, EcsButtonToolbarGroup: Vt },
   props: {
     /** Index position of the currently viewed object. */
     currentEntry: {
@@ -10036,7 +10041,7 @@ function vg(e, s, t, a, n, i) {
     _: 1
   });
 }
-const tb = /* @__PURE__ */ _(gg, [["render", vg], ["__scopeId", "data-v-9ff41728"]]);
+const sb = /* @__PURE__ */ _(gg, [["render", vg], ["__scopeId", "data-v-9ff41728"]]);
 const _g = {
   name: "ecs-jumper-index",
   emits: [
@@ -10045,7 +10050,7 @@ const _g = {
     "selectSearchResultCount",
     "setSearchResultCount"
   ],
-  components: { EcsButtonToolbar: gt, EcsButtonToolbarGroup: Ht },
+  components: { EcsButtonToolbar: gt, EcsButtonToolbarGroup: Vt },
   props: {
     /** Count of the current object in the given index. */
     currentCount: {
@@ -10149,7 +10154,7 @@ function wg(e, s, t, a, n, i) {
     _: 1
   });
 }
-const sb = /* @__PURE__ */ _(_g, [["render", wg], ["__scopeId", "data-v-e2edd2d3"]]);
+const ib = /* @__PURE__ */ _(_g, [["render", wg], ["__scopeId", "data-v-e2edd2d3"]]);
 const Sg = {
   name: "ecs-jumper-page",
   emits: [
@@ -10205,11 +10210,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" }, $g = {
+}, Cg = { class: "ecs-viewer-pages" }, Bg = { class: "ecs-viewer-pages-inner" }, zg = { class: "ecs-viewer-pages-pagination" }, Ig = { class: "total-pages" }, Eg = {
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
-}, Eg = { class: "ecs-viewer-pages-pagination" }, Pg = { class: "total-pages-relative" }, Tg = { class: "total-pages-relative" }, Mg = {
+}, $g = { 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" };
@@ -10227,9 +10232,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", $g, "*")) : u("", !0)
+          t.isTranscriptMissingPages ? (o(), l("span", Eg, "*")) : u("", !0)
         ]),
-        f("div", Eg, [
+        f("div", $g, [
           f("div", Pg, x(i.altPageNumber) + " ", 1),
           f("div", Tg, "of " + x(t.pageCount), 1)
         ])
@@ -10248,7 +10253,7 @@ function Ag(e, s, t, a, n, i) {
     ])
   ]);
 }
-const ib = /* @__PURE__ */ _(Sg, [["render", Ag], ["__scopeId", "data-v-0346f2c1"]]), Ng = {
+const nb = /* @__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"],
@@ -10606,7 +10611,7 @@ const Rg = {
     );
   }
 };
-const Vg = {
+const Hg = {
   name: "ecs-layout-index",
   components: {
     EcsPane: Fg,
@@ -10647,7 +10652,7 @@ const Vg = {
       return this.overlaySidebar && this.$slots.sidebar ? "bottom: 40px;" : "bottom: 0px;";
     }
   }
-}, Hg = { class: "ecs-index-layout-contents" }, qg = {
+}, Vg = { class: "ecs-index-layout-contents" }, qg = {
   key: 0,
   class: "ecs-index-layout-table scrollbar"
 }, Wg = {
@@ -10664,7 +10669,7 @@ function jg(e, s, t, a, n, i) {
     f("div", {
       class: v(["ecs-index-layout-wrap", [t.indent ? "indent" : ""]])
     }, [
-      f("main", Hg, [
+      f("main", Vg, [
         t.splitPane ? (o(), y(c, { key: 1 }, {
           default: w(() => [
             b(r, {
@@ -10708,7 +10713,7 @@ function jg(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const nb = /* @__PURE__ */ _(Vg, [["render", jg], ["__scopeId", "data-v-7e2fc186"]]);
+const ab = /* @__PURE__ */ _(Hg, [["render", jg], ["__scopeId", "data-v-7e2fc186"]]);
 const Gg = {
   name: "ecs-layout-directory",
   props: {
@@ -10751,10 +10756,11 @@ function Jg(e, s, t, a, n, i) {
     ])
   ]);
 }
-const ab = /* @__PURE__ */ _(Gg, [["render", Jg], ["__scopeId", "data-v-dd8572c4"]]);
+const ob = /* @__PURE__ */ _(Gg, [["render", Jg], ["__scopeId", "data-v-dd8572c4"]]);
 const Qg = {
   name: "ecs-layout-data-table",
-  components: { EcsActionToolbar: ki },
+  components: { EcsActionToolbar: ki, EcsButton: Se },
+  mixins: [de],
   props: {
     /** Needs to be set when the edit/view sidebar is expanded. */
     sidebarExpanded: {
@@ -10771,26 +10777,68 @@ const Qg = {
       type: Boolean,
       default: !0
     }
+  },
+  data() {
+    return {
+      showStatistics: !0,
+      statisticsId: ""
+    };
+  },
+  methods: {
+    toggleStatistics() {
+      this.showStatistics = !this.showStatistics, localStorage.setItem("showStatistics", this.showStatistics);
+    }
+  },
+  mounted() {
+    this.showStatistics = localStorage.getItem("showStatistics") !== "false";
+  },
+  created() {
+    this.statisticsId = this.generateUniqueId();
   }
 }, em = { class: "ecs-data-layout-content" }, tm = {
   key: 0,
   role: "toolbar",
   "aria-label": "Main",
   class: "ecs-data-layout-toolbar"
-}, sm = { class: "ecs-data-layout-data" }, im = { class: "ecs-data-layout-sidebar-inner" }, nm = {
+}, sm = ["id"], im = { class: "ecs-data-layout-data" }, nm = { class: "ecs-data-layout-sidebar-inner" }, am = {
   key: 0,
   class: "ecs-data-layout-sidebar-header"
-}, am = { class: "ecs-data-layout-sidebar-content scrollbar scrollbar-sml" };
-function om(e, s, t, a, n, i) {
-  const r = p("ecs-action-toolbar");
+}, om = { class: "ecs-data-layout-sidebar-content scrollbar scrollbar-sml" };
+function rm(e, s, t, a, n, i) {
+  const r = p("ecs-button"), c = p("ecs-action-toolbar");
   return o(), l("div", {
     class: v(["ecs-data-layout", t.leftBorder ? "left-border" : ""])
   }, [
     f("main", em, [
       e.$slots.toolbar ? (o(), l("div", tm, [
-        m(e.$slots, "toolbar", {}, void 0, !0)
+        m(e.$slots, "toolbar", {}, void 0, !0),
+        e.$slots.statistics ? (o(), y(r, {
+          key: 0,
+          onClick: i.toggleStatistics,
+          type: n.showStatistics ? "primary" : "secondary",
+          active: n.showStatistics,
+          "aria-label": n.showStatistics ? "Hide statistics" : "Show statistics",
+          title: n.showStatistics ? "Hide statistics" : "Show statistics",
+          "aria-controls": n.statisticsId,
+          icon: "pie-chart",
+          "icon-only": "",
+          class: "toggle-statistics",
+          "data-test": "button-toggle-statistics"
+        }, null, 8, ["onClick", "type", "active", "aria-label", "title", "aria-controls"])) : u("", !0)
       ])) : u("", !0),
-      e.$slots.actionbar ? Ge((o(), y(r, { key: 1 }, {
+      b(xe, { name: "statistics-bar" }, {
+        default: w(() => [
+          e.$slots.statistics && n.showStatistics ? (o(), l("div", {
+            key: 0,
+            class: "ecs-data-layout-statistics",
+            id: n.statisticsId
+          }, [
+            m(e.$slots, "statistics", {}, void 0, !0)
+          ], 8, sm)) : u("", !0)
+        ]),
+        _: 3
+      }),
+      e.$slots.actionbar ? Ge((o(), y(c, { key: 1 }, {
         default: w(() => [
           m(e.$slots, "actionbar", {}, void 0, !0)
         ]),
@@ -10798,7 +10846,7 @@ function om(e, s, t, a, n, i) {
       }, 512)), [
         [ft, t.showActionbar]
       ]) : u("", !0),
-      f("div", sm, [
+      f("div", im, [
         m(e.$slots, "default", {}, void 0, !0)
       ])
     ]),
@@ -10806,19 +10854,19 @@ function om(e, s, t, a, n, i) {
       key: 0,
       class: v(["ecs-data-layout-sidebar", t.sidebarExpanded ? "expanded" : ""])
     }, [
-      f("div", im, [
-        e.$slots.sidebarheader ? (o(), l("div", nm, [
+      f("div", nm, [
+        e.$slots.sidebarheader ? (o(), l("div", am, [
           m(e.$slots, "sidebarheader", {}, void 0, !0)
         ])) : u("", !0),
-        f("div", am, [
+        f("div", om, [
           m(e.$slots, "sidebarcontent", {}, void 0, !0)
         ])
       ])
     ], 2)) : u("", !0)
   ], 2);
 }
-const ob = /* @__PURE__ */ _(Qg, [["render", om], ["__scopeId", "data-v-83846ef9"]]);
-const rm = {
+const rb = /* @__PURE__ */ _(Qg, [["render", rm], ["__scopeId", "data-v-6ccc7319"]]);
+const lm = {
   name: "ecs-legend-item",
   emits: ["click"],
   components: {
@@ -10878,14 +10926,14 @@ const rm = {
       return `ecs-legend-item-${this.size}`;
     }
   }
-}, lm = { class: "ecs-legend-item-label" }, cm = {
+}, cm = { class: "ecs-legend-item-label" }, dm = {
   key: 0,
   class: "ecs-legend-item-count"
-}, dm = {
+}, um = {
   key: 1,
   class: "ecs-legend-item-percentage"
 };
-function um(e, s, t, a, n, i) {
+function fm(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring"), c = p("ecs-flex-row");
   return o(), y(c, {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -10903,9 +10951,9 @@ function um(e, s, t, a, n, i) {
         class: v(["ecs-legend-item-color", t.type]),
         style: z({ backgroundColor: i.validColor })
       }, null, 6),
-      f("div", lm, x(t.label), 1),
-      t.count ? (o(), l("div", cm, x(t.count), 1)) : u("", !0),
-      t.percentage ? (o(), l("div", dm, x(i.percentageLabel), 1)) : u("", !0),
+      f("div", cm, x(t.label), 1),
+      t.count ? (o(), l("div", dm, x(t.count), 1)) : u("", !0),
+      t.percentage ? (o(), l("div", um, x(i.percentageLabel), 1)) : u("", !0),
       t.highlight || t.hover ? (o(), l("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
@@ -10916,13 +10964,13 @@ function um(e, s, t, a, n, i) {
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const rb = /* @__PURE__ */ _(rm, [["render", um], ["__scopeId", "data-v-3e5473d4"]]);
-const fm = {
+const lb = /* @__PURE__ */ _(lm, [["render", fm], ["__scopeId", "data-v-3e5473d4"]]);
+const pm = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Me,
     EcsSticker: Re,
-    EcsSkeletonLoader: we
+    EcsSkeletonLoader: Ce
   },
   props: {
     /** Determines the type of log message, which also impacts the styling of it. */
@@ -10959,11 +11007,11 @@ const fm = {
       return ["warning", "error"].includes(this.type) ? "alert" : null;
     }
   }
-}, pm = { class: "ecs-log-message-content" }, gm = {
+}, gm = { class: "ecs-log-message-content" }, mm = {
   key: 2,
   class: "ecs-log-message-meta"
 };
-function mm(e, s, t, a, n, i) {
+function hm(e, s, t, a, n, i) {
   const r = p("ecs-skeleton-loader"), c = p("ecs-sticker"), d = p("ecs-flex-row");
   return o(), y(d, {
     class: v(["ecs-log-message", [t.type, t.highlight ? "highlighted" : ""]]),
@@ -10982,7 +11030,7 @@ function mm(e, s, t, a, n, i) {
         key: 1,
         type: t.type
       }, null, 8, ["type"])) : u("", !0),
-      f("div", pm, [
+      f("div", gm, [
         t.loading ? (o(), y(r, {
           key: 0,
           type: "single",
@@ -10990,13 +11038,13 @@ function mm(e, s, t, a, n, i) {
           class: "skeleton-text"
         })) : m(e.$slots, "default", { key: 1 }, void 0, !0)
       ]),
-      t.meta && !t.loading ? (o(), l("div", gm, x(t.meta), 1)) : u("", !0)
+      t.meta && !t.loading ? (o(), l("div", mm, x(t.meta), 1)) : u("", !0)
     ]),
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const lb = /* @__PURE__ */ _(fm, [["render", mm], ["__scopeId", "data-v-d461aa9b"]]);
-const hm = {
+const cb = /* @__PURE__ */ _(pm, [["render", hm], ["__scopeId", "data-v-d461aa9b"]]);
+const vm = {
   name: "ecs-map",
   components: { EcsFocusRing: L },
   props: {
@@ -11019,8 +11067,8 @@ const hm = {
       return `https://maps.googleapis.com/maps/api/staticmap?maptype=terrain&sensor=false&format=png&zoom=13&key=AIzaSyBEv9bJVd1MU5zSs_Ezxkvc8FOfIO7Q1Fk&visual_refresh=true&scale=2&size=320x220&style=feature:poi|visibility:off&center=${this.address}`;
     }
   }
-}, vm = ["href"], _m = ["src", "alt"];
-function ym(e, s, t, a, n, i) {
+}, _m = ["href"], ym = ["src", "alt"];
+function bm(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-map", [t.marker ? "ecs-map-marker" : ""]])
@@ -11033,16 +11081,16 @@ function ym(e, s, t, a, n, i) {
       f("img", {
         src: i.mapImageUrl,
         alt: "Map of " + t.address
-      }, null, 8, _m),
+      }, null, 8, ym),
       b(r, {
         inset: 0,
         radius: 4
       })
-    ], 8, vm)
+    ], 8, _m)
   ], 2);
 }
-const cb = /* @__PURE__ */ _(hm, [["render", ym], ["__scopeId", "data-v-e2371c57"]]);
-const bm = {
+const db = /* @__PURE__ */ _(vm, [["render", bm], ["__scopeId", "data-v-e2371c57"]]);
+const km = {
   name: "ecs-modal",
   props: {
     /** Shows the modal. */
@@ -11092,15 +11140,15 @@ const bm = {
   mounted() {
     this.show && (this.isShown = !0);
   }
-}, km = (e) => (he("data-v-04163948"), e = e(), ve(), e), xm = {
+}, xm = (e) => (ve("data-v-04163948"), e = e(), _e(), e), wm = {
   key: 0,
   class: "ecs-modal-header-wrap"
-}, wm = { class: "ecs-modal-content-wrap scrollbar" }, Sm = {
+}, Sm = { class: "ecs-modal-content-wrap scrollbar" }, Cm = {
   key: 1,
   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(ze, { name: "dialog-fade" }, {
+}, Bm = /* @__PURE__ */ xm(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
+function zm(e, s, t, a, n, i) {
+  return o(), y(xe, { name: "dialog-fade" }, {
     default: w(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11110,28 +11158,28 @@ function Bm(e, s, t, a, n, i) {
           class: "ecs-modal-dialog ecs-modal-sheet",
           style: z(i.fixedHeightStyle)
         }, [
-          e.$slots.header ? (o(), l("div", xm, [
+          e.$slots.header ? (o(), l("div", wm, [
             m(e.$slots, "header", {}, void 0, !0)
           ])) : u("", !0),
-          f("div", wm, [
+          f("div", Sm, [
             m(e.$slots, "default", {}, void 0, !0)
           ]),
-          e.$slots.footer ? (o(), l("div", Sm, [
+          e.$slots.footer ? (o(), l("div", Cm, [
             m(e.$slots, "footer", {}, void 0, !0)
           ])) : u("", !0)
         ], 4),
-        Cm
+        Bm
       ], 2)) : u("", !0)
     ]),
     _: 3
   });
 }
-const db = /* @__PURE__ */ _(bm, [["render", Bm], ["__scopeId", "data-v-04163948"]]);
-const zm = {
+const ub = /* @__PURE__ */ _(km, [["render", zm], ["__scopeId", "data-v-04163948"]]);
+const Im = {
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
-    EcsButton: $e,
+    EcsButton: Se,
     EcsFocusRing: L
   },
   props: {
@@ -11163,20 +11211,20 @@ const zm = {
       }
     }
   }
-}, Im = {
+}, Em = {
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, $m = { class: "ecs-modal-header-main-inner" }, Em = {
+}, $m = { class: "ecs-modal-header-main-inner" }, Pm = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
-function Pm(e, s, t, a, n, i) {
+function Tm(e, s, t, a, n, i) {
   const r = p("ecs-button");
   return o(), l("div", {
     class: v(["ecs-modal-header", i.typeClass])
   }, [
-    f("div", Im, [
+    f("div", Em, [
       f("div", $m, [
         m(e.$slots, "default", {}, void 0, !0)
       ]),
@@ -11193,30 +11241,30 @@ function Pm(e, s, t, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    e.$slots.extension ? (o(), l("div", Em, [
+    e.$slots.extension ? (o(), l("div", Pm, [
       m(e.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const ub = /* @__PURE__ */ _(zm, [["render", Pm], ["__scopeId", "data-v-14ff8a6b"]]);
-const Tm = {
+const fb = /* @__PURE__ */ _(Im, [["render", Tm], ["__scopeId", "data-v-14ff8a6b"]]);
+const Mm = {
   name: "ecs-modal-footer"
-}, Mm = { class: "ecs-modal-footer" }, Lm = {
+}, Lm = { class: "ecs-modal-footer" }, Om = {
   key: 0,
   class: "ecs-modal-footer-secondary"
-}, Om = { class: "ecs-modal-footer-main" };
-function Am(e, s, t, a, n, i) {
-  return o(), l("div", Mm, [
-    e.$slots.secondary ? (o(), l("div", Lm, [
+}, Am = { class: "ecs-modal-footer-main" };
+function Nm(e, s, t, a, n, i) {
+  return o(), l("div", Lm, [
+    e.$slots.secondary ? (o(), l("div", Om, [
       m(e.$slots, "secondary", {}, void 0, !0)
     ])) : u("", !0),
-    f("div", Om, [
+    f("div", Am, [
       m(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const fb = /* @__PURE__ */ _(Tm, [["render", Am], ["__scopeId", "data-v-ac286496"]]);
-const Nm = {
+const pb = /* @__PURE__ */ _(Mm, [["render", Nm], ["__scopeId", "data-v-ac286496"]]);
+const Dm = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
   components: { EcsIcon: M, EcsFocusRing: L },
@@ -11303,8 +11351,8 @@ const Nm = {
       this.selectedText = t.text;
     }
   }
-}, Dm = ["disabled"];
-function Fm(e, s, t, a, n, i) {
+}, Fm = ["disabled"];
+function Rm(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-form-select-text", [i.sizeClass, i.typeClass, t.disabled ? "disabled" : null]])
@@ -11324,20 +11372,20 @@ function Fm(e, s, t, a, n, i) {
       class: t.alignment == "right" ? "right" : ""
     }), [
       m(e.$slots, "default", {}, void 0, !0)
-    ], 16, Dm),
+    ], 16, Fm),
     b(c, {
       inset: t.size == "xsml" ? -2 : -4
     }, null, 8, ["inset"])
   ], 2);
 }
-const Rm = /* @__PURE__ */ _(Nm, [["render", Fm], ["__scopeId", "data-v-6b04cc71"]]);
+const Hm = /* @__PURE__ */ _(Dm, [["render", Rm], ["__scopeId", "data-v-6b04cc71"]]);
 const Vm = {
   name: "ecs-multiselect-search-token",
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
     EcsIcon: M,
     EcsFocusRing: L,
-    EcsSelectText: Rm
+    EcsSelectText: Hm
   },
   props: {
     /** Sets the type of the search token: default should be used for any search query that is not a NOT query. */
@@ -11390,30 +11438,30 @@ const Vm = {
       this.$emit("operatorToggle", e);
     }
   }
-}, Hm = {
+}, qm = {
   key: 0,
   class: "symbol"
-}, qm = {
+}, Wm = {
   key: 0,
   class: "operator"
-}, Wm = ["value"], jm = { class: "query" }, Gm = {
+}, jm = ["value"], Gm = { class: "query" }, Um = {
   key: 0,
   class: "descriptor"
 };
-function Um(e, s, t, a, n, i) {
+function Km(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-select-text"), d = p("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-multiselect-search-token", i.typeClass]),
     tabindex: "0",
     onKeydown: s[3] || (s[3] = U((g) => e.$emit("remove", g), ["delete"]))
   }, [
-    t.icon || t.operator || t.operatorSwitch ? (o(), l("div", Hm, [
+    t.icon || t.operator || t.operatorSwitch ? (o(), l("div", qm, [
       b(r, {
         type: t.icon,
         size: "20",
         color: "#FFF"
       }, null, 8, ["type"]),
-      t.operator && !t.operatorSelect && !t.operatorSwitch ? (o(), l("div", qm, x(t.operator), 1)) : u("", !0),
+      t.operator && !t.operatorSelect && !t.operatorSwitch ? (o(), l("div", Wm, x(t.operator), 1)) : u("", !0),
       t.operatorSelect ? (o(), y(c, {
         key: 1,
         onChange: i.handleOperatorChange,
@@ -11422,10 +11470,10 @@ function Um(e, s, t, a, n, i) {
         class: "operator-select"
       }, {
         default: w(() => [
-          (o(!0), l(Z, null, pe(t.operatorSelectOptions, (g) => (o(), l("option", {
+          (o(!0), l(Z, null, ge(t.operatorSelectOptions, (g) => (o(), l("option", {
             value: g,
             key: g
-          }, x(g), 9, Wm))), 128))
+          }, x(g), 9, jm))), 128))
         ]),
         _: 1
       }, 8, ["onChange", "value"])) : u("", !0),
@@ -11451,8 +11499,8 @@ function Um(e, s, t, a, n, i) {
         b(d, { radius: 12 })
       ], 2)) : u("", !0)
     ])) : u("", !0),
-    f("div", jm, [
-      t.descriptor ? (o(), l("div", Gm, x(t.descriptor), 1)) : u("", !0),
+    f("div", Gm, [
+      t.descriptor ? (o(), l("div", Um, x(t.descriptor), 1)) : u("", !0),
       m(e.$slots, "default", {}, void 0, !0),
       f("button", {
         onClick: s[1] || (s[1] = (g) => e.$emit("remove", g)),
@@ -11471,8 +11519,8 @@ function Um(e, s, t, a, n, i) {
     ])
   ], 34);
 }
-const pb = /* @__PURE__ */ _(Vm, [["render", Um], ["__scopeId", "data-v-57205caa"]]);
-const Km = {
+const gb = /* @__PURE__ */ _(Vm, [["render", Km], ["__scopeId", "data-v-57205caa"]]);
+const Ym = {
   name: "ecs-multiselect-token",
   emits: ["remove"],
   components: {
@@ -11480,7 +11528,7 @@ const Km = {
     EcsFocusRing: L
   }
 };
-function Ym(e, s, t, a, n, i) {
+function Xm(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("div", {
     class: "ecs-multiselect-token",
@@ -11501,8 +11549,8 @@ function Ym(e, s, t, a, n, i) {
     ])
   ], 32);
 }
-const gb = /* @__PURE__ */ _(Km, [["render", Ym], ["__scopeId", "data-v-ce139540"]]);
-const Xm = {
+const mb = /* @__PURE__ */ _(Ym, [["render", Xm], ["__scopeId", "data-v-ce139540"]]);
+const Zm = {
   name: "ecs-multiselect-option",
   components: {
     EcsIcon: M
@@ -11522,8 +11570,8 @@ const Xm = {
       return this.type && this.type !== "" ? `ecs-multiselect-option-${this.type}` : this.type;
     }
   }
-}, Zm = ["role"];
-function Jm(e, s, t, a, n, i) {
+}, Jm = ["role"];
+function Qm(e, s, t, a, n, i) {
   const r = p("ecs-icon");
   return o(), l("div", {
     class: v(["ecs-multiselect-option", i.typeClass]),
@@ -11535,10 +11583,10 @@ function Jm(e, s, t, a, n, i) {
       size: "20"
     }, null, 8, ["type"])) : u("", !0),
     m(e.$slots, "default", {}, void 0, !0)
-  ], 10, Zm);
+  ], 10, Jm);
 }
-const mb = /* @__PURE__ */ _(Xm, [["render", Jm], ["__scopeId", "data-v-ceac7867"]]);
-const Qm = {
+const hb = /* @__PURE__ */ _(Zm, [["render", Qm], ["__scopeId", "data-v-ceac7867"]]);
+const eh = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
   components: { EcsIcon: M, EcsButtonToolbar: gt, EcsAlert: ks },
@@ -11676,43 +11724,46 @@ const Qm = {
       }, 10);
     }
   }
-}, eh = { class: "ecs-overlay-titles" }, th = { class: "title" }, sh = {
+}, th = { class: "ecs-overlay-titles" }, sh = { class: "title" }, ih = {
   key: 0,
   class: "emphasized"
-}, ih = {
+}, nh = {
   key: 0,
   class: "subline"
-}, nh = {
+}, ah = {
   key: 0,
   class: "ecs-overlay-header-controls"
-}, ah = ["aria-busy"], oh = {
+}, oh = ["aria-busy"], rh = {
   key: 0,
   class: "ecs-overlay-tabs scrollbar scrollbar-sml"
-}, rh = {
+}, lh = {
   key: 0,
   class: "ecs-overlay-sidebar ecs-overlay-sidebar-static"
-}, lh = {
+}, ch = {
   key: 0,
   class: "ecs-overlay-sidebar ecs-overlay-sidebar-float scrollbar scrollbar-sml"
-}, ch = {
+}, dh = {
   key: 1,
   class: "ecs-overlay-content-block"
-}, dh = {
+}, uh = {
   key: 1,
   class: "ecs-overlay-footer"
-}, uh = {
+}, fh = {
   key: 0,
   class: "spacer-tabs"
-}, fh = { class: "ecs-overlay-footer-content" }, ph = {
+}, ph = { class: "ecs-overlay-footer-content" }, gh = {
   key: 0,
   class: "spacer-sidebar"
-}, gh = {
+}, mh = {
   key: 1,
   class: "spacer-scrollbar"
 };
-function mh(e, s, t, a, n, i) {
+function hh(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-button-toolbar"), d = p("ecs-alert");
-  return o(), y(ze, { name: "fade" }, {
+  return o(), y(xe, {
+    name: "fade",
+    appear: ""
+  }, {
     default: w(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11723,7 +11774,7 @@ function mh(e, s, t, a, n, i) {
           class: "ecs-overlay-header",
           style: z(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
         }, [
-          f("div", eh, [
+          f("div", th, [
             t.icon ? (o(), y(r, {
               key: 0,
               type: t.icon,
@@ -11731,14 +11782,14 @@ function mh(e, s, t, a, n, i) {
               color: "#B9BCC2"
             }, null, 8, ["type"])) : u("", !0),
             f("div", null, [
-              f("span", th, [
-                t.headerTitleEmphasized ? (o(), l("span", sh, x(t.headerTitleEmphasized), 1)) : u("", !0),
+              f("span", sh, [
+                t.headerTitleEmphasized ? (o(), l("span", ih, x(t.headerTitleEmphasized), 1)) : u("", !0),
                 D(" " + x(t.headerTitle), 1)
               ]),
-              t.headerTitleSubline ? (o(), l("span", ih, x(t.headerTitleSubline), 1)) : u("", !0)
+              t.headerTitleSubline ? (o(), l("span", nh, x(t.headerTitleSubline), 1)) : u("", !0)
             ])
           ]),
-          e.$slots.headercontrols ? (o(), l("div", nh, [
+          e.$slots.headercontrols ? (o(), l("div", ah, [
             m(e.$slots, "headercontrols", {}, void 0, !0)
           ])) : u("", !0),
           e.$slots.sidebar && n.width <= 1500 ? (o(), y(c, {
@@ -11780,7 +11831,7 @@ function mh(e, s, t, a, n, i) {
           class: "ecs-overlay-content scrollbar",
           "aria-busy": t.blockContent || null
         }, [
-          e.$slots.tabs ? (o(), l("div", oh, [
+          e.$slots.tabs ? (o(), l("div", rh, [
             m(e.$slots, "tabs", {}, void 0, !0)
           ])) : u("", !0),
           f("div", {
@@ -11793,31 +11844,31 @@ function mh(e, s, t, a, n, i) {
             }, [
               m(e.$slots, "default", {}, void 0, !0)
             ], 6),
-            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", rh, [
+            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", lh, [
               m(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
-            b(ze, { name: "slide" }, {
+            b(xe, { name: "slide" }, {
               default: w(() => [
-                e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", lh, [
+                e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", ch, [
                   m(e.$slots, "sidebar", {}, void 0, !0)
                 ])) : u("", !0)
               ]),
               _: 3
             })
           ], 2),
-          t.blockContent ? (o(), l("div", ch)) : u("", !0)
-        ], 8, ah),
-        e.$slots.footer ? (o(), l("footer", dh, [
-          e.$slots.tabs ? (o(), l("div", uh)) : u("", !0),
-          f("div", fh, [
+          t.blockContent ? (o(), l("div", dh)) : u("", !0)
+        ], 8, oh),
+        e.$slots.footer ? (o(), l("footer", uh, [
+          e.$slots.tabs ? (o(), l("div", fh)) : u("", !0),
+          f("div", ph, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
               style: z({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               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)
+            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", gh)) : u("", !0),
+            n.footerScrollSpacer ? (o(), l("div", mh)) : u("", !0)
           ])
         ])) : u("", !0)
       ], 4)) : u("", !0)
@@ -11825,12 +11876,12 @@ function mh(e, s, t, a, n, i) {
     _: 3
   });
 }
-const hb = /* @__PURE__ */ _(Qm, [["render", mh], ["__scopeId", "data-v-fb905e2c"]]);
-const hh = {
+const vb = /* @__PURE__ */ _(eh, [["render", hh], ["__scopeId", "data-v-b226eb17"]]);
+const vh = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
-    EcsButton: $e,
+    EcsButton: Se,
     EcsSelect: js,
     EcsFlexRow: Me,
     EcsIcon: M
@@ -11928,14 +11979,14 @@ const hh = {
       this.$emit("updatePage", Number(e));
     }
   }
-}, Gs = (e) => (he("data-v-ca016e63"), e = e(), ve(), e), vh = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Page", -1)), _h = ["value", "selected"], yh = {
+}, Gs = (e) => (ve("data-v-ca016e63"), e = e(), _e(), e), _h = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Page", -1)), yh = ["value", "selected"], bh = {
   key: 0,
   class: "total"
-}, bh = {
+}, kh = {
   key: 1,
   class: "ecs-pagination-range"
-}, 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) {
+}, 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");
   return o(), l("div", {
     class: v(["ecs-pagination", [
@@ -11979,7 +12030,7 @@ function Sh(e, s, t, a, n, i) {
           }),
           b(c, { gap: 4 }, {
             default: w(() => [
-              vh,
+              _h,
               b(d, {
                 modelValue: n.updatedCurrentPage,
                 "onUpdate:modelValue": s[2] || (s[2] = (g) => n.updatedCurrentPage = g),
@@ -11987,15 +12038,15 @@ function Sh(e, s, t, a, n, i) {
                 size: "sml"
               }, {
                 default: w(() => [
-                  (o(!0), l(Z, null, pe(t.totalPages, (g) => (o(), l("option", {
+                  (o(!0), l(Z, null, ge(t.totalPages, (g) => (o(), l("option", {
                     key: g,
                     value: g,
                     selected: g === t.currentPage
-                  }, x(g), 9, _h))), 128))
+                  }, x(g), 9, yh))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue", "disabled"]),
-              t.totalPages ? (o(), l("span", yh, "of " + x(t.totalPages), 1)) : u("", !0)
+              t.totalPages ? (o(), l("span", bh, "of " + x(t.totalPages), 1)) : u("", !0)
             ]),
             _: 1
           }),
@@ -12024,7 +12075,7 @@ function Sh(e, s, t, a, n, i) {
             ]),
             _: 1
           })
-        ], 64)) : i.hasRange ? (o(), l("span", bh, [
+        ], 64)) : i.hasRange ? (o(), l("span", kh, [
           D("Showing entries "),
           f("span", null, x(t.itemRangeFrom) + " to " + x(t.itemRangeTo), 1),
           D(" of "),
@@ -12033,7 +12084,7 @@ function Sh(e, s, t, a, n, i) {
       ]),
       _: 1
     }, 8, ["style"]),
-    f("div", kh, [
+    f("div", xh, [
       m(e.$slots, "tabs", {}, void 0, !0)
     ]),
     t.showItemsPerPage && t.type == "paginated" ? (o(), y(c, {
@@ -12042,7 +12093,7 @@ function Sh(e, s, t, a, n, i) {
       class: "ecs-pagination-items"
     }, {
       default: w(() => [
-        xh,
+        wh,
         b(d, {
           modelValue: n.updatedItemsPerPageSelected,
           "onUpdate:modelValue": s[5] || (s[5] = (g) => n.updatedItemsPerPageSelected = g),
@@ -12051,11 +12102,11 @@ function Sh(e, s, t, a, n, i) {
           size: "sml"
         }, {
           default: w(() => [
-            (o(!0), l(Z, null, pe(t.itemsPerPage, (g) => (o(), l("option", {
+            (o(!0), l(Z, null, ge(t.itemsPerPage, (g) => (o(), l("option", {
               key: g,
               value: g,
               selected: g === t.itemsPerPageSelected
-            }, x(g), 9, wh))), 128))
+            }, x(g), 9, Sh))), 128))
           ]),
           _: 1
         }, 8, ["modelValue", "disabled"])
@@ -12074,8 +12125,8 @@ function Sh(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 2);
 }
-const vb = /* @__PURE__ */ _(hh, [["render", Sh], ["__scopeId", "data-v-ca016e63"]]);
-const Ch = {
+const _b = /* @__PURE__ */ _(vh, [["render", Ch], ["__scopeId", "data-v-ca016e63"]]);
+const Bh = {
   name: "ecs-party-entry",
   components: { EcsIcon: M, EcsSticker: Re },
   props: {
@@ -12158,11 +12209,11 @@ const Ch = {
         return "#000";
     }
   }
-}, Bh = {
+}, zh = {
   key: 3,
   class: "ecs-party-entry-background"
 };
-function zh(e, s, t, a, n, i) {
+function Ih(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" : ""]]),
@@ -12189,11 +12240,11 @@ function zh(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", Bh)) : u("", !0)
+    t.background ? (o(), l("div", zh)) : u("", !0)
   ], 6);
 }
-const _b = /* @__PURE__ */ _(Ch, [["render", zh], ["__scopeId", "data-v-c6300895"]]);
-const Ih = {
+const yb = /* @__PURE__ */ _(Bh, [["render", Ih], ["__scopeId", "data-v-c6300895"]]);
+const Eh = {
   name: "ecs-popover-header",
   components: { EcsIcon: M, EcsText: it },
   props: {
@@ -12213,14 +12264,14 @@ const Ih = {
       return !!this.$slots.default;
     }
   }
-}, $h = { class: "ecs-popover-header" }, Eh = { class: "ecs-popover-header-title" }, Ph = {
+}, $h = { class: "ecs-popover-header" }, Ph = { class: "ecs-popover-header-title" }, Th = {
   key: 0,
   class: "ecs-popover-header-actions"
 };
-function Th(e, s, t, a, n, i) {
+function Mh(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-text");
   return o(), l("header", $h, [
-    f("div", Eh, [
+    f("div", Ph, [
       t.icon ? (o(), y(r, {
         key: 0,
         type: t.icon,
@@ -12238,13 +12289,13 @@ function Th(e, s, t, a, n, i) {
         _: 1
       })
     ]),
-    i.hasControls ? (o(), l("div", Ph, [
+    i.hasControls ? (o(), l("div", Th, [
       m(e.$slots, "default", {}, void 0, !0)
     ])) : u("", !0)
   ]);
 }
-const yb = /* @__PURE__ */ _(Ih, [["render", Th], ["__scopeId", "data-v-c7ef1a5a"]]);
-const Mh = {
+const bb = /* @__PURE__ */ _(Eh, [["render", Mh], ["__scopeId", "data-v-c7ef1a5a"]]);
+const Lh = {
   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: {
@@ -12252,11 +12303,11 @@ const Mh = {
       default: !1
     }
   }
-}, Lh = {
+}, Oh = {
   key: 0,
   class: "ecs-popover-list-title-controls"
 };
-function Oh(e, s, t, a, n, i) {
+function Ah(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"
@@ -12264,15 +12315,15 @@ function Oh(e, s, t, a, n, i) {
     f("span", null, [
       m(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.controls ? (o(), l("div", Lh, [
+    e.$slots.controls ? (o(), l("div", Oh, [
       m(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const bb = /* @__PURE__ */ _(Mh, [["render", Oh], ["__scopeId", "data-v-dcc071bc"]]);
-const Ah = {
+const kb = /* @__PURE__ */ _(Lh, [["render", Ah], ["__scopeId", "data-v-dcc071bc"]]);
+const Nh = {
   name: "ecs-rating-star-read",
-  components: { EcsSkeletonLoader: we },
+  components: { EcsSkeletonLoader: Ce },
   props: {
     /** Sets the star rating count.  */
     rating: {
@@ -12301,8 +12352,8 @@ const Ah = {
       return this.size && this.size !== "" ? `ecs-rating-read-${this.size}` : this.size;
     }
   }
-}, Nh = ["aria-busy", "aria-label"], Dh = ["data-maximum", "data-rating"];
-function Fh(e, s, t, a, n, i) {
+}, Dh = ["aria-busy", "aria-label"], Fh = ["data-maximum", "data-rating"];
+function Rh(e, s, t, a, n, i) {
   const r = p("ecs-skeleton-loader");
   return o(), l("div", {
     class: v(["ecs-rating-read", [i.sizeClass]]),
@@ -12319,14 +12370,14 @@ function Fh(e, s, t, a, n, i) {
       class: "ecs-stars-read",
       "data-maximum": t.maximum,
       "data-rating": t.rating
-    }, null, 8, Dh))
-  ], 10, Nh);
+    }, null, 8, Fh))
+  ], 10, Dh);
 }
-const Rh = /* @__PURE__ */ _(Ah, [["render", Fh], ["__scopeId", "data-v-8f28e1c1"]]);
+const Hh = /* @__PURE__ */ _(Nh, [["render", Rh], ["__scopeId", "data-v-8f28e1c1"]]);
 const Vh = {
   name: "ecs-rating-favorability",
   emits: ["click"],
-  components: { EcsIcon: M, EcsSkeletonLoader: we },
+  components: { EcsIcon: M, EcsSkeletonLoader: Ce },
   props: {
     /** If set, the favorability icon will have a label as well. */
     label: {
@@ -12400,8 +12451,8 @@ const Vh = {
       }
     }
   }
-}, Hh = ["aria-busy"], qh = ["title"];
-function Wh(e, s, t, a, n, i) {
+}, qh = ["aria-busy"], Wh = ["title"];
+function jh(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)),
@@ -12413,7 +12464,7 @@ function Wh(e, s, t, a, n, i) {
       title: i.labelText
     }, [
       b(r, { type: i.iconType }, null, 8, ["type"])
-    ], 10, qh),
+    ], 10, Wh),
     t.label ? (o(), l("span", {
       key: 0,
       class: v(["label", t.loading ? "loading" : ""])
@@ -12430,13 +12481,13 @@ function Wh(e, s, t, a, n, i) {
       width: 100,
       style: { width: "calc(100% - 30px)" }
     })) : u("", !0)
-  ], 10, Hh);
+  ], 10, qh);
 }
-const jh = /* @__PURE__ */ _(Vh, [["render", Wh], ["__scopeId", "data-v-359930b9"]]);
-const Gh = {
+const Gh = /* @__PURE__ */ _(Vh, [["render", jh], ["__scopeId", "data-v-359930b9"]]);
+const Uh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
-  components: { EcsCheckbox: Vt, EcsRatingStarRead: Rh, EcsRatingFavorability: jh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
+  components: { EcsCheckbox: Ht, EcsRatingStarRead: Hh, EcsRatingFavorability: Gh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
   props: {
     label: {
       type: String,
@@ -12495,17 +12546,17 @@ const Gh = {
       return this.active ? "active" : "subtle";
     }
   }
-}, Uh = { class: "filter-description" }, Kh = {
+}, Kh = { class: "filter-description" }, Yh = {
   key: 0,
   class: "filter-count"
-}, Yh = { style: { "margin-left": "12px" } }, Xh = { class: "static-label" }, Zh = {
+}, Xh = { style: { "margin-left": "12px" } }, Zh = { class: "static-label" }, Jh = {
   key: 0,
   class: "filter-count"
-}, Jh = { key: 2 }, Qh = {
+}, Qh = { key: 2 }, ev = {
   key: 3,
   class: "filter-count"
 };
-function ev(e, s, t, a, n, i) {
+function tv(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", [
@@ -12521,8 +12572,8 @@ function ev(e, s, t, a, n, i) {
       role: "button"
     }, [
       b(r, { type: t.icon }, null, 8, ["type"]),
-      f("span", Uh, x(t.label), 1),
-      t.count ? (o(), l("small", Kh, x(t.count), 1)) : u("", !0),
+      f("span", Kh, x(t.label), 1),
+      t.count ? (o(), l("small", Yh, x(t.count), 1)) : u("", !0),
       b(c)
     ])) : t.type === "favorability" ? (o(), l("div", {
       key: 1,
@@ -12537,10 +12588,10 @@ function ev(e, s, t, a, n, i) {
         label: !1,
         disabled: t.disabled || null
       }, null, 8, ["type", "rating", "disabled"]),
-      f("label", Yh, [
-        f("span", Xh, x(t.label), 1)
+      f("label", Xh, [
+        f("span", Zh, x(t.label), 1)
       ]),
-      t.count ? (o(), l("small", Zh, x(t.count), 1)) : u("", !0),
+      t.count ? (o(), l("small", Jh, x(t.count), 1)) : u("", !0),
       b(c)
     ])) : (o(), y(k, {
       key: 2,
@@ -12566,15 +12617,15 @@ function ev(e, s, t, a, n, i) {
             D(x(t.label), 1)
           ]),
           _: 1
-        }, 8, ["value", "disabled"])) : (o(), l("span", Jh, x(t.label), 1)),
-        t.count ? (o(), l("small", Qh, x(t.count), 1)) : u("", !0)
+        }, 8, ["value", "disabled"])) : (o(), l("span", Qh, x(t.label), 1)),
+        t.count ? (o(), l("small", ev, x(t.count), 1)) : u("", !0)
       ]),
       _: 1
     }, 8, ["value", "value-false", "value-true", "disabled"]))
   ], 2);
 }
-const kb = /* @__PURE__ */ _(Gh, [["render", ev], ["__scopeId", "data-v-fe97cca0"]]);
-const tv = {
+const xb = /* @__PURE__ */ _(Uh, [["render", tv], ["__scopeId", "data-v-fe97cca0"]]);
+const sv = {
   name: "ecs-rating-star-write",
   emits: ["click"],
   props: {
@@ -12594,53 +12645,53 @@ const tv = {
       default: 0
     }
   }
-}, ht = (e) => (he("data-v-37aaedf8"), e = e(), ve(), e), sv = {
+}, ht = (e) => (ve("data-v-37aaedf8"), e = e(), _e(), e), iv = {
   key: 0,
   class: "ecs-rating-reset"
-}, 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) {
+}, 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) {
   return o(), l("div", {
     class: v(["ecs-rating-form", [t.large ? "ecs-rating-form-lg" : ""]])
   }, [
-    t.unrated ? (o(), l("button", sv)) : u("", !0),
-    f("div", iv, [
+    t.unrated ? (o(), l("button", iv)) : u("", !0),
+    f("div", nv, [
       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, nv),
-      av,
+      }, null, 8, av),
+      ov,
       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, ov),
-      rv,
+      }, null, 8, rv),
+      lv,
       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, lv),
-      cv,
+      }, null, 8, cv),
+      dv,
       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, dv),
-      uv
+      }, null, 8, uv),
+      fv
     ])
   ], 2);
 }
-const xb = /* @__PURE__ */ _(tv, [["render", fv], ["__scopeId", "data-v-37aaedf8"]]);
-const pv = {
+const wb = /* @__PURE__ */ _(sv, [["render", pv], ["__scopeId", "data-v-37aaedf8"]]);
+const gv = {
   name: "ecs-section",
   props: {
     /** Adds a headline to the section. */
@@ -12689,11 +12740,11 @@ const pv = {
       return `ecs-section-content-padding-${this.contentPadding}`;
     }
   }
-}, gv = {
+}, mv = {
   key: 0,
   class: "ecs-section-controls"
 };
-function mv(e, s, t, a, n, i) {
+function hv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-section", [
       t.borderTop ? "ecs-section-border-top" : "",
@@ -12707,7 +12758,7 @@ function mv(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", gv, [
+      e.$slots.controls ? (o(), l("div", mv, [
         m(e.$slots, "controls", {}, void 0, !0)
       ])) : u("", !0)
     ], 2)) : u("", !0),
@@ -12721,8 +12772,8 @@ function mv(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const wb = /* @__PURE__ */ _(pv, [["render", mv], ["__scopeId", "data-v-06167820"]]);
-const hv = {
+const Sb = /* @__PURE__ */ _(gv, [["render", hv], ["__scopeId", "data-v-06167820"]]);
+const vv = {
   name: "ecs-segments",
   emits: ["click"],
   components: { EcsIcon: M },
@@ -12763,13 +12814,13 @@ const hv = {
     }
   }
   */
-}, vv = ["for"], _v = ["name", "value", "id", "checked", "disabled", "onClick"], yv = ["title"];
-function bv(e, s, t, a, n, i) {
+}, _v = ["for"], yv = ["name", "value", "id", "checked", "disabled", "onClick"], bv = ["title"];
+function kv(e, s, t, a, n, i) {
   const r = p("ecs-icon");
   return o(), l("div", {
     class: v(["ecs-segments", [t.inline ? "ecs-segments-inline" : ""]])
   }, [
-    (o(!0), l(Z, null, pe(t.options, (c) => (o(), l("label", {
+    (o(!0), l(Z, null, ge(t.options, (c) => (o(), l("label", {
       key: c.id,
       for: c.id
     }, [
@@ -12781,7 +12832,7 @@ function bv(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, _v),
+      }, null, 8, yv),
       f("span", {
         class: "ecs-segment",
         title: c.title
@@ -12794,12 +12845,12 @@ function bv(e, s, t, a, n, i) {
           color: "#2F333C"
         }, null, 8, ["class", "type"])) : u("", !0),
         D(" " + x(c.label), 1)
-      ], 8, yv)
-    ], 8, vv))), 128))
+      ], 8, bv)
+    ], 8, _v))), 128))
   ], 2);
 }
-const Sb = /* @__PURE__ */ _(hv, [["render", bv], ["__scopeId", "data-v-053b5298"]]);
-const kv = {
+const Cb = /* @__PURE__ */ _(vv, [["render", kv], ["__scopeId", "data-v-053b5298"]]);
+const xv = {
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
@@ -12839,14 +12890,14 @@ const kv = {
       default: !1
     }
   }
-}, 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 = {
+}, wv = (e) => (ve("data-v-00e842c6"), e = e(), _e(), e), Sv = ["aria-checked", "tabindex"], Cv = /* @__PURE__ */ wv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Bv = {
   key: 1,
   class: "label"
-}, Bv = {
+}, zv = {
   key: 2,
   class: "help"
 };
-function zv(e, s, t, a, n, i) {
+function Iv(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)),
@@ -12859,34 +12910,34 @@ function zv(e, s, t, a, n, i) {
     "aria-checked": t.selected ? "true" : "false",
     tabindex: t.disabled ? "-1" : "0"
   }, [
-    Sv,
+    Cv,
     t.illustration ? (o(), l("div", {
       key: 0,
       class: v(["illustration", t.illustration])
     }, null, 2)) : 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),
+    t.label ? (o(), l("div", Bv, x(t.label), 1)) : u("", !0),
+    t.helpText ? (o(), l("div", zv, x(t.helpText), 1)) : u("", !0),
     b(r, {
       inset: -6,
       radius: 12
     })
-  ], 42, wv);
+  ], 42, Sv);
 }
-const Cb = /* @__PURE__ */ _(kv, [["render", zv], ["__scopeId", "data-v-00e842c6"]]);
-const Iv = {
+const Bb = /* @__PURE__ */ _(xv, [["render", Iv], ["__scopeId", "data-v-00e842c6"]]);
+const Ev = {
   name: "ecs-sequence-map"
 }, $v = {
   class: "ecs-sequence-map",
   role: "navigation",
   "aria-label": "Steps"
 };
-function Ev(e, s, t, a, n, i) {
+function Pv(e, s, t, a, n, i) {
   return o(), l("div", $v, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Bb = /* @__PURE__ */ _(Iv, [["render", Ev], ["__scopeId", "data-v-69c3c73d"]]);
-const Pv = {
+const zb = /* @__PURE__ */ _(Ev, [["render", Pv], ["__scopeId", "data-v-69c3c73d"]]);
+const Tv = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
   components: { EcsIcon: M, EcsFocusRing: L },
@@ -12917,8 +12968,8 @@ const Pv = {
       default: !1
     }
   }
-}, 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) {
+}, Mv = (e) => (ve("data-v-9fd5b3f7"), e = e(), _e(), 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) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("button", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -12930,7 +12981,7 @@ function Av(e, s, t, a, n, i) {
     ]]),
     "aria-busy": t.loading || null
   }, [
-    f("span", Lv, [
+    f("span", Ov, [
       D(x(t.step) + " ", 1),
       t.loading ? (o(), y(r, {
         key: 0,
@@ -12941,11 +12992,11 @@ function Av(e, s, t, a, n, i) {
     ]),
     m(e.$slots, "default", {}, void 0, !0),
     b(c, { inset: 4 }),
-    Ov
-  ], 10, Mv);
+    Av
+  ], 10, Lv);
 }
-const zb = /* @__PURE__ */ _(Pv, [["render", Av], ["__scopeId", "data-v-9fd5b3f7"]]);
-const Nv = {
+const Ib = /* @__PURE__ */ _(Tv, [["render", Nv], ["__scopeId", "data-v-9fd5b3f7"]]);
+const Dv = {
   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. */
@@ -12970,7 +13021,7 @@ const Nv = {
     }
   }
 };
-function Dv(e, s, t, a, n, i) {
+function Fv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-tab-bar", [i.typeClass, i.directionClass]]),
     role: "tablist"
@@ -12978,8 +13029,8 @@ function Dv(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Fv = /* @__PURE__ */ _(Nv, [["render", Dv], ["__scopeId", "data-v-aadcd808"]]);
-const Rv = {
+const Rv = /* @__PURE__ */ _(Dv, [["render", Fv], ["__scopeId", "data-v-aadcd808"]]);
+const Hv = {
   name: "ecs-tabs",
   props: {
     /** Sets the height of the tabs area to 100%. */
@@ -12996,12 +13047,12 @@ function Vv(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Hv = /* @__PURE__ */ _(Rv, [["render", Vv], ["__scopeId", "data-v-0fe19168"]]);
-const qv = {
+const qv = /* @__PURE__ */ _(Hv, [["render", Vv], ["__scopeId", "data-v-0fe19168"]]);
+const Wv = {
   name: "ecs-sidebar",
   components: {
-    EcsTabBar: Fv,
-    EcsTabs: Hv
+    EcsTabBar: Rv,
+    EcsTabs: qv
   },
   props: {
     /** Expands the sidebar. */
@@ -13032,14 +13083,14 @@ const qv = {
       return this.expanded ? "height: calc(100% - 10px)" : "height:" + (2 + 36 * this.tabCount) + "px";
     }
   }
-}, Wv = { class: "ecs-sidebar-tabs" };
-function jv(e, s, t, a, n, i) {
+}, jv = { class: "ecs-sidebar-tabs" };
+function Gv(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", Wv, [
+    f("div", jv, [
       b(r, { type: "sidebar" }, {
         default: w(() => [
           m(e.$slots, "tab-buttons", {}, void 0, !0)
@@ -13055,8 +13106,8 @@ function jv(e, s, t, a, n, i) {
     })
   ], 6);
 }
-const Ib = /* @__PURE__ */ _(qv, [["render", jv], ["__scopeId", "data-v-5e877161"]]);
-const Gv = {
+const Eb = /* @__PURE__ */ _(Wv, [["render", Gv], ["__scopeId", "data-v-5e877161"]]);
+const Uv = {
   name: "ecs-sidebar-content",
   props: {
     /** Adds an inner padding to the content area. */
@@ -13070,20 +13121,20 @@ const Gv = {
       default: !1
     }
   }
-}, Uv = {
+}, Kv = {
   key: 0,
   class: "ecs-sidebar-content-blocked"
 };
-function Kv(e, s, t, a, n, i) {
+function Yv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-sidebar-content scrollbar", [t.indent ? "ecs-sidebar-content-indent" : ""]])
   }, [
     m(e.$slots, "default", {}, void 0, !0),
-    t.blockContent ? (o(), l("div", Uv)) : u("", !0)
+    t.blockContent ? (o(), l("div", Kv)) : u("", !0)
   ], 2);
 }
-const $b = /* @__PURE__ */ _(Gv, [["render", Kv], ["__scopeId", "data-v-4bee4a71"]]);
-const Yv = {
+const $b = /* @__PURE__ */ _(Uv, [["render", Yv], ["__scopeId", "data-v-4bee4a71"]]);
+const Xv = {
   name: "ecs-sidebar-footer",
   props: {
     /** Reduces the inner padding. */
@@ -13093,7 +13144,7 @@ const Yv = {
     }
   }
 };
-function Xv(e, s, t, a, n, i) {
+function Zv(e, s, t, a, n, i) {
   return o(), l("footer", {
     class: v(["ecs-sidebar-footer", [e.$slots.extension ? "has-extension" : ""]])
   }, [
@@ -13111,8 +13162,8 @@ function Xv(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const Eb = /* @__PURE__ */ _(Yv, [["render", Xv], ["__scopeId", "data-v-0c35a678"]]);
-const Zv = {
+const Pb = /* @__PURE__ */ _(Xv, [["render", Zv], ["__scopeId", "data-v-0c35a678"]]);
+const Jv = {
   name: "ecs-sidebar-header",
   props: {
     /** Determines if the sub header area should be expanded. */
@@ -13126,34 +13177,34 @@ const Zv = {
       default: !1
     }
   }
-}, Jv = { class: "ecs-sidebar-header" }, Qv = { class: "ecs-sidebar-header-row" }, e_ = { class: "ecs-sidebar-header-title" }, t_ = { class: "ecs-sidebar-header-controls" }, s_ = {
+}, Qv = { class: "ecs-sidebar-header" }, e_ = { class: "ecs-sidebar-header-row" }, t_ = { class: "ecs-sidebar-header-title" }, s_ = { class: "ecs-sidebar-header-controls" }, i_ = {
   key: 0,
   class: "ecs-sidebar-header-row sub-header"
-}, i_ = {
+}, n_ = {
   key: 0,
   class: "ecs-sidebar-header-row sub-header"
 };
-function n_(e, s, t, a, n, i) {
-  return o(), l("header", Jv, [
-    f("div", Qv, [
-      f("div", e_, [
+function a_(e, s, t, a, n, i) {
+  return o(), l("header", Qv, [
+    f("div", e_, [
+      f("div", t_, [
         m(e.$slots, "default", {}, void 0, !0)
       ]),
-      f("div", t_, [
+      f("div", s_, [
         m(e.$slots, "primary-controls", {}, void 0, !0)
       ])
     ]),
-    b(ze, { name: "expansion" }, {
+    b(xe, { name: "expansion" }, {
       default: w(() => [
-        t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", s_, [
+        t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", i_, [
           m(e.$slots, "subheader", {}, void 0, !0)
         ])) : u("", !0)
       ]),
       _: 3
     }),
-    b(ze, { name: "expansion" }, {
+    b(xe, { name: "expansion" }, {
       default: w(() => [
-        t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", i_, [
+        t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", n_, [
           m(e.$slots, "tertiaryheader", {}, void 0, !0)
         ])) : u("", !0)
       ]),
@@ -13161,8 +13212,8 @@ function n_(e, s, t, a, n, i) {
     })
   ]);
 }
-const Pb = /* @__PURE__ */ _(Zv, [["render", n_], ["__scopeId", "data-v-20db91a4"]]);
-const a_ = {
+const Tb = /* @__PURE__ */ _(Jv, [["render", a_], ["__scopeId", "data-v-20db91a4"]]);
+const o_ = {
   name: "ecs-structured-content",
   props: {
     /** Wraps the right column into a separate row, leaving more space for each column. */
@@ -13171,24 +13222,24 @@ const a_ = {
       default: !1
     }
   }
-}, o_ = { class: "ecs-structured-content-left" }, r_ = {
+}, r_ = { class: "ecs-structured-content-left" }, l_ = {
   key: 0,
   class: "ecs-structured-content-right"
 };
-function l_(e, s, t, a, n, i) {
+function c_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-structured-content", t.vertical ? "ecs-structured-content-vertical" : ""])
   }, [
-    f("div", o_, [
+    f("div", r_, [
       m(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.extend ? (o(), l("div", r_, [
+    e.$slots.extend ? (o(), l("div", l_, [
       m(e.$slots, "extend", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const Tb = /* @__PURE__ */ _(a_, [["render", l_], ["__scopeId", "data-v-cec887e2"]]);
-const c_ = {
+const Mb = /* @__PURE__ */ _(o_, [["render", c_], ["__scopeId", "data-v-cec887e2"]]);
+const d_ = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
   props: {
@@ -13239,13 +13290,13 @@ const c_ = {
       this.selectedTitle = this.swatches[this.swatches.findIndex((e) => e.hex === this.selectedColor)].title;
     }
   }
-}, d_ = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
-function u_(e, s, t, a, n, i) {
+}, u_ = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
+function f_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-swatches", i.sizeClass]),
     role: "radiogroup"
   }, [
-    (o(!0), l(Z, null, pe(t.swatches, (r) => (o(), l("div", {
+    (o(!0), l(Z, null, ge(t.swatches, (r) => (o(), l("div", {
       key: r.id,
       onClick: (c) => i.handleItemClick(r),
       onKeydown: [
@@ -13259,11 +13310,11 @@ function u_(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, d_))), 128))
+    }, null, 46, u_))), 128))
   ], 2);
 }
-const Mb = /* @__PURE__ */ _(c_, [["render", u_], ["__scopeId", "data-v-74fe1e26"]]);
-const f_ = {
+const Lb = /* @__PURE__ */ _(d_, [["render", f_], ["__scopeId", "data-v-74fe1e26"]]);
+const p_ = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -13296,18 +13347,18 @@ const f_ = {
   mounted() {
     !this.ariaLabeledBy || this.ariaLabeledBy.trim();
   }
-}, p_ = ["aria-labelledby"];
-function g_(e, s, t, a, n, i) {
+}, g_ = ["aria-labelledby"];
+function m_(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
   }, [
     m(e.$slots, "default", {}, void 0, !0)
-  ], 10, p_);
+  ], 10, g_);
 }
-const Lb = /* @__PURE__ */ _(f_, [["render", g_], ["__scopeId", "data-v-273aa82d"]]);
-const m_ = {
+const Ob = /* @__PURE__ */ _(p_, [["render", m_], ["__scopeId", "data-v-273aa82d"]]);
+const h_ = {
   name: "ecs-tab-button",
   emits: ["click"],
   components: {
@@ -13383,11 +13434,11 @@ const m_ = {
       }
     }
   }
-}, h_ = (e) => (he("data-v-97affa42"), e = e(), ve(), e), v_ = ["disabled", "aria-selected", "aria-controls", "aria-label"], __ = {
+}, v_ = (e) => (ve("data-v-97affa42"), e = e(), _e(), e), __ = ["disabled", "aria-selected", "aria-controls", "aria-label"], y_ = {
   key: 2,
   class: "shortcut"
-}, y_ = /* @__PURE__ */ h_(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
-function b_(e, s, t, a, n, i) {
+}, b_ = /* @__PURE__ */ v_(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
+function k_(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", [
@@ -13413,16 +13464,16 @@ function b_(e, s, t, a, n, i) {
       type: t.sticker
     }, null, 8, ["type"])) : u("", !0),
     m(e.$slots, "default", {}, void 0, !0),
-    t.shortcut ? (o(), l("span", __, x(t.shortcut), 1)) : u("", !0),
+    t.shortcut ? (o(), l("span", y_, x(t.shortcut), 1)) : u("", !0),
     b(d, { inset: 0 }),
-    y_
-  ], 10, v_);
+    b_
+  ], 10, __);
 }
-const Ob = /* @__PURE__ */ _(m_, [["render", b_], ["__scopeId", "data-v-97affa42"]]);
-const k_ = {
+const Ab = /* @__PURE__ */ _(h_, [["render", k_], ["__scopeId", "data-v-97affa42"]]);
+const x_ = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: we, EcsFocusRing: L },
+  components: { EcsSkeletonLoader: Ce, EcsFocusRing: L },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -13466,11 +13517,11 @@ const k_ = {
       this.$emit("click", e);
     }
   }
-}, x_ = ["role", "tabindex", "aria-busy"], w_ = {
+}, w_ = ["role", "tabindex", "aria-busy"], S_ = {
   key: 0,
   class: "count"
 };
-function S_(e, s, t, a, n, i) {
+function C_(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", [
@@ -13485,7 +13536,7 @@ function S_(e, s, t, a, n, i) {
     "aria-busy": t.loading || null
   }, [
     m(e.$slots, "default", {}, void 0, !0),
-    t.count ? (o(), l("span", w_, x(t.count), 1)) : u("", !0),
+    t.count ? (o(), l("span", S_, x(t.count), 1)) : u("", !0),
     t.loading ? (o(), y(r, {
       key: 1,
       type: "single",
@@ -13493,22 +13544,22 @@ function S_(e, s, t, a, n, i) {
       style: { width: "calc(100% - 20px)" }
     })) : u("", !0),
     b(c)
-  ], 10, x_);
+  ], 10, w_);
 }
-const Ab = /* @__PURE__ */ _(k_, [["render", S_], ["__scopeId", "data-v-0c30f3a8"]]);
-const C_ = {
+const Nb = /* @__PURE__ */ _(x_, [["render", C_], ["__scopeId", "data-v-0c30f3a8"]]);
+const B_ = {
   name: "ecs-tag-cloud"
-}, B_ = {
+}, z_ = {
   class: "ecs-tag-cloud",
   role: "list"
 };
-function z_(e, s, t, a, n, i) {
-  return o(), l("div", B_, [
+function I_(e, s, t, a, n, i) {
+  return o(), l("div", z_, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Nb = /* @__PURE__ */ _(C_, [["render", z_], ["__scopeId", "data-v-4334fe7e"]]);
-const I_ = {
+const Db = /* @__PURE__ */ _(B_, [["render", I_], ["__scopeId", "data-v-4334fe7e"]]);
+const E_ = {
   name: "ecs-toast",
   emits: ["action"],
   components: { EcsFocusRing: L },
@@ -13553,15 +13604,15 @@ function $_(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const Db = /* @__PURE__ */ _(I_, [["render", $_], ["__scopeId", "data-v-86de0a28"]]);
-const E_ = {
+const Fb = /* @__PURE__ */ _(E_, [["render", $_], ["__scopeId", "data-v-86de0a28"]]);
+const P_ = {
   name: "ecs-toasts"
-}, P_ = {
+}, T_ = {
   class: "ecs-toasts",
   "aria-live": "polite"
 };
-function T_(e, s, t, a, n, i) {
-  return o(), l("div", P_, [
+function M_(e, s, t, a, n, i) {
+  return o(), l("div", T_, [
     b(ci, { name: "transition-toast" }, {
       default: w(() => [
         m(e.$slots, "default", {}, void 0, !0)
@@ -13570,8 +13621,8 @@ function T_(e, s, t, a, n, i) {
     })
   ]);
 }
-const Fb = /* @__PURE__ */ _(E_, [["render", T_], ["__scopeId", "data-v-451fee48"]]);
-const M_ = {
+const Rb = /* @__PURE__ */ _(P_, [["render", M_], ["__scopeId", "data-v-451fee48"]]);
+const L_ = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -13590,20 +13641,20 @@ const M_ = {
       default: !1
     }
   }
-}, L_ = ["aria-busy"], O_ = {
+}, O_ = ["aria-busy"], A_ = {
   key: 0,
   class: "healthy"
-}, A_ = {
+}, N_ = {
   key: 1,
   class: "repairing"
-}, N_ = {
+}, D_ = {
   key: 2,
   class: "corrupted"
-}, D_ = {
+}, F_ = {
   key: 3,
   class: "loading"
 };
-function F_(e, s, t, a, n, i) {
+function R_(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)),
@@ -13614,20 +13665,20 @@ function F_(e, s, t, a, n, i) {
       type: "toolbar-transcript",
       color: "#929AA9"
     }),
-    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_, [
+    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_, [
       b(r, {
         type: "loading",
         size: "18px",
         color: "#202127"
       })
     ])) : u("", !0)
-  ], 10, L_);
+  ], 10, O_);
 }
-const Rb = /* @__PURE__ */ _(M_, [["render", F_], ["__scopeId", "data-v-9ceb80a6"]]);
-const R_ = {
+const Hb = /* @__PURE__ */ _(L_, [["render", R_], ["__scopeId", "data-v-9ceb80a6"]]);
+const H_ = {
   name: "ecs-tree-list",
   props: {
     /** Optional unique ID for the list. */
@@ -13642,7 +13693,7 @@ const R_ = {
     }
   }
 }, V_ = ["id", "role"];
-function H_(e, s, t, a, n, i) {
+function q_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-tree-view-list",
     id: t.id,
@@ -13651,12 +13702,12 @@ function H_(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 8, V_);
 }
-const Vb = /* @__PURE__ */ _(R_, [["render", H_], ["__scopeId", "data-v-b2d4ee72"]]);
-const q_ = {
+const Vb = /* @__PURE__ */ _(H_, [["render", q_], ["__scopeId", "data-v-b2d4ee72"]]);
+const W_ = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
   components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
-  mixins: [_e],
+  mixins: [de],
   props: {
     /** ID for the Tree List Item */
     id: String,
@@ -13776,14 +13827,14 @@ const q_ = {
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, W_ = ["tabindex"], j_ = {
+}, j_ = ["tabindex"], G_ = {
   key: 3,
   class: "ecs-tree-view-entry-control"
-}, G_ = {
+}, U_ = {
   key: 5,
   class: "ecs-tree-view-entry-actions"
-}, U_ = ["id", "aria-hidden"];
-function K_(e, s, t, a, n, i) {
+}, K_ = ["id", "aria-hidden"];
+function Y_(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", {
@@ -13817,7 +13868,7 @@ function K_(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", j_, [
+      e.$slots.control ? (o(), l("div", G_, [
         m(e.$slots, "control", {}, void 0, !0)
       ])) : u("", !0),
       f("span", {
@@ -13831,10 +13882,10 @@ function K_(e, s, t, a, n, i) {
         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", G_, [
+      e.$slots.actions ? (o(), l("div", U_, [
         m(e.$slots, "actions", {}, void 0, !0)
       ])) : u("", !0)
-    ], 42, W_),
+    ], 42, j_),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
       class: v(n.isVisible ? "collapse-show" : "collapse-hide"),
@@ -13842,24 +13893,24 @@ function K_(e, s, t, a, n, i) {
       "aria-hidden": n.isVisible ? "false" : "true"
     }, [
       m(e.$slots, "collapse", {}, void 0, !0)
-    ], 10, U_)) : u("", !0)
+    ], 10, K_)) : u("", !0)
   ]);
 }
-const Hb = /* @__PURE__ */ _(q_, [["render", K_], ["__scopeId", "data-v-5ad9b59c"]]);
-const Y_ = {
+const qb = /* @__PURE__ */ _(W_, [["render", Y_], ["__scopeId", "data-v-5ad9b59c"]]);
+const X_ = {
   name: "ecs-tree-list-headline"
-}, X_ = { class: "ecs-tree-view-headline" };
-function Z_(e, s, t, a, n, i) {
-  return o(), l("div", X_, [
+}, Z_ = { class: "ecs-tree-view-headline" };
+function J_(e, s, t, a, n, i) {
+  return o(), l("div", Z_, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const qb = /* @__PURE__ */ _(Y_, [["render", Z_], ["__scopeId", "data-v-a5153e06"]]);
-const J_ = {
+const Wb = /* @__PURE__ */ _(X_, [["render", J_], ["__scopeId", "data-v-a5153e06"]]);
+const Q_ = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
   components: { EcsInput: tg, EcsAlert: ks, EcsFormGroup: Ip },
-  mixins: [_e],
+  mixins: [de],
   props: {
     verb: {
       type: String,
@@ -13902,8 +13953,8 @@ const J_ = {
   mounted() {
     this.uniqueId = "input-" + this.generateUniqueId();
   }
-}, Q_ = ["for"], ey = { class: "ecs-type-confirmation-verb" };
-function ty(e, s, t, a, n, i) {
+}, ey = ["for"], ty = { class: "ecs-type-confirmation-verb" };
+function sy(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,
@@ -13913,7 +13964,7 @@ function ty(e, s, t, a, n, i) {
       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, Q_),
+          f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, ey),
           b(r, {
             modelValue: n.inputValue,
             "onUpdate:modelValue": s[0] || (s[0] = (g) => n.inputValue = g),
@@ -13922,7 +13973,7 @@ function ty(e, s, t, a, n, i) {
             id: n.uniqueId,
             style: { "text-transform": "uppercase" }
           }, null, 8, ["modelValue", "onInput", "error", "id"]),
-          f("span", ey, x(i.upperCaseVerb), 1)
+          f("span", ty, x(i.upperCaseVerb), 1)
         ]),
         _: 1
       })
@@ -13930,8 +13981,8 @@ function ty(e, s, t, a, n, i) {
     _: 3
   }, 8, ["headline", "type"]);
 }
-const Wb = /* @__PURE__ */ _(J_, [["render", ty], ["__scopeId", "data-v-4dceb86b"]]);
-const sy = {
+const jb = /* @__PURE__ */ _(Q_, [["render", sy], ["__scopeId", "data-v-4dceb86b"]]);
+const iy = {
   name: "ecs-video",
   props: {
     /** URL to an optional poster image. */
@@ -13970,8 +14021,8 @@ const sy = {
     }
     */
   }
-}, iy = ["poster", "autoplay", "loop", "controls", "src"];
-function ny(e, s, t, a, n, i) {
+}, ny = ["poster", "autoplay", "loop", "controls", "src"];
+function ay(e, s, t, a, n, i) {
   return o(), l("video", {
     poster: t.posterImage,
     autoplay: t.autoplay,
@@ -13979,149 +14030,149 @@ function ny(e, s, t, a, n, i) {
     controls: t.controls,
     class: "ecs-video",
     src: t.mp4Source
-  }, null, 8, iy);
+  }, null, 8, ny);
 }
-const jb = /* @__PURE__ */ _(sy, [["render", ny], ["__scopeId", "data-v-ce84fcb3"]]);
+const Gb = /* @__PURE__ */ _(iy, [["render", ay], ["__scopeId", "data-v-ce84fcb3"]]);
 export {
   ki as EcsActionToolbar,
   ks as EcsAlert,
-  oy as EcsAudio,
+  ry as EcsAudio,
   Ti as EcsAvatar,
-  ry as EcsBanner,
-  ly as EcsBreadcrumb,
-  cy as EcsBreadcrumbButton,
-  dy as EcsBreadcrumbTitle,
-  uy as EcsBulkSelector,
-  $e as EcsButton,
+  ly as EcsBanner,
+  cy as EcsBreadcrumb,
+  dy as EcsBreadcrumbButton,
+  uy as EcsBreadcrumbTitle,
+  fy as EcsBulkSelector,
+  Se as EcsButton,
   Os as EcsButtonCollapse,
-  py as EcsButtonContext,
-  gy as EcsButtonContextGroup,
-  my as EcsButtonDialog,
-  fy as EcsButtonGroup,
+  gy as EcsButtonContext,
+  my as EcsButtonContextGroup,
+  hy as EcsButtonDialog,
+  py as EcsButtonGroup,
   As as EcsButtonMore,
   Ns as EcsButtonTable,
   gt as EcsButtonToolbar,
-  Ht as EcsButtonToolbarGroup,
-  hy as EcsButtonToolbarIcon,
-  vy as EcsCard,
-  Vt as EcsCheckbox,
-  _y as EcsCitationLine,
-  by as EcsCollapse,
-  ky as EcsCollectionControl,
+  Vt as EcsButtonToolbarGroup,
+  vy as EcsButtonToolbarIcon,
+  _y as EcsCard,
+  Ht as EcsCheckbox,
+  yy as EcsCitationLine,
+  ky as EcsCollapse,
+  xy as EcsCollectionControl,
   yd as EcsColorPicker,
-  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,
+  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,
   $y as EcsDataGridHeadCell,
   Ud as EcsDataGridRow,
-  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,
+  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,
   pf as EcsEmptyState,
-  Ry as EcsEntryLink,
+  Hy as EcsEntryLink,
   Vy as EcsExcerptSnippet,
   qu as EcsFavicon,
   Ls as EcsFileIcon,
-  qy as EcsFileList,
-  Wy as EcsFileListItem,
-  Hy as EcsFillIcon,
-  jy as EcsFlag,
+  Wy as EcsFileList,
+  jy as EcsFileListItem,
+  qy as EcsFillIcon,
+  Gy as EcsFlag,
   cp as EcsFlexCol,
   Me as EcsFlexRow,
   L as EcsFocusRing,
-  Gy as EcsFolderSelector,
+  Uy as EcsFolderSelector,
   Rt as EcsFormCheck,
   Ip as EcsFormGroup,
-  Uy as EcsFormHeadline,
-  Ky as EcsFormSet,
+  Ky as EcsFormHeadline,
+  Yy as EcsFormSet,
   Ds as EcsFormatted,
   M as EcsIcon,
-  Yy as EcsIndexToolbar,
-  Xy as EcsInfoTooltip,
+  Xy as EcsIndexToolbar,
+  Zy as EcsInfoTooltip,
   tg as EcsInput,
-  Zy as EcsInputAddon,
+  Jy as EcsInputAddon,
   gp as EcsInputClear,
-  Jy as EcsInputConnector,
-  Qy as EcsInputFloat,
-  eb as EcsInputGroup,
+  Qy as EcsInputConnector,
+  eb as EcsInputFloat,
+  tb as EcsInputGroup,
   _p as EcsInputSearch,
-  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,
+  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,
   Fg as EcsPane,
-  _b as EcsPartyEntry,
+  yb as EcsPartyEntry,
   Ts as EcsPopover,
-  yb as EcsPopoverHeader,
+  bb as EcsPopoverHeader,
   da as EcsPopoverList,
-  bb as EcsPopoverListHeadline,
+  kb as EcsPopoverListHeadline,
   co as EcsPopoverListItem,
   vf as EcsProgress,
-  kb as EcsQuicklink,
+  xb as EcsQuicklink,
   wa as EcsRadiobutton,
-  jh as EcsRatingFavorability,
-  Rh as EcsRatingStarRead,
-  xb as EcsRatingStarWrite,
+  Gh as EcsRatingFavorability,
+  Hh as EcsRatingStarRead,
+  wb as EcsRatingStarWrite,
   kp as EcsScrollContainer,
-  wb as EcsSection,
-  Sb as EcsSegment,
+  Sb as EcsSection,
+  Cb as EcsSegment,
   js as EcsSelect,
-  Rm as EcsSelectText,
-  Cb as EcsSelectTile,
+  Hm as EcsSelectText,
+  Bb as EcsSelectTile,
   vo as EcsSeparator,
-  Bb as EcsSequenceMap,
-  zb as EcsSequenceMapButton,
-  Ib as EcsSidebar,
+  zb as EcsSequenceMap,
+  Ib as EcsSequenceMapButton,
+  Eb as EcsSidebar,
   $b as EcsSidebarContent,
-  Eb as EcsSidebarFooter,
-  Pb as EcsSidebarHeader,
-  we as EcsSkeletonLoader,
+  Pb as EcsSidebarFooter,
+  Tb as EcsSidebarHeader,
+  Ce as EcsSkeletonLoader,
   Na as EcsSortbutton,
   Rg as EcsSplitpanes,
   Du as EcsStateIcon,
   Re as EcsSticker,
-  Tb as EcsStructuredContent,
-  Mb as EcsSwatchesPicker,
+  Mb as EcsStructuredContent,
+  Lb as EcsSwatchesPicker,
   Ms as EcsSwitch,
-  Lb as EcsTab,
-  Fv as EcsTabBar,
-  Ob as EcsTabButton,
-  Hv as EcsTabs,
-  Ab as EcsTag,
-  Nb as EcsTagCloud,
+  Ob as EcsTab,
+  Rv as EcsTabBar,
+  Ab as EcsTabButton,
+  qv as EcsTabs,
+  Nb as EcsTag,
+  Db as EcsTagCloud,
   it as EcsText,
-  Db as EcsToast,
-  Fb as EcsToasts,
-  Vp as EcsToolbar,
-  Rb as EcsTranscriptState,
+  Fb as EcsToast,
+  Rb as EcsToasts,
+  Hp as EcsToolbar,
+  Hb as EcsTranscriptState,
   Vb as EcsTreeList,
-  qb as EcsTreeListHeadline,
-  Hb as EcsTreeListItem,
-  Wb as EcsTypeConfirmation,
-  jb as EcsVideo
+  Wb as EcsTreeListHeadline,
+  qb as EcsTreeListItem,
+  jb as EcsTypeConfirmation,
+  Gb as EcsVideo
 };