@everchron/ec-shards 8.14.0 → 8.15.0

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as h, resolveDynamicComponent as Pe, unref as ae, normalizeClass as v, createElementBlock as l, normalizeStyle as C, 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";
+import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as h, resolveDynamicComponent as Pe, unref as ae, normalizeClass as v, createElementBlock as l, normalizeStyle as C, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as pe, withCtx as S, computed as ke, 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 be, popScopeId as _e, Fragment as X, renderList as he, 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) => {
@@ -223,7 +223,7 @@ const ks = /* @__PURE__ */ y(gi, [["render", yi], ["__scopeId", "data-v-077ffd5b
   "aria-label": "Actions"
 };
 function ki(e, s, t, a, n, i) {
-  return o(), h(me, {
+  return o(), h(pe, {
     name: "action-bar",
     appear: ""
   }, {
@@ -303,10 +303,10 @@ const cb = /* @__PURE__ */ y(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115
     }
   },
   setup(e) {
-    const s = e, t = _e(() => {
+    const s = e, t = ke(() => {
       if (s.type == "loading")
         return !0;
-    }), 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(() => {
+    }), a = ke(() => 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 = ke(() => {
       if (s.color)
         return s.color;
       switch (s.type) {
@@ -800,7 +800,7 @@ function Ui(e) {
 function Gi(e) {
   return e === le(e) || !de(e) ? Mt(e) : Ui(e);
 }
-function we(e) {
+function Se(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function Me(e) {
@@ -832,7 +832,7 @@ function Yi(e, s, t) {
     x: 0,
     y: 0
   };
-  return (a || !a && !t) && ((we(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (a || !a && !t) && ((Se(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   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,
@@ -850,7 +850,7 @@ function At(e) {
   };
 }
 function mt(e) {
-  return we(e) === "html" ? e : (
+  return Se(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -862,7 +862,7 @@ function mt(e) {
   );
 }
 function xs(e) {
-  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : de(e) && Ot(e) ? e : xs(mt(e));
+  return ["html", "body", "#document"].indexOf(Se(e)) >= 0 ? e.ownerDocument.body : de(e) && Ot(e) ? e : xs(mt(e));
 }
 function Qe(e, s) {
   var t;
@@ -874,7 +874,7 @@ function Qe(e, s) {
   );
 }
 function Xi(e) {
-  return ["table", "td", "th"].indexOf(we(e)) >= 0;
+  return ["table", "td", "th"].indexOf(Se(e)) >= 0;
 }
 function es(e) {
   return !de(e) || // https://github.com/popperjs/popper-core/issues/837
@@ -888,7 +888,7 @@ function Zi(e) {
       return null;
   }
   var n = mt(e);
-  for (Tt(n) && (n = n.host); de(n) && ["html", "body"].indexOf(we(n)) < 0; ) {
+  for (Tt(n) && (n = n.host); de(n) && ["html", "body"].indexOf(Se(n)) < 0; ) {
     var i = Ie(n);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || s && i.willChange === "filter" || s && i.filter && i.filter !== "none")
       return n;
@@ -899,9 +899,9 @@ function Zi(e) {
 function st(e) {
   for (var s = le(e), t = es(e); t && Xi(t) && Ie(t).position === "static"; )
     t = es(t);
-  return t && (we(t) === "html" || we(t) === "body" && Ie(t).position === "static") ? s : t || Zi(e) || s;
+  return t && (Se(t) === "html" || Se(t) === "body" && Ie(t).position === "static") ? s : t || Zi(e) || s;
 }
-var oe = "top", he = "bottom", ve = "right", re = "left", Nt = "auto", it = [oe, he, ve, re], je = "start", tt = "end", Ji = "clippingParents", Cs = "viewport", Xe = "popper", Qi = "reference", ts = /* @__PURE__ */ it.reduce(function(e, s) {
+var oe = "top", ve = "bottom", ye = "right", re = "left", Nt = "auto", it = [oe, ve, ye, re], je = "start", tt = "end", Ji = "clippingParents", Cs = "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]);
@@ -1010,7 +1010,7 @@ function ss(e, s, t) {
 function yn(e) {
   var s = Qe(mt(e)), t = ["absolute", "fixed"].indexOf(Ie(e).position) >= 0, a = t && de(e) ? st(e) : e;
   return Re(a) ? s.filter(function(n) {
-    return Re(n) && zs(n, a) && we(n) !== "body";
+    return Re(n) && zs(n, a) && Se(n) !== "body";
   }) : [];
 }
 function bn(e, s, t, a) {
@@ -1020,7 +1020,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 ke(e) {
+function we(e) {
   return e.split("-")[0];
 }
 function Ue(e) {
@@ -1030,7 +1030,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 ? 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;
+  var s = e.reference, t = e.element, a = e.placement, n = a ? we(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 = {
@@ -1038,13 +1038,13 @@ function Is(e) {
         y: s.y - t.height
       };
       break;
-    case he:
+    case ve:
       d = {
         x: r,
         y: s.y + s.height
       };
       break;
-    case ve:
+    case ye:
       d = {
         x: s.x + s.width,
         y: c
@@ -1106,10 +1106,10 @@ function Rt(e, s) {
     right: V.right - A.right + O.right
   }, j = e.modifiersData.offset;
   if (z === Xe && j) {
-    var X = j[n];
+    var Z = j[n];
     Object.keys(W).forEach(function(K) {
-      var Ce = [ve, he].indexOf(K) >= 0 ? 1 : -1, Be = [oe, he].indexOf(K) >= 0 ? "y" : "x";
-      W[K] += X[Be] * Ce;
+      var Ce = [ye, ve].indexOf(K) >= 0 ? 1 : -1, Be = [oe, ve].indexOf(K) >= 0 ? "y" : "x";
+      W[K] += Z[Be] * Ce;
     });
   }
   return W;
@@ -1288,16 +1288,16 @@ function as(e) {
   var O = r.hasOwnProperty("x"), R = r.hasOwnProperty("y"), H = re, P = oe, A = window;
   if (m) {
     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;
+    if (E === le(t) && (E = Me(t), Ie(E).position !== "static" && c === "absolute" && (N = "scrollHeight", F = "scrollWidth")), E = E, n === oe || (n === re || n === ye) && i === tt) {
+      P = ve;
       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 === he) && i === tt) {
-      H = ve;
+    if (n === re || (n === oe || n === ve) && i === tt) {
+      H = ye;
       var W = k && E === A && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         E[F]
@@ -1307,14 +1307,14 @@ function as(e) {
   }
   var j = Object.assign({
     position: c
-  }, m && Cn), X = b === !0 ? Bn({
+  }, m && Cn), Z = b === !0 ? Bn({
     x: I,
     y: $
   }, le(t)) : {
     x: I,
     y: $
   };
-  if (I = X.x, $ = X.y, d) {
+  if (I = Z.x, $ = Z.y, d) {
     var 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));
   }
@@ -1322,7 +1322,7 @@ function as(e) {
 }
 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: ke(s.placement),
+    placement: we(s.placement),
     variation: Ue(s.placement),
     popper: s.elements.popper,
     popperRect: s.rects.popper,
@@ -1354,7 +1354,7 @@ function En(e) {
   var s = e.state;
   Object.keys(s.elements).forEach(function(t) {
     var a = s.styles[t] || {}, n = s.attributes[t] || {}, i = s.elements[t];
-    !de(i) || !we(i) || (Object.assign(i.style, a), Object.keys(n).forEach(function(r) {
+    !de(i) || !Se(i) || (Object.assign(i.style, a), Object.keys(n).forEach(function(r) {
       var c = n[r];
       c === !1 ? i.removeAttribute(r) : i.setAttribute(r, c === !0 ? "" : c);
     }));
@@ -1378,7 +1378,7 @@ function $n(e) {
       var n = s.elements[a], i = s.attributes[a] || {}, r = Object.keys(s.styles.hasOwnProperty(a) ? s.styles[a] : t[a]), c = r.reduce(function(d, m) {
         return d[m] = "", d;
       }, {});
-      !de(n) || !we(n) || (Object.assign(n.style, c), Object.keys(i).forEach(function(d) {
+      !de(n) || !Se(n) || (Object.assign(n.style, c), Object.keys(i).forEach(function(d) {
         n.removeAttribute(d);
       }));
     });
@@ -1411,7 +1411,7 @@ function An(e) {
     rootBoundary: m,
     padding: k,
     altBoundary: b
-  }), 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, {
+  }), O = we(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,
@@ -1419,23 +1419,23 @@ function An(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, V), j = s.modifiersData.offset ? s.modifiersData.offset[s.placement] : null, X = {
+  }, V), j = s.modifiersData.offset ? s.modifiersData.offset[s.placement] : null, Z = {
     x: 0,
     y: 0
   };
   if (E) {
     if (i) {
-      var K, Ce = P === "y" ? oe : re, Be = P === "y" ? he : ve, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[Ce], 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) : {
+      var K, Ce = P === "y" ? oe : re, Be = P === "y" ? ve : ye, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[Ce], ie = Q - T[Be], Ve = I ? -F[Y] / 2 : 0, J = 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[Ce], 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;
+      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ke = $e[Ce], at = $e[Be], Oe = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Oe - Ke - W.mainAxis : J - 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, Z[P] = Ut - Q;
     }
     if (c) {
-      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;
+      var Gt, Zs = P === "x" ? oe : re, Js = P === "x" ? ve : ye, 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, Z[A] = Qt - Ae;
     }
-    s.modifiersData[a] = X;
+    s.modifiersData[a] = Z;
   }
 }
 const Nn = {
@@ -1479,14 +1479,14 @@ function Fn(e, s) {
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[ke($)], B;
+    })[we($)], B;
   }, {});
   return Object.keys(I).sort(function(B, $) {
     return I[B] - I[$];
   });
 }
 function Vn(e) {
-  if (ke(e) === Nt)
+  if (we(e) === Nt)
     return [];
   var s = dt(e);
   return [os(e), s, os(s)];
@@ -1494,8 +1494,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, b = 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, {
+    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, b = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = we(T), R = O === T, H = d || (R || !B ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
+      return He.concat(we($e) === Nt ? Fn(s, {
         placement: $e,
         boundary: b,
         rootBoundary: k,
@@ -1504,16 +1504,16 @@ function Hn(e) {
         allowedAutoPlacements: $
       }) : $e);
     }, []), 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, Ce = [oe, he].indexOf(X) >= 0, Be = Ce ? "width" : "height", Y = Rt(s, {
+      var j = P[W], Z = we(j), K = Ue(j) === je, Ce = [oe, ve].indexOf(Z) >= 0, Be = Ce ? "width" : "height", Y = Rt(s, {
         placement: j,
         boundary: b,
         rootBoundary: k,
         altBoundary: z,
         padding: m
-      }), Q = Ce ? K ? ve : re : K ? he : oe;
+      }), Q = Ce ? K ? ye : re : K ? ve : 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) {
+      if (i && ie.push(Y[Z] <= 0), c && ie.push(Y[Q] <= 0, Y[Ee] <= 0), ie.every(function(He) {
         return He;
       })) {
         V = j, F = !1;
@@ -1522,7 +1522,7 @@ function Hn(e) {
       N.set(j, ie);
     }
     if (F)
-      for (var Ve = B ? 3 : 1, Z = function($e) {
+      for (var Ve = B ? 3 : 1, J = function($e) {
         var Ke = P.find(function(at) {
           var Oe = N.get(at);
           if (Oe)
@@ -1533,7 +1533,7 @@ function Hn(e) {
         if (Ke)
           return V = Ke, "break";
       }, ee = Ve; ee > 0; ee--) {
-        var Le = Z(ee);
+        var Le = J(ee);
         if (Le === "break")
           break;
       }
@@ -1551,10 +1551,10 @@ const qn = {
   }
 };
 function Wn(e, s, t) {
-  var a = ke(e), n = [re, oe].indexOf(a) >= 0 ? -1 : 1, i = typeof t == "function" ? t(Object.assign({}, s, {
+  var a = we(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, ve].indexOf(a) >= 0 ? {
+  return r = r || 0, c = (c || 0) * n, [re, ye].indexOf(a) >= 0 ? {
     x: c,
     y: r
   } : {
@@ -1581,9 +1581,9 @@ 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 = ke(t.placement), d = Dt(c), m = [re, ve].indexOf(c) >= 0, b = m ? "height" : "width";
+  var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = we(t.placement), d = Dt(c), m = [re, ye].indexOf(c) >= 0, b = m ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? he : ve, $ = t.rects.reference[b] + t.rects.reference[d] - r[d] - t.rects.popper[b], 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[b] - k[B], E = R / 2 - z[b] / 2 + H, N = et(P, E, A), F = d;
+    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? ve : ye, $ = t.rects.reference[b] + t.rects.reference[d] - r[d] - t.rects.popper[b], 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[b] - k[B], E = R / 2 - z[b] / 2 + H, N = et(P, E, A), F = d;
     t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
@@ -1830,10 +1830,10 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       a.content ? k.value = !0 : k.value = !1;
     };
     _s(() => {
-      const Z = a.default();
-      if (Z && Z.length > 1)
+      const J = a.default();
+      if (J && J.length > 1)
         return console.error(
-          `[Popper]: The <Popper> component expects only one child element at its root. You passed ${Z.length} child nodes.`
+          `[Popper]: The <Popper> component expects only one child element at its root. You passed ${J.length} child nodes.`
         );
       (a.content !== void 0 || $.value) && (k.value = !0), i = new MutationObserver(z);
     });
@@ -1859,37 +1859,37 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       placement: N,
       popperNode: d,
       triggerNode: m
-    }), X = _e(() => F.value !== null), K = _e(() => O.value || !k.value), Ce = _e(() => V.value && !K.value), Be = _e(
-      () => !T.value && !X.value
+    }), Z = ke(() => F.value !== null), K = ke(() => O.value || !k.value), Ce = ke(() => V.value && !K.value), Be = ke(
+      () => !T.value && !Z.value
     );
-    _e(
+    ke(
       () => 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());
+      K.value || Z.value || (Q.clear(), c.value = !0, Y());
     }, ie = async () => {
-      X.value || (Y.clear(), c.value = !1, Q());
+      Z.value || (Y.clear(), c.value = !1, Q());
     }, Ve = () => {
       V.value ? ie() : Ee();
     };
-    return ce([k, O], ([Z, ee]) => {
-      V.value && (!Z || ee) && j();
-    }), ce(V, (Z) => {
-      Z ? b.value = !0 : wt.debounce(() => {
+    return ce([k, O], ([J, ee]) => {
+      V.value && (!J || ee) && j();
+    }), ce(V, (J) => {
+      J ? b.value = !0 : wt.debounce(() => {
         b.value = !1;
       }, 200);
     }), kt(() => {
-      X.value && (F.value ? Y() : Q());
+      Z.value && (F.value ? Y() : Q());
     }), kt(() => {
       Be.value && Qn(d, ie);
-    }), ce($, (Z) => {
-      Z ? k.value = !0 : k.value = !1;
+    }), ce($, (J) => {
+      J ? k.value = !0 : k.value = !1;
     }), kt(() => {
       d.value && i.observe(d.value, {
         childList: !0,
         subtree: !0
       });
-    }), Pt(() => i.disconnect()), (Z, ee) => (o(), l("div", {
+    }), Pt(() => i.disconnect()), (J, ee) => (o(), l("div", {
       class: "ecs-popover-root",
       onMouseleave: ee[2] || (ee[2] = (Le) => e.hover && ie())
     }, [
@@ -1904,10 +1904,10 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
         "aria-open": c.value || null,
         class: "ecs-popover-trigger"
       }, [
-        p(Z.$slots, "default", {}, void 0, !0)
+        p(J.$slots, "default", {}, void 0, !0)
       ], 40, na),
       (o(), h(ii, { to: "body" }, [
-        _(me, { name: "fade" }, {
+        _(pe, { name: "fade" }, {
           default: S(() => [
             e.persistent || c.value ? Ge((o(), l("div", {
               key: 0,
@@ -1917,7 +1917,7 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
               ref: d,
               id: r
             }, [
-              p(Z.$slots, "content", {
+              p(J.$slots, "content", {
                 close: ae(j),
                 isOpen: b.value
               }, () => [
@@ -2486,7 +2486,7 @@ const xa = /* @__PURE__ */ y(_a, [["render", Sa], ["__scopeId", "data-v-0296b689
   created() {
     this.switchId = this.generateUniqueId();
   }
-}, 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"];
+}, Ba = (e) => (be("data-v-de55e54f"), e = e(), _e(), 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, [
@@ -2551,7 +2551,7 @@ const Ms = /* @__PURE__ */ y(Ca, [["render", Ma], ["__scopeId", "data-v-de55e54f
       return this.sort && this.sort !== "" ? `active ${this.sort}` : this.sort;
     }
   }
-}, Oa = (e) => (ye("data-v-dca05194"), e = e(), be(), e), Aa = /* @__PURE__ */ Oa(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
+}, Oa = (e) => (be("data-v-dca05194"), e = e(), _e(), 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(), h(c, {
@@ -2699,7 +2699,7 @@ const Da = /* @__PURE__ */ y(La, [["render", Na], ["__scopeId", "data-v-dca05194
   mounted() {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, 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", {
+}, Fa = (e) => (be("data-v-a3459c11"), e = e(), _e(), 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",
@@ -2790,10 +2790,10 @@ function Wa(e, s, t, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 42, Ha));
 }
-const Se = /* @__PURE__ */ y(Ra, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
+const xe = /* @__PURE__ */ y(Ra, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: Vt, EcsRadiobutton: xa, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Ls, EcsButton: Se, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRadiobutton: xa, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Ls, EcsButton: xe, EcsFocusRing: L },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3508,7 +3508,7 @@ function ko(e, s, t, a, n, i) {
           content: S(() => [
             _(b, null, {
               default: S(() => [
-                (o(!0), l(J, null, pe(t.options, (I, B) => (o(), h(d, {
+                (o(!0), l(X, null, he(t.options, (I, B) => (o(), h(d, {
                   key: B,
                   disabled: I.disabled || null,
                   onClick: ($) => e.$emit("select", I.action)
@@ -3907,15 +3907,15 @@ function Mo(e, s, t) {
   };
 }
 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))];
+  var n = [me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(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 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))];
+  var i = [me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16)), me(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("");
 }
 function ds(e, s, t, a) {
-  var n = [ge(Ns(a)), ge(Math.round(e).toString(16)), ge(Math.round(s).toString(16)), ge(Math.round(t).toString(16))];
+  var n = [me(Ns(a)), me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16))];
   return n.join("");
 }
 x.equals = function(e, s) {
@@ -4221,7 +4221,7 @@ function Ko(e) {
 function Yo(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function ge(e) {
+function me(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
 function Je(e) {
@@ -4233,7 +4233,7 @@ function Ns(e) {
 function fs(e) {
   return ne(e) / 255;
 }
-var fe = function() {
+var ge = function() {
   var e = "[-\\+]?\\d+%?", s = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + s + ")|(?:" + e + ")", a = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
@@ -4250,7 +4250,7 @@ var fe = function() {
   };
 }();
 function ze(e) {
-  return !!fe.CSS_UNIT.exec(e);
+  return !!ge.CSS_UNIT.exec(e);
 }
 function Xo(e) {
   e = e.replace(Io, "").replace(Eo, "").toLowerCase();
@@ -4266,51 +4266,51 @@ function Xo(e) {
       format: "name"
     };
   var t;
-  return (t = fe.rgb.exec(e)) ? {
+  return (t = ge.rgb.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = fe.rgba.exec(e)) ? {
+  } : (t = ge.rgba.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = fe.hsl.exec(e)) ? {
+  } : (t = ge.hsl.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = fe.hsla.exec(e)) ? {
+  } : (t = ge.hsla.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = fe.hsv.exec(e)) ? {
+  } : (t = ge.hsv.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = fe.hsva.exec(e)) ? {
+  } : (t = ge.hsva.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = fe.hex8.exec(e)) ? {
+  } : (t = ge.hex8.exec(e)) ? {
     r: ne(t[1]),
     g: ne(t[2]),
     b: ne(t[3]),
     a: fs(t[4]),
     format: s ? "name" : "hex8"
-  } : (t = fe.hex6.exec(e)) ? {
+  } : (t = ge.hex6.exec(e)) ? {
     r: ne(t[1]),
     g: ne(t[2]),
     b: ne(t[3]),
     format: s ? "name" : "hex"
-  } : (t = fe.hex4.exec(e)) ? {
+  } : (t = ge.hex4.exec(e)) ? {
     r: ne(t[1] + "" + t[1]),
     g: ne(t[2] + "" + t[2]),
     b: ne(t[3] + "" + t[3]),
     a: fs(t[4] + "" + t[4]),
     format: s ? "name" : "hex8"
-  } : (t = fe.hex3.exec(e)) ? {
+  } : (t = ge.hex3.exec(e)) ? {
     r: ne(t[1] + "" + t[1]),
     g: ne(t[2] + "" + t[2]),
     b: ne(t[3] + "" + t[3]),
@@ -4857,7 +4857,7 @@ var Er = qt.clickOutSide = {
 const Pr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed"],
-  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Se },
+  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: xe },
   directives: {
     clickOutSide: $r
   },
@@ -4981,7 +4981,7 @@ function Or(e, s, t, a, n, i) {
       ref: "menu",
       id: "my-menu"
     }, [
-      (o(!0), l(J, null, pe(t.options, (b, k) => (o(), l("li", {
+      (o(!0), l(X, null, he(t.options, (b, k) => (o(), l("li", {
         key: k,
         onClick: U((z) => i.optionClicked(b), ["stop"]),
         role: b.type === "divider" ? "separator" : "menuitem",
@@ -5022,7 +5022,7 @@ function Or(e, s, t, a, n, i) {
 const wb = /* @__PURE__ */ y(Pr, [["render", Or], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: Se, EcsFocusRing: L, EcsFlexRow: Te },
+  components: { EcsButton: xe, EcsFocusRing: L, EcsFlexRow: Te },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -5308,7 +5308,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, pe(t.collection, (d) => (o(), l("span", {
+        (o(!0), l(X, null, he(t.collection, (d) => (o(), l("span", {
           key: d.name
         }, [
           d.value ? (o(), l("span", Gr, w(d.name), 1)) : u("", !0)
@@ -5365,7 +5365,7 @@ const xb = /* @__PURE__ */ y(qr, [["render", Yr], ["__scopeId", "data-v-5e5716bc
       return this.type && this.type !== "" ? `skeleton-${this.type}` : this.type;
     }
   }
-}, Zr = (e) => (ye("data-v-75354c78"), e = e(), be(), e), Jr = {
+}, Zr = (e) => (be("data-v-75354c78"), e = e(), _e(), e), Jr = {
   key: 1,
   class: "ecs-skeleton skeletons"
 }, Qr = /* @__PURE__ */ Zr(() => /* @__PURE__ */ f("div", { class: "skeleton skeleton-single" }, null, -1)), el = [
@@ -5377,7 +5377,7 @@ function tl(e, s, t, a, n, i) {
     class: v(["ecs-skeleton skeleton", i.rectClass]),
     style: C({ width: t.width + "px", height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), l("div", Jr, [
-    (o(!0), l(J, null, pe(parseInt(t.count), (r) => (o(), l("div", {
+    (o(!0), l(X, null, he(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
       class: v(["skeleton-wrap", "skeleton-line-height-" + t.lineHeight])
     }, el, 2))), 128))
@@ -5391,9 +5391,9 @@ function tl(e, s, t, a, n, i) {
     }, null, 4)
   ], 2));
 }
-const xe = /* @__PURE__ */ y(Xr, [["render", tl], ["__scopeId", "data-v-75354c78"]]), sl = {
+const fe = /* @__PURE__ */ y(Xr, [["render", tl], ["__scopeId", "data-v-75354c78"]]), sl = {
   name: "ecs-formatted",
-  components: { EcsSkeletonLoader: xe },
+  components: { EcsSkeletonLoader: fe },
   mixins: [ue],
   props: {
     /** Sets the general font size of the formatted text component to small. */
@@ -5442,7 +5442,7 @@ function nl(e, s, t, a, n, i) {
 const Fs = /* @__PURE__ */ y(sl, [["render", nl]]), al = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: Mi, EcsButton: Se, EcsFormatted: Fs, EcsSkeletonLoader: xe },
+  components: { EcsAvatar: Mi, EcsButton: xe, EcsFormatted: Fs, EcsSkeletonLoader: fe },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -6293,7 +6293,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, pe(t.swatches, (k) => (o(), l(J, null, [
+      (o(!0), l(X, null, he(t.swatches, (k) => (o(), l(X, null, [
         e.isTransparent(k.hex) ? (o(), l("div", {
           key: "else-" + k.id,
           "aria-label": k.title,
@@ -6411,7 +6411,7 @@ function kd(e, s, t, a, n, i) {
 }
 const zb = /* @__PURE__ */ y(_d, [["render", kd], ["__scopeId", "data-v-08aaa823"]]), wd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: xe, EcsButtonTable: Rs, EcsButton: Se, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsSkeletonLoader: fe, EcsButtonTable: Rs, EcsButton: xe, 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). */
@@ -7219,7 +7219,7 @@ function mu(e, s, t, a, n, i) {
         type: "invisible"
       }, {
         default: S(() => [
-          (o(!0), l(J, null, pe(t.select, (m, b) => (o(), l("option", {
+          (o(!0), l(X, null, he(t.select, (m, b) => (o(), l("option", {
             key: b,
             selected: m.selected,
             value: m.value
@@ -7423,7 +7423,7 @@ const Mb = /* @__PURE__ */ y(pu, [["render", vu], ["__scopeId", "data-v-ee025ab5
   created() {
     this.cellWidth = this.width, this.cellFixedLeftOffset = this.fixedLeftOffset;
   }
-}, bu = (e) => (ye("data-v-0910be15"), e = e(), be(), e), _u = ["data-column", "data-test"], ku = {
+}, bu = (e) => (be("data-v-0910be15"), e = e(), _e(), e), _u = ["data-column", "data-test"], ku = {
   key: 0,
   class: "first-cell-spacer"
 }, wu = /* @__PURE__ */ bu(() => /* @__PURE__ */ f("div", { class: "group-spacer" }, null, -1));
@@ -7474,7 +7474,7 @@ function Bu(e, s, t, a, n, i) {
 const Ob = /* @__PURE__ */ y(xu, [["render", Bu]]), zu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
-  components: { EcsButtonMore: Ds, EcsSkeletonLoader: xe },
+  components: { EcsButtonMore: Ds, EcsSkeletonLoader: fe },
   mixins: [ue],
   props: {
     /** The label that shows up to the left of the list item. Usually describes the content to the left, e.g.: "Type", "Profiles", etc. */
@@ -7780,7 +7780,7 @@ const Nb = /* @__PURE__ */ y(Mu, [["render", Ou]]), Au = {
     }
   },
   setup(e) {
-    const s = e, t = _e(() => ({
+    const s = e, t = ke(() => ({
       height: `${s.size}px`,
       width: `${s.size}px`
     }));
@@ -7931,7 +7931,8 @@ function Uu(e, s, t, a, n, i) {
 const Rb = /* @__PURE__ */ y(qu, [["render", Uu], ["__scopeId", "data-v-800f5f8e"]]), Gu = {
   name: "ecs-document-state",
   components: {
-    EcsIcon: M
+    EcsIcon: M,
+    EcsSkeletonLoader: fe
   },
   props: {
     /** Determines if the document has been processed by OCR. */
@@ -7945,6 +7946,11 @@ const Rb = /* @__PURE__ */ y(qu, [["render", Uu], ["__scopeId", "data-v-800f5f8e
       default: !1
     },
     /** Reflects a loading/processing state. */
+    processing: {
+      type: Boolean,
+      default: !1
+    },
+    /** Reflects a loading state. */
     loading: {
       type: Boolean,
       default: !1
@@ -7967,23 +7973,30 @@ const Rb = /* @__PURE__ */ y(qu, [["render", Uu], ["__scopeId", "data-v-800f5f8e
   class: "loading"
 };
 function ef(e, s, t, a, n, i) {
-  const r = g("ecs-icon");
-  return o(), l("div", {
+  const r = g("ecs-skeleton-loader"), c = g("ecs-icon");
+  return t.loading ? (o(), h(r, {
+    key: 0,
+    type: "rect",
+    width: 30,
+    height: 30,
+    "aria-busy": "true"
+  })) : (o(), l("div", {
+    key: 1,
     class: "ecs-document-state",
-    "aria-busy": t.loading || null
+    "aria-busy": t.processing || null
   }, [
     t.ocr ? (o(), l("div", Yu)) : (o(), l("div", Xu)),
     t.instantView ? (o(), l("div", Zu)) : (o(), l("div", Ju)),
-    t.loading ? (o(), l("span", Qu, [
-      _(r, {
+    t.processing ? (o(), l("span", Qu, [
+      _(c, {
         type: "loading",
         size: "18",
         color: "#202127"
       })
     ])) : u("", !0)
-  ], 8, Ku);
+  ], 8, Ku));
 }
-const Fb = /* @__PURE__ */ y(Gu, [["render", ef], ["__scopeId", "data-v-00c4c6d7"]]), tf = {
+const Fb = /* @__PURE__ */ y(Gu, [["render", ef], ["__scopeId", "data-v-8239e8d6"]]), tf = {
   props: {
     /** The initial value of the chart as a percentage. */
     value: {
@@ -8186,9 +8199,9 @@ const hf = /* @__PURE__ */ y(gf, [["render", pf], ["__scopeId", "data-v-fc9084ab
   emits: ["onFileDrop", "cancel"],
   components: {
     EcsEmptyState: ff,
-    EcsSkeletonLoader: xe,
+    EcsSkeletonLoader: fe,
     EcsProgress: hf,
-    EcsButton: Se,
+    EcsButton: xe,
     EcsFocusRing: L,
     EcsFlexRow: Te,
     EcsSticker: Fe,
@@ -8295,13 +8308,6 @@ const hf = /* @__PURE__ */ y(gf, [["render", pf], ["__scopeId", "data-v-fc9084ab
         icon: "back"
       }, this.cancelButton);
     },
-    uploadStatsOptions() {
-      return Object.assign({
-        show: !1,
-        speed: 0,
-        timeRemaining: ""
-      }, this.uploadStats);
-    },
     formattedSpeed() {
       const e = this.uploadStats.speed;
       if (e === 0)
@@ -8383,7 +8389,7 @@ function Cf(e, s, t, a, n, i) {
           width: 100,
           class: "ecs-dropzone-skeleton"
         })) : (o(), l("div", _f, [
-          e.$slots.customlabel ? u("", !0) : (o(), l(J, { key: 0 }, [
+          e.$slots.customlabel ? u("", !0) : (o(), l(X, { key: 0 }, [
             D(" Drag and drop your " + w(t.fileTypeLabel) + " or ", 1),
             f("i", {
               onClick: s[1] || (s[1] = (...B) => i.browseFile && i.browseFile(...B)),
@@ -8468,7 +8474,7 @@ function Cf(e, s, t, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, yf);
 }
-const Hb = /* @__PURE__ */ y(vf, [["render", Cf], ["__scopeId", "data-v-973ea74d"]]), Bf = {
+const Hb = /* @__PURE__ */ y(vf, [["render", Cf], ["__scopeId", "data-v-80ee52db"]]), Bf = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
@@ -8584,7 +8590,7 @@ function Pf(e, s, t, a, n, i) {
 }
 const qb = /* @__PURE__ */ y(Bf, [["render", Pf], ["__scopeId", "data-v-00b5ab33"]]), Tf = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: M, EcsSkeletonLoader: xe, EcsFormatted: Fs },
+  components: { EcsIcon: M, EcsSkeletonLoader: fe, EcsFormatted: Fs },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -8629,11 +8635,10 @@ const qb = /* @__PURE__ */ y(Bf, [["render", Pf], ["__scopeId", "data-v-00b5ab33
   },
   computed: {
     smallFormatted() {
-      if (this.size == "sml")
-        return !0;
+      return this.size === "sml";
     },
     sizeClass() {
-      return this.size && this.size !== "" ? `ecs-excerpt-snippet-${this.size}` : this.size;
+      return `ecs-excerpt-snippet-${this.size}`;
     },
     maxHeightStyles() {
       if (this.maxHeight)
@@ -8693,7 +8698,7 @@ function Vf(e, s, t, a, n, i) {
         key: 0,
         type: "multi",
         count: 3
-      })) : (o(), l(J, { key: 1 }, [
+      })) : (o(), l(X, { key: 1 }, [
         t.type == "formatted" ? (o(), h(d, {
           key: 0,
           small: i.smallFormatted
@@ -8718,7 +8723,7 @@ function Vf(e, s, t, a, n, i) {
     ], 4)
   ], 2);
 }
-const Wb = /* @__PURE__ */ y(Tf, [["render", Vf], ["__scopeId", "data-v-f582192b"]]), jb = {
+const Wb = /* @__PURE__ */ y(Tf, [["render", Vf], ["__scopeId", "data-v-99786854"]]), jb = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8905,7 +8910,7 @@ function ig(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1"
   }, [
     t.hover ? (o(), h(r, { key: 0 })) : u("", !0),
-    _(me, { name: "title" }, {
+    _(pe, { name: "title" }, {
       default: S(() => [
         t.showTitleEdit || !t.edit ? (o(), l("div", Gf, [
           t.icon ? (o(), h(c, {
@@ -8996,7 +9001,7 @@ function ig(e, s, t, a, n, i) {
     }, [
       p(e.$slots, "collapse", {}, void 0, !0)
     ], 10, eg)) : u("", !0),
-    _(me, { name: "edit" }, {
+    _(pe, { name: "edit" }, {
       default: S(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
@@ -9033,7 +9038,7 @@ const Gb = /* @__PURE__ */ y(jf, [["render", ig], ["__scopeId", "data-v-c870bb34
     }
   },
   setup(e) {
-    const s = e, t = _e(() => {
+    const s = e, t = ke(() => {
       switch (s.code) {
         case "eu":
           return "Flag of European Union";
@@ -9323,7 +9328,7 @@ const _g = /* @__PURE__ */ y(yg, [["render", bg], ["__scopeId", "data-v-fb2e8eb9
   components: {
     EcsInputSearch: vg,
     EcsScrollContainer: _g,
-    EcsButton: Se
+    EcsButton: xe
   },
   props: {
     /** Determines if the folder selector control has a search bar to filter by folder name. */
@@ -9592,7 +9597,7 @@ const Zb = /* @__PURE__ */ y(Mg, [["render", Ag], ["__scopeId", "data-v-c9188464
   }
 };
 function Dg(e, s, t, a, n, i) {
-  return o(), h(me, {
+  return o(), h(pe, {
     name: "fade",
     appear: ""
   }, {
@@ -10293,7 +10298,7 @@ const o_ = /* @__PURE__ */ y(bm, [["render", xm], ["__scopeId", "data-v-e2edd2d3
 function Nm(e, s, t, a, n, i) {
   return o(), l("div", Bm, [
     f("div", zm, [
-      i.showAltPageNumbers ? (o(), l(J, { key: 0 }, [
+      i.showAltPageNumbers ? (o(), l(X, { key: 0 }, [
         f("div", Im, [
           f("div", {
             onClick: s[0] || (s[0] = (r) => e.$emit("selectCurPageText")),
@@ -10827,7 +10832,7 @@ function Qm(e, s, t, a, n, i) {
 }
 const c_ = /* @__PURE__ */ y(Gm, [["render", Qm], ["__scopeId", "data-v-dd8572c4"]]), ep = {
   name: "ecs-layout-data-table",
-  components: { EcsActionToolbar: wi, EcsButton: Se },
+  components: { EcsActionToolbar: wi, EcsButton: xe },
   mixins: [ue],
   props: {
     /** Needs to be set when the edit/view sidebar is expanded. */
@@ -10897,7 +10902,7 @@ function lp(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),
-      _(me, { name: n.statisticsBarTransition }, {
+      _(pe, { name: n.statisticsBarTransition }, {
         default: S(() => [
           e.$slots.statistics && n.showStatistics ? (o(), l("div", {
             key: 0,
@@ -11036,7 +11041,7 @@ const u_ = /* @__PURE__ */ y(cp, [["render", gp], ["__scopeId", "data-v-6d506293
   components: {
     EcsFlexRow: Te,
     EcsSticker: Fe,
-    EcsSkeletonLoader: xe
+    EcsSkeletonLoader: fe
   },
   props: {
     /** Determines the type of log message, which also impacts the styling of it. */
@@ -11204,7 +11209,7 @@ const g_ = /* @__PURE__ */ y(yp, [["render", kp], ["__scopeId", "data-v-e2371c57
   mounted() {
     this.show && (this.isShown = !0);
   }
-}, Sp = (e) => (ye("data-v-04163948"), e = e(), be(), e), xp = {
+}, Sp = (e) => (be("data-v-04163948"), e = e(), _e(), e), xp = {
   key: 0,
   class: "ecs-modal-header-wrap"
 }, Cp = { class: "ecs-modal-content-wrap scrollbar" }, Bp = {
@@ -11212,7 +11217,7 @@ const g_ = /* @__PURE__ */ y(yp, [["render", kp], ["__scopeId", "data-v-e2371c57
   class: "ecs-modal-footer-wrap"
 }, zp = /* @__PURE__ */ Sp(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
 function Ip(e, s, t, a, n, i) {
-  return o(), h(me, { name: "dialog-fade" }, {
+  return o(), h(pe, { name: "dialog-fade" }, {
     default: S(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11242,7 +11247,7 @@ const m_ = /* @__PURE__ */ y(wp, [["render", Ip], ["__scopeId", "data-v-04163948
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
-    EcsButton: Se,
+    EcsButton: xe,
     EcsFocusRing: L
   },
   props: {
@@ -11530,7 +11535,7 @@ function Yp(e, s, t, a, n, i) {
         class: "operator-select"
       }, {
         default: S(() => [
-          (o(!0), l(J, null, pe(t.operatorSelectOptions, (m) => (o(), l("option", {
+          (o(!0), l(X, null, he(t.operatorSelectOptions, (m) => (o(), l("option", {
             value: m,
             key: m
           }, w(m), 9, Up))), 128))
@@ -11823,7 +11828,7 @@ const b_ = /* @__PURE__ */ y(Jp, [["render", eh], ["__scopeId", "data-v-ceac7867
 };
 function vh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-button-toolbar"), d = g("ecs-alert");
-  return o(), h(me, {
+  return o(), h(pe, {
     name: "fade",
     appear: ""
   }, {
@@ -11910,7 +11915,7 @@ function vh(e, s, t, a, n, i) {
             e.$slots.sidebar && n.width > 1500 ? (o(), l("div", ch, [
               p(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
-            _(me, { name: "slide" }, {
+            _(pe, { name: "slide" }, {
               default: S(() => [
                 e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", dh, [
                   p(e.$slots, "sidebar", {}, void 0, !0)
@@ -11943,7 +11948,7 @@ const __ = /* @__PURE__ */ y(th, [["render", vh], ["__scopeId", "data-v-9a66e087
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
-    EcsButton: Se,
+    EcsButton: xe,
     EcsSelect: js,
     EcsFlexRow: Te,
     EcsIcon: M
@@ -12041,7 +12046,7 @@ const __ = /* @__PURE__ */ y(th, [["render", vh], ["__scopeId", "data-v-9a66e087
       this.$emit("updatePage", Number(e));
     }
   }
-}, Us = (e) => (ye("data-v-ca016e63"), e = e(), be(), e), bh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), _h = ["value", "selected"], kh = {
+}, Us = (e) => (be("data-v-ca016e63"), e = e(), _e(), e), bh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), _h = ["value", "selected"], kh = {
   key: 0,
   class: "total"
 }, wh = {
@@ -12064,7 +12069,7 @@ function Bh(e, s, t, a, n, i) {
       style: C({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: S(() => [
-        t.type == "paginated" ? (o(), l(J, { key: 0 }, [
+        t.type == "paginated" ? (o(), l(X, { key: 0 }, [
           _(c, null, {
             default: S(() => [
               _(r, {
@@ -12100,7 +12105,7 @@ function Bh(e, s, t, a, n, i) {
                 size: "sml"
               }, {
                 default: S(() => [
-                  (o(!0), l(J, null, pe(t.totalPages, (m) => (o(), l("option", {
+                  (o(!0), l(X, null, he(t.totalPages, (m) => (o(), l("option", {
                     key: m,
                     value: m,
                     selected: m === t.currentPage
@@ -12164,7 +12169,7 @@ function Bh(e, s, t, a, n, i) {
           size: "sml"
         }, {
           default: S(() => [
-            (o(!0), l(J, null, pe(t.itemsPerPage, (m) => (o(), l("option", {
+            (o(!0), l(X, null, he(t.itemsPerPage, (m) => (o(), l("option", {
               key: m,
               value: m,
               selected: m === t.itemsPerPageSelected
@@ -12249,25 +12254,20 @@ const k_ = /* @__PURE__ */ y(yh, [["render", Bh], ["__scopeId", "data-v-ca016e63
     iconColor() {
       if (this.color)
         return this.color;
-      if (this.party)
-        switch (this.party) {
-          case "client":
-            return "var(--color-party-client-icon)";
-          case "opposing":
-            return "var(--color-party-opposing-icon)";
-          case "joint":
-            return "var(--color-party-joint-icon)";
-          case "other":
-            return "var(--color-party-other-icon)";
-          case "court":
-            return "var(--color-party-court-icon)";
-          case "unaffiliated":
-            return "var(--color-party-other-icon)";
-          default:
-            return "var(--color-party-other-icon)";
-        }
-      else
-        return "#000";
+      switch (this.party) {
+        case "client":
+          return "var(--color-party-client-icon)";
+        case "opposing":
+          return "var(--color-party-opposing-icon)";
+        case "joint":
+          return "var(--color-party-joint-icon)";
+        case "other":
+        case "unaffiliated":
+          return "var(--color-party-other-icon)";
+        case "court":
+        default:
+          return "var(--color-party-court-icon)";
+      }
     }
   }
 }, Ih = {
@@ -12304,7 +12304,7 @@ function Eh(e, s, t, a, n, i) {
     t.background ? (o(), l("div", Ih)) : u("", !0)
   ], 6);
 }
-const w_ = /* @__PURE__ */ y(zh, [["render", Eh], ["__scopeId", "data-v-c6300895"]]), $h = {
+const w_ = /* @__PURE__ */ y(zh, [["render", Eh], ["__scopeId", "data-v-d7c75070"]]), $h = {
   name: "ecs-popover-header",
   components: { EcsIcon: M, EcsText: nt },
   props: {
@@ -12381,7 +12381,7 @@ function Nh(e, s, t, a, n, i) {
 }
 const x_ = /* @__PURE__ */ y(Oh, [["render", Nh], ["__scopeId", "data-v-dcc071bc"]]), Dh = {
   name: "ecs-rating-star-read",
-  components: { EcsSkeletonLoader: xe },
+  components: { EcsSkeletonLoader: fe },
   props: {
     /** Sets the star rating count.  */
     rating: {
@@ -12434,7 +12434,7 @@ function Vh(e, s, t, a, n, i) {
 const Hh = /* @__PURE__ */ y(Dh, [["render", Vh], ["__scopeId", "data-v-8f28e1c1"]]), qh = {
   name: "ecs-rating-favorability",
   emits: ["click"],
-  components: { EcsIcon: M, EcsSkeletonLoader: xe },
+  components: { EcsIcon: M, EcsSkeletonLoader: fe },
   props: {
     /** If set, the favorability icon will have a label as well. */
     label: {
@@ -12469,43 +12469,25 @@ const Hh = /* @__PURE__ */ y(Dh, [["render", Vh], ["__scopeId", "data-v-8f28e1c1
       return this.type && this.type !== "" ? `ecs-favorability-${this.type}` : this.type;
     },
     iconType() {
-      switch (this.rating) {
-        case "good":
-        case "Good":
-          return "fav-arrow";
-        case "mixed":
-        case "Mixed":
-          return "fav-mixed";
-        case "bad":
-        case "Bad":
-          return "fav-arrow";
-        case "unrated":
-        case "Unrated":
-          return "fav-unrated";
-        default:
-          return "fav-unrated";
-      }
+      const e = this.rating.toLowerCase();
+      return {
+        good: "fav-arrow",
+        mixed: "fav-mixed",
+        bad: "fav-arrow",
+        unrated: "fav-unrated"
+      }[e];
     },
     css() {
-      return this.rating ? this.rating.toLowerCase() : "";
+      return this.rating.toLowerCase();
     },
     labelText() {
-      switch (this.rating) {
-        case "good":
-        case "Good":
-          return "Good";
-        case "mixed":
-        case "Mixed":
-          return "Mixed";
-        case "bad":
-        case "Bad":
-          return "Bad";
-        case "unrated":
-        case "Unrated":
-          return "Unrated";
-        default:
-          return "Unrated";
-      }
+      const e = this.rating.toLowerCase();
+      return {
+        good: "Good",
+        mixed: "Mixed",
+        bad: "Bad",
+        unrated: "Unrated"
+      }[e];
     }
   }
 }, Wh = ["aria-busy"], jh = ["title"];
@@ -12540,7 +12522,7 @@ function Uh(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, Wh);
 }
-const Gh = /* @__PURE__ */ y(qh, [["render", Uh], ["__scopeId", "data-v-359930b9"]]), Kh = {
+const Gh = /* @__PURE__ */ y(qh, [["render", Uh], ["__scopeId", "data-v-6f812168"]]), Kh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
   components: { EcsCheckbox: Vt, EcsRatingStarRead: Hh, EcsRatingFavorability: Gh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
@@ -12712,7 +12694,7 @@ const C_ = /* @__PURE__ */ y(Kh, [["render", sv], ["__scopeId", "data-v-fe97cca0
       immediate: !0
     }
   }
-}, vt = (e) => (ye("data-v-0f589686"), e = e(), be(), e), nv = {
+}, vt = (e) => (be("data-v-0f589686"), e = e(), _e(), e), nv = {
   key: 0,
   class: "ecs-rating-reset"
 }, av = { class: "ecs-rating-write" }, ov = ["checked", "disabled"], rv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), lv = ["checked", "disabled"], cv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), dv = ["checked", "disabled"], uv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), fv = ["checked", "disabled"], gv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1));
@@ -12889,7 +12871,7 @@ function wv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-segments", [t.inline ? "ecs-segments-inline" : ""]])
   }, [
-    (o(!0), l(J, null, pe(t.options, (c) => (o(), l("label", {
+    (o(!0), l(X, null, he(t.options, (c) => (o(), l("label", {
       key: c.id,
       for: c.id,
       disabled: t.disabled
@@ -12962,7 +12944,7 @@ const I_ = /* @__PURE__ */ y(yv, [["render", wv], ["__scopeId", "data-v-276f231c
       default: !1
     }
   }
-}, xv = (e) => (ye("data-v-1d17a4f3"), e = e(), be(), e), Cv = ["aria-checked", "tabindex"], Bv = /* @__PURE__ */ xv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), zv = {
+}, xv = (e) => (be("data-v-a00076a7"), e = e(), _e(), e), Cv = ["aria-checked", "tabindex"], Bv = /* @__PURE__ */ xv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), zv = {
   key: 1,
   class: "label"
 }, Iv = {
@@ -12995,7 +12977,7 @@ function Ev(e, s, t, a, n, i) {
     })
   ], 42, Cv);
 }
-const E_ = /* @__PURE__ */ y(Sv, [["render", Ev], ["__scopeId", "data-v-1d17a4f3"]]), $v = {
+const E_ = /* @__PURE__ */ y(Sv, [["render", Ev], ["__scopeId", "data-v-a00076a7"]]), $v = {
   name: "ecs-sequence-map"
 }, Pv = {
   class: "ecs-sequence-map",
@@ -13038,7 +13020,7 @@ const $_ = /* @__PURE__ */ y($v, [["render", Tv], ["__scopeId", "data-v-69c3c73d
       default: !1
     }
   }
-}, Lv = (e) => (ye("data-v-9fd5b3f7"), e = e(), be(), e), Ov = ["aria-busy"], Av = { class: "count" }, Nv = /* @__PURE__ */ Lv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
+}, Lv = (e) => (be("data-v-9fd5b3f7"), e = e(), _e(), e), Ov = ["aria-busy"], Av = { class: "count" }, Nv = /* @__PURE__ */ Lv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
 function Dv(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), l("button", {
@@ -13273,7 +13255,7 @@ function ay(e, s, t, a, n, i) {
         p(e.$slots, "primary-controls", {}, void 0, !0)
       ])) : u("", !0)
     ])),
-    _(me, { name: "expansion" }, {
+    _(pe, { name: "expansion" }, {
       default: S(() => [
         t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", iy, [
           p(e.$slots, "subheader", {}, void 0, !0)
@@ -13281,7 +13263,7 @@ function ay(e, s, t, a, n, i) {
       ]),
       _: 3
     }),
-    _(me, { name: "expansion" }, {
+    _(pe, { name: "expansion" }, {
       default: S(() => [
         t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", ny, [
           p(e.$slots, "tertiaryheader", {}, void 0, !0)
@@ -13373,7 +13355,7 @@ function fy(e, s, t, a, n, i) {
     class: v(["ecs-swatches", i.sizeClass]),
     role: "radiogroup"
   }, [
-    (o(!0), l(J, null, pe(t.swatches, (r) => (o(), l("div", {
+    (o(!0), l(X, null, he(t.swatches, (r) => (o(), l("div", {
       key: r.id,
       onClick: (c) => i.handleItemClick(r),
       onKeydown: [
@@ -13509,7 +13491,7 @@ const D_ = /* @__PURE__ */ y(gy, [["render", py], ["__scopeId", "data-v-2c119fff
       }
     }
   }
-}, vy = (e) => (ye("data-v-dd796dff"), e = e(), be(), e), yy = ["disabled", "aria-selected", "aria-controls", "aria-label"], by = {
+}, vy = (e) => (be("data-v-dd796dff"), e = e(), _e(), e), yy = ["disabled", "aria-selected", "aria-controls", "aria-label"], by = {
   key: 2,
   class: "shortcut"
 }, _y = /* @__PURE__ */ vy(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
@@ -13547,7 +13529,7 @@ function ky(e, s, t, a, n, i) {
 const R_ = /* @__PURE__ */ y(hy, [["render", ky], ["__scopeId", "data-v-dd796dff"]]), wy = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: xe, EcsFocusRing: L },
+  components: { EcsSkeletonLoader: fe, EcsFocusRing: L },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -13602,7 +13584,8 @@ const R_ = /* @__PURE__ */ y(hy, [["render", ky], ["__scopeId", "data-v-dd796dff
       }
     },
     colorIsDark() {
-      return this.color && this.color !== "" ? x(this.color).isDark() : null;
+      if (this.color && this.color !== "")
+        return x(this.color).isDark();
     },
     customColorStyle() {
       if (this.color && this.color !== "")
@@ -13655,7 +13638,7 @@ function By(e, s, t, a, n, i) {
     _(c)
   ], 14, Sy);
 }
-const F_ = /* @__PURE__ */ y(wy, [["render", By], ["__scopeId", "data-v-40abc85f"]]), zy = {
+const F_ = /* @__PURE__ */ y(wy, [["render", By], ["__scopeId", "data-v-aed8750a"]]), zy = {
   name: "ecs-tag-cloud"
 }, Iy = {
   class: "ecs-tag-cloud",
@@ -13731,7 +13714,8 @@ const q_ = /* @__PURE__ */ y(Ty, [["render", Ly], ["__scopeId", "data-v-451fee48
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
-    EcsIcon: M
+    EcsIcon: M,
+    EcsSkeletonLoader: fe
   },
   props: {
     /** Displays a status indicator based on the passed value. */
@@ -13744,6 +13728,11 @@ const q_ = /* @__PURE__ */ y(Ty, [["render", Ly], ["__scopeId", "data-v-451fee48
     interactive: {
       type: Boolean,
       default: !1
+    },
+    /** Turns the entire indicator into a skeleton loader. */
+    loading: {
+      type: Boolean,
+      default: !1
     }
   }
 }, Ay = ["aria-busy"], Ny = {
@@ -13757,28 +13746,35 @@ const q_ = /* @__PURE__ */ y(Ty, [["render", Ly], ["__scopeId", "data-v-451fee48
   class: "loading"
 };
 function Fy(e, s, t, a, n, i) {
-  const r = g("ecs-icon");
+  const r = g("ecs-skeleton-loader"), c = g("ecs-icon");
   return o(), l("div", {
-    onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
+    onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
     class: v(["ecs-transcript-state", [t.interactive ? "interactive" : ""]]),
-    "aria-busy": t.state == "loading" || null
+    "aria-busy": t.state == "loading" || t.loading || null
   }, [
-    _(r, {
-      type: "toolbar-transcript",
-      color: "#929AA9"
-    }),
-    t.state == "healthy" ? (o(), l("div", Ny)) : u("", !0),
-    t.state == "corrupted" ? (o(), l("div", Dy)) : u("", !0),
-    t.state == "loading" ? (o(), l("span", Ry, [
-      _(r, {
-        type: "loading",
-        size: "18px",
-        color: "#202127"
-      })
-    ])) : u("", !0)
+    t.loading ? (o(), h(r, {
+      key: 0,
+      type: "rect",
+      width: 30,
+      height: 30
+    })) : (o(), l(X, { key: 1 }, [
+      _(c, {
+        type: "toolbar-transcript",
+        color: "#929AA9"
+      }),
+      t.state == "healthy" ? (o(), l("div", Ny)) : u("", !0),
+      t.state == "corrupted" ? (o(), l("div", Dy)) : u("", !0),
+      t.state == "loading" ? (o(), l("span", Ry, [
+        _(c, {
+          type: "loading",
+          size: "18px",
+          color: "#202127"
+        })
+      ])) : u("", !0)
+    ], 64))
   ], 10, Ay);
 }
-const W_ = /* @__PURE__ */ y(Oy, [["render", Fy], ["__scopeId", "data-v-5c6a9d48"]]), Vy = {
+const W_ = /* @__PURE__ */ y(Oy, [["render", Fy], ["__scopeId", "data-v-57fdcc74"]]), Vy = {
   name: "ecs-tree-list",
   props: {
     /** Optional unique ID for the list. */
@@ -14166,7 +14162,7 @@ export {
   fb as EcsBreadcrumbButton,
   gb as EcsBreadcrumbTitle,
   mb as EcsBulkSelector,
-  Se as EcsButton,
+  xe as EcsButton,
   Os as EcsButtonCollapse,
   hb as EcsButtonContext,
   vb as EcsButtonContextGroup,
@@ -14275,7 +14271,7 @@ export {
   M_ as EcsSidebarContent,
   L_ as EcsSidebarFooter,
   O_ as EcsSidebarHeader,
-  xe as EcsSkeletonLoader,
+  fe as EcsSkeletonLoader,
   Da as EcsSortbutton,
   Vm as EcsSplitpanes,
   Nu as EcsStateIcon,