@everchron/ec-shards 14.0.5 → 14.0.6

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ne, watch as he, createBlock as p, openBlock as o, resolveDynamicComponent as ve, unref as de, normalizeClass as v, createElementBlock as l, normalizeStyle as x, resolveComponent as m, createCommentVNode as u, createElementVNode as g, createVNode as k, createTextVNode as A, toDisplayString as w, renderSlot as h, Transition as ye, withCtx as S, computed as Be, Fragment as H, renderList as se, reactive as Ti, nextTick as Pi, onBeforeUnmount as jt, toRefs as Xs, isRef as Mi, onMounted as Zs, useSlots as Oi, ref as De, watchEffect as lt, withKeys as Q, Teleport as Ai, withDirectives as Fe, vShow as it, mergeProps as Ae, normalizeProps as Li, guardReactiveProps as $i, withModifiers as Y, resolveDirective as Ni, vModelText as Ri, createStaticVNode as Js, markRaw as Di, TransitionGroup as Qs, h as Vi, useCssVars as Hi } from "vue";
+import { defineAsyncComponent as ne, watch as he, createBlock as p, openBlock as o, resolveDynamicComponent as ve, unref as de, normalizeClass as v, createElementBlock as l, normalizeStyle as x, resolveComponent as m, createCommentVNode as u, createElementVNode as g, createVNode as k, createTextVNode as A, toDisplayString as w, renderSlot as h, Transition as ye, withCtx as S, computed as Be, Fragment as H, renderList as se, reactive as Ti, nextTick as Pi, onBeforeUnmount as jt, toRefs as Xs, isRef as Mi, onMounted as Zs, useSlots as Oi, ref as De, watchEffect as lt, withKeys as Q, Teleport as Ai, withDirectives as Fe, vShow as it, mergeProps as Ae, normalizeProps as Li, guardReactiveProps as Ni, withModifiers as Y, resolveDirective as $i, vModelText as Ri, createStaticVNode as Js, markRaw as Di, TransitionGroup as Qs, h as Vi, useCssVars as Hi } from "vue";
 const ae = (e, s, t) => {
   const a = e[s];
   return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((n, i) => {
@@ -94,10 +94,10 @@ function Wi(e, s, t, a, n, i) {
     style: x(i.styles)
   }, null, 6);
 }
-const $ = /* @__PURE__ */ b(qi, [["render", Wi], ["__scopeId", "data-v-8d624905"]]), ji = {
+const N = /* @__PURE__ */ b(qi, [["render", Wi], ["__scopeId", "data-v-8d624905"]]), ji = {
   name: "ecs-alert",
   emits: ["action", "dismissed"],
-  components: { EcsIcon: M, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsFocusRing: N },
   props: {
     /** The alert variant, which defines it's background color. */
     type: {
@@ -575,7 +575,7 @@ function mn(e, s, t, a, n, i) {
   ], 14, fn);
 }
 const nt = /* @__PURE__ */ b(un, [["render", mn], ["__scopeId", "data-v-a25d1ba9"]]), hn = {
-  components: { EcsIcon: M, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsFocusRing: N },
   emits: ["dismiss"],
   props: {
     /** The alert variant, which defines it's background color. */
@@ -694,7 +694,7 @@ const Mb = /* @__PURE__ */ b(vn, [["render", yn], ["__scopeId", "data-v-d1ff2486
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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. */
@@ -1013,7 +1013,7 @@ var ue = "top", Se = "bottom", Ce = "right", fe = "left", Jt = "auto", ot = [ue,
   return e.concat([s + "-" + Ke, s + "-" + st]);
 }, []), ni = /* @__PURE__ */ [].concat(ot, [Jt]).reduce(function(e, s) {
   return e.concat([s, s + "-" + Ke, s + "-" + st]);
-}, []), $n = "beforeRead", Nn = "read", Rn = "afterRead", Dn = "beforeMain", Vn = "main", Hn = "afterMain", Fn = "beforeWrite", qn = "write", Wn = "afterWrite", jn = [$n, Nn, Rn, Dn, Vn, Hn, Fn, qn, Wn];
+}, []), Nn = "beforeRead", $n = "read", Rn = "afterRead", Dn = "beforeMain", Vn = "main", Hn = "afterMain", Fn = "beforeWrite", qn = "write", Wn = "afterWrite", jn = [Nn, $n, Rn, Dn, Vn, Hn, Fn, qn, Wn];
 function Un(e) {
   var s = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), a = [];
   e.forEach(function(i) {
@@ -1202,7 +1202,7 @@ function ci(e, s) {
 }
 function es(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 ? An : c, f = t.rootBoundary, y = f === void 0 ? ii : f, _ = t.elementContext, I = _ === void 0 ? Ze : _, z = t.altBoundary, C = z === void 0 ? !1 : z, E = t.padding, P = E === void 0 ? 0 : E, T = li(typeof P != "number" ? P : ci(P, ot)), N = I === Ze ? Ln : Ze, F = e.rects.popper, O = e.elements[C ? N : I], R = ea(He(O) ? O : O.contextElement || Le(e.elements.popper), d, y, r), D = Ge(e.elements.reference), V = oi({
+  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 ? An : c, f = t.rootBoundary, y = f === void 0 ? ii : f, _ = t.elementContext, I = _ === void 0 ? Ze : _, z = t.altBoundary, C = z === void 0 ? !1 : z, E = t.padding, P = E === void 0 ? 0 : E, T = li(typeof P != "number" ? P : ci(P, ot)), $ = I === Ze ? Ln : Ze, F = e.rects.popper, O = e.elements[C ? $ : I], R = ea(He(O) ? O : O.contextElement || Le(e.elements.popper), d, y, r), D = Ge(e.elements.reference), V = oi({
     reference: D,
     element: F,
     placement: n
@@ -1252,8 +1252,8 @@ function ta(e) {
     }, _ = [], I = !1, z = {
       state: y,
       setOptions: function(T) {
-        var N = typeof T == "function" ? T(y.options) : T;
-        E(), y.options = Object.assign({}, i, y.options, N), y.scrollParents = {
+        var $ = typeof T == "function" ? T(y.options) : T;
+        E(), y.options = Object.assign({}, i, y.options, $), y.scrollParents = {
           reference: He(c) ? et(c) : c.contextElement ? et(c.contextElement) : [],
           popper: et(d)
         };
@@ -1269,10 +1269,10 @@ function ta(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!I) {
-          var T = y.elements, N = T.reference, F = T.popper;
-          if (ws(N, F)) {
+          var T = y.elements, $ = T.reference, F = T.popper;
+          if (ws($, F)) {
             y.rects = {
-              reference: Pn(N, at(F), y.options.strategy === "fixed"),
+              reference: Pn($, at(F), y.options.strategy === "fixed"),
               popper: Zt(F)
             }, y.reset = !1, y.placement = y.options.placement, y.orderedModifiers.forEach(function(G) {
               return y.modifiersData[G.name] = Object.assign({}, G.data);
@@ -1311,7 +1311,7 @@ function ta(e) {
     });
     function C() {
       y.orderedModifiers.forEach(function(P) {
-        var T = P.name, N = P.options, F = N === void 0 ? {} : N, O = P.effect;
+        var T = P.name, $ = P.options, F = $ === void 0 ? {} : $, O = P.effect;
         if (typeof O == "function") {
           var R = O({
             state: y,
@@ -1391,7 +1391,7 @@ function Ss(e) {
     y: E
   };
   z = P.x, E = P.y;
-  var T = r.hasOwnProperty("x"), N = r.hasOwnProperty("y"), F = fe, O = ue, R = window;
+  var T = r.hasOwnProperty("x"), $ = r.hasOwnProperty("y"), F = fe, O = ue, R = window;
   if (f) {
     var D = at(t), V = "clientHeight", W = "clientWidth";
     if (D === ge(t) && (D = Le(t), Pe(D).position !== "static" && c === "absolute" && (V = "scrollHeight", W = "scrollWidth")), D = D, n === ue || (n === fe || n === Ce) && i === st) {
@@ -1422,9 +1422,9 @@ function Ss(e) {
   };
   if (z = Z.x, E = Z.y, d) {
     var L;
-    return Object.assign({}, X, (L = {}, L[O] = N ? "0" : "", L[F] = T ? "0" : "", L.transform = (R.devicePixelRatio || 1) <= 1 ? "translate(" + z + "px, " + E + "px)" : "translate3d(" + z + "px, " + E + "px, 0)", L));
+    return Object.assign({}, X, (L = {}, L[O] = $ ? "0" : "", L[F] = T ? "0" : "", L.transform = (R.devicePixelRatio || 1) <= 1 ? "translate(" + z + "px, " + E + "px)" : "translate3d(" + z + "px, " + E + "px, 0)", L));
   }
-  return Object.assign({}, X, (s = {}, s[O] = N ? E + "px" : "", s[F] = T ? z + "px" : "", s.transform = "", s));
+  return Object.assign({}, X, (s = {}, s[O] = $ ? E + "px" : "", s[F] = T ? z + "px" : "", s.transform = "", s));
 }
 function la(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, f = {
@@ -1517,7 +1517,7 @@ function va(e) {
     rootBoundary: f,
     padding: _,
     altBoundary: y
-  }), T = ze(s.placement), N = Ye(s.placement), F = !N, O = Qt(T), R = ha(O), D = s.modifiersData.popperOffsets, V = s.rects.reference, W = s.rects.popper, U = typeof E == "function" ? E(Object.assign({}, s.rects, {
+  }), T = ze(s.placement), $ = Ye(s.placement), F = !$, O = Qt(T), R = ha(O), D = s.modifiersData.popperOffsets, V = s.rects.reference, W = s.rects.popper, U = typeof E == "function" ? E(Object.assign({}, s.rects, {
     placement: s.placement
   })) : E, G = typeof U == "number" ? {
     mainAxis: U,
@@ -1531,10 +1531,10 @@ function va(e) {
   };
   if (D) {
     if (i) {
-      var L, J = O === "y" ? ue : fe, te = O === "y" ? Se : Ce, ee = O === "y" ? "height" : "width", oe = D[O], We = oe + P[J], be = oe - P[te], Me = z ? -W[ee] / 2 : 0, $e = N === Ke ? V[ee] : W[ee], re = N === Ke ? -W[ee] : -V[ee], je = s.elements.arrow, Oe = z && je ? Zt(je) : {
+      var L, J = O === "y" ? ue : fe, te = O === "y" ? Se : Ce, ee = O === "y" ? "height" : "width", oe = D[O], We = oe + P[J], be = oe - P[te], Me = z ? -W[ee] / 2 : 0, Ne = $ === Ke ? V[ee] : W[ee], re = $ === Ke ? -W[ee] : -V[ee], je = s.elements.arrow, Oe = z && je ? Zt(je) : {
         width: 0,
         height: 0
-      }, _e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ri(), q = _e[J], K = _e[te], le = tt(0, V[ee], Oe[ee]), Ne = F ? V[ee] / 2 - Me - le - q - G.mainAxis : $e - le - q - G.mainAxis, Ci = F ? -V[ee] / 2 + Me + le + K + G.mainAxis : re + le + K + G.mainAxis, bt = s.elements.arrow && at(s.elements.arrow), xi = bt ? O === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, ls = (L = X == null ? void 0 : X[O]) != null ? L : 0, Bi = oe + Ne - ls - xi, zi = oe + Ci - ls, cs = tt(z ? gt(We, Bi) : We, oe, z ? Ve(be, zi) : be);
+      }, _e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ri(), q = _e[J], K = _e[te], le = tt(0, V[ee], Oe[ee]), $e = F ? V[ee] / 2 - Me - le - q - G.mainAxis : Ne - le - q - G.mainAxis, Ci = F ? -V[ee] / 2 + Me + le + K + G.mainAxis : re + le + K + G.mainAxis, bt = s.elements.arrow && at(s.elements.arrow), xi = bt ? O === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, ls = (L = X == null ? void 0 : X[O]) != null ? L : 0, Bi = oe + $e - ls - xi, zi = oe + Ci - ls, cs = tt(z ? gt(We, Bi) : We, oe, z ? Ve(be, zi) : be);
       D[O] = cs, Z[O] = cs - oe;
     }
     if (c) {
@@ -1600,7 +1600,7 @@ function wa(e) {
 function Sa(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, f = t.padding, y = t.boundary, _ = t.rootBoundary, I = t.altBoundary, z = t.flipVariations, C = z === void 0 ? !0 : z, E = t.allowedAutoPlacements, P = s.options.placement, T = ze(P), N = T === P, F = d || (N || !C ? [ft(P)] : wa(P)), O = [P].concat(F).reduce(function(Oe, _e) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, f = t.padding, y = t.boundary, _ = t.rootBoundary, I = t.altBoundary, z = t.flipVariations, C = z === void 0 ? !0 : z, E = t.allowedAutoPlacements, P = s.options.placement, T = ze(P), $ = T === P, F = d || ($ || !C ? [ft(P)] : wa(P)), O = [P].concat(F).reduce(function(Oe, _e) {
       return Oe.concat(ze(_e) === Jt ? ka(s, {
         placement: _e,
         boundary: y,
@@ -1628,18 +1628,18 @@ function Sa(e) {
       V.set(X, be);
     }
     if (W)
-      for (var Me = C ? 3 : 1, $e = function(_e) {
+      for (var Me = C ? 3 : 1, Ne = function(_e) {
         var q = O.find(function(K) {
           var le = V.get(K);
           if (le)
-            return le.slice(0, _e).every(function(Ne) {
-              return Ne;
+            return le.slice(0, _e).every(function($e) {
+              return $e;
             });
         });
         if (q)
           return U = q, "break";
       }, re = Me; re > 0; re--) {
-        var je = $e(re);
+        var je = Ne(re);
         if (je === "break") break;
       }
     s.placement !== U && (s.modifiersData[a]._skip = !0, s.placement = U, s.reset = !0);
@@ -1688,7 +1688,7 @@ var Ia = function(s, t) {
 function Ea(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = ze(t.placement), d = Qt(c), f = [fe, Ce].indexOf(c) >= 0, y = f ? "height" : "width";
   if (!(!i || !r)) {
-    var _ = Ia(n.padding, t), I = Zt(i), z = d === "y" ? ue : fe, C = d === "y" ? Se : Ce, E = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], P = r[d] - t.rects.reference[d], T = at(i), N = T ? d === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, F = E / 2 - P / 2, O = _[z], R = N - I[y] - _[C], D = N / 2 - I[y] / 2 + F, V = tt(O, D, R), W = d;
+    var _ = Ia(n.padding, t), I = Zt(i), z = d === "y" ? ue : fe, C = d === "y" ? Se : Ce, E = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], P = r[d] - t.rects.reference[d], T = at(i), $ = T ? d === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, F = E / 2 - P / 2, O = _[z], R = $ - I[y] - _[C], D = $ / 2 - I[y] / 2 + F, V = tt(O, D, R), W = d;
     t.modifiersData[a] = (s = {}, s[W] = V, s.centerOffset = V - D, s);
   }
 }
@@ -1785,14 +1785,14 @@ function Aa(e, s) {
     i && (i === n.target || n.composedPath().includes(i) || s(n));
   });
 }
-const La = {}, $a = {
+const La = {}, Na = {
   id: "arrow",
   "data-popper-arrow": ""
 };
-function Na(e, s) {
-  return o(), l("div", $a);
+function $a(e, s) {
+  return o(), l("div", Na);
 }
-const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19"]]), Da = ["aria-open"], Va = {
+const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19"]]), Da = ["aria-open"], Va = {
   __name: "Popper",
   props: {
     /**
@@ -1940,12 +1940,12 @@ const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19
         return console.error(
           `[Popper]: The <Popper> component expects only one child element at its root. You passed ${q.length} child nodes.`
         );
-      (n.content !== void 0 || N.value) && (I.value = !0), r = new MutationObserver(E), document.addEventListener("keydown", _e);
+      (n.content !== void 0 || $.value) && (I.value = !0), r = new MutationObserver(E), document.addEventListener("keydown", _e);
     });
     const {
       arrowPadding: P,
       closeDelay: T,
-      content: N,
+      content: $,
       disableClickAway: F,
       disabled: O,
       interactive: R,
@@ -1970,12 +1970,12 @@ const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19
     Be(
       () => R.value ? `border: ${V.value}px solid transparent; margin: -${V.value}px;` : null
     );
-    const be = wt.debounce(L, U.value), Me = wt.debounce(J, T.value), $e = async () => {
+    const be = wt.debounce(L, U.value), Me = wt.debounce(J, T.value), Ne = async () => {
       ee.value || te.value || (Me.clear(), d.value = !0, be());
     }, re = async () => {
       te.value || (be.clear(), d.value = !1, Me());
     }, je = () => {
-      Z.value ? re() : $e();
+      Z.value ? re() : Ne();
     };
     he([I, O], ([q, K]) => {
       Z.value && (!q || K) && J();
@@ -1987,7 +1987,7 @@ const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19
       te.value && (X.value ? be() : Me());
     }), lt(() => {
       We.value && Aa(f, re);
-    }), he(N, (q) => {
+    }), he($, (q) => {
       q ? I.value = !0 : I.value = !1;
     }), lt(() => {
       f.value && r.observe(f.value, {
@@ -2006,12 +2006,12 @@ const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19
       const K = Array.from(z.value), le = K.indexOf(document.activeElement);
       if (q.key === "ArrowDown") {
         q.preventDefault();
-        const Ne = (le + 1) % K.length;
-        K[Ne].focus();
+        const $e = (le + 1) % K.length;
+        K[$e].focus();
       } else if (q.key === "ArrowUp") {
         q.preventDefault();
-        const Ne = (le - 1 + K.length) % K.length;
-        K[Ne].focus();
+        const $e = (le - 1 + K.length) % K.length;
+        K[$e].focus();
       } else q.key === "Escape" ? (q.preventDefault(), re()) : q.key === "Tab" && C.value && (q.preventDefault(), C.value = !1, K.length > 0 && K[0].focus());
     };
     return lt(() => {
@@ -2023,9 +2023,9 @@ const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19
       g("div", {
         ref_key: "triggerNode",
         ref: y,
-        onMouseover: K[0] || (K[0] = (le) => e.hover && $e()),
+        onMouseover: K[0] || (K[0] = (le) => e.hover && Ne()),
         onClick: je,
-        onFocus: $e,
+        onFocus: Ne,
         onKeyup: Q(re, ["esc"]),
         "aria-describedby": c,
         "aria-open": d.value || null,
@@ -2049,7 +2049,7 @@ const Ra = /* @__PURE__ */ b(La, [["render", Na], ["__scopeId", "data-v-b4b01b19
                 close: de(J),
                 isOpen: _.value
               }, () => [
-                A(w(de(N)), 1)
+                A(w(de($)), 1)
               ], !0),
               e.arrow ? (o(), p(Ra, { key: 0 })) : u("", !0)
             ], 512)), [
@@ -2153,7 +2153,7 @@ function qa(e, s, t, a, n, i) {
     persistent: t.persistent || null
   }), {
     content: S((c) => [
-      h(e.$slots, "content", Li($i(c)))
+      h(e.$slots, "content", Li(Ni(c)))
     ]),
     default: S(() => [
       h(e.$slots, "default")
@@ -2181,7 +2181,7 @@ function ja(e, s, t, a, n, i) {
 }
 const di = /* @__PURE__ */ b(Wa, [["render", ja], ["__scopeId", "data-v-b0731279"]]), Ua = {
   name: "ecs-form-check",
-  components: { EcsFocusRing: $ },
+  components: { EcsFocusRing: N },
   props: {
     /** Sets the checkbox to disabled. */
     disabled: {
@@ -2726,7 +2726,7 @@ function ao(e, s, t, a, n, i) {
 const oo = /* @__PURE__ */ b(so, [["render", ao], ["__scopeId", "data-v-88d4a1b8"]]), ro = {
   name: "ecs-switch",
   emits: ["input"],
-  components: { EcsFocusRing: $ },
+  components: { EcsFocusRing: N },
   mixins: [me],
   props: {
     /** Sets the name attribute. */
@@ -2858,7 +2858,7 @@ function mo(e, s, t, a, n, i) {
 const fi = /* @__PURE__ */ b(ro, [["render", mo], ["__scopeId", "data-v-951d9222"]]), ho = {
   name: "ecs-sortbutton",
   emits: ["click"],
-  components: { EcsFormCheck: ss, EcsFocusRing: $ },
+  components: { EcsFormCheck: ss, EcsFocusRing: N },
   props: {
     /** Disables the sort button. */
     disabled: {
@@ -2975,7 +2975,7 @@ const vo = /* @__PURE__ */ b(ho, [["render", po], ["__scopeId", "data-v-2f0cb806
   emits: ["click", "mouseover", "mouseleave"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** Defines the type of button, as well as it's designated importance. */
@@ -3139,7 +3139,7 @@ function wo(e, s, t, a, n, i) {
 const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-79b91f5c"]]), So = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: pt, EcsRadiobutton: oo, EcsSwitch: fi, EcsSortbutton: vo, EcsIcon: M, EcsFileIcon: gi, EcsButton: xe, EcsFocusRing: $ },
+  components: { EcsCheckbox: pt, EcsRadiobutton: oo, EcsSwitch: fi, EcsSortbutton: vo, EcsIcon: M, EcsFileIcon: gi, EcsButton: xe, EcsFocusRing: N },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3303,10 +3303,10 @@ const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-79b91f5c
 }, Po = ["tabindex"], Mo = {
   key: 0,
   class: "after"
-}, Oo = ["tabindex", "href"], Ao = { class: "text" }, Lo = { class: "text-inner" }, $o = {
+}, Oo = ["tabindex", "href"], Ao = { class: "text" }, Lo = { class: "text-inner" }, No = {
   key: 1,
   class: "help"
-}, No = {
+}, $o = {
   key: 2,
   class: "after"
 }, Ro = ["tabindex"], Do = { class: "text" }, Vo = { class: "text-inner" }, Ho = {
@@ -3454,9 +3454,9 @@ function qo(e, s, t, a, n, i) {
           ]),
           _: 1
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
-        t.help ? (o(), l("span", $o, w(t.help), 1)) : u("", !0)
+        t.help ? (o(), l("span", No, w(t.help), 1)) : u("", !0)
       ]),
-      t.suffix ? (o(), l("span", No, w(t.suffix), 1)) : u("", !0),
+      t.suffix ? (o(), l("span", $o, w(t.suffix), 1)) : u("", !0),
       t.hoverIcon ? (o(), p(c, {
         key: 3,
         type: t.hoverIcon,
@@ -3541,7 +3541,7 @@ const mi = /* @__PURE__ */ b(So, [["render", qo], ["__scopeId", "data-v-571b015b
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** If the button should act as a link, you can set the href with this prop. */
@@ -3921,11 +3921,11 @@ function sr(e, s, t, a, n, i) {
     h(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const $b = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-83c21366"]]), ir = {
+const Nb = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-83c21366"]]), ir = {
   name: "ecs-button-collapse",
   emits: ["click"],
   components: {
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** Defines the type of button: `classic` shows a +/-, while `chevron` shows a rotating arrow. */
@@ -4687,7 +4687,7 @@ const Tr = {
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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). */
@@ -4761,7 +4761,7 @@ function Mr(e, s, t, a, n, i) {
     k(c)
   ], 14, Pr);
 }
-const Nb = /* @__PURE__ */ b(Tr, [["render", Mr], ["__scopeId", "data-v-2e6b8605"]]), Or = {
+const $b = /* @__PURE__ */ b(Tr, [["render", Mr], ["__scopeId", "data-v-2e6b8605"]]), Or = {
   name: "ecs-context-button-group"
 }, Ar = { class: "ecs-context-button-group" };
 function Lr(e, s, t, a, n, i) {
@@ -4769,12 +4769,12 @@ function Lr(e, s, t, a, n, i) {
     h(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Rb = /* @__PURE__ */ b(Or, [["render", Lr], ["__scopeId", "data-v-94a53b69"]]), $r = {
+const Rb = /* @__PURE__ */ b(Or, [["render", Lr], ["__scopeId", "data-v-94a53b69"]]), Nr = {
   name: "ecs-button-dialog",
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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). */
@@ -4799,7 +4799,7 @@ const Rb = /* @__PURE__ */ b(Or, [["render", Lr], ["__scopeId", "data-v-94a53b69
       return this.loading ? "loading" : this.icon;
     }
   }
-}, Nr = ["aria-busy"];
+}, $r = ["aria-busy"];
 function Rr(e, s, t, a, n, i) {
   const r = m("ecs-icon"), c = m("ecs-focus-ring");
   return o(), l("button", {
@@ -4816,14 +4816,14 @@ function Rr(e, s, t, a, n, i) {
       radius: 12,
       danger: t.type == "danger"
     }, null, 8, ["danger"])
-  ], 10, Nr);
+  ], 10, $r);
 }
-const Db = /* @__PURE__ */ b($r, [["render", Rr], ["__scopeId", "data-v-d40a7cc1"]]), Dr = {
+const Db = /* @__PURE__ */ b(Nr, [["render", Rr], ["__scopeId", "data-v-d40a7cc1"]]), Dr = {
   name: "ecs-button-more",
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** Displays the button slightly highlighted. Should be used when the state the button triggers is currently visible. */
@@ -4887,7 +4887,7 @@ const vi = /* @__PURE__ */ b(Dr, [["render", Hr], ["__scopeId", "data-v-91c19a75
   emits: ["click", "mouseover", "mouseleave"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** Displays the button in an active state. */
@@ -5009,7 +5009,7 @@ function Kr(e, s, t, a, n, i) {
 const as = /* @__PURE__ */ b(Ur, [["render", Kr], ["__scopeId", "data-v-743ca90b"]]), Yr = {
   name: "ecs-toolbar-icon-button",
   emits: ["click"],
-  components: { EcsIcon: M, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsFocusRing: N },
   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: {
@@ -5344,7 +5344,7 @@ var _l = bl();
 const kl = /* @__PURE__ */ Ut(_l), wl = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed", "menu-opened"],
-  components: { EcsIcon: M, EcsFocusRing: $, EcsButton: xe },
+  components: { EcsIcon: M, EcsFocusRing: N, EcsButton: xe },
   directives: {
     clickOutSide: kl
   },
@@ -5451,7 +5451,7 @@ const kl = /* @__PURE__ */ Ut(_l), wl = {
   }
 }, Sl = ["id"], Cl = ["onClick", "role", "tabindex", "aria-disabled"], xl = { key: 1 };
 function Bl(e, s, t, a, n, i) {
-  const r = m("ecs-icon"), c = m("ecs-button"), d = m("ecs-focus-ring"), f = Ni("click-out-side");
+  const r = m("ecs-icon"), c = m("ecs-button"), d = m("ecs-focus-ring"), f = $i("click-out-side");
   return Fe((o(), l("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
@@ -5509,7 +5509,7 @@ function Bl(e, s, t, a, n, i) {
 const jb = /* @__PURE__ */ b(wl, [["render", Bl], ["__scopeId", "data-v-68234afa"]]), zl = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: xe, EcsFocusRing: $, EcsFlexRow: Ee },
+  components: { EcsButton: xe, EcsFocusRing: N, EcsFlexRow: Ee },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -5694,7 +5694,7 @@ function Ol(e, s, t, a, n, i) {
 const Ub = /* @__PURE__ */ b(zl, [["render", Ol], ["__scopeId", "data-v-2c8b4b19"]]), Al = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
-  components: { EcsIcon: M, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsFocusRing: N },
   mixins: [me],
   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). */
@@ -5770,10 +5770,10 @@ const Ub = /* @__PURE__ */ b(zl, [["render", Ol], ["__scopeId", "data-v-2c8b4b19
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, Ll = ["tabindex", "role", "aria-expanded", "aria-controls"], $l = {
+}, Ll = ["tabindex", "role", "aria-expanded", "aria-controls"], Nl = {
   key: 1,
   class: "description"
-}, Nl = ["title"], Rl = { key: 0 }, Dl = ["id", "aria-hidden"];
+}, $l = ["title"], Rl = { key: 0 }, Dl = ["id", "aria-hidden"];
 function Vl(e, s, t, a, n, i) {
   const r = m("ecs-focus-ring"), c = m("ecs-icon");
   return o(), l("div", {
@@ -5805,7 +5805,7 @@ function Vl(e, s, t, a, n, i) {
         color: "#858E9E",
         size: i.iconSize
       }, null, 8, ["type", "size"])) : u("", !0),
-      t.label ? (o(), l("div", $l, w(t.label), 1)) : u("", !0),
+      t.label ? (o(), l("div", Nl, w(t.label), 1)) : u("", !0),
       g("div", {
         class: "collection",
         onMouseover: s[0] || (s[0] = (...d) => i.toggleTooltip && i.toggleTooltip(...d)),
@@ -5817,7 +5817,7 @@ function Vl(e, s, t, a, n, i) {
         }, [
           d.value ? (o(), l("span", Rl, w(d.name), 1)) : u("", !0)
         ]))), 128))
-      ], 40, Nl)
+      ], 40, $l)
     ], 42, Ll),
     g("div", {
       class: v([n.isVisible || t.nonInteractive ? "collapse-show" : "collapse-hide", "collapse"]),
@@ -6185,19 +6185,19 @@ function bi() {
   var e = mc(), s = typeof self == "object" && self && self.Object === Object && self, t = e || s || Function("return this")();
   return It = t, It;
 }
-var Et, $s;
+var Et, Ns;
 function hc() {
-  if ($s) return Et;
-  $s = 1;
+  if (Ns) return Et;
+  Ns = 1;
   var e = bi(), s = function() {
     return e.Date.now();
   };
   return Et = s, Et;
 }
-var Tt, Ns;
+var Tt, $s;
 function pc() {
-  if (Ns) return Tt;
-  Ns = 1;
+  if ($s) return Tt;
+  $s = 1;
   var e = /\s/;
   function s(t) {
     for (var a = t.length; a-- && e.test(t.charAt(a)); )
@@ -6260,24 +6260,24 @@ function _c() {
   }
   return Lt = r, Lt;
 }
-var $t, qs;
+var Nt, qs;
 function kc() {
-  if (qs) return $t;
+  if (qs) return Nt;
   qs = 1;
   function e(s) {
     return s != null && typeof s == "object";
   }
-  return $t = e, $t;
+  return Nt = e, Nt;
 }
-var Nt, Ws;
+var $t, Ws;
 function wc() {
-  if (Ws) return Nt;
+  if (Ws) return $t;
   Ws = 1;
   var e = _c(), s = kc(), t = "[object Symbol]";
   function a(n) {
     return typeof n == "symbol" || s(n) && e(n) == t;
   }
-  return Nt = a, Nt;
+  return $t = a, $t;
 }
 var Rt, js;
 function Sc() {
@@ -6307,10 +6307,10 @@ function Cc() {
   Us = 1;
   var e = os(), s = hc(), t = Sc(), a = "Expected a function", n = Math.max, i = Math.min;
   function r(c, d, f) {
-    var y, _, I, z, C, E, P = 0, T = !1, N = !1, F = !0;
+    var y, _, I, z, C, E, P = 0, T = !1, $ = !1, F = !0;
     if (typeof c != "function")
       throw new TypeError(a);
-    d = t(d) || 0, e(f) && (T = !!f.leading, N = "maxWait" in f, I = N ? n(t(f.maxWait) || 0, d) : I, F = "trailing" in f ? !!f.trailing : F);
+    d = t(d) || 0, e(f) && (T = !!f.leading, $ = "maxWait" in f, I = $ ? n(t(f.maxWait) || 0, d) : I, F = "trailing" in f ? !!f.trailing : F);
     function O(L) {
       var J = y, te = _;
       return y = _ = void 0, P = L, z = c.apply(te, J), z;
@@ -6320,11 +6320,11 @@ function Cc() {
     }
     function D(L) {
       var J = L - E, te = L - P, ee = d - J;
-      return N ? i(ee, I - te) : ee;
+      return $ ? i(ee, I - te) : ee;
     }
     function V(L) {
       var J = L - E, te = L - P;
-      return E === void 0 || J >= d || J < 0 || N && te >= I;
+      return E === void 0 || J >= d || J < 0 || $ && te >= I;
     }
     function W() {
       var L = s();
@@ -6346,7 +6346,7 @@ function Cc() {
       if (y = arguments, _ = this, E = L, J) {
         if (C === void 0)
           return R(E);
-        if (N)
+        if ($)
           return clearTimeout(C), C = setTimeout(W, d), O(E);
       }
       return C === void 0 && (C = setTimeout(W, d)), z;
@@ -6562,12 +6562,12 @@ const Ac = /* @__PURE__ */ b(Pc, [["render", Oc]]), Ht = {}, Lc = {
   computed: {
     bgStyle() {
       return {
-        "background-image": "url(" + Nc(this.white, this.grey, this.size) + ")"
+        "background-image": "url(" + $c(this.white, this.grey, this.size) + ")"
       };
     }
   }
 };
-function $c(e, s, t) {
+function Nc(e, s, t) {
   if (typeof document > "u")
     return null;
   const a = document.createElement("canvas");
@@ -6575,12 +6575,12 @@ function $c(e, s, t) {
   const n = a.getContext("2d");
   return n ? (n.fillStyle = e, n.fillRect(0, 0, a.width, a.height), n.fillStyle = s, n.fillRect(0, 0, t, t), n.translate(t, t), n.fillRect(0, 0, t, t), a.toDataURL()) : null;
 }
-function Nc(e, s, t) {
+function $c(e, s, t) {
   const a = e + "," + s + "," + t;
   if (Ht[a])
     return Ht[a];
   {
-    const n = $c(e, s, t);
+    const n = Nc(e, s, t);
     return Ht[a] = n, n;
   }
 }
@@ -6979,7 +6979,7 @@ function rd(e, s, t, a, n, i) {
 }
 const Xb = /* @__PURE__ */ b(od, [["render", rd], ["__scopeId", "data-v-08aaa823"]]), ld = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: ie, EcsButtonTable: ns, EcsButton: xe, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsSkeletonLoader: ie, EcsButtonTable: ns, EcsButton: xe, EcsFocusRing: N },
   mixins: [me],
   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). */
@@ -7378,6 +7378,7 @@ const Sd = /* @__PURE__ */ b(_d, [["render", wd], ["__scopeId", "data-v-4f34cac7
      * 
      * The title prop is an object with the following properties:
      * - `text (String)`: The text content of the title
+     * - `textColor (String)`: The color of the title text
      * - `icon (String)`: The icon of the title
      * - `iconColor (String)`: The color of the title icon
      * - `clickable (Boolean)`: Whether the title is clickable
@@ -7579,8 +7580,9 @@ function Td(e, s, t, a, n, i) {
             onMouseenter: s[6] || (s[6] = (E) => i.handleHover(!0)),
             onMouseleave: s[7] || (s[7] = (E) => i.handleHover(!1)),
             class: v(["ecs-data-card-row-title-text", { escape: t.wrap === "wrap-row", clickable: t.title.clickable, emphasized: t.title.emphasized, "is-hovered": n.isHovered }]),
+            style: x({ color: t.title.textColor }),
             ref: "titleText"
-          }, w(t.title.text), 35),
+          }, w(t.title.text), 39),
           h(e.$slots, "titleControls", {}, void 0, !0)
         ], 2)) : u("", !0)
       ]),
@@ -7625,7 +7627,7 @@ function Td(e, s, t, a, n, i) {
     ], 2)
   ]);
 }
-const Qb = /* @__PURE__ */ b(Cd, [["render", Td], ["__scopeId", "data-v-9a5c1e17"]]), Pd = {
+const Qb = /* @__PURE__ */ b(Cd, [["render", Td], ["__scopeId", "data-v-78507101"]]), Pd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
   props: {
@@ -7709,7 +7711,7 @@ function Ld(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 42, Md);
 }
-const e_ = /* @__PURE__ */ b(Pd, [["render", Ld], ["__scopeId", "data-v-60369c9b"]]), $d = {
+const e_ = /* @__PURE__ */ b(Pd, [["render", Ld], ["__scopeId", "data-v-60369c9b"]]), Nd = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "contextmenu", "dblclick", "collapse"],
   props: {
@@ -7767,7 +7769,7 @@ const e_ = /* @__PURE__ */ b(Pd, [["render", Ld], ["__scopeId", "data-v-60369c9b
       this.$refs.grid_row.removeEventListener(e, this.handleRowClick);
     }) : this.$refs.grid_row.removeEventListener(this.mouseEvent, this.handleRowClick));
   }
-}, Nd = {
+}, $d = {
   key: 1,
   class: "ecs-data-grid-row-block"
 };
@@ -7787,11 +7789,11 @@ function Rd(e, s, t, a, n, i) {
       onClick: s[0] || (s[0] = (...r) => i.handleDropzoneClick && i.handleDropzoneClick(...r)),
       class: "ecs-data-grid-row-drop-zone"
     })) : u("", !0),
-    t.state == "disabled" ? (o(), l("div", Nd)) : u("", !0),
+    t.state == "disabled" ? (o(), l("div", $d)) : u("", !0),
     h(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Dd = /* @__PURE__ */ b($d, [["render", Rd], ["__scopeId", "data-v-ae6888e6"]]), Vd = {
+const Dd = /* @__PURE__ */ b(Nd, [["render", Rd], ["__scopeId", "data-v-ae6888e6"]]), Vd = {
   name: "ecs-data-grid-row-group",
   emits: ["toggle"],
   components: {
@@ -7967,7 +7969,7 @@ const wi = /* @__PURE__ */ b(Wd, [["render", Kd], ["__scopeId", "data-v-ca96e231
   components: {
     EcsIcon: M,
     EcsSelect: wi,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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.** */
@@ -8068,6 +8070,11 @@ const wi = /* @__PURE__ */ b(Wd, [["render", Kd], ["__scopeId", "data-v-ca96e231
     empty: {
       type: Boolean,
       default: !1
+    },
+    /** Shows the header in a disabled state and blocks all mouse events. */
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -8267,6 +8274,7 @@ function du(e, s, t, a, n, i) {
         modelValue: n.selectCellValue,
         "onUpdate:modelValue": s[0] || (s[0] = (f) => n.selectCellValue = f),
         onChange: s[1] || (s[1] = (f) => e.$emit("selection", n.selectCellValue)),
+        disabled: t.disabled,
         type: "invisible"
       }, {
         default: S(() => [
@@ -8277,7 +8285,7 @@ function du(e, s, t, a, n, i) {
           }, w(f.name), 9, su))), 128))
         ]),
         _: 1
-      }, 8, ["modelValue"])) : t.empty ? u("", !0) : (o(), l("div", {
+      }, 8, ["modelValue", "disabled"])) : t.empty ? u("", !0) : (o(), l("div", {
         key: 4,
         class: "ecs-data-grid-head-cell-text",
         title: t.name
@@ -8316,7 +8324,7 @@ function du(e, s, t, a, n, i) {
     t.fixedLeftLast ? (o(), l("div", cu)) : u("", !0)
   ], 14, Xd);
 }
-const s_ = /* @__PURE__ */ b(Yd, [["render", du], ["__scopeId", "data-v-4ec84277"]]), uu = {
+const s_ = /* @__PURE__ */ b(Yd, [["render", du], ["__scopeId", "data-v-11da2180"]]), uu = {
   name: "ecs-data-grid-group",
   props: {
     /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
@@ -8916,11 +8924,11 @@ const r_ = /* @__PURE__ */ b(Eu, [["render", Pu]]), Mu = {
 }, Lu = {
   key: 0,
   class: "ecs-dialog-headline"
-}, $u = {
+}, Nu = {
   key: 1,
   class: "ecs-dialog-headline-plain"
 };
-function Nu(e, s, t, a, n, i) {
+function $u(e, s, t, a, n, i) {
   const r = m("ecs-state-icon");
   return o(), l("div", null, [
     t.icon ? (o(), l("h3", Lu, [
@@ -8929,12 +8937,12 @@ function Nu(e, s, t, a, n, i) {
         "icon-color": t.iconColor
       }, null, 8, ["type", "icon-color"]),
       h(e.$slots, "default", {}, void 0, !0)
-    ])) : (o(), l("h3", $u, [
+    ])) : (o(), l("h3", Nu, [
       h(e.$slots, "default", {}, void 0, !0)
     ]))
   ]);
 }
-const l_ = /* @__PURE__ */ b(Au, [["render", Nu], ["__scopeId", "data-v-6e05c98b"]]), Ru = {
+const l_ = /* @__PURE__ */ b(Au, [["render", $u], ["__scopeId", "data-v-6e05c98b"]]), Ru = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -9350,7 +9358,7 @@ const gf = /* @__PURE__ */ b(df, [["render", ff], ["__scopeId", "data-v-1b81f485
     EcsSkeletonLoader: ie,
     EcsProgress: gf,
     EcsButton: xe,
-    EcsFocusRing: $,
+    EcsFocusRing: N,
     EcsFlexRow: Ee,
     EcsSticker: qe,
     EcsTextV2: Xe
@@ -9679,7 +9687,7 @@ const g_ = /* @__PURE__ */ b(Sf, [["render", Cf], ["__scopeId", "data-v-05133d05
     EcsIcon: M,
     EcsSticker: qe,
     EcsButtonMore: vi,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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). */
@@ -9854,7 +9862,7 @@ const m_ = /* @__PURE__ */ b(xf, [["render", Tf], ["__scopeId", "data-v-0b6f41c6
 }, Mf = { class: "ecs-excerpt-title" }, Of = { class: "ecs-excerpt-title-headline" }, Af = { key: 3 }, Lf = {
   key: 0,
   class: "ecs-excerpt-title-cite"
-}, $f = { key: 1 }, Nf = {
+}, Nf = { key: 1 }, $f = {
   key: 1,
   class: "ecs-excerpt-content-transcript"
 }, Rf = {
@@ -9893,7 +9901,7 @@ function Vf(e, s, t, a, n, i) {
           key: 0,
           type: "single",
           width: 100
-        })) : (o(), l("span", $f, w(t.cite), 1))
+        })) : (o(), l("span", Nf, w(t.cite), 1))
       ])) : u("", !0)
     ]),
     g("div", {
@@ -9913,7 +9921,7 @@ function Vf(e, s, t, a, n, i) {
             h(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", Nf, [
+        }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", $f, [
           h(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Rf, [
           g("span", {
@@ -9990,7 +9998,7 @@ const v_ = /* @__PURE__ */ b(Hf, [["render", qf]]), Wf = {
     EcsFileIcon: gi,
     EcsSticker: qe,
     EcsButtonTable: ns,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   mixins: [me],
   props: {
@@ -10362,7 +10370,7 @@ const dg = /* @__PURE__ */ b(lg, [["render", cg], ["__scopeId", "data-v-1d2ad846
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** Adds a tooltip to the clear button. */
@@ -10820,15 +10828,15 @@ const k_ = /* @__PURE__ */ b(Tg, [["render", Ag], ["__scopeId", "data-v-16833f69
       required: !0
     }
   }
-}, $g = ["aria-invalid"], Ng = { class: "ecs-form-set-title" };
+}, Ng = ["aria-invalid"], $g = { class: "ecs-form-set-title" };
 function Rg(e, s, t, a, n, i) {
   return o(), l("fieldset", {
     class: v(["ecs-form-set", t.error ? "error" : ""]),
     "aria-invalid": t.error || null
   }, [
-    g("legend", Ng, w(t.title), 1),
+    g("legend", $g, w(t.title), 1),
     h(e.$slots, "default", {}, void 0, !0)
-  ], 10, $g);
+  ], 10, Ng);
 }
 const w_ = /* @__PURE__ */ b(Lg, [["render", Rg], ["__scopeId", "data-v-c9188464"]]), Dg = {
   name: "ecs-highlight",
@@ -11787,7 +11795,7 @@ const M_ = /* @__PURE__ */ b(Bm, [["render", Pm], ["__scopeId", "data-v-0b163531
       this.$emit("currentPageKeyPressed", e), e.stopPropagation(), e.key == "Enter" && e.preventDefault();
     }
   }
-}, Om = { class: "ecs-viewer-pages" }, Am = { class: "ecs-viewer-pages-inner" }, Lm = { class: "ecs-viewer-pages-pagination" }, $m = ["contenteditable"], Nm = { class: "total-pages" }, Rm = {
+}, Om = { class: "ecs-viewer-pages" }, Am = { class: "ecs-viewer-pages-inner" }, Lm = { class: "ecs-viewer-pages-pagination" }, Nm = ["contenteditable"], $m = { class: "total-pages" }, Rm = {
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
@@ -11807,8 +11815,8 @@ function jm(e, s, t, a, n, i) {
             contenteditable: !t.disabled,
             class: "current-page",
             id: "currPage"
-          }, w(t.currentPage), 41, $m),
-          g("div", Nm, "of " + w(t.lastPage), 1),
+          }, w(t.currentPage), 41, Nm),
+          g("div", $m, "of " + w(t.lastPage), 1),
           t.isTranscriptMissingPages ? (o(), l("span", Rm, "*")) : u("", !0)
         ]),
         g("div", Dm, [
@@ -12472,12 +12480,12 @@ function hh(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 2);
 }
-const $_ = /* @__PURE__ */ b(rs, [["render", hh], ["__scopeId", "data-v-b579f92f"]]), ph = {
+const N_ = /* @__PURE__ */ b(rs, [["render", hh], ["__scopeId", "data-v-b579f92f"]]), ph = {
   name: "ecs-legend-item",
   emits: ["click"],
   components: {
     EcsFlexRow: Ee,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   props: {
     /** Determines the type of legend message. */
@@ -12567,7 +12575,7 @@ function _h(e, s, t, a, n, i) {
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const N_ = /* @__PURE__ */ b(ph, [["render", _h], ["__scopeId", "data-v-6d506293"]]), kh = {
+const $_ = /* @__PURE__ */ b(ph, [["render", _h], ["__scopeId", "data-v-6d506293"]]), kh = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Ee,
@@ -12648,7 +12656,7 @@ function Ch(e, s, t, a, n, i) {
 }
 const R_ = /* @__PURE__ */ b(kh, [["render", Ch], ["__scopeId", "data-v-ff235103"]]), xh = {
   name: "ecs-map",
-  components: { EcsFocusRing: $ },
+  components: { EcsFocusRing: N },
   props: {
     /** Address of the location, needs to be known by Google Maps. */
     address: {
@@ -12780,7 +12788,7 @@ const V_ = /* @__PURE__ */ b(Eh, [["render", Oh], ["__scopeId", "data-v-185a1041
   emits: ["close"],
   components: {
     EcsButton: xe,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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. */
@@ -12815,7 +12823,7 @@ const V_ = /* @__PURE__ */ b(Eh, [["render", Oh], ["__scopeId", "data-v-185a1041
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, $h = { class: "ecs-modal-header-main-inner" }, Nh = {
+}, Nh = { class: "ecs-modal-header-main-inner" }, $h = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
@@ -12825,7 +12833,7 @@ function Rh(e, s, t, a, n, i) {
     class: v(["ecs-modal-header", i.typeClass])
   }, [
     g("div", Lh, [
-      g("div", $h, [
+      g("div", Nh, [
         h(e.$slots, "default", {}, void 0, !0)
       ]),
       k(r, {
@@ -12841,7 +12849,7 @@ function Rh(e, s, t, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    e.$slots.extension ? (o(), l("div", Nh, [
+    e.$slots.extension ? (o(), l("div", $h, [
       h(e.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
@@ -12865,7 +12873,7 @@ function qh(e, s, t, a, n, i) {
 const F_ = /* @__PURE__ */ b(Dh, [["render", qh], ["__scopeId", "data-v-206d1ced"]]), Wh = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
-  components: { EcsIcon: M, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsFocusRing: N },
   props: {
     /** Determines the size of the select control. */
     size: {
@@ -12972,7 +12980,7 @@ const Gh = /* @__PURE__ */ b(Wh, [["render", Uh], ["__scopeId", "data-v-e4819f41
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $,
+    EcsFocusRing: N,
     EcsSelectText: Gh
   },
   props: {
@@ -13112,7 +13120,7 @@ const q_ = /* @__PURE__ */ b(Kh, [["render", ep], ["__scopeId", "data-v-c3c80822
   emits: ["remove"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: $
+    EcsFocusRing: N
   }
 };
 function sp(e, s, t, a, n, i) {
@@ -13764,7 +13772,7 @@ function Lp(e, s, t, a, n, i) {
     ])) : u("", !0)
   ]);
 }
-const K_ = /* @__PURE__ */ b(Tp, [["render", Lp], ["__scopeId", "data-v-f5d26b63"]]), $p = {
+const K_ = /* @__PURE__ */ b(Tp, [["render", Lp], ["__scopeId", "data-v-f5d26b63"]]), Np = {
   name: "EcsPopoverListHeadline",
   components: {
     EcsButtonCollapse: is
@@ -13805,7 +13813,7 @@ const K_ = /* @__PURE__ */ b(Tp, [["render", Lp], ["__scopeId", "data-v-f5d26b63
       this.isCollapsed = !this.isCollapsed, this.$emit("toggle", this.isCollapsed);
     }
   }
-}, Np = {
+}, $p = {
   key: 1,
   class: "ecs-popover-list-title-controls"
 };
@@ -13828,12 +13836,12 @@ function Rp(e, s, t, a, n, i) {
     g("span", null, [
       h(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.controls ? (o(), l("div", Np, [
+    e.$slots.controls ? (o(), l("div", $p, [
       h(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const Y_ = /* @__PURE__ */ b($p, [["render", Rp], ["__scopeId", "data-v-c1516cc2"]]), Dp = {
+const Y_ = /* @__PURE__ */ b(Np, [["render", Rp], ["__scopeId", "data-v-c1516cc2"]]), Dp = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: ie },
   props: {
@@ -13984,7 +13992,7 @@ function Gp(e, s, t, a, n, i) {
 const Kp = /* @__PURE__ */ b(Wp, [["render", Gp], ["__scopeId", "data-v-a6e15633"]]), Yp = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle", "update:volumes"],
-  components: { EcsCheckbox: pt, EcsRatingStarRead: qp, EcsRatingFavorability: Kp, EcsSwitch: fi, EcsIcon: M, EcsFocusRing: $, EcsAvatar: nt, EcsFlexRow: Ee, EcsPopover: ts, EcsPopoverList: di, EcsPopoverListItem: mi },
+  components: { EcsCheckbox: pt, EcsRatingStarRead: qp, EcsRatingFavorability: Kp, EcsSwitch: fi, EcsIcon: M, EcsFocusRing: N, EcsAvatar: nt, EcsFlexRow: Ee, EcsPopover: ts, EcsPopoverList: di, EcsPopoverListItem: mi },
   props: {
     /** The label text for the quicklink. */
     label: {
@@ -14218,7 +14226,7 @@ function fv(e, s, t, a, n, i) {
             (o(!0), l(H, null, se(i.displayedVolumes, (T) => (o(), l("button", {
               key: T.id,
               class: v(["volume", { active: T.active }]),
-              onClick: (N) => i.toggleVolume(T.id),
+              onClick: ($) => i.toggleVolume(T.id),
               title: `${T.name} (${T.date})`,
               "aria-label": `Volume ${T.id}${T.active ? " active" : ""}`
             }, w(T.id), 11, rv))), 128)),
@@ -14231,7 +14239,7 @@ function fv(e, s, t, a, n, i) {
                   default: S(() => [
                     (o(!0), l(H, null, se(n.localVolumes.slice(3), (T) => (o(), p(I, {
                       key: T.id,
-                      onClick: (N) => i.toggleVolume(T.id),
+                      onClick: ($) => i.toggleVolume(T.id),
                       selected: T.active,
                       title: `${T.name} (${T.date})`,
                       "aria-label": `Volume ${T.id}${T.active ? " active" : ""}`
@@ -14618,7 +14626,7 @@ const ek = /* @__PURE__ */ b(Ev, [["render", Ov], ["__scopeId", "data-v-1cb14db0
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
-    EcsFocusRing: $,
+    EcsFocusRing: N,
     EcsIllustration: qg
   },
   props: {
@@ -14659,10 +14667,10 @@ const ek = /* @__PURE__ */ b(Ev, [["render", Ov], ["__scopeId", "data-v-1cb14db0
       default: !1
     }
   }
-}, Lv = ["aria-checked", "tabindex"], $v = {
+}, Lv = ["aria-checked", "tabindex"], Nv = {
   key: 1,
   class: "label"
-}, Nv = {
+}, $v = {
   key: 2,
   class: "help"
 };
@@ -14684,8 +14692,8 @@ function Rv(e, s, t, a, n, i) {
       key: 0,
       type: t.illustration
     }, null, 8, ["type"])) : u("", !0),
-    t.label ? (o(), l("div", $v, w(t.label), 1)) : u("", !0),
-    t.helpText ? (o(), l("div", Nv, w(t.helpText), 1)) : u("", !0),
+    t.label ? (o(), l("div", Nv, w(t.label), 1)) : u("", !0),
+    t.helpText ? (o(), l("div", $v, w(t.helpText), 1)) : u("", !0),
     k(c, {
       inset: -6,
       radius: 12
@@ -14707,7 +14715,7 @@ function Hv(e, s, t, a, n, i) {
 const sk = /* @__PURE__ */ b(Dv, [["render", Hv], ["__scopeId", "data-v-69c3c73d"]]), Fv = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
-  components: { EcsIcon: M, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsFocusRing: N },
   props: {
     /** Index of the step. */
     step: {
@@ -15454,23 +15462,23 @@ const uk = /* @__PURE__ */ b(My, [["render", Ay], ["__scopeId", "data-v-9c0b74cb
   mounted() {
     !this.ariaLabeledBy || this.ariaLabeledBy.trim();
   }
-}, $y = ["aria-labelledby"];
-function Ny(e, s, t, a, n, i) {
+}, Ny = ["aria-labelledby"];
+function $y(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-tab-pane", [t.show ? "show" : "", t.flex ? "ecs-tab-pane-flex" : "", i.directionClass]]),
     role: "tabpanel",
     "aria-labelledby": t.ariaLabeledBy
   }, [
     h(e.$slots, "default", {}, void 0, !0)
-  ], 10, $y);
+  ], 10, Ny);
 }
-const fk = /* @__PURE__ */ b(Ly, [["render", Ny], ["__scopeId", "data-v-2c119fff"]]), Ry = {
+const fk = /* @__PURE__ */ b(Ly, [["render", $y], ["__scopeId", "data-v-2c119fff"]]), Ry = {
   name: "ecs-tab-button",
   emits: ["click", "tabNavigation"],
   components: {
     EcsIcon: M,
     EcsSticker: qe,
-    EcsFocusRing: $
+    EcsFocusRing: N
   },
   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. */
@@ -15612,7 +15620,7 @@ function Hy(e, s, t, a, n, i) {
 const gk = /* @__PURE__ */ b(Ry, [["render", Hy], ["__scopeId", "data-v-e723f4d5"]]), Fy = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: ie, EcsFocusRing: $ },
+  components: { EcsSkeletonLoader: ie, EcsFocusRing: N },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -15734,7 +15742,7 @@ function Yy(e, s, t, a, n, i) {
 const hk = /* @__PURE__ */ b(Gy, [["render", Yy], ["__scopeId", "data-v-4334fe7e"]]), Xy = {
   name: "ecs-toast",
   emits: ["action"],
-  components: { EcsFocusRing: $ },
+  components: { EcsFocusRing: N },
   props: {
     /** Determines the visual theme of the toast message. */
     theme: {
@@ -15888,7 +15896,7 @@ function cb(e, s, t, a, n, i) {
 const bk = /* @__PURE__ */ b(rb, [["render", cb], ["__scopeId", "data-v-6af94f50"]]), db = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
-  components: { EcsIcon: M, EcsButtonCollapse: is, EcsFocusRing: $ },
+  components: { EcsIcon: M, EcsButtonCollapse: is, EcsFocusRing: N },
   mixins: [me],
   props: {
     /** ID for the Tree List Item */
@@ -16276,10 +16284,10 @@ export {
   Lb as EcsBulkSelector,
   xe as EcsButton,
   is as EcsButtonCollapse,
-  Nb as EcsButtonContext,
+  $b as EcsButtonContext,
   Rb as EcsButtonContextGroup,
   Db as EcsButtonDialog,
-  $b as EcsButtonGroup,
+  Nb as EcsButtonGroup,
   vi as EcsButtonMore,
   ns as EcsButtonTable,
   vt as EcsButtonToolbar,
@@ -16327,7 +16335,7 @@ export {
   b_ as EcsFlag,
   dg as EcsFlexCol,
   Ee as EcsFlexRow,
-  $ as EcsFocusRing,
+  N as EcsFocusRing,
   __ as EcsFolderSelector,
   ss as EcsFormCheck,
   Eg as EcsFormGroup,
@@ -16350,10 +16358,10 @@ export {
   P_ as EcsJumperDocument,
   M_ as EcsJumperIndex,
   O_ as EcsJumperPage,
-  $_ as EcsLayoutDataTable,
+  N_ as EcsLayoutDataTable,
   L_ as EcsLayoutDirectory,
   A_ as EcsLayoutIndex,
-  N_ as EcsLegendItem,
+  $_ as EcsLegendItem,
   R_ as EcsLogMessage,
   D_ as EcsMap,
   V_ as EcsModal,