@everchron/ec-shards 8.12.5 → 8.12.7

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as b, resolveDynamicComponent as Pe, unref as ae, normalizeClass as h, createElementBlock as l, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as ke, withCtx as S, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as bs, isRef as ti, onMounted as _s, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as ve, popScopeId as ye, Fragment as J, renderList as me, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
+import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as b, resolveDynamicComponent as Pe, unref as ae, normalizeClass as h, createElementBlock as l, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as me, withCtx as S, computed as _e, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as bs, isRef as ti, onMounted as _s, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as ye, popScopeId as be, Fragment as J, renderList as pe, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
 const se = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -86,10 +86,10 @@ function fi(e, s, t, a, n, i) {
     style: x(i.styles)
   }, null, 6);
 }
-const O = /* @__PURE__ */ v(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]), gi = {
+const L = /* @__PURE__ */ v(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]), gi = {
   name: "ecs-alert",
   emits: ["action"],
-  components: { EcsIcon: M, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsFocusRing: L },
   props: {
     /** The alert variant, which defines it's background color. */
     type: {
@@ -222,7 +222,7 @@ const ks = /* @__PURE__ */ v(gi, [["render", yi], ["__scopeId", "data-v-2a5a08e2
   "aria-label": "Actions"
 };
 function ki(e, s, t, a, n, i) {
-  return o(), b(ke, {
+  return o(), b(me, {
     name: "action-bar",
     appear: ""
   }, {
@@ -302,10 +302,10 @@ const fb = /* @__PURE__ */ v(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115
     }
   },
   setup(e) {
-    const s = e, t = be(() => {
+    const s = e, t = _e(() => {
       if (s.type == "loading")
         return !0;
-    }), a = be(() => s.type == "current" || s.type == "error" || s.type == "loading" || s.type == "warning" || s.type == "success" || s.type == "shared" || s.type == "badge" || s.type == "info"), n = be(() => {
+    }), a = _e(() => s.type == "current" || s.type == "error" || s.type == "loading" || s.type == "warning" || s.type == "success" || s.type == "shared" || s.type == "badge" || s.type == "info"), n = _e(() => {
       if (s.color)
         return s.color;
       switch (s.type) {
@@ -337,11 +337,11 @@ const fb = /* @__PURE__ */ v(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115
       style: x(`color: ${n.value}`)
     }, null, 8, ["class", "aria-busy", "width", "height", "style"])) : u("", !0);
   }
-}, Re = /* @__PURE__ */ v(Ii, [["__scopeId", "data-v-add9195d"]]), Ei = {
+}, Fe = /* @__PURE__ */ v(Ii, [["__scopeId", "data-v-add9195d"]]), Ei = {
   name: "ecs-avatar",
   emits: ["avatar-initials"],
   components: {
-    EcsSticker: Re
+    EcsSticker: Fe
   },
   props: {
     /** In some situations, an avatar should also reflect the party side (witness profiles, entities). To add a badge with a party color to the avatar, set the `party` attribute to one of the available options: */
@@ -486,8 +486,8 @@ function Ti(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 14, $i);
 }
-const Mi = /* @__PURE__ */ v(Ei, [["render", Ti], ["__scopeId", "data-v-cdd70b4e"]]), Oi = {
-  components: { EcsIcon: M, EcsFocusRing: O },
+const Mi = /* @__PURE__ */ v(Ei, [["render", Ti], ["__scopeId", "data-v-cdd70b4e"]]), Li = {
+  components: { EcsIcon: M, EcsFocusRing: L },
   emits: ["dismiss"],
   props: {
     /** The alert variant, which defines it's background color. */
@@ -554,7 +554,7 @@ const Mi = /* @__PURE__ */ v(Ei, [["render", Ti], ["__scopeId", "data-v-cdd70b4e
     }
   }
 };
-function Li(e, s, t, a, n, i) {
+function Oi(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return i.show ? (o(), l("div", {
     key: 0,
@@ -577,7 +577,7 @@ function Li(e, s, t, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const gb = /* @__PURE__ */ v(Oi, [["render", Li], ["__scopeId", "data-v-888a84fc"]]), Ai = {
+const gb = /* @__PURE__ */ v(Li, [["render", Oi], ["__scopeId", "data-v-888a84fc"]]), Ai = {
   name: "ecs-breadcrumb",
   props: {
     /** Sets the size of the breadcrumb (default is medium). */
@@ -606,7 +606,7 @@ const mb = /* @__PURE__ */ v(Ai, [["render", Ni], ["__scopeId", "data-v-d1ff2486
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** The button type: `root` should always be used for the very first button inside a breadcrumb, `link` for all regular buttons that reflect a level in the navigation, and `more` for an optional button that escapes levels within the breadcrumb. */
@@ -630,11 +630,11 @@ const mb = /* @__PURE__ */ v(Ai, [["render", Ni], ["__scopeId", "data-v-d1ff2486
       return this.type && this.type !== "" ? `ecs-breadcrumb-${this.type}` : this.type;
     }
   }
-}, Fi = {
+}, Ri = {
   key: 2,
   class: "ecs-breadcrumb-button-label"
 };
-function Ri(e, s, t, a, n, i) {
+function Fi(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), l("button", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -653,13 +653,13 @@ function Ri(e, s, t, a, n, i) {
       type: "more",
       size: "20"
     })) : u("", !0),
-    t.type != "more" ? (o(), l("span", Fi, [
+    t.type != "more" ? (o(), l("span", Ri, [
       p(e.$slots, "default", {}, void 0, !0)
     ])) : u("", !0),
     _(c)
   ], 2);
 }
-const pb = /* @__PURE__ */ v(Di, [["render", Ri], ["__scopeId", "data-v-7fb9bc8d"]]), Vi = {
+const pb = /* @__PURE__ */ v(Di, [["render", Fi], ["__scopeId", "data-v-7fb9bc8d"]]), Vi = {
   name: "ecs-breadcrumb-title"
 }, Hi = {
   class: "ecs-breadcrumb-title",
@@ -761,7 +761,7 @@ function le(e) {
   }
   return e;
 }
-function Fe(e) {
+function Re(e) {
   var s = le(e).Element;
   return e instanceof s || e instanceof Element;
 }
@@ -789,7 +789,7 @@ function We(e, s, t) {
   s === void 0 && (s = !1), t === void 0 && (t = !1);
   var a = e.getBoundingClientRect(), n = 1, i = 1;
   s && de(e) && (n = e.offsetWidth > 0 && qe(a.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && qe(a.height) / e.offsetHeight || 1);
-  var r = Fe(e) ? le(e) : window, c = r.visualViewport, d = !Ss() && t, m = (a.left + (d && c ? c.offsetLeft : 0)) / n, y = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, z = a.height / i;
+  var r = Re(e) ? le(e) : window, c = r.visualViewport, d = !Ss() && t, m = (a.left + (d && c ? c.offsetLeft : 0)) / n, y = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, z = a.height / i;
   return {
     width: k,
     height: z,
@@ -821,18 +821,18 @@ function we(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function Me(e) {
-  return ((Fe(e) ? e.ownerDocument : (
+  return ((Re(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
   )) || window.document).documentElement;
 }
-function Ot(e) {
+function Lt(e) {
   return We(Me(e)).left + Mt(e).scrollLeft;
 }
 function Ie(e) {
   return le(e).getComputedStyle(e);
 }
-function Lt(e) {
+function Ot(e) {
   var s = Ie(e), t = s.overflow, a = s.overflowX, n = s.overflowY;
   return /auto|scroll|overlay|hidden/.test(t + n + a);
 }
@@ -850,7 +850,7 @@ function Yi(e, s, t) {
     y: 0
   };
   return (a || !a && !t) && ((we(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Lt(i)) && (c = Gi(s)), de(s) ? (d = We(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Ot(i))), {
+  Ot(i)) && (c = Gi(s)), de(s) ? (d = We(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,
     width: r.width,
@@ -879,12 +879,12 @@ function mt(e) {
   );
 }
 function Cs(e) {
-  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : de(e) && Lt(e) ? e : Cs(mt(e));
+  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : de(e) && Ot(e) ? e : Cs(mt(e));
 }
 function Qe(e, s) {
   var t;
   s === void 0 && (s = []);
-  var a = Cs(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = le(a), r = n ? [i].concat(i.visualViewport || [], Lt(a) ? a : []) : a, c = s.concat(r);
+  var a = Cs(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = le(a), r = n ? [i].concat(i.visualViewport || [], Ot(a) ? a : []) : a, c = s.concat(r);
   return n ? c : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     c.concat(Qe(mt(r)))
@@ -918,7 +918,7 @@ function st(e) {
     t = es(t);
   return t && (we(t) === "html" || we(t) === "body" && Ie(t).position === "static") ? s : t || Zi(e) || s;
 }
-var oe = "top", pe = "bottom", he = "right", re = "left", Nt = "auto", it = [oe, pe, he, re], je = "start", tt = "end", Ji = "clippingParents", xs = "viewport", Xe = "popper", Qi = "reference", ts = /* @__PURE__ */ it.reduce(function(e, s) {
+var oe = "top", he = "bottom", ve = "right", re = "left", Nt = "auto", it = [oe, he, ve, re], je = "start", tt = "end", Ji = "clippingParents", xs = "viewport", Xe = "popper", Qi = "reference", ts = /* @__PURE__ */ it.reduce(function(e, s) {
   return e.concat([s + "-" + je, s + "-" + tt]);
 }, []), Bs = /* @__PURE__ */ [].concat(it, [Nt]).reduce(function(e, s) {
   return e.concat([s, s + "-" + je, s + "-" + tt]);
@@ -982,12 +982,12 @@ function pn(e, s) {
   return {
     width: i,
     height: r,
-    x: c + Ot(e),
+    x: c + Lt(e),
     y: d
   };
 }
 function hn(e) {
-  var s, t = Me(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 + Ot(e), d = -a.scrollTop;
+  var s, t = Me(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), {
     width: i,
     height: r,
@@ -1022,12 +1022,12 @@ function vn(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 === xs ? Et(pn(e, t)) : Fe(s) ? vn(s, t) : Et(hn(Me(e)));
+  return s === xs ? Et(pn(e, t)) : Re(s) ? vn(s, t) : Et(hn(Me(e)));
 }
 function yn(e) {
   var s = Qe(mt(e)), t = ["absolute", "fixed"].indexOf(Ie(e).position) >= 0, a = t && de(e) ? st(e) : e;
-  return Fe(a) ? s.filter(function(n) {
-    return Fe(n) && zs(n, a) && we(n) !== "body";
+  return Re(a) ? s.filter(function(n) {
+    return Re(n) && zs(n, a) && we(n) !== "body";
   }) : [];
 }
 function bn(e, s, t, a) {
@@ -1037,7 +1037,7 @@ function bn(e, s, t, a) {
   }, ss(e, r, a));
   return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
 }
-function _e(e) {
+function ke(e) {
   return e.split("-")[0];
 }
 function Ue(e) {
@@ -1047,7 +1047,7 @@ function Dt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
 function Is(e) {
-  var s = e.reference, t = e.element, a = e.placement, n = a ? _e(a) : null, i = a ? Ue(a) : null, r = s.x + s.width / 2 - t.width / 2, c = s.y + s.height / 2 - t.height / 2, d;
+  var s = e.reference, t = e.element, a = e.placement, n = a ? ke(a) : null, i = a ? Ue(a) : null, r = s.x + s.width / 2 - t.width / 2, c = s.y + s.height / 2 - t.height / 2, d;
   switch (n) {
     case oe:
       d = {
@@ -1055,13 +1055,13 @@ function Is(e) {
         y: s.y - t.height
       };
       break;
-    case pe:
+    case he:
       d = {
         x: r,
         y: s.y + s.height
       };
       break;
-    case he:
+    case ve:
       d = {
         x: s.x + s.width,
         y: c
@@ -1109,23 +1109,23 @@ function Ps(e, s) {
     return t[a] = e, t;
   }, {});
 }
-function Ft(e, s) {
+function Rt(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 ? Ji : c, m = t.rootBoundary, y = m === void 0 ? xs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, L = $s(typeof T != "number" ? T : Ps(T, it)), F = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? F : z], A = bn(Fe(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Is({
+  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 ? Ji : c, m = t.rootBoundary, y = m === void 0 ? xs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = $s(typeof T != "number" ? T : Ps(T, it)), R = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? R : z], A = bn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Is({
     reference: E,
     element: H,
     strategy: "absolute",
     placement: n
-  }), R = Et(Object.assign({}, H, N)), V = z === Xe ? R : E, W = {
-    top: A.top - V.top + L.top,
-    bottom: V.bottom - A.bottom + L.bottom,
-    left: A.left - V.left + L.left,
-    right: V.right - A.right + L.right
+  }), F = Et(Object.assign({}, H, N)), V = z === Xe ? F : E, W = {
+    top: A.top - V.top + O.top,
+    bottom: V.bottom - A.bottom + O.bottom,
+    left: A.left - V.left + O.left,
+    right: V.right - A.right + O.right
   }, j = e.modifiersData.offset;
   if (z === Xe && j) {
     var X = j[n];
     Object.keys(W).forEach(function(K) {
-      var xe = [he, pe].indexOf(K) >= 0 ? 1 : -1, Be = [oe, pe].indexOf(K) >= 0 ? "y" : "x";
+      var xe = [ve, he].indexOf(K) >= 0 ? 1 : -1, Be = [oe, he].indexOf(K) >= 0 ? "y" : "x";
       W[K] += X[Be] * xe;
     });
   }
@@ -1161,10 +1161,10 @@ function _n(e) {
       styles: {}
     }, k = [], z = !1, I = {
       state: y,
-      setOptions: function(L) {
-        var F = typeof L == "function" ? L(y.options) : L;
-        $(), y.options = Object.assign({}, i, y.options, F), y.scrollParents = {
-          reference: Fe(c) ? Qe(c) : c.contextElement ? Qe(c.contextElement) : [],
+      setOptions: function(O) {
+        var R = typeof O == "function" ? O(y.options) : O;
+        $(), y.options = Object.assign({}, i, y.options, R), y.scrollParents = {
+          reference: Re(c) ? Qe(c) : c.contextElement ? Qe(c.contextElement) : [],
           popper: Qe(d)
         };
         var H = fn(mn([].concat(a, y.options.modifiers)));
@@ -1179,10 +1179,10 @@ function _n(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!z) {
-          var L = y.elements, F = L.reference, H = L.popper;
-          if (ns(F, H)) {
+          var O = y.elements, R = O.reference, H = O.popper;
+          if (ns(R, H)) {
             y.rects = {
-              reference: Yi(F, st(H), y.options.strategy === "fixed"),
+              reference: Yi(R, st(H), y.options.strategy === "fixed"),
               popper: At(H)
             }, y.reset = !1, y.placement = y.options.placement, y.orderedModifiers.forEach(function(W) {
               return y.modifiersData[W.name] = Object.assign({}, W.data);
@@ -1192,10 +1192,10 @@ function _n(e) {
                 y.reset = !1, P = -1;
                 continue;
               }
-              var A = y.orderedModifiers[P], E = A.fn, N = A.options, R = N === void 0 ? {} : N, V = A.name;
+              var A = y.orderedModifiers[P], E = A.fn, N = A.options, F = N === void 0 ? {} : N, V = A.name;
               typeof E == "function" && (y = E({
                 state: y,
-                options: R,
+                options: F,
                 name: V,
                 instance: I
               }) || y);
@@ -1221,11 +1221,11 @@ function _n(e) {
     });
     function B() {
       y.orderedModifiers.forEach(function(T) {
-        var L = T.name, F = T.options, H = F === void 0 ? {} : F, P = T.effect;
+        var O = T.name, R = T.options, H = R === void 0 ? {} : R, P = T.effect;
         if (typeof P == "function") {
           var A = P({
             state: y,
-            name: L,
+            name: O,
             instance: I,
             options: H
           }), E = function() {
@@ -1302,22 +1302,22 @@ function as(e) {
     y: $
   };
   I = T.x, $ = T.y;
-  var L = r.hasOwnProperty("x"), F = r.hasOwnProperty("y"), H = re, P = oe, A = window;
+  var O = r.hasOwnProperty("x"), R = r.hasOwnProperty("y"), H = re, P = oe, A = window;
   if (m) {
-    var E = st(t), N = "clientHeight", R = "clientWidth";
-    if (E === le(t) && (E = Me(t), Ie(E).position !== "static" && c === "absolute" && (N = "scrollHeight", R = "scrollWidth")), E = E, n === oe || (n === re || n === he) && i === tt) {
-      P = pe;
+    var E = st(t), N = "clientHeight", F = "clientWidth";
+    if (E === le(t) && (E = Me(t), Ie(E).position !== "static" && c === "absolute" && (N = "scrollHeight", F = "scrollWidth")), E = E, n === oe || (n === re || n === ve) && i === tt) {
+      P = he;
       var V = k && E === A && A.visualViewport ? A.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         E[N]
       );
       $ -= V - a.height, $ *= d ? 1 : -1;
     }
-    if (n === re || (n === oe || n === pe) && i === tt) {
-      H = he;
+    if (n === re || (n === oe || n === he) && i === tt) {
+      H = ve;
       var W = k && E === A && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        E[R]
+        E[F]
       );
       I -= W - a.width, I *= d ? 1 : -1;
     }
@@ -1333,13 +1333,13 @@ function as(e) {
   };
   if (I = X.x, $ = X.y, d) {
     var K;
-    return Object.assign({}, j, (K = {}, K[P] = F ? "0" : "", K[H] = L ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
+    return Object.assign({}, j, (K = {}, K[P] = R ? "0" : "", K[H] = O ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
   }
-  return Object.assign({}, j, (s = {}, s[P] = F ? $ + "px" : "", s[H] = L ? I + "px" : "", s.transform = "", s));
+  return Object.assign({}, j, (s = {}, s[P] = R ? $ + "px" : "", s[H] = O ? I + "px" : "", s.transform = "", s));
 }
 function zn(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, m = {
-    placement: _e(s.placement),
+    placement: ke(s.placement),
     variation: Ue(s.placement),
     popper: s.elements.popper,
     popperRect: s.rects.popper,
@@ -1412,23 +1412,23 @@ const Pn = {
 var Tn = [wn, Cn, In, Pn], Mn = /* @__PURE__ */ _n({
   defaultModifiers: Tn
 });
-function On(e) {
+function Ln(e) {
   return e === "x" ? "y" : "x";
 }
 function et(e, s, t) {
   return Ne(e, ut(s, t));
 }
-function Ln(e, s, t) {
+function On(e, s, t) {
   var a = et(e, s, t);
   return a > t ? t : a;
 }
 function An(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, m = t.rootBoundary, y = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, B = t.tetherOffset, $ = B === void 0 ? 0 : B, T = 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, m = t.rootBoundary, y = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, B = t.tetherOffset, $ = B === void 0 ? 0 : B, T = Rt(s, {
     boundary: d,
     rootBoundary: m,
     padding: k,
     altBoundary: y
-  }), L = _e(s.placement), F = Ue(s.placement), H = !F, P = Dt(L), A = On(P), E = s.modifiersData.popperOffsets, N = s.rects.reference, R = s.rects.popper, V = typeof $ == "function" ? $(Object.assign({}, s.rects, {
+  }), O = ke(s.placement), R = Ue(s.placement), H = !R, P = Dt(O), A = Ln(P), E = s.modifiersData.popperOffsets, N = s.rects.reference, F = s.rects.popper, V = typeof $ == "function" ? $(Object.assign({}, s.rects, {
     placement: s.placement
   })) : $, W = typeof V == "number" ? {
     mainAxis: V,
@@ -1442,14 +1442,14 @@ function An(e) {
   };
   if (E) {
     if (i) {
-      var K, xe = P === "y" ? oe : re, Be = P === "y" ? pe : he, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[xe], ie = Q - T[Be], Ve = I ? -R[Y] / 2 : 0, Z = F === je ? N[Y] : R[Y], ee = F === je ? -R[Y] : -N[Y], Oe = s.elements.arrow, He = I && Oe ? At(Oe) : {
+      var K, xe = P === "y" ? oe : re, Be = P === "y" ? he : ve, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[xe], ie = Q - T[Be], Ve = I ? -F[Y] / 2 : 0, Z = R === je ? N[Y] : F[Y], ee = R === je ? -F[Y] : -N[Y], Le = s.elements.arrow, He = I && Le ? At(Le) : {
         width: 0,
         height: 0
-      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ke = $e[xe], at = $e[Be], Le = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Le - Ke - W.mainAxis : Z - Le - Ke - W.mainAxis, Gs = H ? -N[Y] / 2 + Ve + Le + at + W.mainAxis : ee + Le + at + W.mainAxis, bt = s.elements.arrow && st(s.elements.arrow), Ks = bt ? P === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[P]) != null ? K : 0, Ys = Q + yt - jt - Ks, Xs = Q + Gs - jt, Ut = et(I ? ut(Ee, Ys) : Ee, Q, I ? Ne(ie, Xs) : ie);
+      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ke = $e[xe], at = $e[Be], Oe = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Oe - Ke - W.mainAxis : Z - Oe - Ke - W.mainAxis, Gs = H ? -N[Y] / 2 + Ve + Oe + at + W.mainAxis : ee + Oe + at + W.mainAxis, bt = s.elements.arrow && st(s.elements.arrow), Ks = bt ? P === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[P]) != null ? K : 0, Ys = Q + yt - jt - Ks, Xs = Q + Gs - jt, Ut = et(I ? ut(Ee, Ys) : Ee, Q, I ? Ne(ie, Xs) : ie);
       E[P] = Ut, X[P] = Ut - Q;
     }
     if (c) {
-      var Gt, Zs = P === "x" ? oe : re, Js = P === "x" ? pe : he, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + T[Zs], Yt = Ae - T[Js], _t = [oe, re].indexOf(L) !== -1, Xt = (Gt = j == null ? void 0 : j[A]) != null ? Gt : 0, Zt = _t ? Kt : Ae - N[ot] - R[ot] - Xt + W.altAxis, Jt = _t ? Ae + N[ot] + R[ot] - Xt - W.altAxis : Yt, Qt = I && _t ? Ln(Zt, Ae, Jt) : et(I ? Zt : Kt, Ae, I ? Jt : Yt);
+      var Gt, Zs = P === "x" ? oe : re, Js = P === "x" ? he : ve, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + T[Zs], Yt = Ae - T[Js], _t = [oe, re].indexOf(O) !== -1, Xt = (Gt = j == null ? void 0 : j[A]) != null ? Gt : 0, Zt = _t ? Kt : Ae - N[ot] - F[ot] - Xt + W.altAxis, Jt = _t ? Ae + N[ot] + F[ot] - Xt - W.altAxis : Yt, Qt = I && _t ? On(Zt, Ae, Jt) : et(I ? Zt : Kt, Ae, I ? Jt : Yt);
       E[A] = Qt, X[A] = Qt - Ae;
     }
     s.modifiersData[a] = X;
@@ -1473,16 +1473,16 @@ function dt(e) {
     return Dn[s];
   });
 }
-var Fn = {
+var Rn = {
   start: "end",
   end: "start"
 };
 function os(e) {
   return e.replace(/start|end/g, function(s) {
-    return Fn[s];
+    return Rn[s];
   });
 }
-function Rn(e, s) {
+function Fn(e, s) {
   s === void 0 && (s = {});
   var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, m = d === void 0 ? Bs : d, y = Ue(a), k = y ? c ? ts : ts.filter(function(B) {
     return Ue(B) === y;
@@ -1491,19 +1491,19 @@ function Rn(e, s) {
   });
   z.length === 0 && (z = k);
   var I = z.reduce(function(B, $) {
-    return B[$] = Ft(e, {
+    return B[$] = Rt(e, {
       placement: $,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[_e($)], B;
+    })[ke($)], B;
   }, {});
   return Object.keys(I).sort(function(B, $) {
     return I[B] - I[$];
   });
 }
 function Vn(e) {
-  if (_e(e) === Nt)
+  if (ke(e) === Nt)
     return [];
   var s = dt(e);
   return [os(e), s, os(s)];
@@ -1511,8 +1511,8 @@ 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, m = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, L = _e(T), F = L === T, H = d || (F || !B ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
-      return He.concat(_e($e) === Nt ? Rn(s, {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, m = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = ke(T), R = O === T, H = d || (R || !B ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
+      return He.concat(ke($e) === Nt ? Fn(s, {
         placement: $e,
         boundary: y,
         rootBoundary: k,
@@ -1520,38 +1520,38 @@ function Hn(e) {
         flipVariations: B,
         allowedAutoPlacements: $
       }) : $e);
-    }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), R = !0, V = P[0], W = 0; W < P.length; W++) {
-      var j = P[W], X = _e(j), K = Ue(j) === je, xe = [oe, pe].indexOf(X) >= 0, Be = xe ? "width" : "height", Y = Ft(s, {
+    }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, V = P[0], W = 0; W < P.length; W++) {
+      var j = P[W], X = ke(j), K = Ue(j) === je, xe = [oe, he].indexOf(X) >= 0, Be = xe ? "width" : "height", Y = Rt(s, {
         placement: j,
         boundary: y,
         rootBoundary: k,
         altBoundary: z,
         padding: m
-      }), Q = xe ? K ? he : re : K ? pe : oe;
+      }), Q = xe ? K ? ve : re : K ? he : oe;
       A[Be] > E[Be] && (Q = dt(Q));
       var Ee = dt(Q), ie = [];
       if (i && ie.push(Y[X] <= 0), c && ie.push(Y[Q] <= 0, Y[Ee] <= 0), ie.every(function(He) {
         return He;
       })) {
-        V = j, R = !1;
+        V = j, F = !1;
         break;
       }
       N.set(j, ie);
     }
-    if (R)
+    if (F)
       for (var Ve = B ? 3 : 1, Z = function($e) {
         var Ke = P.find(function(at) {
-          var Le = N.get(at);
-          if (Le)
-            return Le.slice(0, $e).every(function(yt) {
+          var Oe = N.get(at);
+          if (Oe)
+            return Oe.slice(0, $e).every(function(yt) {
               return yt;
             });
         });
         if (Ke)
           return V = Ke, "break";
       }, ee = Ve; ee > 0; ee--) {
-        var Oe = Z(ee);
-        if (Oe === "break")
+        var Le = Z(ee);
+        if (Le === "break")
           break;
       }
     s.placement !== V && (s.modifiersData[a]._skip = !0, s.placement = V, s.reset = !0);
@@ -1568,10 +1568,10 @@ const qn = {
   }
 };
 function Wn(e, s, t) {
-  var a = _e(e), n = [re, oe].indexOf(a) >= 0 ? -1 : 1, i = typeof t == "function" ? t(Object.assign({}, s, {
+  var a = ke(e), n = [re, oe].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, [re, he].indexOf(a) >= 0 ? {
+  return r = r || 0, c = (c || 0) * n, [re, ve].indexOf(a) >= 0 ? {
     x: c,
     y: r
   } : {
@@ -1598,10 +1598,10 @@ var Gn = function(s, t) {
   })) : s, $s(typeof s != "number" ? s : Ps(s, it));
 };
 function Kn(e) {
-  var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = _e(t.placement), d = Dt(c), m = [re, he].indexOf(c) >= 0, y = m ? "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), m = [re, ve].indexOf(c) >= 0, y = m ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? pe : he, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], L = st(i), F = L ? d === "y" ? L.clientHeight || 0 : L.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = F - z[y] - k[B], E = F / 2 - z[y] / 2 + H, N = et(P, E, A), R = d;
-    t.modifiersData[a] = (s = {}, s[R] = N, s.centerOffset = N - E, s);
+    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? he : ve, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], O = st(i), R = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = R - z[y] - k[B], E = R / 2 - z[y] / 2 + H, N = et(P, E, A), F = d;
+    t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
 function Yn(e) {
@@ -1632,9 +1632,9 @@ function Zn({
     popperInstance: null
   }), m = ($) => {
     var T;
-    (T = d.popperInstance) == null || T.setOptions((L) => ({
-      ...L,
-      modifiers: [...L.modifiers, { name: "eventListeners", enabled: $ }]
+    (T = d.popperInstance) == null || T.setOptions((O) => ({
+      ...O,
+      modifiers: [...O.modifiers, { name: "eventListeners", enabled: $ }]
     }));
   }, y = () => m(!0), k = () => m(!1), z = () => {
     d.isOpen && (d.isOpen = !1, s("close:popper"));
@@ -1859,14 +1859,14 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       closeDelay: B,
       content: $,
       disableClickAway: T,
-      disabled: L,
-      interactive: F,
+      disabled: O,
+      interactive: R,
       locked: H,
       offsetDistance: P,
       offsetSkid: A,
       openDelay: E,
       placement: N,
-      show: R
+      show: F
     } = bs(n), { isOpen: V, open: W, close: j } = Zn({
       arrowPadding: I,
       emit: t,
@@ -1876,11 +1876,11 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       placement: N,
       popperNode: d,
       triggerNode: m
-    }), X = be(() => R.value !== null), K = be(() => L.value || !k.value), xe = be(() => V.value && !K.value), Be = be(
+    }), X = _e(() => F.value !== null), K = _e(() => O.value || !k.value), xe = _e(() => V.value && !K.value), Be = _e(
       () => !T.value && !X.value
     );
-    be(
-      () => F.value ? `border: ${P.value}px solid transparent; margin: -${P.value}px;` : null
+    _e(
+      () => R.value ? `border: ${P.value}px solid transparent; margin: -${P.value}px;` : null
     );
     const Y = wt.debounce(W, E.value), Q = wt.debounce(j, B.value), Ee = async () => {
       K.value || X.value || (Q.clear(), c.value = !0, Y());
@@ -1889,14 +1889,14 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
     }, Ve = () => {
       V.value ? ie() : Ee();
     };
-    return ce([k, L], ([Z, ee]) => {
+    return ce([k, O], ([Z, ee]) => {
       V.value && (!Z || ee) && j();
     }), ce(V, (Z) => {
       Z ? y.value = !0 : wt.debounce(() => {
         y.value = !1;
       }, 200);
     }), kt(() => {
-      X.value && (R.value ? Y() : Q());
+      X.value && (F.value ? Y() : Q());
     }), kt(() => {
       Be.value && Qn(d, ie);
     }), ce($, (Z) => {
@@ -1908,12 +1908,12 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       });
     }), Pt(() => i.disconnect()), (Z, ee) => (o(), l("div", {
       class: "ecs-popover-root",
-      onMouseleave: ee[2] || (ee[2] = (Oe) => e.hover && ie())
+      onMouseleave: ee[2] || (ee[2] = (Le) => e.hover && ie())
     }, [
       f("div", {
         ref_key: "triggerNode",
         ref: m,
-        onMouseover: ee[0] || (ee[0] = (Oe) => e.hover && Ee()),
+        onMouseover: ee[0] || (ee[0] = (Le) => e.hover && Ee()),
         onClick: Ve,
         onFocus: Ee,
         onKeyup: G(ie, ["esc"]),
@@ -1924,11 +1924,11 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
         p(Z.$slots, "default", {}, void 0, !0)
       ], 40, na),
       (o(), b(ii, { to: "body" }, [
-        _(ke, { name: "fade" }, {
+        _(me, { name: "fade" }, {
           default: S(() => [
             e.persistent || c.value ? Ge((o(), l("div", {
               key: 0,
-              onClick: ee[1] || (ee[1] = (Oe) => !ae(F) && ie()),
+              onClick: ee[1] || (ee[1] = (Le) => !ae(R) && ie()),
               class: "ecs-popover popper",
               ref_key: "popperNode",
               ref: d,
@@ -2065,7 +2065,7 @@ function da(e, s, t, a, n, i) {
 }
 const ua = /* @__PURE__ */ v(ca, [["render", da], ["__scopeId", "data-v-b0731279"]]), fa = {
   name: "ecs-form-check",
-  components: { EcsFocusRing: O },
+  components: { EcsFocusRing: L },
   props: {
     /** Sets the checkbox to disabled. */
     disabled: {
@@ -2091,7 +2091,7 @@ function ga(e, s, t, a, n, i) {
     _(r)
   ], 2);
 }
-const Rt = /* @__PURE__ */ v(fa, [["render", ga]]), ma = {
+const Ft = /* @__PURE__ */ v(fa, [["render", ga]]), ma = {
   name: "EcsText",
   props: {
     /** Determines the tag of the text. */
@@ -2158,7 +2158,7 @@ const nt = /* @__PURE__ */ v(ma, [["render", pa], ["__scopeId", "data-v-b3c32482
 }, ha = {
   name: "ecs-checkbox",
   emits: ["input", "shiftClick"],
-  components: { EcsFormCheck: Rt, EcsText: nt },
+  components: { EcsFormCheck: Ft, EcsText: nt },
   mixins: [ue],
   props: {
     /** Name attribute of the input. */
@@ -2292,7 +2292,7 @@ function ba(e, s, t, a, n, i) {
 const Vt = /* @__PURE__ */ v(ha, [["render", ba], ["__scopeId", "data-v-c0f055a3"]]), _a = {
   name: "ecs-radiobutton",
   emits: ["input", "change"],
-  components: { EcsFormCheck: Rt, EcsText: nt },
+  components: { EcsFormCheck: Ft, EcsText: nt },
   mixins: [ue],
   model: {
     prop: "checked",
@@ -2412,7 +2412,7 @@ function Sa(e, s, t, a, n, i) {
 const Ca = /* @__PURE__ */ v(_a, [["render", Sa], ["__scopeId", "data-v-0296b689"]]), xa = {
   name: "ecs-switch",
   emits: ["input"],
-  components: { EcsFocusRing: O },
+  components: { EcsFocusRing: L },
   mixins: [ue],
   props: {
     /** Sets the name attribute. */
@@ -2503,7 +2503,7 @@ const Ca = /* @__PURE__ */ v(_a, [["render", Sa], ["__scopeId", "data-v-0296b689
   created() {
     this.switchId = this.generateUniqueId();
   }
-}, Ba = (e) => (ve("data-v-de55e54f"), e = e(), ye(), e), za = { class: "ecs-switch-wrapper" }, Ia = ["aria-checked"], Ea = ["id", "name", "required", "disabled", "checked"], $a = { class: "ecs-slide-switch" }, Pa = /* @__PURE__ */ Ba(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Ta = ["for"];
+}, Ba = (e) => (ye("data-v-de55e54f"), e = e(), be(), e), za = { class: "ecs-switch-wrapper" }, Ia = ["aria-checked"], Ea = ["id", "name", "required", "disabled", "checked"], $a = { class: "ecs-slide-switch" }, Pa = /* @__PURE__ */ Ba(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Ta = ["for"];
 function Ma(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring");
   return o(), l("div", za, [
@@ -2541,10 +2541,10 @@ function Ma(e, s, t, a, n, i) {
     ], 8, Ta)) : u("", !0)
   ]);
 }
-const Ms = /* @__PURE__ */ v(xa, [["render", Ma], ["__scopeId", "data-v-de55e54f"]]), Oa = {
+const Ms = /* @__PURE__ */ v(xa, [["render", Ma], ["__scopeId", "data-v-de55e54f"]]), La = {
   name: "ecs-sortbutton",
   emits: ["click"],
-  components: { EcsFormCheck: Rt, EcsFocusRing: O },
+  components: { EcsFormCheck: Ft, EcsFocusRing: L },
   props: {
     /** Disables the sort button. */
     disabled: {
@@ -2568,7 +2568,7 @@ const Ms = /* @__PURE__ */ v(xa, [["render", Ma], ["__scopeId", "data-v-de55e54f
       return this.sort && this.sort !== "" ? `active ${this.sort}` : this.sort;
     }
   }
-}, La = (e) => (ve("data-v-dca05194"), e = e(), ye(), e), Aa = /* @__PURE__ */ La(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
+}, Oa = (e) => (ye("data-v-dca05194"), e = e(), be(), e), Aa = /* @__PURE__ */ Oa(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
 function Na(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring"), c = g("ecs-form-check");
   return o(), b(c, {
@@ -2592,7 +2592,7 @@ function Na(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const Da = /* @__PURE__ */ v(Oa, [["render", Na], ["__scopeId", "data-v-dca05194"]]), Os = {
+const Da = /* @__PURE__ */ v(La, [["render", Na], ["__scopeId", "data-v-dca05194"]]), Ls = {
   __name: "file-icon",
   props: {
     /** Sets the icon type. */
@@ -2649,12 +2649,12 @@ const Da = /* @__PURE__ */ v(Oa, [["render", Na], ["__scopeId", "data-v-dca05194
       viewBox: "0 0 30 30"
     }, null, 8, ["width", "height"]));
   }
-}, Fa = {
+}, Ra = {
   name: "EcsButton",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Defines the type of button, as well as it's designated importance. */
@@ -2716,7 +2716,7 @@ const Da = /* @__PURE__ */ v(Oa, [["render", Na], ["__scopeId", "data-v-dca05194
   mounted() {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, Ra = (e) => (ve("data-v-a3459c11"), e = e(), ye(), e), Va = ["href", "target", "aria-label", "aria-busy"], Ha = ["aria-label", "aria-busy"], qa = /* @__PURE__ */ Ra(() => /* @__PURE__ */ f("svg", {
+}, Fa = (e) => (ye("data-v-a3459c11"), e = e(), be(), e), Va = ["href", "target", "aria-label", "aria-busy"], Ha = ["aria-label", "aria-busy"], qa = /* @__PURE__ */ Fa(() => /* @__PURE__ */ f("svg", {
   width: "8",
   height: "6",
   viewBox: "0 0 8 6",
@@ -2807,10 +2807,10 @@ function Wa(e, s, t, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 42, Ha));
 }
-const Se = /* @__PURE__ */ v(Fa, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
+const Se = /* @__PURE__ */ v(Ra, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: Vt, EcsRadiobutton: Ca, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Os, EcsButton: Se, EcsFocusRing: O },
+  components: { EcsCheckbox: Vt, EcsRadiobutton: Ca, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Ls, EcsButton: Se, EcsFocusRing: L },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3158,7 +3158,7 @@ const uo = /* @__PURE__ */ v(ja, [["render", co], ["__scopeId", "data-v-ff6530b0
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** If the button should act as a link, you can set the href with this prop. */
@@ -3480,7 +3480,7 @@ function ko(e, s, t, a, n, i) {
           content: S(() => [
             _(y, null, {
               default: S(() => [
-                (o(!0), l(J, null, me(t.options, (I, B) => (o(), b(d, {
+                (o(!0), l(J, null, pe(t.options, (I, B) => (o(), b(d, {
                   key: B,
                   disabled: I.disabled || null,
                   onClick: ($) => e.$emit("select", I.action)
@@ -3542,7 +3542,7 @@ const yb = /* @__PURE__ */ v(wo, [["render", Co], ["__scopeId", "data-v-83c21366
   name: "ecs-button-collapse",
   emits: ["click"],
   components: {
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Defines the type of button: `classic` shows a +/-, while `chevron` shows a rotating arrow. */
@@ -3590,7 +3590,7 @@ function zo(e, s, t, a, n, i) {
     _(r)
   ], 10, Bo);
 }
-const Ls = /* @__PURE__ */ v(xo, [["render", zo], ["__scopeId", "data-v-3fdbdfeb"]]);
+const Os = /* @__PURE__ */ v(xo, [["render", zo], ["__scopeId", "data-v-3fdbdfeb"]]);
 function ft(e) {
   "@babel/helpers - typeof";
   return ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -3671,7 +3671,7 @@ C.prototype = {
     return "#" + this.toHex(s);
   },
   toHex8: function(s) {
-    return Oo(this._r, this._g, this._b, this._a, s);
+    return Lo(this._r, this._g, this._b, this._a, s);
   },
   toHex8String: function(s) {
     return "#" + this.toHex8(s);
@@ -3726,13 +3726,13 @@ C.prototype = {
     return this._applyModification(Do, arguments);
   },
   brighten: function() {
-    return this._applyModification(Fo, arguments);
+    return this._applyModification(Ro, arguments);
   },
   darken: function() {
-    return this._applyModification(Ro, arguments);
+    return this._applyModification(Fo, arguments);
   },
   desaturate: function() {
-    return this._applyModification(Lo, arguments);
+    return this._applyModification(Oo, arguments);
   },
   saturate: function() {
     return this._applyModification(Ao, arguments);
@@ -3882,7 +3882,7 @@ function cs(e, s, t, a) {
   var n = [ge(Math.round(e).toString(16)), ge(Math.round(s).toString(16)), ge(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 Oo(e, s, t, a, n) {
+function Lo(e, s, t, a, n) {
   var i = [ge(Math.round(e).toString(16)), ge(Math.round(s).toString(16)), ge(Math.round(t).toString(16)), ge(Ns(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("");
 }
@@ -3900,7 +3900,7 @@ C.random = function() {
     b: Math.random()
   });
 };
-function Lo(e, s) {
+function Oo(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = C(e).toHsl();
   return t.s -= s / 100, t.s = ht(t.s), C(t);
@@ -3918,12 +3918,12 @@ function Do(e, s) {
   var t = C(e).toHsl();
   return t.l += s / 100, t.l = ht(t.l), C(t);
 }
-function Fo(e, s) {
+function Ro(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = C(e).toRgb();
   return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), C(t);
 }
-function Ro(e, s) {
+function Fo(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = C(e).toHsl();
   return t.l -= s / 100, t.l = ht(t.l), C(t);
@@ -4304,7 +4304,7 @@ const Jo = {
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** If set, an icon will be added to the left of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -4390,7 +4390,7 @@ const _b = /* @__PURE__ */ v(tr, [["render", ir], ["__scopeId", "data-v-94a53b69
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** If set, an icon will be added to the left of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -4439,7 +4439,7 @@ const kb = /* @__PURE__ */ v(nr, [["render", or], ["__scopeId", "data-v-fe031b71
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Displays the button slightly highlighted. Should be used when the state the button triggers is currently visible. */
@@ -4503,7 +4503,7 @@ const Ds = /* @__PURE__ */ v(rr, [["render", cr], ["__scopeId", "data-v-faa154dd
   emits: ["click", "mouseover", "mouseleave"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Displays the button in an active state. */
@@ -4607,7 +4607,7 @@ function gr(e, s, t, a, n, i) {
     _(c)
   ], 42, ur);
 }
-const Fs = /* @__PURE__ */ v(dr, [["render", gr], ["__scopeId", "data-v-f5a891fe"]]), mr = {
+const Rs = /* @__PURE__ */ v(dr, [["render", gr], ["__scopeId", "data-v-f5a891fe"]]), mr = {
   name: "ecs-toolbar-button-group"
 }, pr = { class: "ecs-toolbar-button-group" };
 function hr(e, s, t, a, n, i) {
@@ -4618,7 +4618,7 @@ function hr(e, s, t, a, n, i) {
 const Ht = /* @__PURE__ */ v(mr, [["render", hr], ["__scopeId", "data-v-743ca90b"]]), vr = {
   name: "ecs-toolbar-icon-button",
   emits: ["click"],
-  components: { EcsIcon: M, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsFocusRing: L },
   props: {
     /** The icon type of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). Note that only icons prefixed with `toolbar-` should be used here. */
     icon: {
@@ -4828,7 +4828,7 @@ var Er = qt.clickOutSide = {
 const Pr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed"],
-  components: { EcsIcon: M, EcsFocusRing: O, EcsButton: Se },
+  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Se },
   directives: {
     clickOutSide: $r
   },
@@ -4933,8 +4933,8 @@ const Pr = {
   beforeUnmount() {
     document.removeEventListener("keyup", this.onEscKeyRelease);
   }
-}, Tr = ["id"], Mr = ["onClick", "role", "tabindex", "aria-disabled"], Or = { key: 1 };
-function Lr(e, s, t, a, n, i) {
+}, Tr = ["id"], Mr = ["onClick", "role", "tabindex", "aria-disabled"], Lr = { key: 1 };
+function Or(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-button"), d = g("ecs-focus-ring"), m = oi("click-out-side");
   return Ge((o(), l("div", {
     class: h(["ecs-context-menu", n.opened ? " opened" : ""]),
@@ -4952,7 +4952,7 @@ function Lr(e, s, t, a, n, i) {
       ref: "menu",
       id: "my-menu"
     }, [
-      (o(!0), l(J, null, me(t.options, (y, k) => (o(), l("li", {
+      (o(!0), l(J, null, pe(t.options, (y, k) => (o(), l("li", {
         key: k,
         onClick: U((z) => i.optionClicked(y), ["stop"]),
         role: y.type === "divider" ? "separator" : "menuitem",
@@ -4969,7 +4969,7 @@ function Lr(e, s, t, a, n, i) {
           type: y.icon,
           size: "20"
         }, null, 8, ["type"])) : u("", !0),
-        y.type != "divider" ? (o(), l("span", Or, w(y.name), 1)) : u("", !0),
+        y.type != "divider" ? (o(), l("span", Lr, w(y.name), 1)) : u("", !0),
         y.nested ? (o(), b(c, {
           key: 2,
           onClick: U((z) => i.optionClicked(y.nested), ["stop"]),
@@ -4990,10 +4990,10 @@ function Lr(e, s, t, a, n, i) {
     [m, i.onClickOutside]
   ]);
 }
-const xb = /* @__PURE__ */ v(Pr, [["render", Lr], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
+const xb = /* @__PURE__ */ v(Pr, [["render", Or], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: Se, EcsFocusRing: O, EcsFlexRow: Te },
+  components: { EcsButton: Se, EcsFocusRing: L, EcsFlexRow: Te },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -5091,10 +5091,10 @@ const xb = /* @__PURE__ */ v(Pr, [["render", Lr], ["__scopeId", "data-v-7a99d0e5
       this.isVisible = this.visible;
     }
   }
-}, Nr = { class: "wrap" }, Dr = ["aria-expanded", "aria-controls"], Fr = {
+}, Nr = { class: "wrap" }, Dr = ["aria-expanded", "aria-controls"], Rr = {
   key: 0,
   class: "ecs-collapsable-headline-count"
-}, Rr = {
+}, Fr = {
   key: 0,
   class: "ecs-collapsable-headline-controls"
 }, Vr = ["id", "aria-hidden"];
@@ -5132,7 +5132,7 @@ function Hr(e, s, t, a, n, i) {
         _(c, { gap: 4 }, {
           default: S(() => [
             D(w(t.title) + " ", 1),
-            t.count ? (o(), l("span", Fr, "(" + w(t.count) + ")", 1)) : u("", !0)
+            t.count ? (o(), l("span", Rr, "(" + w(t.count) + ")", 1)) : u("", !0)
           ]),
           _: 1
         }),
@@ -5140,7 +5140,7 @@ function Hr(e, s, t, a, n, i) {
           inset: 0,
           radius: 0
         }),
-        e.$slots.controls ? (o(), l("div", Rr, [
+        e.$slots.controls ? (o(), l("div", Fr, [
           p(e.$slots, "controls", {}, void 0, !0)
         ])) : u("", !0)
       ], 42, Dr)
@@ -5161,7 +5161,7 @@ function Hr(e, s, t, a, n, i) {
 const Bb = /* @__PURE__ */ v(Ar, [["render", Hr], ["__scopeId", "data-v-b2ce05ee"]]), qr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
-  components: { EcsIcon: M, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsFocusRing: L },
   mixins: [ue],
   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). */
@@ -5279,7 +5279,7 @@ function Yr(e, s, t, a, n, i) {
         onMouseleave: s[1] || (s[1] = (...d) => i.toggleTooltip && i.toggleTooltip(...d)),
         title: i.fullTooltip
       }, [
-        (o(!0), l(J, null, me(t.collection, (d) => (o(), l("span", {
+        (o(!0), l(J, null, pe(t.collection, (d) => (o(), l("span", {
           key: d.name
         }, [
           d.value ? (o(), l("span", Gr, w(d.name), 1)) : u("", !0)
@@ -5336,7 +5336,7 @@ const zb = /* @__PURE__ */ v(qr, [["render", Yr], ["__scopeId", "data-v-5e5716bc
       return this.type && this.type !== "" ? `skeleton-${this.type}` : this.type;
     }
   }
-}, Zr = (e) => (ve("data-v-75354c78"), e = e(), ye(), e), Jr = {
+}, Zr = (e) => (ye("data-v-75354c78"), e = e(), be(), e), Jr = {
   key: 1,
   class: "ecs-skeleton skeletons"
 }, Qr = /* @__PURE__ */ Zr(() => /* @__PURE__ */ f("div", { class: "skeleton skeleton-single" }, null, -1)), el = [
@@ -5348,7 +5348,7 @@ function tl(e, s, t, a, n, i) {
     class: h(["ecs-skeleton skeleton", i.rectClass]),
     style: x({ width: t.width + "px", height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), l("div", Jr, [
-    (o(!0), l(J, null, me(parseInt(t.count), (r) => (o(), l("div", {
+    (o(!0), l(J, null, pe(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
       class: h(["skeleton-wrap", "skeleton-line-height-" + t.lineHeight])
     }, el, 2))), 128))
@@ -5410,10 +5410,10 @@ function nl(e, s, t, a, n, i) {
     })
   ], 10, il);
 }
-const Rs = /* @__PURE__ */ v(sl, [["render", nl]]), al = {
+const Fs = /* @__PURE__ */ v(sl, [["render", nl]]), al = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: Mi, EcsButton: Se, EcsFormatted: Rs, EcsSkeletonLoader: Ce },
+  components: { EcsAvatar: Mi, EcsButton: Se, EcsFormatted: Fs, EcsSkeletonLoader: Ce },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -5686,15 +5686,15 @@ function El(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var Wt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ol = Tl || Ml || Function("return this")(), Vs = Ol, Ll = Vs, Al = function() {
-  return Ll.Date.now();
+var Wt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Vs = Ll, Ol = Vs, Al = function() {
+  return Ol.Date.now();
 }, Nl = Al, Dl = /\s/;
-function Fl(e) {
+function Rl(e) {
   for (var s = e.length; s-- && Dl.test(e.charAt(s)); )
     ;
   return s;
 }
-var Rl = Fl, Vl = Rl, Hl = /^\s+/;
+var Fl = Rl, Vl = Fl, Hl = /^\s+/;
 function ql(e) {
   return e && e.slice(0, Vl(e) + 1).replace(Hl, "");
 }
@@ -5748,34 +5748,34 @@ function Bc(e, s, t) {
     throw new TypeError(Sc);
   s = ys(s) || 0, wc(t) && (y = !!t.leading, k = "maxWait" in t, i = k ? Cc(ys(t.maxWait) || 0, s) : i, z = "trailing" in t ? !!t.trailing : z);
   function I(E) {
-    var N = a, R = n;
-    return a = n = void 0, m = E, r = e.apply(R, N), r;
+    var N = a, F = n;
+    return a = n = void 0, m = E, r = e.apply(F, N), r;
   }
   function B(E) {
-    return m = E, c = setTimeout(L, s), y ? I(E) : r;
+    return m = E, c = setTimeout(O, s), y ? I(E) : r;
   }
   function $(E) {
-    var N = E - d, R = E - m, V = s - N;
-    return k ? xc(V, i - R) : V;
+    var N = E - d, F = E - m, V = s - N;
+    return k ? xc(V, i - F) : V;
   }
   function T(E) {
-    var N = E - d, R = E - m;
-    return d === void 0 || N >= s || N < 0 || k && R >= i;
+    var N = E - d, F = E - m;
+    return d === void 0 || N >= s || N < 0 || k && F >= i;
   }
-  function L() {
+  function O() {
     var E = xt();
     if (T(E))
-      return F(E);
-    c = setTimeout(L, $(E));
+      return R(E);
+    c = setTimeout(O, $(E));
   }
-  function F(E) {
+  function R(E) {
     return c = void 0, z && a ? I(E) : (a = n = void 0, r);
   }
   function H() {
     c !== void 0 && clearTimeout(c), m = 0, a = d = n = c = void 0;
   }
   function P() {
-    return c === void 0 ? r : F(xt());
+    return c === void 0 ? r : R(xt());
   }
   function A() {
     var E = xt(), N = T(E);
@@ -5783,9 +5783,9 @@ function Bc(e, s, t) {
       if (c === void 0)
         return B(d);
       if (k)
-        return clearTimeout(c), c = setTimeout(L, s), I(d);
+        return clearTimeout(c), c = setTimeout(O, s), I(d);
     }
-    return c === void 0 && (c = setTimeout(L, s)), r;
+    return c === void 0 && (c = setTimeout(O, s)), r;
   }
   return A.cancel = H, A.flush = P, A;
 }
@@ -5801,7 +5801,7 @@ function Pc(e, s, t) {
   });
 }
 var Tc = Pc;
-const Mc = /* @__PURE__ */ ws(Tc), Oc = {
+const Mc = /* @__PURE__ */ ws(Tc), Lc = {
   name: "Saturation",
   props: {
     modelValue: Object,
@@ -5859,10 +5859,10 @@ const Mc = /* @__PURE__ */ ws(Tc), Oc = {
       window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
     }
   }
-}, Lc = /* @__PURE__ */ f("div", { class: "ecs-saturation--white" }, null, -1), Ac = /* @__PURE__ */ f("div", { class: "ecs-saturation--black" }, null, -1), Nc = /* @__PURE__ */ f("div", { class: "ecs-saturation-circle" }, null, -1), Dc = [
+}, Oc = /* @__PURE__ */ f("div", { class: "ecs-saturation--white" }, null, -1), Ac = /* @__PURE__ */ f("div", { class: "ecs-saturation--black" }, null, -1), Nc = /* @__PURE__ */ f("div", { class: "ecs-saturation-circle" }, null, -1), Dc = [
   Nc
 ];
-function Fc(e, s, t, a, n, i) {
+function Rc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-saturation",
     style: x({ background: i.bgColor }),
@@ -5871,7 +5871,7 @@ function Fc(e, s, t, a, n, i) {
     onTouchmove: s[1] || (s[1] = (...r) => i.handleChange && i.handleChange(...r)),
     onTouchstart: s[2] || (s[2] = (...r) => i.handleChange && i.handleChange(...r))
   }, [
-    Lc,
+    Oc,
     Ac,
     f("div", {
       class: "ecs-saturation-pointer",
@@ -5879,7 +5879,7 @@ function Fc(e, s, t, a, n, i) {
     }, Dc, 4)
   ], 36);
 }
-const Rc = /* @__PURE__ */ v(Oc, [["render", Fc]]), Vc = {
+const Fc = /* @__PURE__ */ v(Lc, [["render", Rc]]), Vc = {
   name: "Hue",
   props: {
     modelValue: Object,
@@ -6093,7 +6093,7 @@ const id = /* @__PURE__ */ v(Zc, [["render", sd]]), nd = {
   name: "ecs-color-picker",
   mixins: [bl],
   components: {
-    saturation: Rc,
+    saturation: Fc,
     hue: Uc,
     alpha: id,
     "ed-in": Bl,
@@ -6264,7 +6264,7 @@ function yd(e, s, t, a, n, i) {
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
-      (o(!0), l(J, null, me(t.swatches, (k) => (o(), l(J, null, [
+      (o(!0), l(J, null, pe(t.swatches, (k) => (o(), l(J, null, [
         e.isTransparent(k.hex) ? (o(), l("div", {
           key: "else-" + k.id,
           "aria-label": k.title,
@@ -6382,7 +6382,7 @@ function kd(e, s, t, a, n, i) {
 }
 const $b = /* @__PURE__ */ v(_d, [["render", kd], ["__scopeId", "data-v-08aaa823"]]), wd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Fs, EcsButton: Se, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Rs, EcsButton: Se, EcsFocusRing: L },
   mixins: [ue],
   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). */
@@ -6472,7 +6472,7 @@ const $b = /* @__PURE__ */ v(_d, [["render", kd], ["__scopeId", "data-v-08aaa823
   key: 0,
   class: "ecs-data-card-row"
 }, Pd = { class: "ecs-data-card-row-inner" }, Td = ["id", "aria-hidden"], Md = { class: "ecs-data-card-expand-inner" };
-function Od(e, s, t, a, n, i) {
+function Ld(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-skeleton-loader"), d = g("ecs-button"), m = g("ecs-button-table"), y = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-data-card", [
@@ -6576,7 +6576,7 @@ function Od(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, Sd);
 }
-const Pb = /* @__PURE__ */ v(wd, [["render", Od], ["__scopeId", "data-v-8dd053a6"]]), Ld = {
+const Pb = /* @__PURE__ */ v(wd, [["render", Ld], ["__scopeId", "data-v-8dd053a6"]]), Od = {
   name: "ecs-data-card-list"
 }, Ad = {
   class: "ecs-data-card-list",
@@ -6587,7 +6587,7 @@ function Nd(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ]);
 }
-const Tb = /* @__PURE__ */ v(Ld, [["render", Nd]]), Dd = {
+const Tb = /* @__PURE__ */ v(Od, [["render", Nd]]), Dd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
   props: {
@@ -6623,7 +6623,7 @@ const Tb = /* @__PURE__ */ v(Ld, [["render", Nd]]), Dd = {
       this.$emit("tableScroll", e);
     }
   }
-}, Fd = ["aria-disabled"], Rd = {
+}, Rd = ["aria-disabled"], Fd = {
   key: 0,
   class: "ecs-data-grid-empty"
 }, Vd = {
@@ -6648,7 +6648,7 @@ function qd(e, s, t, a, n, i) {
     }, [
       p(e.$slots, "head", {}, void 0, !0)
     ], 2),
-    e.$slots.empty ? (o(), l("div", Rd, [
+    e.$slots.empty ? (o(), l("div", Fd, [
       p(e.$slots, "empty", {}, void 0, !0)
     ])) : (o(), l("div", {
       key: 1,
@@ -6660,7 +6660,7 @@ function qd(e, s, t, a, n, i) {
       p(e.$slots, "pagination", {}, void 0, !0)
     ])) : u("", !0),
     t.disabled ? (o(), l("div", Hd)) : u("", !0)
-  ], 46, Fd);
+  ], 46, Rd);
 }
 const Mb = /* @__PURE__ */ v(Dd, [["render", qd], ["__scopeId", "data-v-67fc9746"]]), Wd = {
   name: "ecs-data-grid-row",
@@ -6786,7 +6786,7 @@ function Zd(e, s, t, a, n, i) {
     ], 10, Xd)
   ]);
 }
-const Ob = /* @__PURE__ */ v(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]), Jd = {
+const Lb = /* @__PURE__ */ v(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]), Jd = {
   name: "ecs-select",
   emits: [
     "focus",
@@ -6899,7 +6899,7 @@ const js = /* @__PURE__ */ v(Jd, [["render", su], ["__scopeId", "data-v-da6f533f
   components: {
     EcsIcon: M,
     EcsSelect: js,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Sets the width of the column. If a Number is passed, the width will be set to the number pixel value. If a String is passed, you can make use of percentage values. It's also possible to set the width to use flex sizing by passing `flex`. **Never use a String value when the cell should be resizable, or fixed.** */
@@ -7182,7 +7182,7 @@ function hu(e, s, t, a, n, i) {
         type: "invisible"
       }, {
         default: S(() => [
-          (o(!0), l(J, null, me(t.select, (m, y) => (o(), l("option", {
+          (o(!0), l(J, null, pe(t.select, (m, y) => (o(), l("option", {
             key: y,
             selected: m.selected,
             value: m.value
@@ -7231,7 +7231,7 @@ function hu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 14, nu);
 }
-const Lb = /* @__PURE__ */ v(iu, [["render", hu], ["__scopeId", "data-v-94524488"]]), vu = {
+const Ob = /* @__PURE__ */ v(iu, [["render", hu], ["__scopeId", "data-v-94524488"]]), vu = {
   name: "ecs-data-grid-group",
   props: {
     /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
@@ -7261,7 +7261,7 @@ const Ab = /* @__PURE__ */ v(vu, [["render", bu], ["__scopeId", "data-v-ee025ab5
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
-    EcsButtonCollapse: Ls
+    EcsButtonCollapse: Os
   },
   props: {
     /** Column identifier for the cell. The `column` is used to perform resize actions (needs to match `id` or `name` of corresponding EcsDataGridHeadCell), automatically set data-test attributes, etc. */
@@ -7386,7 +7386,7 @@ const Ab = /* @__PURE__ */ v(vu, [["render", bu], ["__scopeId", "data-v-ee025ab5
   created() {
     this.cellWidth = this.width, this.cellFixedLeftOffset = this.fixedLeftOffset;
   }
-}, ku = (e) => (ve("data-v-0910be15"), e = e(), ye(), e), wu = ["data-column", "data-test"], Su = {
+}, ku = (e) => (ye("data-v-0910be15"), e = e(), be(), e), wu = ["data-column", "data-test"], Su = {
   key: 0,
   class: "first-cell-spacer"
 }, Cu = /* @__PURE__ */ ku(() => /* @__PURE__ */ f("div", { class: "group-spacer" }, null, -1));
@@ -7538,7 +7538,7 @@ const Db = /* @__PURE__ */ v(Bu, [["render", Iu]]), Eu = {
     this.expandId = this.generateUniqueId(), this.definitionId = this.generateUniqueId();
   }
 }, $u = ["id"], Pu = ["aria-busy", "aria-labelledby"], Tu = ["aria-valuenow"], Mu = ["id", "aria-hidden"];
-function Ou(e, s, t, a, n, i) {
+function Lu(e, s, t, a, n, i) {
   const r = g("ecs-button-more"), c = g("ecs-skeleton-loader");
   return o(), l("div", null, [
     f("div", {
@@ -7603,7 +7603,7 @@ function Ou(e, s, t, a, n, i) {
     ], 10, Mu)) : u("", !0)
   ]);
 }
-const Fb = /* @__PURE__ */ v(Eu, [["render", Ou], ["__scopeId", "data-v-99c893a3"]]), Lu = {
+const Rb = /* @__PURE__ */ v(Eu, [["render", Lu], ["__scopeId", "data-v-99c893a3"]]), Ou = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
   props: {
@@ -7683,7 +7683,7 @@ function Nu(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 34)) : u("", !0);
 }
-const Rb = /* @__PURE__ */ v(Lu, [["render", Nu]]), Du = {
+const Fb = /* @__PURE__ */ v(Ou, [["render", Nu]]), Du = {
   __name: "state-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -7734,7 +7734,7 @@ const Rb = /* @__PURE__ */ v(Lu, [["render", Nu]]), Du = {
     }
   },
   setup(e) {
-    const s = e, t = be(() => ({
+    const s = e, t = _e(() => ({
       height: `${s.size}px`,
       width: `${s.size}px`
     }));
@@ -7755,10 +7755,10 @@ const Rb = /* @__PURE__ */ v(Lu, [["render", Nu]]), Du = {
       }, null, 8, ["height", "width"]))
     ], 6));
   }
-}, Fu = /* @__PURE__ */ v(Du, [["__scopeId", "data-v-ff6feac1"]]), Ru = {
+}, Ru = /* @__PURE__ */ v(Du, [["__scopeId", "data-v-ff6feac1"]]), Fu = {
   name: "ecs-dialog-header",
   components: {
-    EcsStateIcon: Fu
+    EcsStateIcon: Ru
   },
   props: {
     /** Adds an icon to the dialog header. The prop value 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). Only icons prefixed with `dialog` should be used here. */
@@ -7794,7 +7794,7 @@ function qu(e, s, t, a, n, i) {
     ]))
   ]);
 }
-const Vb = /* @__PURE__ */ v(Ru, [["render", qu], ["__scopeId", "data-v-6e05c98b"]]), Wu = {
+const Vb = /* @__PURE__ */ v(Fu, [["render", qu], ["__scopeId", "data-v-6e05c98b"]]), Wu = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -8139,9 +8139,9 @@ const yf = /* @__PURE__ */ v(pf, [["render", vf], ["__scopeId", "data-v-253a23ee
     EcsSkeletonLoader: Ce,
     EcsProgress: yf,
     EcsButton: Se,
-    EcsFocusRing: O,
+    EcsFocusRing: L,
     EcsFlexRow: Te,
-    EcsSticker: Re,
+    EcsSticker: Fe,
     EcsText: nt
   },
   props: {
@@ -8423,9 +8423,9 @@ const jb = /* @__PURE__ */ v(bf, [["render", zf], ["__scopeId", "data-v-973ea74d
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
     EcsIcon: M,
-    EcsSticker: Re,
+    EcsSticker: Fe,
     EcsButtonMore: Ds,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** If set, an icon will be added to the left of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -8532,9 +8532,9 @@ function Mf(e, s, t, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const Ub = /* @__PURE__ */ v(If, [["render", Mf], ["__scopeId", "data-v-00b5ab33"]]), Of = {
+const Ub = /* @__PURE__ */ v(If, [["render", Mf], ["__scopeId", "data-v-00b5ab33"]]), Lf = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsFormatted: Rs },
+  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsFormatted: Fs },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -8590,10 +8590,10 @@ const Ub = /* @__PURE__ */ v(If, [["render", Mf], ["__scopeId", "data-v-00b5ab33
         return `max-height: ${this.maxHeight}; overflow: auto;`;
     }
   }
-}, Lf = { class: "ecs-excerpt-title" }, Af = { class: "ecs-excerpt-title-headline" }, Nf = { key: 3 }, Df = {
+}, Of = { class: "ecs-excerpt-title" }, Af = { class: "ecs-excerpt-title-headline" }, Nf = { key: 3 }, Df = {
   key: 0,
   class: "ecs-excerpt-title-cite"
-}, Ff = { key: 1 }, Rf = {
+}, Rf = { key: 1 }, Ff = {
   key: 1,
   class: "ecs-excerpt-content-transcript"
 }, Vf = {
@@ -8608,7 +8608,7 @@ function qf(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-excerpt-snippet", i.sizeClass])
   }, [
-    f("div", Lf, [
+    f("div", Of, [
       f("div", Af, [
         t.icon && t.loading ? (o(), b(r, {
           key: 0,
@@ -8632,7 +8632,7 @@ function qf(e, s, t, a, n, i) {
           key: 0,
           type: "single",
           width: 100
-        })) : (o(), l("span", Ff, w(t.cite), 1))
+        })) : (o(), l("span", Rf, w(t.cite), 1))
       ])) : u("", !0)
     ]),
     f("div", {
@@ -8652,7 +8652,7 @@ function qf(e, s, t, a, n, i) {
             p(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", Rf, [
+        }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", Ff, [
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Vf, [
           f("span", {
@@ -8668,7 +8668,7 @@ function qf(e, s, t, a, n, i) {
     ], 4)
   ], 2);
 }
-const Gb = /* @__PURE__ */ v(Of, [["render", qf], ["__scopeId", "data-v-f582192b"]]), Kb = {
+const Gb = /* @__PURE__ */ v(Lf, [["render", qf], ["__scopeId", "data-v-f582192b"]]), Kb = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8724,10 +8724,10 @@ const Yb = /* @__PURE__ */ v(Wf, [["render", Uf]]), Gf = {
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
     EcsIcon: M,
-    EcsFileIcon: Os,
-    EcsSticker: Re,
-    EcsButtonTable: Fs,
-    EcsFocusRing: O
+    EcsFileIcon: Ls,
+    EcsSticker: Fe,
+    EcsButtonTable: Rs,
+    EcsFocusRing: L
   },
   mixins: [ue],
   props: {
@@ -8855,7 +8855,7 @@ function ag(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1"
   }, [
     t.hover ? (o(), b(r, { key: 0 })) : u("", !0),
-    _(ke, { name: "title" }, {
+    _(me, { name: "title" }, {
       default: S(() => [
         t.showTitleEdit || !t.edit ? (o(), l("div", Yf, [
           t.icon ? (o(), b(c, {
@@ -8946,7 +8946,7 @@ function ag(e, s, t, a, n, i) {
     }, [
       p(e.$slots, "collapse", {}, void 0, !0)
     ], 10, sg)) : u("", !0),
-    _(ke, { name: "edit" }, {
+    _(me, { name: "edit" }, {
       default: S(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
@@ -8983,7 +8983,7 @@ const Xb = /* @__PURE__ */ v(Gf, [["render", ag], ["__scopeId", "data-v-c870bb34
     }
   },
   setup(e) {
-    const s = e, t = be(() => {
+    const s = e, t = _e(() => {
       switch (s.code) {
         case "eu":
           return "Flag of European Union";
@@ -9074,7 +9074,7 @@ const dg = /* @__PURE__ */ v(lg, [["render", cg], ["__scopeId", "data-v-1d2ad846
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Adds a tooltip to the clear button. */
@@ -9439,7 +9439,7 @@ const Eg = /* @__PURE__ */ v(zg, [["render", Ig], ["__scopeId", "data-v-2a3b81f3
   key: 0,
   class: "ecs-form-headline-controls"
 };
-function Og(e, s) {
+function Lg(e, s) {
   return o(), l("div", Pg, [
     f("h2", Tg, [
       p(e.$slots, "default", {}, void 0, !0)
@@ -9449,7 +9449,7 @@ function Og(e, s) {
     ])) : u("", !0)
   ]);
 }
-const Qb = /* @__PURE__ */ v($g, [["render", Og], ["__scopeId", "data-v-16833f69"]]), Lg = {
+const Qb = /* @__PURE__ */ v($g, [["render", Lg], ["__scopeId", "data-v-16833f69"]]), Og = {
   name: "ecs-form-set",
   props: {
     /** Indicates an error state. */
@@ -9473,7 +9473,7 @@ function Dg(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 10, Ag);
 }
-const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464"]]), Fg = {
+const e_ = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464"]]), Rg = {
   name: "ecs-highlight",
   props: {
     /** Makes the highlight area visible. */
@@ -9497,22 +9497,16 @@ const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464
     color: {
       type: String
     },
-    /** Determines the fade out duration (in milliseconds). If set to 0, the highlight will not fade out. */
-    fadeOutDuration: {
-      type: Number,
-      default: 5e3
-    },
     /** Allows to set a custom border radius. Avoid when using the border style. */
     borderRadius: {
       type: Number
+    },
+    /** Allows to set a differnt inset value, to ajust the "visible" padding of the element. */
+    inset: {
+      type: Number,
+      default: 0
     }
   },
-  data() {
-    return {
-      setFadeOut: !1,
-      showClass: !1
-    };
-  },
   computed: {
     showHighlight() {
       return this.show || this.layout === "wrap" && this.$slots.default;
@@ -9533,43 +9527,41 @@ const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464
     borderRadiusStyle() {
       return this.borderRadius ? { borderRadius: `${this.borderRadius}px` } : this.type === "border" ? { borderRadius: 0 } : { borderRadius: "6px" };
     },
-    transitionStyles() {
-      const e = {};
-      return this.showClass && this.setFadeOut && (this.layout === "overlay" ? e.transition = `opacity ${this.fadeOutDuration}ms` : this.layout === "wrap" && (this.type === "border" ? e.transition = `background-position ${this.fadeOutDuration}ms, border-color ${this.fadeOutDuration}ms` : e.transition = `background-color ${this.fadeOutDuration}ms`)), e;
+    insetStyles() {
+      return this.layout === "wrap" ? {
+        padding: `${this.inset}px`
+      } : {
+        inset: `-${this.inset}px`
+      };
     },
     classes() {
       return {
         "ecs-highlight-wrap": this.layout === "wrap",
         "ecs-highlight-overlay": this.layout === "overlay",
-        "ecs-highlight-background": this.type === "background",
-        "ecs-highlight-border": this.type === "border",
-        show: this.showClass
+        "ecs-highlight-background": this.type === "background" && this.show,
+        "ecs-highlight-border": this.type === "border" && this.show
       };
     }
-  },
-  mounted() {
-    this.show && (setTimeout(() => {
-      this.setFadeOut = this.fadeOutDuration !== 0;
-    }, 5), this.showClass = !0);
-  },
-  watch: {
-    show(e) {
-      e ? (setTimeout(() => {
-        this.setFadeOut = this.fadeOutDuration !== 0;
-      }, 5), this.showClass = !0) : (this.showClass = !1, this.setFadeOut = !1);
-    }
   }
 };
-function Rg(e, s, t, a, n, i) {
-  return i.showHighlight ? (o(), l("div", {
-    key: 0,
-    class: h(["ecs-highlight", [i.classes, { "fade-out": n.setFadeOut }]]),
-    style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.transitionStyles })
-  }, [
-    t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
-  ], 6)) : u("", !0);
+function Fg(e, s, t, a, n, i) {
+  return o(), b(me, {
+    name: "fade",
+    appear: ""
+  }, {
+    default: S(() => [
+      i.showHighlight ? (o(), l("div", {
+        key: 0,
+        class: h(["ecs-highlight", [i.classes]]),
+        style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
+      }, [
+        t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
+      ], 6)) : u("", !0)
+    ]),
+    _: 3
+  });
 }
-const t_ = /* @__PURE__ */ v(Fg, [["render", Rg], ["__scopeId", "data-v-24cd3dff"]]), Vg = {
+const t_ = /* @__PURE__ */ v(Rg, [["render", Fg], ["__scopeId", "data-v-48ec2945"]]), Vg = {
   name: "ecs-toolbar",
   props: {
     /** Determines the type of the toolbar. */
@@ -10247,11 +10239,11 @@ const c_ = /* @__PURE__ */ v(km, [["render", Bm], ["__scopeId", "data-v-e2edd2d3
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
-}, Mm = { class: "ecs-viewer-pages-pagination" }, Om = { class: "total-pages-relative" }, Lm = { class: "total-pages-relative" }, Am = {
+}, Mm = { class: "ecs-viewer-pages-pagination" }, Lm = { class: "total-pages-relative" }, Om = { class: "total-pages-relative" }, Am = {
   key: 1,
   class: "ecs-viewer-pages-pagination"
 }, Nm = ["innerHTML"], Dm = { class: "total-pages" };
-function Fm(e, s, t, a, n, i) {
+function Rm(e, s, t, a, n, i) {
   return o(), l("div", Im, [
     f("div", Em, [
       i.showAltPageNumbers ? (o(), l(J, { key: 0 }, [
@@ -10268,8 +10260,8 @@ function Fm(e, s, t, a, n, i) {
           t.isTranscriptMissingPages ? (o(), l("span", Tm, "*")) : u("", !0)
         ]),
         f("div", Mm, [
-          f("div", Om, w(i.altPageNumber) + " ", 1),
-          f("div", Lm, "of " + w(t.pageCount), 1)
+          f("div", Lm, w(i.altPageNumber) + " ", 1),
+          f("div", Om, "of " + w(t.pageCount), 1)
         ])
       ], 64)) : (o(), l("div", Am, [
         f("div", {
@@ -10286,7 +10278,7 @@ function Fm(e, s, t, a, n, i) {
     ])
   ]);
 }
-const d_ = /* @__PURE__ */ v(zm, [["render", Fm], ["__scopeId", "data-v-0346f2c1"]]), Rm = {
+const d_ = /* @__PURE__ */ v(zm, [["render", Rm], ["__scopeId", "data-v-0346f2c1"]]), Fm = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -10345,7 +10337,7 @@ function Vm(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ], 4);
 }
-const Hm = /* @__PURE__ */ v(Rm, [["render", Vm]]), qm = {
+const Hm = /* @__PURE__ */ v(Fm, [["render", Vm]]), qm = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
@@ -10858,7 +10850,7 @@ function dp(e, s, t, a, n, i) {
           "data-test": "button-toggle-statistics"
         }, null, 8, ["onClick", "type", "active", "aria-label", "title", "aria-controls"])) : u("", !0)
       ])) : u("", !0),
-      _(ke, { name: n.statisticsBarTransition }, {
+      _(me, { name: n.statisticsBarTransition }, {
         default: S(() => [
           e.$slots.statistics && n.showStatistics ? (o(), l("div", {
             key: 0,
@@ -10902,7 +10894,7 @@ const g_ = /* @__PURE__ */ v(sp, [["render", dp], ["__scopeId", "data-v-860bdba9
   emits: ["click"],
   components: {
     EcsFlexRow: Te,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Determines the type of legend message. */
@@ -10999,7 +10991,7 @@ const m_ = /* @__PURE__ */ v(up, [["render", pp], ["__scopeId", "data-v-3e5473d4
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Te,
-    EcsSticker: Re,
+    EcsSticker: Fe,
     EcsSkeletonLoader: Ce
   },
   props: {
@@ -11075,7 +11067,7 @@ function bp(e, s, t, a, n, i) {
 }
 const p_ = /* @__PURE__ */ v(hp, [["render", bp], ["__scopeId", "data-v-d461aa9b"]]), _p = {
   name: "ecs-map",
-  components: { EcsFocusRing: O },
+  components: { EcsFocusRing: L },
   props: {
     /** Address of the location, needs to be known by Google Maps. */
     address: {
@@ -11168,7 +11160,7 @@ const h_ = /* @__PURE__ */ v(_p, [["render", Sp], ["__scopeId", "data-v-e2371c57
   mounted() {
     this.show && (this.isShown = !0);
   }
-}, xp = (e) => (ve("data-v-04163948"), e = e(), ye(), e), Bp = {
+}, xp = (e) => (ye("data-v-04163948"), e = e(), be(), e), Bp = {
   key: 0,
   class: "ecs-modal-header-wrap"
 }, zp = { class: "ecs-modal-content-wrap scrollbar" }, Ip = {
@@ -11176,7 +11168,7 @@ const h_ = /* @__PURE__ */ v(_p, [["render", Sp], ["__scopeId", "data-v-e2371c57
   class: "ecs-modal-footer-wrap"
 }, Ep = /* @__PURE__ */ xp(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
 function $p(e, s, t, a, n, i) {
-  return o(), b(ke, { name: "dialog-fade" }, {
+  return o(), b(me, { name: "dialog-fade" }, {
     default: S(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11207,7 +11199,7 @@ const v_ = /* @__PURE__ */ v(Cp, [["render", $p], ["__scopeId", "data-v-04163948
   emits: ["close"],
   components: {
     EcsButton: Se,
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** Sets the visual style of the modal header. Tabs should always be used when the modal tab header contains a tab bar, while Scroll can be used as an optional indicator for scrollable modals with long contents. */
@@ -11242,11 +11234,11 @@ const v_ = /* @__PURE__ */ v(Cp, [["render", $p], ["__scopeId", "data-v-04163948
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, Mp = { class: "ecs-modal-header-main-inner" }, Op = {
+}, Mp = { class: "ecs-modal-header-main-inner" }, Lp = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
-function Lp(e, s, t, a, n, i) {
+function Op(e, s, t, a, n, i) {
   const r = g("ecs-button");
   return o(), l("div", {
     class: h(["ecs-modal-header", i.typeClass])
@@ -11268,31 +11260,31 @@ function Lp(e, s, t, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    e.$slots.extension ? (o(), l("div", Op, [
+    e.$slots.extension ? (o(), l("div", Lp, [
       p(e.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const y_ = /* @__PURE__ */ v(Pp, [["render", Lp], ["__scopeId", "data-v-14ff8a6b"]]), Ap = {
+const y_ = /* @__PURE__ */ v(Pp, [["render", Op], ["__scopeId", "data-v-14ff8a6b"]]), Ap = {
   name: "ecs-modal-footer"
 }, Np = { class: "ecs-modal-footer" }, Dp = {
   key: 0,
   class: "ecs-modal-footer-secondary"
-}, Fp = { class: "ecs-modal-footer-main" };
-function Rp(e, s, t, a, n, i) {
+}, Rp = { class: "ecs-modal-footer-main" };
+function Fp(e, s, t, a, n, i) {
   return o(), l("div", Np, [
     e.$slots.secondary ? (o(), l("div", Dp, [
       p(e.$slots, "secondary", {}, void 0, !0)
     ])) : u("", !0),
-    f("div", Fp, [
+    f("div", Rp, [
       p(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const b_ = /* @__PURE__ */ v(Ap, [["render", Rp], ["__scopeId", "data-v-ac286496"]]), Vp = {
+const b_ = /* @__PURE__ */ v(Ap, [["render", Fp], ["__scopeId", "data-v-ac286496"]]), Vp = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
-  components: { EcsIcon: M, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsFocusRing: L },
   props: {
     /** Determines the size of the select control. */
     size: {
@@ -11408,7 +11400,7 @@ const Wp = /* @__PURE__ */ v(Vp, [["render", qp], ["__scopeId", "data-v-6b04cc71
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O,
+    EcsFocusRing: L,
     EcsSelectText: Wp
   },
   props: {
@@ -11494,7 +11486,7 @@ function Zp(e, s, t, a, n, i) {
         class: "operator-select"
       }, {
         default: S(() => [
-          (o(!0), l(J, null, me(t.operatorSelectOptions, (m) => (o(), l("option", {
+          (o(!0), l(J, null, pe(t.operatorSelectOptions, (m) => (o(), l("option", {
             value: m,
             key: m
           }, w(m), 9, Kp))), 128))
@@ -11548,7 +11540,7 @@ const __ = /* @__PURE__ */ v(jp, [["render", Zp], ["__scopeId", "data-v-57205caa
   emits: ["remove"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: O
+    EcsFocusRing: L
   }
 };
 function Qp(e, s, t, a, n, i) {
@@ -11787,7 +11779,7 @@ const w_ = /* @__PURE__ */ v(eh, [["render", sh], ["__scopeId", "data-v-ceac7867
 };
 function bh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-button-toolbar"), d = g("ecs-alert");
-  return o(), b(ke, {
+  return o(), b(me, {
     name: "fade",
     appear: ""
   }, {
@@ -11874,7 +11866,7 @@ function bh(e, s, t, a, n, i) {
             e.$slots.sidebar && n.width > 1500 ? (o(), l("div", uh, [
               p(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
-            _(ke, { name: "slide" }, {
+            _(me, { name: "slide" }, {
               default: S(() => [
                 e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", fh, [
                   p(e.$slots, "sidebar", {}, void 0, !0)
@@ -12005,7 +11997,7 @@ const S_ = /* @__PURE__ */ v(ih, [["render", bh], ["__scopeId", "data-v-9e17191b
       this.$emit("updatePage", Number(e));
     }
   }
-}, Us = (e) => (ve("data-v-ca016e63"), e = e(), ye(), e), kh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), wh = ["value", "selected"], Sh = {
+}, Us = (e) => (ye("data-v-ca016e63"), e = e(), be(), e), kh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), wh = ["value", "selected"], Sh = {
   key: 0,
   class: "total"
 }, Ch = {
@@ -12064,7 +12056,7 @@ function Ih(e, s, t, a, n, i) {
                 size: "sml"
               }, {
                 default: S(() => [
-                  (o(!0), l(J, null, me(t.totalPages, (m) => (o(), l("option", {
+                  (o(!0), l(J, null, pe(t.totalPages, (m) => (o(), l("option", {
                     key: m,
                     value: m,
                     selected: m === t.currentPage
@@ -12128,7 +12120,7 @@ function Ih(e, s, t, a, n, i) {
           size: "sml"
         }, {
           default: S(() => [
-            (o(!0), l(J, null, me(t.itemsPerPage, (m) => (o(), l("option", {
+            (o(!0), l(J, null, pe(t.itemsPerPage, (m) => (o(), l("option", {
               key: m,
               value: m,
               selected: m === t.itemsPerPageSelected
@@ -12153,7 +12145,7 @@ function Ih(e, s, t, a, n, i) {
 }
 const C_ = /* @__PURE__ */ v(_h, [["render", Ih], ["__scopeId", "data-v-ca016e63"]]), Eh = {
   name: "ecs-party-entry",
-  components: { EcsIcon: M, EcsSticker: Re },
+  components: { EcsIcon: M, EcsSticker: Fe },
   props: {
     /** Adds an icon to the party entry. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
@@ -12288,14 +12280,14 @@ const x_ = /* @__PURE__ */ v(Eh, [["render", Ph], ["__scopeId", "data-v-c6300895
       return !!this.$slots.default;
     }
   }
-}, Mh = { class: "ecs-popover-header" }, Oh = { class: "ecs-popover-header-title" }, Lh = {
+}, Mh = { class: "ecs-popover-header" }, Lh = { class: "ecs-popover-header-title" }, Oh = {
   key: 0,
   class: "ecs-popover-header-actions"
 };
 function Ah(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-text");
   return o(), l("header", Mh, [
-    f("div", Oh, [
+    f("div", Lh, [
       t.icon ? (o(), b(r, {
         key: 0,
         type: t.icon,
@@ -12313,7 +12305,7 @@ function Ah(e, s, t, a, n, i) {
         _: 1
       })
     ]),
-    i.hasControls ? (o(), l("div", Lh, [
+    i.hasControls ? (o(), l("div", Oh, [
       p(e.$slots, "default", {}, void 0, !0)
     ])) : u("", !0)
   ]);
@@ -12330,7 +12322,7 @@ const B_ = /* @__PURE__ */ v(Th, [["render", Ah], ["__scopeId", "data-v-c7ef1a5a
   key: 0,
   class: "ecs-popover-list-title-controls"
 };
-function Fh(e, s, t, a, n, i) {
+function Rh(e, s, t, a, n, i) {
   return o(), l("li", {
     class: h(["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"
@@ -12343,7 +12335,7 @@ function Fh(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const z_ = /* @__PURE__ */ v(Nh, [["render", Fh], ["__scopeId", "data-v-dcc071bc"]]), Rh = {
+const z_ = /* @__PURE__ */ v(Nh, [["render", Rh], ["__scopeId", "data-v-dcc071bc"]]), Fh = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: Ce },
   props: {
@@ -12395,7 +12387,7 @@ function qh(e, s, t, a, n, i) {
     }, null, 8, Hh))
   ], 10, Vh);
 }
-const Wh = /* @__PURE__ */ v(Rh, [["render", qh], ["__scopeId", "data-v-8f28e1c1"]]), jh = {
+const Wh = /* @__PURE__ */ v(Fh, [["render", qh], ["__scopeId", "data-v-8f28e1c1"]]), jh = {
   name: "ecs-rating-favorability",
   emits: ["click"],
   components: { EcsIcon: M, EcsSkeletonLoader: Ce },
@@ -12507,7 +12499,7 @@ function Kh(e, s, t, a, n, i) {
 const Yh = /* @__PURE__ */ v(jh, [["render", Kh], ["__scopeId", "data-v-359930b9"]]), Xh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
-  components: { EcsCheckbox: Vt, EcsRatingStarRead: Wh, EcsRatingFavorability: Yh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: O },
+  components: { EcsCheckbox: Vt, EcsRatingStarRead: Wh, EcsRatingFavorability: Yh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
   props: {
     label: {
       type: String,
@@ -12664,7 +12656,7 @@ const I_ = /* @__PURE__ */ v(Xh, [["render", nv], ["__scopeId", "data-v-fe97cca0
       default: 0
     }
   }
-}, vt = (e) => (ve("data-v-37aaedf8"), e = e(), ye(), e), ov = {
+}, vt = (e) => (ye("data-v-37aaedf8"), e = e(), be(), e), ov = {
   key: 0,
   class: "ecs-rating-reset"
 }, rv = { class: "ecs-rating-write" }, lv = ["checked"], cv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), dv = ["checked"], uv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), fv = ["checked"], gv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), mv = ["checked"], pv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1));
@@ -12837,7 +12829,7 @@ function Cv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-segments", [t.inline ? "ecs-segments-inline" : ""]])
   }, [
-    (o(!0), l(J, null, me(t.options, (c) => (o(), l("label", {
+    (o(!0), l(J, null, pe(t.options, (c) => (o(), l("label", {
       key: c.id,
       for: c.id
     }, [
@@ -12870,7 +12862,7 @@ const P_ = /* @__PURE__ */ v(_v, [["render", Cv], ["__scopeId", "data-v-053b5298
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
-    EcsFocusRing: O
+    EcsFocusRing: L
   },
   props: {
     /** The main label for the tile. */
@@ -12906,7 +12898,7 @@ const P_ = /* @__PURE__ */ v(_v, [["render", Cv], ["__scopeId", "data-v-053b5298
       default: !1
     }
   }
-}, Bv = (e) => (ve("data-v-00e842c6"), e = e(), ye(), e), zv = ["aria-checked", "tabindex"], Iv = /* @__PURE__ */ Bv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Ev = {
+}, Bv = (e) => (ye("data-v-00e842c6"), e = e(), be(), e), zv = ["aria-checked", "tabindex"], Iv = /* @__PURE__ */ Bv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Ev = {
   key: 1,
   class: "label"
 }, $v = {
@@ -12946,15 +12938,15 @@ const T_ = /* @__PURE__ */ v(xv, [["render", Pv], ["__scopeId", "data-v-00e842c6
   role: "navigation",
   "aria-label": "Steps"
 };
-function Ov(e, s, t, a, n, i) {
+function Lv(e, s, t, a, n, i) {
   return o(), l("div", Mv, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const M_ = /* @__PURE__ */ v(Tv, [["render", Ov], ["__scopeId", "data-v-69c3c73d"]]), Lv = {
+const M_ = /* @__PURE__ */ v(Tv, [["render", Lv], ["__scopeId", "data-v-69c3c73d"]]), Ov = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
-  components: { EcsIcon: M, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsFocusRing: L },
   props: {
     /** Index of the step. */
     step: {
@@ -12982,8 +12974,8 @@ const M_ = /* @__PURE__ */ v(Tv, [["render", Ov], ["__scopeId", "data-v-69c3c73d
       default: !1
     }
   }
-}, Av = (e) => (ve("data-v-9fd5b3f7"), e = e(), ye(), e), Nv = ["aria-busy"], Dv = { class: "count" }, Fv = /* @__PURE__ */ Av(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
-function Rv(e, s, t, a, n, i) {
+}, Av = (e) => (ye("data-v-9fd5b3f7"), e = e(), be(), e), Nv = ["aria-busy"], Dv = { class: "count" }, Rv = /* @__PURE__ */ Av(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
+function Fv(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), l("button", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -13006,10 +12998,10 @@ function Rv(e, s, t, a, n, i) {
     ]),
     p(e.$slots, "default", {}, void 0, !0),
     _(c, { inset: 4 }),
-    Fv
+    Rv
   ], 10, Nv);
 }
-const O_ = /* @__PURE__ */ v(Lv, [["render", Rv], ["__scopeId", "data-v-9fd5b3f7"]]), Vv = {
+const L_ = /* @__PURE__ */ v(Ov, [["render", Fv], ["__scopeId", "data-v-9fd5b3f7"]]), Vv = {
   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. */
@@ -13117,7 +13109,7 @@ function Yv(e, s, t, a, n, i) {
     })
   ], 6);
 }
-const L_ = /* @__PURE__ */ v(Gv, [["render", Yv], ["__scopeId", "data-v-5e877161"]]), Xv = {
+const O_ = /* @__PURE__ */ v(Gv, [["render", Yv], ["__scopeId", "data-v-5e877161"]]), Xv = {
   name: "ecs-sidebar-content",
   props: {
     /** Adds an inner padding to the content area. */
@@ -13209,7 +13201,7 @@ function ry(e, s, t, a, n, i) {
         p(e.$slots, "primary-controls", {}, void 0, !0)
       ])
     ])) : u("", !0),
-    _(ke, { name: "expansion" }, {
+    _(me, { name: "expansion" }, {
       default: S(() => [
         t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", ay, [
           p(e.$slots, "subheader", {}, void 0, !0)
@@ -13217,7 +13209,7 @@ function ry(e, s, t, a, n, i) {
       ]),
       _: 3
     }),
-    _(ke, { name: "expansion" }, {
+    _(me, { name: "expansion" }, {
       default: S(() => [
         t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", oy, [
           p(e.$slots, "tertiaryheader", {}, void 0, !0)
@@ -13252,7 +13244,7 @@ function uy(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const F_ = /* @__PURE__ */ v(ly, [["render", uy], ["__scopeId", "data-v-cec887e2"]]), fy = {
+const R_ = /* @__PURE__ */ v(ly, [["render", uy], ["__scopeId", "data-v-cec887e2"]]), fy = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
   props: {
@@ -13309,7 +13301,7 @@ function my(e, s, t, a, n, i) {
     class: h(["ecs-swatches", i.sizeClass]),
     role: "radiogroup"
   }, [
-    (o(!0), l(J, null, me(t.swatches, (r) => (o(), l("div", {
+    (o(!0), l(J, null, pe(t.swatches, (r) => (o(), l("div", {
       key: r.id,
       onClick: (c) => i.handleItemClick(r),
       onKeydown: [
@@ -13326,7 +13318,7 @@ function my(e, s, t, a, n, i) {
     }, null, 46, gy))), 128))
   ], 2);
 }
-const R_ = /* @__PURE__ */ v(fy, [["render", my], ["__scopeId", "data-v-74fe1e26"]]), py = {
+const F_ = /* @__PURE__ */ v(fy, [["render", my], ["__scopeId", "data-v-74fe1e26"]]), py = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -13374,8 +13366,8 @@ const V_ = /* @__PURE__ */ v(py, [["render", vy], ["__scopeId", "data-v-2c119fff
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsSticker: Re,
-    EcsFocusRing: O
+    EcsSticker: Fe,
+    EcsFocusRing: L
   },
   props: {
     /** Makes the tab button smaller as it's designed to be a sub tab button of a larger one. Sub tabs do only work with the `standard` tab bar style. */
@@ -13445,7 +13437,7 @@ const V_ = /* @__PURE__ */ v(py, [["render", vy], ["__scopeId", "data-v-2c119fff
       }
     }
   }
-}, by = (e) => (ve("data-v-dd796dff"), e = e(), ye(), e), _y = ["disabled", "aria-selected", "aria-controls", "aria-label"], ky = {
+}, by = (e) => (ye("data-v-dd796dff"), e = e(), be(), e), _y = ["disabled", "aria-selected", "aria-controls", "aria-label"], ky = {
   key: 2,
   class: "shortcut"
 }, wy = /* @__PURE__ */ by(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
@@ -13483,7 +13475,7 @@ function Sy(e, s, t, a, n, i) {
 const H_ = /* @__PURE__ */ v(yy, [["render", Sy], ["__scopeId", "data-v-dd796dff"]]), Cy = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: Ce, EcsFocusRing: O },
+  components: { EcsSkeletonLoader: Ce, EcsFocusRing: L },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -13608,7 +13600,7 @@ function Py(e, s, t, a, n, i) {
 const W_ = /* @__PURE__ */ v(Ey, [["render", Py], ["__scopeId", "data-v-4334fe7e"]]), Ty = {
   name: "ecs-toast",
   emits: ["action"],
-  components: { EcsFocusRing: O },
+  components: { EcsFocusRing: L },
   props: {
     /** Determines the visual theme of the toast message. */
     theme: {
@@ -13650,14 +13642,14 @@ function My(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const j_ = /* @__PURE__ */ v(Ty, [["render", My], ["__scopeId", "data-v-86de0a28"]]), Oy = {
+const j_ = /* @__PURE__ */ v(Ty, [["render", My], ["__scopeId", "data-v-86de0a28"]]), Ly = {
   name: "ecs-toasts"
-}, Ly = {
+}, Oy = {
   class: "ecs-toasts",
   "aria-live": "polite"
 };
 function Ay(e, s, t, a, n, i) {
-  return o(), l("div", Ly, [
+  return o(), l("div", Oy, [
     _(ci, { name: "transition-toast" }, {
       default: S(() => [
         p(e.$slots, "default", {}, void 0, !0)
@@ -13666,7 +13658,7 @@ function Ay(e, s, t, a, n, i) {
     })
   ]);
 }
-const U_ = /* @__PURE__ */ v(Oy, [["render", Ay], ["__scopeId", "data-v-451fee48"]]), Ny = {
+const U_ = /* @__PURE__ */ v(Ly, [["render", Ay], ["__scopeId", "data-v-451fee48"]]), Ny = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -13685,10 +13677,10 @@ const U_ = /* @__PURE__ */ v(Oy, [["render", Ay], ["__scopeId", "data-v-451fee48
       default: !1
     }
   }
-}, Dy = ["aria-busy"], Fy = {
+}, Dy = ["aria-busy"], Ry = {
   key: 0,
   class: "healthy"
-}, Ry = {
+}, Fy = {
   key: 1,
   class: "repairing"
 }, Vy = {
@@ -13709,8 +13701,8 @@ function qy(e, s, t, a, n, i) {
       type: "toolbar-transcript",
       color: "#929AA9"
     }),
-    t.state == "healthy" ? (o(), l("div", Fy)) : u("", !0),
-    t.state == "repairing" ? (o(), l("div", Ry)) : u("", !0),
+    t.state == "healthy" ? (o(), l("div", Ry)) : u("", !0),
+    t.state == "repairing" ? (o(), l("div", Fy)) : u("", !0),
     t.state == "corrupted" ? (o(), l("div", Vy)) : u("", !0),
     t.state == "loading" ? (o(), l("span", Hy, [
       _(r, {
@@ -13753,7 +13745,7 @@ function Uy(e, s, t, a, n, i) {
 const K_ = /* @__PURE__ */ v(Wy, [["render", Uy], ["__scopeId", "data-v-6af94f50"]]), Gy = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
-  components: { EcsIcon: M, EcsButtonCollapse: Ls, EcsFocusRing: O },
+  components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
   mixins: [ue],
   props: {
     /** ID for the Tree List Item */
@@ -14110,13 +14102,13 @@ export {
   hb as EcsBreadcrumbTitle,
   vb as EcsBulkSelector,
   Se as EcsButton,
-  Ls as EcsButtonCollapse,
+  Os as EcsButtonCollapse,
   bb as EcsButtonContext,
   _b as EcsButtonContextGroup,
   kb as EcsButtonDialog,
   yb as EcsButtonGroup,
   Ds as EcsButtonMore,
-  Fs as EcsButtonTable,
+  Rs as EcsButtonTable,
   pt as EcsButtonToolbar,
   Ht as EcsButtonToolbarGroup,
   wb as EcsButtonToolbarIcon,
@@ -14135,12 +14127,12 @@ export {
   Mb as EcsDataGrid,
   Nb as EcsDataGridCell,
   Ab as EcsDataGridGroup,
-  Lb as EcsDataGridHeadCell,
+  Ob as EcsDataGridHeadCell,
   Gd as EcsDataGridRow,
-  Ob as EcsDataGridRowGroup,
+  Lb as EcsDataGridRowGroup,
   Db as EcsDataList,
-  Fb as EcsDataListItem,
-  Rb as EcsDialog,
+  Rb as EcsDataListItem,
+  Fb as EcsDialog,
   Vb as EcsDialogHeader,
   Hb as EcsDirectoryEntry,
   qb as EcsDocumentState,
@@ -14150,20 +14142,20 @@ export {
   Ub as EcsEntryLink,
   Gb as EcsExcerptSnippet,
   Wu as EcsFavicon,
-  Os as EcsFileIcon,
+  Ls as EcsFileIcon,
   Yb as EcsFileList,
   Xb as EcsFileListItem,
   Kb as EcsFillIcon,
   Zb as EcsFlag,
   dg as EcsFlexCol,
   Te as EcsFlexRow,
-  O as EcsFocusRing,
+  L as EcsFocusRing,
   Jb as EcsFolderSelector,
-  Rt as EcsFormCheck,
+  Ft as EcsFormCheck,
   Eg as EcsFormGroup,
   Qb as EcsFormHeadline,
   e_ as EcsFormSet,
-  Rs as EcsFormatted,
+  Fs as EcsFormatted,
   t_ as EcsHighlight,
   M as EcsIcon,
   s_ as EcsIndexToolbar,
@@ -14213,18 +14205,18 @@ export {
   T_ as EcsSelectTile,
   yo as EcsSeparator,
   M_ as EcsSequenceMap,
-  O_ as EcsSequenceMapButton,
-  L_ as EcsSidebar,
+  L_ as EcsSequenceMapButton,
+  O_ as EcsSidebar,
   A_ as EcsSidebarContent,
   N_ as EcsSidebarFooter,
   D_ as EcsSidebarHeader,
   Ce as EcsSkeletonLoader,
   Da as EcsSortbutton,
   qm as EcsSplitpanes,
-  Fu as EcsStateIcon,
-  Re as EcsSticker,
-  F_ as EcsStructuredContent,
-  R_ as EcsSwatchesPicker,
+  Ru as EcsStateIcon,
+  Fe as EcsSticker,
+  R_ as EcsStructuredContent,
+  F_ as EcsSwatchesPicker,
   Ms as EcsSwitch,
   V_ as EcsTab,
   qv as EcsTabBar,